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

mito_ai-0.1.58.data/data/share/jupyter/labextensions/mito_ai/static/lib_index_js.03302cc521d72eb56b00.js → mito_ai-0.1.59.data/data/share/jupyter/labextensions/mito_ai/static/lib_index_js.44c109c7be36fb884d25.js

@@ -2162,6 +2162,7 @@ const MarkdownBlock = ({ markdown, renderMimeRegistry, notebookTracker }) => {
     // This ensures re-renders when cells are reordered (even if count stays the same)
     const cellOrderKey = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
         return Array.from(cellOrder.entries())
+            .filter(([cellId]) => cellId != null) // Filter out entries with undefined/null keys
             .sort((a, b) => a[0].localeCompare(b[0])) // Sort by cellId for stable string
             .map(([cellId, cellNumber]) => `${cellId}:${cellNumber}`)
             .join(',');
@@ -9306,10 +9307,10 @@ const getFullErrorMessageFromTraceback = (tracebackArray) => {
 
 /***/ }),
 
-/***/ "./lib/Extensions/MitoThemeLight/index.js":
-/*!************************************************!*\
-  !*** ./lib/Extensions/MitoThemeLight/index.js ***!
-  \************************************************/
+/***/ "./lib/Extensions/MitoThemes/index.js":
+/*!********************************************!*\
+  !*** ./lib/Extensions/MitoThemes/index.js ***!
+  \********************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
@@ -9326,8 +9327,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _jupyterlab_ui_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_ui_components__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _components_RunCellButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/RunCellButton */ "./lib/components/RunCellButton.js");
-/* harmony import */ var _utils_lineNumbers__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../utils/lineNumbers */ "./lib/utils/lineNumbers.js");
+/* harmony import */ var _components_RunCellButton__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/RunCellButton */ "./lib/components/RunCellButton.js");
+/* harmony import */ var _utils_lineNumbers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils/lineNumbers */ "./lib/utils/lineNumbers.js");
+/* harmony import */ var _palettes__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./palettes */ "./lib/Extensions/MitoThemes/palettes.js");
 /* harmony import */ var _style_RunCellButton_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../style/RunCellButton.css */ "./style/RunCellButton.css");
 /*
  * Copyright (c) Saga Inc.
@@ -9341,6 +9343,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 /**
  * Updates cell numbers for all cells in a notebook.
  * Uses notebook.widgets which is always in the correct order.
@@ -9378,6 +9381,8 @@ function setupCellNumbering(notebookPanel) {
         updateAllCellNumbers(notebookPanel);
     });
     observer.observe(notebook.node, { childList: true, subtree: true });
+    // Initial update
+    updateAllCellNumbers(notebookPanel);
     // Return cleanup function
     return () => {
         var _a;
@@ -9394,20 +9399,24 @@ function setupCellNumbering(notebookPanel) {
     };
 }
 /**
- * A plugin for the Mito Light Theme.
+ * A plugin for the Mito Themes (Light and Dark).
  *
- * The Run Cell Button, cell numbering, and hidden default toolbar buttons only apply
- * when the Mito Light theme is active.
+ * Registers both Mito Light and Mito Dark themes.
+ * The Run Cell Button, cell numbering, and hidden default toolbar buttons apply
+ * when either Mito theme is active.
  */
 const plugin = {
-    id: 'mito_ai:theme',
-    description: 'Adds the Mito Light theme.',
+    id: 'mito_ai:themes',
+    description: 'Adds the Mito Light and Dark themes.',
     requires: [_jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_0__.IThemeManager, _jupyterlab_translation__WEBPACK_IMPORTED_MODULE_1__.ITranslator, _jupyterlab_notebook__WEBPACK_IMPORTED_MODULE_2__.INotebookTracker],
     activate: (app, manager, translator, notebookTracker) => {
         const trans = translator.load('jupyterlab');
+        // CSS path - single CSS file for both themes (uses CSS variables set by palettes)
         const style = 'mito_ai/index.css';
-        // Store connection for cleanup
-        let widgetAddedConnection = null;
+        const palettes = new _palettes__WEBPACK_IMPORTED_MODULE_6__.MitoPalettes();
+        // Store connections for cleanup
+        let lightWidgetAddedConnection = null;
+        let darkWidgetAddedConnection = null;
         // Store cell numbering cleanup functions for each notebook
         const cellNumberingCleanups = new Map();
         // Add Run Cell button to notebook toolbar
@@ -9428,7 +9437,7 @@ const plugin = {
                     this.addClass('mito-run-cell-button-widget');
                 }
                 render() {
-                    return react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_components_RunCellButton__WEBPACK_IMPORTED_MODULE_6__["default"], { notebookPanel: this.panel });
+                    return react__WEBPACK_IMPORTED_MODULE_4___default().createElement(_components_RunCellButton__WEBPACK_IMPORTED_MODULE_7__["default"], { notebookPanel: this.panel });
                 }
             }
             const runCellWidget = new RunCellButtonWidget(notebookPanel);
@@ -9467,54 +9476,65 @@ const plugin = {
                 cellNumberingCleanups.delete(notebookPanel);
             }
         };
-        // Add buttons and cell numbering to all notebooks
-        const addButtonsToAllNotebooks = () => {
+        // Add cell numbering to a notebook panel (guard against duplicates)
+        const addCellNumbering = (notebookPanel) => {
+            if (cellNumberingCleanups.has(notebookPanel)) {
+                return;
+            }
+            const cleanup = setupCellNumbering(notebookPanel);
+            if (cleanup) {
+                cellNumberingCleanups.set(notebookPanel, cleanup);
+                // Also cleanup when notebook is disposed
+                notebookPanel.disposed.connect(() => {
+                    cellNumberingCleanups.delete(notebookPanel);
+                });
+            }
+        };
+        // Add buttons and cell numbering to all notebooks (for a specific theme)
+        const addButtonsToAllNotebooks = (themeName) => {
             notebookTracker.forEach(widget => {
                 addRunCellButton(widget);
                 // Enable line numbers if needed
-                void (0,_utils_lineNumbers__WEBPACK_IMPORTED_MODULE_7__.enableLineNumbersIfNeeded)(app, widget);
+                void (0,_utils_lineNumbers__WEBPACK_IMPORTED_MODULE_8__.enableLineNumbersIfNeeded)(app, widget);
                 // Setup cell numbering
-                const cleanup = setupCellNumbering(widget);
-                if (cleanup) {
-                    cellNumberingCleanups.set(widget, cleanup);
-                    // Also cleanup when notebook is disposed
-                    widget.disposed.connect(() => {
-                        cellNumberingCleanups.delete(widget);
-                    });
-                }
+                addCellNumbering(widget);
             });
             // Connect to new notebooks
-            widgetAddedConnection = (sender, widget) => {
+            const widgetAddedHandler = (sender, widget) => {
                 setTimeout(() => {
                     // Check if widget is still valid before proceeding
                     if (widget.isDisposed) {
                         return;
                     }
-                    // Only add if Mito Light theme is still active
-                    if (manager.theme === 'Mito Light') {
+                    // Only add if the specified theme is still active
+                    if (manager.theme === themeName) {
                         addRunCellButton(widget);
                         // Enable line numbers if needed
-                        void (0,_utils_lineNumbers__WEBPACK_IMPORTED_MODULE_7__.enableLineNumbersIfNeeded)(app, widget);
+                        void (0,_utils_lineNumbers__WEBPACK_IMPORTED_MODULE_8__.enableLineNumbersIfNeeded)(app, widget);
                         // Setup cell numbering
-                        const cleanup = setupCellNumbering(widget);
-                        if (cleanup) {
-                            cellNumberingCleanups.set(widget, cleanup);
-                            // Also cleanup when notebook is disposed
-                            widget.disposed.connect(() => {
-                                cellNumberingCleanups.delete(widget);
-                            });
-                        }
+                        addCellNumbering(widget);
                     }
                 }, 100);
             };
-            notebookTracker.widgetAdded.connect(widgetAddedConnection);
+            if (themeName === 'Mito Light') {
+                lightWidgetAddedConnection = widgetAddedHandler;
+                notebookTracker.widgetAdded.connect(lightWidgetAddedConnection);
+            }
+            else if (themeName === 'Mito Dark') {
+                darkWidgetAddedConnection = widgetAddedHandler;
+                notebookTracker.widgetAdded.connect(darkWidgetAddedConnection);
+            }
         };
         // Remove buttons and cell numbering from all notebooks
         const removeButtonsFromAllNotebooks = () => {
             // Disconnect from new notebooks
-            if (widgetAddedConnection) {
-                notebookTracker.widgetAdded.disconnect(widgetAddedConnection);
-                widgetAddedConnection = null;
+            if (lightWidgetAddedConnection) {
+                notebookTracker.widgetAdded.disconnect(lightWidgetAddedConnection);
+                lightWidgetAddedConnection = null;
+            }
+            if (darkWidgetAddedConnection) {
+                notebookTracker.widgetAdded.disconnect(darkWidgetAddedConnection);
+                darkWidgetAddedConnection = null;
             }
             // Remove from all existing notebooks
             notebookTracker.forEach(widget => {
@@ -9524,33 +9544,323 @@ const plugin = {
             // Clear all cleanup functions
             cellNumberingCleanups.clear();
         };
+        // Register Mito Light theme
         manager.register({
             name: 'Mito Light',
             displayName: trans.__('Mito Light'),
             isLight: true,
             themeScrollbars: false,
             load: async () => {
-                // Load theme CSS (hides default buttons)
+                // Set CSS variables for light theme before loading CSS
+                palettes.setColorsLight();
+                // Load theme CSS (hides default buttons, applies light theme variables)
                 await manager.loadCSS(style);
                 // Add Run Cell buttons to all notebooks and enable line numbers
-                addButtonsToAllNotebooks();
+                addButtonsToAllNotebooks('Mito Light');
             },
             unload: async () => {
                 // Remove Run Cell buttons from all notebooks
                 removeButtonsFromAllNotebooks();
             }
         });
-        // Set Mito Light as default theme if user hasn't explicitly chosen a different theme
-        // This runs after registration so the theme is available
-        if (manager.theme === 'JupyterLab Light' || !manager.theme) {
-            void manager.setTheme('Mito Light');
-        }
+        // Register Mito Dark theme
+        manager.register({
+            name: 'Mito Dark',
+            displayName: trans.__('Mito Dark'),
+            isLight: false,
+            themeScrollbars: false,
+            load: async () => {
+                // Set CSS variables for dark theme before loading CSS
+                palettes.setColorsDark();
+                // Load theme CSS (hides default buttons, applies dark theme variables)
+                await manager.loadCSS(style);
+                // Add Run Cell buttons to all notebooks and enable line numbers
+                addButtonsToAllNotebooks('Mito Dark');
+            },
+            unload: async () => {
+                // Remove Run Cell buttons from all notebooks
+                removeButtonsFromAllNotebooks();
+            }
+        });
+        // Flag to prevent infinite recursion when we convert themes
+        let isConvertingTheme = false;
+        // Helper function to convert non-Mito themes to corresponding Mito theme
+        const convertToMitoTheme = (themeName) => {
+            // Prevent infinite recursion - if we're already converting, don't do it again
+            if (isConvertingTheme) {
+                return;
+            }
+            if (!themeName) {
+                // No theme set, default to Mito Light
+                isConvertingTheme = true;
+                void manager.setTheme('Mito Light').finally(() => {
+                    isConvertingTheme = false;
+                });
+                return;
+            }
+            const isMitoTheme = themeName === 'Mito Light' || themeName === 'Mito Dark';
+            if (isMitoTheme) {
+                // Already a Mito theme, don't change - this ensures user's Mito theme preference is preserved
+                return;
+            }
+            // Convert non-Mito themes to corresponding Mito theme
+            isConvertingTheme = true;
+            if (themeName === 'JupyterLab Dark' || themeName.includes('Dark')) {
+                void manager.setTheme('Mito Dark').finally(() => {
+                    isConvertingTheme = false;
+                });
+            }
+            else {
+                // Default to light theme for any other non-Mito theme (including JupyterLab Light)
+                void manager.setTheme('Mito Light').finally(() => {
+                    isConvertingTheme = false;
+                });
+            }
+        };
+        // Wait for app restoration to complete before checking/setting theme
+        // This ensures saved theme preferences are loaded first
+        void app.restored.then(() => {
+            // Convert theme on initial load if needed
+            convertToMitoTheme(manager.theme);
+        });
+        // Listen for theme changes and automatically convert to Mito theme
+        // This ensures that when users switch themes, they get converted to Mito themes
+        // and the preference is saved properly
+        manager.themeChanged.connect(() => {
+            // Use manager.theme to get the current theme after the change
+            convertToMitoTheme(manager.theme);
+        });
     },
     autoStart: true
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (plugin);
 
 
+/***/ }),
+
+/***/ "./lib/Extensions/MitoThemes/palettes.js":
+/*!***********************************************!*\
+  !*** ./lib/Extensions/MitoThemes/palettes.js ***!
+  \***********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   MitoPalettes: () => (/* binding */ MitoPalettes)
+/* harmony export */ });
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+/**
+ * MitoPalettes class sets CSS variables for light and dark themes.
+ * Similar to catppuccin's approach, this allows a single CSS file to work
+ * for both themes by setting different variable values before loading CSS.
+ */
+class MitoPalettes {
+    /**
+     * Set CSS variables for the light theme
+     */
+    setColorsLight() {
+        // Border colors
+        document.documentElement.style.setProperty('--mito-theme-border-color0', '#bdbdbd');
+        document.documentElement.style.setProperty('--mito-theme-border-color1', '#bdbdbd');
+        document.documentElement.style.setProperty('--mito-theme-border-color2', '#e0e0e0');
+        document.documentElement.style.setProperty('--mito-theme-border-color3', '#eee');
+        document.documentElement.style.setProperty('--mito-theme-inverse-border-color', '#757575');
+        // UI Font colors
+        document.documentElement.style.setProperty('--mito-theme-ui-font-color0', 'rgba(0, 0, 0, 1)');
+        document.documentElement.style.setProperty('--mito-theme-ui-font-color1', 'rgba(0, 0, 0, 0.87)');
+        document.documentElement.style.setProperty('--mito-theme-ui-font-color2', 'rgba(0, 0, 0, 0.54)');
+        document.documentElement.style.setProperty('--mito-theme-ui-font-color3', 'rgba(0, 0, 0, 0.38)');
+        document.documentElement.style.setProperty('--mito-theme-ui-inverse-font-color0', 'rgba(255, 255, 255, 1)');
+        document.documentElement.style.setProperty('--mito-theme-ui-inverse-font-color1', 'rgba(255, 255, 255, 1)');
+        document.documentElement.style.setProperty('--mito-theme-ui-inverse-font-color2', 'rgba(255, 255, 255, 0.7)');
+        document.documentElement.style.setProperty('--mito-theme-ui-inverse-font-color3', 'rgba(255, 255, 255, 0.5)');
+        // Content Font colors
+        document.documentElement.style.setProperty('--mito-theme-content-font-color0', 'rgba(0, 0, 0, 1)');
+        document.documentElement.style.setProperty('--mito-theme-content-font-color1', 'rgba(0, 0, 0, 0.87)');
+        document.documentElement.style.setProperty('--mito-theme-content-font-color2', 'rgba(0, 0, 0, 0.54)');
+        document.documentElement.style.setProperty('--mito-theme-content-font-color3', 'rgba(0, 0, 0, 0.38)');
+        document.documentElement.style.setProperty('--mito-theme-content-link-color', '#0d47a1');
+        document.documentElement.style.setProperty('--mito-theme-content-link-visited-color', '#7b1fa2');
+        // Layout colors
+        document.documentElement.style.setProperty('--mito-theme-layout-color0', 'white');
+        document.documentElement.style.setProperty('--mito-theme-layout-color1', 'white');
+        document.documentElement.style.setProperty('--mito-theme-layout-color2', '#eee');
+        document.documentElement.style.setProperty('--mito-theme-layout-color3', '#bdbdbd');
+        document.documentElement.style.setProperty('--mito-theme-layout-color4', '#757575');
+        document.documentElement.style.setProperty('--mito-theme-inverse-layout-color0', '#111');
+        document.documentElement.style.setProperty('--mito-theme-inverse-layout-color1', '#212121');
+        document.documentElement.style.setProperty('--mito-theme-inverse-layout-color2', '#424242');
+        document.documentElement.style.setProperty('--mito-theme-inverse-layout-color3', '#616161');
+        document.documentElement.style.setProperty('--mito-theme-inverse-layout-color4', '#757575');
+        // Brand colors (using purple variables from light theme)
+        document.documentElement.style.setProperty('--mito-theme-brand-color0', 'var(--purple-900)');
+        document.documentElement.style.setProperty('--mito-theme-brand-color1', 'var(--purple-700)');
+        document.documentElement.style.setProperty('--mito-theme-brand-color2', 'var(--purple-500)');
+        document.documentElement.style.setProperty('--mito-theme-brand-color3', 'var(--purple-300)');
+        document.documentElement.style.setProperty('--mito-theme-brand-color4', 'var(--purple-300)');
+        // Primary button colors (light mode: blue theme to avoid pinkish-purple)
+        document.documentElement.style.setProperty('--mito-theme-button-background', 'var(--blue-300)');
+        document.documentElement.style.setProperty('--mito-theme-button-border', 'var(--blue-900)');
+        document.documentElement.style.setProperty('--mito-theme-button-text', 'var(--blue-900)');
+        document.documentElement.style.setProperty('--mito-theme-button-hover-background', 'var(--blue-400)');
+        // Cell editor colors
+        document.documentElement.style.setProperty('--mito-theme-cell-editor-background', '#f5f5f5');
+        document.documentElement.style.setProperty('--mito-theme-cell-editor-border-color', '#e0e0e0');
+        document.documentElement.style.setProperty('--mito-theme-cell-editor-active-background', 'var(--mito-theme-layout-color0)');
+        document.documentElement.style.setProperty('--mito-theme-cell-prompt-not-active-font-color', '#616161');
+        document.documentElement.style.setProperty('--mito-theme-cell-outprompt-font-color', '#bf5b3d');
+        // Notebook colors
+        document.documentElement.style.setProperty('--mito-theme-notebook-select-background', 'var(--mito-theme-layout-color1)');
+        document.documentElement.style.setProperty('--mito-theme-notebook-multiselected-color', '#e3f2fd');
+        // Rendermime colors
+        document.documentElement.style.setProperty('--mito-theme-rendermime-error-background', '#fdd');
+        document.documentElement.style.setProperty('--mito-theme-rendermime-table-row-background', '#ebebeb');
+        document.documentElement.style.setProperty('--mito-theme-rendermime-table-row-hover-background', '#e1f5fe');
+        // Dialog colors
+        document.documentElement.style.setProperty('--mito-theme-dialog-background', 'rgba(0, 0, 0, 0.25)');
+        // Input field colors
+        document.documentElement.style.setProperty('--mito-theme-input-background', '#f5f5f5');
+        document.documentElement.style.setProperty('--mito-theme-input-border-color', 'var(--mito-theme-inverse-border-color)');
+        // Editor colors
+        document.documentElement.style.setProperty('--mito-theme-editor-selected-background', '#d9d9d9');
+        document.documentElement.style.setProperty('--mito-theme-editor-selected-focused-background', '#d7d4f0');
+        document.documentElement.style.setProperty('--mito-theme-editor-cursor-color', 'var(--mito-theme-ui-font-color0)');
+        // Line number colors (grey/white/blue instead of pink)
+        document.documentElement.style.setProperty('--mito-theme-line-number-color', '#92999F');
+        // Code mirror colors
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-keyword-color', '#008000');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-atom-color', '#88f');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-number-color', '#080');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-def-color', '#00f');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-variable-color', '#212121');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-variable-2-color', 'rgb(0, 54, 109)');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-variable-3-color', '#085');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-punctuation-color', '#05a');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-property-color', '#05a');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-operator-color', '#7800c2');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-comment-color', '#408080');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-string-color', '#ba2121');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-string-2-color', '#708');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-meta-color', '#a2f');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-qualifier-color', '#555');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-builtin-color', '#008000');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-bracket-color', '#997');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-tag-color', '#170');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-attribute-color', '#00c');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-header-color', 'blue');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-quote-color', '#090');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-link-color', '#00c');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-error-color', '#f00');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-hr-color', '#999');
+        // Vega colors
+        document.documentElement.style.setProperty('--mito-theme-vega-background', 'white');
+    }
+    /**
+     * Set CSS variables for the dark theme
+     */
+    setColorsDark() {
+        // Border colors
+        document.documentElement.style.setProperty('--mito-theme-border-color0', '#3c3c3c');
+        document.documentElement.style.setProperty('--mito-theme-border-color1', '#3c3c3c');
+        document.documentElement.style.setProperty('--mito-theme-border-color2', '#2d2d2d');
+        document.documentElement.style.setProperty('--mito-theme-border-color3', '#252526');
+        document.documentElement.style.setProperty('--mito-theme-inverse-border-color', '#5a5a5a');
+        // UI Font colors
+        document.documentElement.style.setProperty('--mito-theme-ui-font-color0', 'rgba(255, 255, 255, 1)');
+        document.documentElement.style.setProperty('--mito-theme-ui-font-color1', 'rgba(255, 255, 255, 0.87)');
+        document.documentElement.style.setProperty('--mito-theme-ui-font-color2', 'rgba(255, 255, 255, 0.6)');
+        document.documentElement.style.setProperty('--mito-theme-ui-font-color3', 'rgba(255, 255, 255, 0.4)');
+        document.documentElement.style.setProperty('--mito-theme-ui-inverse-font-color0', 'rgba(0, 0, 0, 1)');
+        document.documentElement.style.setProperty('--mito-theme-ui-inverse-font-color1', 'rgba(0, 0, 0, 0.87)');
+        document.documentElement.style.setProperty('--mito-theme-ui-inverse-font-color2', 'rgba(0, 0, 0, 0.6)');
+        document.documentElement.style.setProperty('--mito-theme-ui-inverse-font-color3', 'rgba(0, 0, 0, 0.4)');
+        // Content Font colors
+        document.documentElement.style.setProperty('--mito-theme-content-font-color0', 'rgba(255, 255, 255, 1)');
+        document.documentElement.style.setProperty('--mito-theme-content-font-color1', 'rgba(255, 255, 255, 0.87)');
+        document.documentElement.style.setProperty('--mito-theme-content-font-color2', 'rgba(255, 255, 255, 0.6)');
+        document.documentElement.style.setProperty('--mito-theme-content-font-color3', 'rgba(255, 255, 255, 0.4)');
+        document.documentElement.style.setProperty('--mito-theme-content-link-color', '#7c93ee');
+        document.documentElement.style.setProperty('--mito-theme-content-link-visited-color', '#b39ddb');
+        // Layout colors
+        document.documentElement.style.setProperty('--mito-theme-layout-color0', '#1a1a1a');
+        document.documentElement.style.setProperty('--mito-theme-layout-color1', '#1e1e1e');
+        document.documentElement.style.setProperty('--mito-theme-layout-color2', '#252526');
+        document.documentElement.style.setProperty('--mito-theme-layout-color3', '#2d2d2d');
+        document.documentElement.style.setProperty('--mito-theme-layout-color4', '#3c3c3c');
+        document.documentElement.style.setProperty('--mito-theme-inverse-layout-color0', '#ffffff');
+        document.documentElement.style.setProperty('--mito-theme-inverse-layout-color1', '#f0f0f0');
+        document.documentElement.style.setProperty('--mito-theme-inverse-layout-color2', '#d4d4d4');
+        document.documentElement.style.setProperty('--mito-theme-inverse-layout-color3', '#a0a0a0');
+        document.documentElement.style.setProperty('--mito-theme-inverse-layout-color4', '#6e6e6e');
+        // Brand colors (pink-purple theme for dark, starting with #C65FAA)
+        document.documentElement.style.setProperty('--mito-theme-brand-color0', '#C65FAA');
+        document.documentElement.style.setProperty('--mito-theme-brand-color1', '#D97BC0');
+        document.documentElement.style.setProperty('--mito-theme-brand-color2', '#E8A3D5');
+        document.documentElement.style.setProperty('--mito-theme-brand-color3', '#F4D1EA');
+        document.documentElement.style.setProperty('--mito-theme-brand-color4', '#FAE8F5');
+        // Primary button colors (dark mode: lighter brand background, dark brand border)
+        document.documentElement.style.setProperty('--mito-theme-button-background', '#F4D1EA');
+        document.documentElement.style.setProperty('--mito-theme-button-border', '#C65FAA');
+        document.documentElement.style.setProperty('--mito-theme-button-text', 'rgba(0, 0, 0, 0.87)');
+        document.documentElement.style.setProperty('--mito-theme-button-hover-background', '#FAE8F5');
+        // Cell editor colors
+        document.documentElement.style.setProperty('--mito-theme-cell-editor-background', '#1e1e1e');
+        document.documentElement.style.setProperty('--mito-theme-cell-editor-border-color', '#3c3c3c');
+        document.documentElement.style.setProperty('--mito-theme-cell-editor-active-background', '#252526');
+        document.documentElement.style.setProperty('--mito-theme-cell-prompt-not-active-font-color', '#6e6e6e');
+        document.documentElement.style.setProperty('--mito-theme-cell-outprompt-font-color', '#f59e0b');
+        // Notebook colors
+        document.documentElement.style.setProperty('--mito-theme-notebook-select-background', '#2d2d2d');
+        document.documentElement.style.setProperty('--mito-theme-notebook-multiselected-color', 'rgba(198, 95, 170, 0.2)');
+        // Rendermime colors
+        document.documentElement.style.setProperty('--mito-theme-rendermime-error-background', 'rgba(244, 67, 54, 0.2)');
+        document.documentElement.style.setProperty('--mito-theme-rendermime-table-row-background', '#252526');
+        document.documentElement.style.setProperty('--mito-theme-rendermime-table-row-hover-background', '#2d2d2d');
+        // Dialog colors
+        document.documentElement.style.setProperty('--mito-theme-dialog-background', 'rgba(0, 0, 0, 0.5)');
+        // Input field colors
+        document.documentElement.style.setProperty('--mito-theme-input-background', '#2d2d2d');
+        document.documentElement.style.setProperty('--mito-theme-input-border-color', '#3c3c3c');
+        // Editor colors
+        document.documentElement.style.setProperty('--mito-theme-editor-selected-background', '#3c3c3c');
+        document.documentElement.style.setProperty('--mito-theme-editor-selected-focused-background', '#3d4a5c');
+        document.documentElement.style.setProperty('--mito-theme-editor-cursor-color', '#ffffff');
+        // Line number colors (grey/white/blue instead of pink)
+        document.documentElement.style.setProperty('--mito-theme-line-number-color', '#92999F');
+        // Code mirror colors
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-keyword-color', '#c586c0');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-atom-color', '#b5cea8');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-number-color', '#b5cea8');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-def-color', '#dcdcaa');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-variable-color', '#9cdcfe');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-variable-2-color', '#4fc1ff');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-variable-3-color', '#4ec9b0');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-punctuation-color', '#d4d4d4');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-property-color', '#9cdcfe');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-operator-color', '#d4d4d4');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-comment-color', '#6a9955');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-string-color', '#ce9178');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-string-2-color', '#ce9178');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-meta-color', '#d4d4d4');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-qualifier-color', '#d4d4d4');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-builtin-color', '#4ec9b0');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-bracket-color', '#ffd700');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-tag-color', '#569cd6');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-attribute-color', '#9cdcfe');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-header-color', '#569cd6');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-quote-color', '#6a9955');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-link-color', '#569cd6');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-error-color', '#f44747');
+        document.documentElement.style.setProperty('--mito-theme-mirror-editor-hr-color', '#6e6e6e');
+        // Vega colors
+        document.documentElement.style.setProperty('--mito-theme-vega-background', '#1e1e1e');
+    }
+}
+
+
 /***/ }),
 
 /***/ "./lib/Extensions/NotebookFooter/NotebookFooter.js":
@@ -14686,7 +14996,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_MitoThemeLight__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Extensions/MitoThemeLight */ "./lib/Extensions/MitoThemeLight/index.js");
+/* harmony import */ var _Extensions_MitoThemes__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Extensions/MitoThemes */ "./lib/Extensions/MitoThemes/index.js");
 /* harmony import */ var _Extensions_AppManager_ManageAppsPlugin__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Extensions/AppManager/ManageAppsPlugin */ "./lib/Extensions/AppManager/ManageAppsPlugin.js");
 /* harmony import */ var _Extensions_ChartWizard_ChartWizardPlugin__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./Extensions/ChartWizard/ChartWizardPlugin */ "./lib/Extensions/ChartWizard/ChartWizardPlugin.js");
 /*
@@ -14722,7 +15032,7 @@ __webpack_require__.r(__webpack_exports__);
     _Extensions_VersionCheck__WEBPACK_IMPORTED_MODULE_9__.versionCheckPlugin,
     _Extensions_NotebookFooter__WEBPACK_IMPORTED_MODULE_10__["default"],
     _Extensions_AppManager_ManageAppsPlugin__WEBPACK_IMPORTED_MODULE_11__["default"],
-    _Extensions_MitoThemeLight__WEBPACK_IMPORTED_MODULE_12__["default"],
+    _Extensions_MitoThemes__WEBPACK_IMPORTED_MODULE_12__["default"],
     _Extensions_ChartWizard_ChartWizardPlugin__WEBPACK_IMPORTED_MODULE_13__["default"]
 ]);
 
@@ -22412,12 +22722,11 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
 
 .model-option:hover {
   background-color: var(--jp-layout-color2);
-  color: var(--purple-700);
 }
 
 .model-option.selected {
   background-color: var(--jp-layout-color2);
-  color: var(--purple-700);
+  color: var(--jp-brand-color2);
 }
 
 /* When inside chat-controls - ensure proper alignment with other controls */
@@ -22573,7 +22882,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
 
 .model-tooltip-bullet-item:last-child {
   margin-bottom: 0;
-}`, "",{"version":3,"sources":["webpack://./style/ModelSelector.css"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n/* ModelSelector.css - responsive design with compact mode */\n\n.model-selector {\n  position: relative;\n  flex: 0 0 auto;\n  margin: 0 8px;\n  height: 20px; /* Match height of other elements */\n  display: flex;\n  align-items: center; /* Center vertically */\n  color: var(--jp-ui-font-color2);\n}\n\n.model-selector:hover {\n  color: var(--jp-ui-font-color1);\n}\n\n.model-selector-dropdown {\n  position: relative;\n  height: 20px; /* Fixed height to match other elements */\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  align-items: center; /* Ensure content is vertically centered */\n  width: min-content;\n  max-width: 18ch;\n}\n\n\n.selected-model {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  padding: 0 8px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.model-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  line-height: 1;\n}\n\n.dropdown-arrow {\n  font-size: 8px;\n  transition: transform 0.2s;\n  margin-left: 4px;\n  flex-shrink: 0; /* Prevent arrow from shrinking */\n}\n\n/* Model options dropdown */\n.model-options {\n  position: absolute;\n  bottom: 100%;\n  max-height: 180px;\n  overflow-y: auto;\n  background-color: var(--jp-layout-color1);\n  border: 1px solid var(--jp-layout-color2);\n  border-radius: 4px;\n  margin-bottom: 4px;\n  box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.1);\n  z-index: 1000;\n  width: auto;\n}\n\n.model-option {\n  padding: 4px 8px;\n  font-size: 12px;\n  /* Keep this size for readability */\n  color: var(--jp-content-font-color1);\n  cursor: pointer;\n  transition: background-color 0.2s;\n  white-space: nowrap;\n  /* Prevent text wrapping */\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n\n.model-option-name {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.model-type-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  opacity: 0.7;\n}\n\n.model-option:hover {\n  background-color: var(--jp-layout-color2);\n  color: var(--purple-700);\n}\n\n.model-option.selected {\n  background-color: var(--jp-layout-color2);\n  color: var(--purple-700);\n}\n\n/* When inside chat-controls - ensure proper alignment with other controls */\n.chat-controls .model-selector {\n  height: 20px;\n  display: flex;\n  align-items: center;\n}\n\n.chat-controls .model-selector-dropdown {\n  height: 20px;\n  align-self: center;\n}\n\n/* Ensure dropdown appears above other elements */\n.model-options {\n  z-index: 1010;\n  /* Higher z-index to ensure visibility */\n}\n\n.model-name {\n  display: inline-block;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  vertical-align: bottom;\n}\n\n/* On wider screens, show only the name of the model*/\n.model-icon {\n  display: none;\n}\n\n.model-name {\n  display: inline;\n}\n\n/* On compact screens, show only the icon */\n@container (max-width: 260px) {\n\n  /* Shift the dropdown to the left to help prevent right-edge overflow */\n  .model-options {\n    left: -40px;\n  }\n\n  .model-icon {\n    display: inline;\n  }\n\n  .model-name {\n    display: none;\n  }\n}\n\n/* Model tooltip - appears to the right of the dropdown, rendered via portal */\n.model-tooltip {\n  position: fixed;\n  top: var(--tooltip-top, 200px);\n  left: var(--tooltip-left, 200px);\n  background-color: var(--jp-layout-color1);\n  border: 1px solid var(--jp-layout-color2);\n  border-radius: 4px;\n  padding: 12px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  z-index: 10000; /* High z-index to appear above Jupyter notebook */\n  width: 280px;\n  pointer-events: none; /* Prevent tooltip from blocking mouse events */\n}\n\n.model-tooltip-content {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.model-tooltip-header {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.model-tooltip-title-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.model-tooltip-title-icon {\n  flex-shrink: 0;\n  opacity: 0.8;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1;\n}\n\n.model-tooltip-title {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--jp-content-font-color1);\n  line-height: 1.2;\n}\n\n.model-tooltip-metadata {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 6px 12px;\n  font-size: 11px;\n}\n\n.model-tooltip-metadata-item {\n  display: flex;\n  gap: 4px;\n}\n\n.model-tooltip-metadata-label {\n  color: var(--jp-content-font-color2);\n  font-weight: 500;\n}\n\n.model-tooltip-metadata-value {\n  color: var(--jp-content-font-color1);\n  font-weight: 600;\n}\n\n.model-tooltip-section {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.model-tooltip-section-label {\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--jp-content-font-color1);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.model-tooltip-bullet-list {\n  margin: 0;\n  padding-left: 16px;\n  list-style-type: disc;\n}\n\n.model-tooltip-bullet-item {\n  font-size: 12px;\n  color: var(--jp-content-font-color2);\n  line-height: 1.5;\n  margin-bottom: 4px;\n}\n\n.model-tooltip-bullet-item:last-child {\n  margin-bottom: 0;\n}"],"sourceRoot":""}]);
+}`, "",{"version":3,"sources":["webpack://./style/ModelSelector.css"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n/* ModelSelector.css - responsive design with compact mode */\n\n.model-selector {\n  position: relative;\n  flex: 0 0 auto;\n  margin: 0 8px;\n  height: 20px; /* Match height of other elements */\n  display: flex;\n  align-items: center; /* Center vertically */\n  color: var(--jp-ui-font-color2);\n}\n\n.model-selector:hover {\n  color: var(--jp-ui-font-color1);\n}\n\n.model-selector-dropdown {\n  position: relative;\n  height: 20px; /* Fixed height to match other elements */\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  align-items: center; /* Ensure content is vertically centered */\n  width: min-content;\n  max-width: 18ch;\n}\n\n\n.selected-model {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  padding: 0 8px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 1;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.model-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  line-height: 1;\n}\n\n.dropdown-arrow {\n  font-size: 8px;\n  transition: transform 0.2s;\n  margin-left: 4px;\n  flex-shrink: 0; /* Prevent arrow from shrinking */\n}\n\n/* Model options dropdown */\n.model-options {\n  position: absolute;\n  bottom: 100%;\n  max-height: 180px;\n  overflow-y: auto;\n  background-color: var(--jp-layout-color1);\n  border: 1px solid var(--jp-layout-color2);\n  border-radius: 4px;\n  margin-bottom: 4px;\n  box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.1);\n  z-index: 1000;\n  width: auto;\n}\n\n.model-option {\n  padding: 4px 8px;\n  font-size: 12px;\n  /* Keep this size for readability */\n  color: var(--jp-content-font-color1);\n  cursor: pointer;\n  transition: background-color 0.2s;\n  white-space: nowrap;\n  /* Prevent text wrapping */\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n\n.model-option-name {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.model-type-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  opacity: 0.7;\n}\n\n.model-option:hover {\n  background-color: var(--jp-layout-color2);\n}\n\n.model-option.selected {\n  background-color: var(--jp-layout-color2);\n  color: var(--jp-brand-color2);\n}\n\n/* When inside chat-controls - ensure proper alignment with other controls */\n.chat-controls .model-selector {\n  height: 20px;\n  display: flex;\n  align-items: center;\n}\n\n.chat-controls .model-selector-dropdown {\n  height: 20px;\n  align-self: center;\n}\n\n/* Ensure dropdown appears above other elements */\n.model-options {\n  z-index: 1010;\n  /* Higher z-index to ensure visibility */\n}\n\n.model-name {\n  display: inline-block;\n  max-width: 120px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  vertical-align: bottom;\n}\n\n/* On wider screens, show only the name of the model*/\n.model-icon {\n  display: none;\n}\n\n.model-name {\n  display: inline;\n}\n\n/* On compact screens, show only the icon */\n@container (max-width: 260px) {\n\n  /* Shift the dropdown to the left to help prevent right-edge overflow */\n  .model-options {\n    left: -40px;\n  }\n\n  .model-icon {\n    display: inline;\n  }\n\n  .model-name {\n    display: none;\n  }\n}\n\n/* Model tooltip - appears to the right of the dropdown, rendered via portal */\n.model-tooltip {\n  position: fixed;\n  top: var(--tooltip-top, 200px);\n  left: var(--tooltip-left, 200px);\n  background-color: var(--jp-layout-color1);\n  border: 1px solid var(--jp-layout-color2);\n  border-radius: 4px;\n  padding: 12px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  z-index: 10000; /* High z-index to appear above Jupyter notebook */\n  width: 280px;\n  pointer-events: none; /* Prevent tooltip from blocking mouse events */\n}\n\n.model-tooltip-content {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.model-tooltip-header {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.model-tooltip-title-row {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.model-tooltip-title-icon {\n  flex-shrink: 0;\n  opacity: 0.8;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1;\n}\n\n.model-tooltip-title {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--jp-content-font-color1);\n  line-height: 1.2;\n}\n\n.model-tooltip-metadata {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 6px 12px;\n  font-size: 11px;\n}\n\n.model-tooltip-metadata-item {\n  display: flex;\n  gap: 4px;\n}\n\n.model-tooltip-metadata-label {\n  color: var(--jp-content-font-color2);\n  font-weight: 500;\n}\n\n.model-tooltip-metadata-value {\n  color: var(--jp-content-font-color1);\n  font-weight: 600;\n}\n\n.model-tooltip-section {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.model-tooltip-section-label {\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--jp-content-font-color1);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.model-tooltip-bullet-list {\n  margin: 0;\n  padding-left: 16px;\n  list-style-type: disc;\n}\n\n.model-tooltip-bullet-item {\n  font-size: 12px;\n  color: var(--jp-content-font-color2);\n  line-height: 1.5;\n  margin-bottom: 4px;\n}\n\n.model-tooltip-bullet-item:last-child {\n  margin-bottom: 0;\n}"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -23522,8 +23831,14 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
   width: 100%;
   border-radius: 4px;
   overflow: hidden;
-  background-color: var(--blue-300);
-  border: 0.5px solid var(--blue-900);
+  /* Theme-aware button colors set by Mito palettes */
+  background-color: var(--mito-theme-button-background, var(--blue-300));
+  border: 0.5px solid var(--mito-theme-button-border, var(--blue-900));
+  transition: all 0.15s ease;
+}
+
+.mito-run-cell-button-group:hover {
+  background-color: var(--mito-theme-button-hover-background, var(--blue-400));
 }
 
 /* Shared button styles */
@@ -23534,7 +23849,8 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
   padding: 0;
   border-radius: 0;
   cursor: pointer;
-  color: var(--blue-900);
+  /* Theme-aware text color */
+  color: var(--mito-theme-button-text, var(--blue-900));
   font-size: 13px;
   font-weight: 400;
   transition: background-color 0.15s ease;
@@ -23543,7 +23859,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
 }
 
 .mito-run-cell-button:hover {
-  background-color: var(--blue-400);
+  background-color: transparent;
 }
 
 /* Main button (left side - play icon + text) */
@@ -23560,8 +23876,8 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
   background: linear-gradient(
     to bottom,
     transparent,
-    var(--blue-900) 20%,
-    var(--blue-900) 80%,
+    var(--mito-theme-button-border, var(--blue-900)) 20%,
+    var(--mito-theme-button-border, var(--blue-900)) 80%,
     transparent
   );
   opacity: 0.4;
@@ -23579,8 +23895,8 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
 
 /* Play icon styling */
 .mito-run-cell-button-main > svg {
-  color: var(--blue-900);
-  fill: var(--blue-900);
+  color: var(--mito-theme-button-text, var(--blue-900));
+  fill: var(--mito-theme-button-text, var(--blue-900));
   width: 12px;
   height: 12px;
   flex-shrink: 0;
@@ -23590,7 +23906,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
 .mito-run-cell-button-dropdown svg {
   width: 14px;
   height: 14px;
-  color: var(--blue-900);
+  color: var(--mito-theme-button-text, var(--blue-900));
 }
 
 /* Ensure chevron path only uses stroke, not fill */
@@ -23601,6 +23917,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
 
 .mito-run-cell-button-text {
   white-space: nowrap;
+  color: var(--mito-theme-button-text, var(--blue-900));
 }
 
 /* Running state - applied to the group */
@@ -23738,7 +24055,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
 .jp-Notebook-toolbar {
   display: flex;
   align-items: center;
-}`, "",{"version":3,"sources":["webpack://./style/RunCellButton.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;EACE,kBAAkB;EAClB,cAAc;EACd,YAAY;AACd;;AAEA,yCAAyC;AACzC;EACE,aAAa;EACb,mBAAmB;EACnB,oCAAoC;EACpC,WAAW;EACX,kBAAkB;EAClB,gBAAgB;EAChB,iCAAiC;EACjC,mCAAmC;AACrC;;AAEA,yBAAyB;AACzB;EACE,aAAa;EACb,mBAAmB;EACnB,YAAY;EACZ,UAAU;EACV,gBAAgB;EAChB,eAAe;EACf,sBAAsB;EACtB,eAAe;EACf,gBAAgB;EAChB,uCAAuC;EACvC,YAAY;EACZ,6BAA6B;AAC/B;;AAEA;EACE,iCAAiC;AACnC;;AAEA,+CAA+C;AAC/C;EACE,OAAO;EACP,QAAQ;EACR,eAAe;AACjB;;AAEA,4BAA4B;AAC5B;EACE,UAAU;EACV,YAAY;EACZ;;;;;;GAMC;EACD,YAAY;EACZ,cAAc;AAChB;;AAEA,2CAA2C;AAC3C;EACE,cAAc;EACd,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,gBAAgB;AAClB;;AAEA,sBAAsB;AACtB;EACE,sBAAsB;EACtB,qBAAqB;EACrB,WAAW;EACX,YAAY;EACZ,cAAc;AAChB;;AAEA,oBAAoB;AACpB;EACE,WAAW;EACX,YAAY;EACZ,sBAAsB;AACxB;;AAEA,mDAAmD;AACnD;EACE,UAAU;EACV,oBAAoB;AACtB;;AAEA;EACE,mBAAmB;AACrB;;AAEA,yCAAyC;AACzC;EACE,8BAA8B;AAChC;;AAEA;;EAEE,kCAAkC;EAClC,uBAAuB;AACzB;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE;;;;;;GAMC;EACD,YAAY;AACd;;AAEA,uCAAuC;AACvC;EACE,uBAAuB;EACvB,sBAAsB;EACtB,WAAW;EACX,YAAY;AACd;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,kBAAkB;EAClB,qBAAqB;EACrB,QAAQ;EACR,aAAa;EACb,yCAAyC;EACzC,yCAAyC;EACzC,kBAAkB;EAClB,wCAAwC;EACxC,gBAAgB;EAChB,mBAAmB;EACnB,cAAc;AAChB;;AAEA;EACE,aAAa;EACb,sBAAsB;AACxB;;AAEA;EACE,0BAA0B;EAC1B,eAAe;EACf,gBAAgB;EAChB,+BAA+B;EAC/B,yBAAyB;EACzB,qBAAqB;AACvB;;AAEA;EACE,WAAW;EACX,yCAAyC;EACzC,aAAa;AACf;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,WAAW;EACX,iBAAiB;EACjB,gBAAgB;EAChB,YAAY;EACZ,gBAAgB;EAChB,+BAA+B;EAC/B,eAAe;EACf,eAAe;EACf,gBAAgB;EAChB,QAAQ;AACV;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,WAAW,EAAE,mCAAmC;EAChD,YAAY;EACZ,cAAc;EACd,+BAA+B;EAC/B,cAAc,EAAE,kDAAkD;AACpE;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,cAAc,EAAE,0BAA0B;EAC1C,cAAc,EAAE,qDAAqD;EACrE,+BAA+B;AACjC;;AAEA;EACE,OAAO;AACT;;AAEA;EACE,+BAA+B;EAC/B,eAAe;EACf,iBAAiB;EACjB,YAAY;AACd;;AAEA,gEAAgE;AAChE;EACE,iBAAiB;EACjB,WAAW,EAAE,2BAA2B;AAC1C;;AAEA,qDAAqD;AACrD;EACE,aAAa;EACb,mBAAmB;AACrB","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n.mito-run-cell-button-container {\n  position: relative;\n  display: block;\n  width: 160px;\n}\n\n/* Button group - contains both buttons */\n.mito-run-cell-button-group {\n  display: flex;\n  align-items: center;\n  height: var(--toolbar-button-height);\n  width: 100%;\n  border-radius: 4px;\n  overflow: hidden;\n  background-color: var(--blue-300);\n  border: 0.5px solid var(--blue-900);\n}\n\n/* Shared button styles */\n.mito-run-cell-button {\n  display: flex;\n  align-items: center;\n  border: none;\n  padding: 0;\n  border-radius: 0;\n  cursor: pointer;\n  color: var(--blue-900);\n  font-size: 13px;\n  font-weight: 400;\n  transition: background-color 0.15s ease;\n  height: 100%;\n  background-color: transparent;\n}\n\n.mito-run-cell-button:hover {\n  background-color: var(--blue-400);\n}\n\n/* Main button (left side - play icon + text) */\n.mito-run-cell-button-main {\n  flex: 1;\n  gap: 6px;\n  padding: 0 10px;\n}\n\n/* Divider between buttons */\n.mito-run-cell-button-divider {\n  width: 1px;\n  height: 14px;\n  background: linear-gradient(\n    to bottom,\n    transparent,\n    var(--blue-900) 20%,\n    var(--blue-900) 80%,\n    transparent\n  );\n  opacity: 0.4;\n  flex-shrink: 0;\n}\n\n/* Dropdown button (right side - chevron) */\n.mito-run-cell-button-dropdown {\n  padding: 0 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0;\n}\n\n/* Play icon styling */\n.mito-run-cell-button-main > svg {\n  color: var(--blue-900);\n  fill: var(--blue-900);\n  width: 12px;\n  height: 12px;\n  flex-shrink: 0;\n}\n\n/* Chevron styling */\n.mito-run-cell-button-dropdown svg {\n  width: 14px;\n  height: 14px;\n  color: var(--blue-900);\n}\n\n/* Ensure chevron path only uses stroke, not fill */\n.mito-run-cell-button-dropdown svg path {\n  fill: none;\n  stroke: currentColor;\n}\n\n.mito-run-cell-button-text {\n  white-space: nowrap;\n}\n\n/* Running state - applied to the group */\n.mito-run-cell-button-running {\n  border-color: var(--green-900);\n}\n\n.mito-run-cell-button-running .mito-run-cell-button,\n.mito-run-cell-button-running .mito-run-cell-button-dropdown {\n  background-color: var(--green-300);\n  color: var(--green-900);\n}\n\n.mito-run-cell-button-running .mito-run-cell-button-dropdown:hover {\n  background-color: var(--green-500);\n}\n\n.mito-run-cell-button-running .mito-run-cell-button-divider {\n  background: linear-gradient(\n    to bottom,\n    transparent,\n    var(--green-900) 20%,\n    var(--green-900) 80%,\n    transparent\n  );\n  opacity: 0.5;\n}\n\n/* LoadingCircle styling when running */\n.mito-run-cell-button-running .mito-run-cell-button-main > svg {\n  color: var(--green-900);\n  fill: var(--green-900);\n  width: 16px;\n  height: 16px;\n}\n\n.mito-run-cell-button-running .mito-run-cell-button-text {\n  color: var(--green-900);\n}\n\n.mito-run-cell-button-running .mito-run-cell-button-dropdown svg {\n  color: var(--green-900);\n}\n\n.mito-run-cell-dropdown-menu {\n  position: absolute;\n  top: calc(100% + 4px);\n  right: 0;\n  z-index: 1000;\n  background-color: var(--jp-layout-color1);\n  border: 1px solid var(--jp-layout-color2);\n  border-radius: 3px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n  min-width: 200px;\n  white-space: nowrap;\n  padding: 4px 0;\n}\n\n.mito-run-cell-dropdown-section {\n  display: flex;\n  flex-direction: column;\n}\n\n.mito-run-cell-dropdown-section-header {\n  padding: 6px 12px 4px 12px;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--jp-ui-font-color2);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.mito-run-cell-dropdown-separator {\n  height: 1px;\n  background-color: var(--jp-layout-color2);\n  margin: 4px 0;\n}\n\n.mito-run-cell-dropdown-item {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding: 6px 12px;\n  text-align: left;\n  border: none;\n  background: none;\n  color: var(--jp-ui-font-color1);\n  cursor: pointer;\n  font-size: 13px;\n  font-weight: 400;\n  gap: 8px;\n}\n\n.mito-run-cell-dropdown-item:hover {\n  background-color: var(--jp-layout-color2);\n}\n\n.mito-run-cell-dropdown-item-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px; /* Fixed width to align all icons */\n  height: 16px;\n  flex-shrink: 0;\n  color: var(--jp-ui-font-color1);\n  line-height: 0; /* Remove extra line height for better alignment */\n}\n\n.mito-run-cell-dropdown-item-icon svg {\n  width: 16px;\n  height: 16px;\n  display: block; /* Remove inline spacing */\n  margin: 0 auto; /* Center the icon within the fixed width container */\n  color: var(--jp-ui-font-color1); \n}\n\n.mito-run-cell-dropdown-item-label {\n  flex: 1;\n}\n\n.mito-run-cell-dropdown-item-shortcut {\n  color: var(--jp-ui-font-color2);\n  font-size: 11px;\n  margin-left: 10px;\n  opacity: 0.7;\n}\n\n/* Position the button widget on the right side of the toolbar */\n.jp-Notebook-toolbar .mito-run-cell-button-widget {\n  margin-left: auto;\n  order: 9999; /* Ensure it appears last */\n}\n\n/* Ensure toolbar uses flexbox for proper alignment */\n.jp-Notebook-toolbar {\n  display: flex;\n  align-items: center;\n}"],"sourceRoot":""}]);
+}`, "",{"version":3,"sources":["webpack://./style/RunCellButton.css"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n.mito-run-cell-button-container {\n  position: relative;\n  display: block;\n  width: 160px;\n}\n\n/* Button group - contains both buttons */\n.mito-run-cell-button-group {\n  display: flex;\n  align-items: center;\n  height: var(--toolbar-button-height);\n  width: 100%;\n  border-radius: 4px;\n  overflow: hidden;\n  /* Theme-aware button colors set by Mito palettes */\n  background-color: var(--mito-theme-button-background, var(--blue-300));\n  border: 0.5px solid var(--mito-theme-button-border, var(--blue-900));\n  transition: all 0.15s ease;\n}\n\n.mito-run-cell-button-group:hover {\n  background-color: var(--mito-theme-button-hover-background, var(--blue-400));\n}\n\n/* Shared button styles */\n.mito-run-cell-button {\n  display: flex;\n  align-items: center;\n  border: none;\n  padding: 0;\n  border-radius: 0;\n  cursor: pointer;\n  /* Theme-aware text color */\n  color: var(--mito-theme-button-text, var(--blue-900));\n  font-size: 13px;\n  font-weight: 400;\n  transition: background-color 0.15s ease;\n  height: 100%;\n  background-color: transparent;\n}\n\n.mito-run-cell-button:hover {\n  background-color: transparent;\n}\n\n/* Main button (left side - play icon + text) */\n.mito-run-cell-button-main {\n  flex: 1;\n  gap: 6px;\n  padding: 0 10px;\n}\n\n/* Divider between buttons */\n.mito-run-cell-button-divider {\n  width: 1px;\n  height: 14px;\n  background: linear-gradient(\n    to bottom,\n    transparent,\n    var(--mito-theme-button-border, var(--blue-900)) 20%,\n    var(--mito-theme-button-border, var(--blue-900)) 80%,\n    transparent\n  );\n  opacity: 0.4;\n  flex-shrink: 0;\n}\n\n/* Dropdown button (right side - chevron) */\n.mito-run-cell-button-dropdown {\n  padding: 0 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0;\n}\n\n/* Play icon styling */\n.mito-run-cell-button-main > svg {\n  color: var(--mito-theme-button-text, var(--blue-900));\n  fill: var(--mito-theme-button-text, var(--blue-900));\n  width: 12px;\n  height: 12px;\n  flex-shrink: 0;\n}\n\n/* Chevron styling */\n.mito-run-cell-button-dropdown svg {\n  width: 14px;\n  height: 14px;\n  color: var(--mito-theme-button-text, var(--blue-900));\n}\n\n/* Ensure chevron path only uses stroke, not fill */\n.mito-run-cell-button-dropdown svg path {\n  fill: none;\n  stroke: currentColor;\n}\n\n.mito-run-cell-button-text {\n  white-space: nowrap;\n  color: var(--mito-theme-button-text, var(--blue-900));\n}\n\n/* Running state - applied to the group */\n.mito-run-cell-button-running {\n  border-color: var(--green-900);\n}\n\n.mito-run-cell-button-running .mito-run-cell-button,\n.mito-run-cell-button-running .mito-run-cell-button-dropdown {\n  background-color: var(--green-300);\n  color: var(--green-900);\n}\n\n.mito-run-cell-button-running .mito-run-cell-button-dropdown:hover {\n  background-color: var(--green-500);\n}\n\n.mito-run-cell-button-running .mito-run-cell-button-divider {\n  background: linear-gradient(\n    to bottom,\n    transparent,\n    var(--green-900) 20%,\n    var(--green-900) 80%,\n    transparent\n  );\n  opacity: 0.5;\n}\n\n/* LoadingCircle styling when running */\n.mito-run-cell-button-running .mito-run-cell-button-main > svg {\n  color: var(--green-900);\n  fill: var(--green-900);\n  width: 16px;\n  height: 16px;\n}\n\n.mito-run-cell-button-running .mito-run-cell-button-text {\n  color: var(--green-900);\n}\n\n.mito-run-cell-button-running .mito-run-cell-button-dropdown svg {\n  color: var(--green-900);\n}\n\n.mito-run-cell-dropdown-menu {\n  position: absolute;\n  top: calc(100% + 4px);\n  right: 0;\n  z-index: 1000;\n  background-color: var(--jp-layout-color1);\n  border: 1px solid var(--jp-layout-color2);\n  border-radius: 3px;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n  min-width: 200px;\n  white-space: nowrap;\n  padding: 4px 0;\n}\n\n.mito-run-cell-dropdown-section {\n  display: flex;\n  flex-direction: column;\n}\n\n.mito-run-cell-dropdown-section-header {\n  padding: 6px 12px 4px 12px;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--jp-ui-font-color2);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.mito-run-cell-dropdown-separator {\n  height: 1px;\n  background-color: var(--jp-layout-color2);\n  margin: 4px 0;\n}\n\n.mito-run-cell-dropdown-item {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding: 6px 12px;\n  text-align: left;\n  border: none;\n  background: none;\n  color: var(--jp-ui-font-color1);\n  cursor: pointer;\n  font-size: 13px;\n  font-weight: 400;\n  gap: 8px;\n}\n\n.mito-run-cell-dropdown-item:hover {\n  background-color: var(--jp-layout-color2);\n}\n\n.mito-run-cell-dropdown-item-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px; /* Fixed width to align all icons */\n  height: 16px;\n  flex-shrink: 0;\n  color: var(--jp-ui-font-color1);\n  line-height: 0; /* Remove extra line height for better alignment */\n}\n\n.mito-run-cell-dropdown-item-icon svg {\n  width: 16px;\n  height: 16px;\n  display: block; /* Remove inline spacing */\n  margin: 0 auto; /* Center the icon within the fixed width container */\n  color: var(--jp-ui-font-color1); \n}\n\n.mito-run-cell-dropdown-item-label {\n  flex: 1;\n}\n\n.mito-run-cell-dropdown-item-shortcut {\n  color: var(--jp-ui-font-color2);\n  font-size: 11px;\n  margin-left: 10px;\n  opacity: 0.7;\n}\n\n/* Position the button widget on the right side of the toolbar */\n.jp-Notebook-toolbar .mito-run-cell-button-widget {\n  margin-left: auto;\n  order: 9999; /* Ensure it appears last */\n}\n\n/* Ensure toolbar uses flexbox for proper alignment */\n.jp-Notebook-toolbar {\n  display: flex;\n  align-items: center;\n}"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -24622,14 +24939,16 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
 }
 
 .button-blue {
-  background-color: var(--blue-300);
-  color: var(--blue-900) !important;
-  border: 0.5px solid var(--blue-900);
+  /* Theme-aware button colors set by Mito palettes */
+  background-color: var(--mito-theme-button-background, var(--blue-300));
+  color: var(--mito-theme-button-text, var(--blue-900)) !important;
+  border: 0.5px solid var(--mito-theme-button-border, var(--blue-900));
   border-radius: 4px;
+  transition: all 0.15s ease;
 }
 
 .button-blue:hover {
-  background-color: var(--blue-400);
+  background-color: var(--mito-theme-button-hover-background, var(--blue-400));
 }
 
 .button-dark-purple {
@@ -24654,7 +24973,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
   font-size: 12px;
   padding: 2px 5px;
 }
-`, "",{"version":3,"sources":["webpack://./style/button.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;;;;CAIC;;AAED;EACE,YAAY;EACZ,kBAAkB;EAClB,eAAe;EACf,eAAe;EACf,2EAA2E;EAC3E,mBAAmB;EACnB,iBAAiB;AACnB;;AAEA;EACE,YAAY;EACZ,mBAAmB;EACnB,oBAAoB;AACtB;;AAEA;EACE,kCAAkC;EAClC,kCAAkC;AACpC;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE,gCAAgC;EAChC,gCAAgC;AAClC;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,yCAAyC;EACzC,+CAA+C;AACjD;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,mCAAmC;EACnC,mCAAmC;AACrC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,iCAAiC;EACjC,iCAAiC;EACjC,mCAAmC;EACnC,kBAAkB;AACpB;;AAEA;EACE,iCAAiC;AACnC;;AAEA;EACE,mCAAmC;EACnC,8BAA8B;AAChC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,oCAAoC;EACpC,eAAe;EACf,gBAAgB;AAClB","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n/* \n    Classes that can be used for any button, making it easier to keep \n    the theme consistent. For example, use them to make a textButton or\n    textAndIconButton green.\n*/\n\n.button-base {\n  border: none;\n  border-radius: 3px;\n  cursor: pointer;\n  font-size: 14px;\n  /* Make sure the button grows large enough so that the text does not wrap */\n  white-space: nowrap;\n  padding: 5px 10px;\n}\n\n.button-base:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.button-green {\n  background-color: var(--green-400);\n  color: var(--green-900) !important;\n}\n\n.button-green:hover {\n  background-color: var(--green-500);\n}\n\n.button-red {\n  background-color: var(--red-400);\n  color: var(--red-900) !important;\n}\n\n.button-red:hover {\n  background-color: var(--red-500);\n}\n\n.button-gray {\n  background-color: var(--jp-layout-color2);\n  color: var(--jp-content-font-color1) !important;\n}\n\n.button-gray:hover {\n  background-color: var(--jp-layout-color3);\n}\n\n.button-purple {\n  background-color: var(--purple-300);\n  color: var(--purple-700) !important;\n}\n\n.button-purple:hover {\n  background-color: var(--purple-400);\n}\n\n.button-purple:disabled:hover {\n  background-color: var(--purple-300);\n}\n\n.button-blue {\n  background-color: var(--blue-300);\n  color: var(--blue-900) !important;\n  border: 0.5px solid var(--blue-900);\n  border-radius: 4px;\n}\n\n.button-blue:hover {\n  background-color: var(--blue-400);\n}\n\n.button-dark-purple {\n  background-color: var(--purple-500);\n  color: var(--white) !important;\n}\n\n.button-dark-purple:hover {\n  background-color: var(--purple-600);\n}\n\n.button-width-block {\n  width: 100%;\n}\n\n.button-width-fit-contents {\n  width: fit-content;\n}\n\n.button-small {\n  height: var(--toolbar-button-height);\n  font-size: 12px;\n  padding: 2px 5px;\n}\n"],"sourceRoot":""}]);
+`, "",{"version":3,"sources":["webpack://./style/button.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;;;;CAIC;;AAED;EACE,YAAY;EACZ,kBAAkB;EAClB,eAAe;EACf,eAAe;EACf,2EAA2E;EAC3E,mBAAmB;EACnB,iBAAiB;AACnB;;AAEA;EACE,YAAY;EACZ,mBAAmB;EACnB,oBAAoB;AACtB;;AAEA;EACE,kCAAkC;EAClC,kCAAkC;AACpC;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE,gCAAgC;EAChC,gCAAgC;AAClC;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,yCAAyC;EACzC,+CAA+C;AACjD;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,mCAAmC;EACnC,mCAAmC;AACrC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,mDAAmD;EACnD,sEAAsE;EACtE,gEAAgE;EAChE,oEAAoE;EACpE,kBAAkB;EAClB,0BAA0B;AAC5B;;AAEA;EACE,4EAA4E;AAC9E;;AAEA;EACE,mCAAmC;EACnC,8BAA8B;AAChC;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,oCAAoC;EACpC,eAAe;EACf,gBAAgB;AAClB","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n/* \n    Classes that can be used for any button, making it easier to keep \n    the theme consistent. For example, use them to make a textButton or\n    textAndIconButton green.\n*/\n\n.button-base {\n  border: none;\n  border-radius: 3px;\n  cursor: pointer;\n  font-size: 14px;\n  /* Make sure the button grows large enough so that the text does not wrap */\n  white-space: nowrap;\n  padding: 5px 10px;\n}\n\n.button-base:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.button-green {\n  background-color: var(--green-400);\n  color: var(--green-900) !important;\n}\n\n.button-green:hover {\n  background-color: var(--green-500);\n}\n\n.button-red {\n  background-color: var(--red-400);\n  color: var(--red-900) !important;\n}\n\n.button-red:hover {\n  background-color: var(--red-500);\n}\n\n.button-gray {\n  background-color: var(--jp-layout-color2);\n  color: var(--jp-content-font-color1) !important;\n}\n\n.button-gray:hover {\n  background-color: var(--jp-layout-color3);\n}\n\n.button-purple {\n  background-color: var(--purple-300);\n  color: var(--purple-700) !important;\n}\n\n.button-purple:hover {\n  background-color: var(--purple-400);\n}\n\n.button-purple:disabled:hover {\n  background-color: var(--purple-300);\n}\n\n.button-blue {\n  /* Theme-aware button colors set by Mito palettes */\n  background-color: var(--mito-theme-button-background, var(--blue-300));\n  color: var(--mito-theme-button-text, var(--blue-900)) !important;\n  border: 0.5px solid var(--mito-theme-button-border, var(--blue-900));\n  border-radius: 4px;\n  transition: all 0.15s ease;\n}\n\n.button-blue:hover {\n  background-color: var(--mito-theme-button-hover-background, var(--blue-400));\n}\n\n.button-dark-purple {\n  background-color: var(--purple-500);\n  color: var(--white) !important;\n}\n\n.button-dark-purple:hover {\n  background-color: var(--purple-600);\n}\n\n.button-width-block {\n  width: 100%;\n}\n\n.button-width-fit-contents {\n  width: fit-content;\n}\n\n.button-small {\n  height: var(--toolbar-button-height);\n  font-size: 12px;\n  padding: 2px 5px;\n}\n"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -24697,7 +25016,7 @@ module.exports = "<svg width=\"22\" height=\"17\" viewBox=\"0 0 22 17\" fill=\"n
   \********************************/
 /***/ ((module) => {
 
-module.exports = "<svg width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M15.0626 4.8125C15.5466 4.8125 15.9376 5.20352 15.9376 5.6875C15.9376 6.17148 15.5466 6.5625 15.0626 6.5625C14.5787 6.5625 14.1876 6.17148 14.1876 5.6875C14.1876 5.20352 14.5787 4.8125 15.0626 4.8125ZM12.0001 4.8125C12.4841 4.8125 12.8751 5.20352 12.8751 5.6875C12.8751 6.17148 12.4841 6.5625 12.0001 6.5625C11.5162 6.5625 11.1251 6.17148 11.1251 5.6875C11.1251 5.20352 11.5162 4.8125 12.0001 4.8125ZM8.93764 4.8125C9.42162 4.8125 9.81264 5.20352 9.81264 5.6875C9.81264 6.17148 9.42162 6.5625 8.93764 6.5625C8.45365 6.5625 8.06264 6.17148 8.06264 5.6875C8.06264 5.20352 8.45365 4.8125 8.93764 4.8125ZM12.0001 0C15.8665 0 19.0001 2.5457 19.0001 5.6875C19.0001 6.98906 18.456 8.18125 17.5537 9.14102C17.9611 10.2184 18.8087 11.1316 18.8224 11.1426C19.0029 11.334 19.0521 11.6129 18.9482 11.8535C18.8443 12.0941 18.6064 12.25 18.3439 12.25C16.6622 12.25 15.3361 11.5473 14.5404 10.984C13.7501 11.2328 12.897 11.375 12.0001 11.375C8.13373 11.375 5.00014 8.8293 5.00014 5.6875C5.00014 2.5457 8.13373 0 12.0001 0ZM12.0001 10.0625C12.7302 10.0625 13.4521 9.95039 14.1439 9.73164L14.7646 9.53477L15.2978 9.91211C15.6888 10.1883 16.2247 10.4973 16.8701 10.7051C16.6705 10.3742 16.4763 10.0023 16.3259 9.60586L16.0361 8.8375L16.5994 8.24141C17.0943 7.71367 17.6876 6.84141 17.6876 5.6875C17.6876 3.27578 15.1365 1.3125 12.0001 1.3125C8.86381 1.3125 6.31264 3.27578 6.31264 5.6875C6.31264 8.09922 8.86381 10.0625 12.0001 10.0625Z\" fill=\"var(--purple-600)\" class=\"jp-icon-selectable\"/>\n    <path d=\"M7 7C3.13359 7 0 9.5457 0 12.6875C0 14.0437 0.585156 15.2852 1.55859 16.2613C1.2168 17.6395 0.0738281 18.8672 0.0601563 18.8809C0 18.9438 -0.0164062 19.0367 0.0191406 19.1188C0.0546875 19.2008 0.13125 19.25 0.21875 19.25C2.03164 19.25 3.39063 18.3805 4.06328 17.8445C4.95742 18.1809 5.95 18.375 7 18.375C10.8664 18.375 14 15.8293 14 12.6875C14 9.5457 10.8664 7 7 7ZM3.5 13.5625C3.01602 13.5625 2.625 13.1715 2.625 12.6875C2.625 12.2035 3.01602 11.8125 3.5 11.8125C3.98398 11.8125 4.375 12.2035 4.375 12.6875C4.375 13.1715 3.98398 13.5625 3.5 13.5625ZM7 13.5625C6.51602 13.5625 6.125 13.1715 6.125 12.6875C6.125 12.2035 6.51602 11.8125 7 11.8125C7.48398 11.8125 7.875 12.2035 7.875 12.6875C7.875 13.1715 7.48398 13.5625 7 13.5625ZM10.5 13.5625C10.016 13.5625 9.625 13.1715 9.625 12.6875C9.625 12.2035 10.016 11.8125 10.5 11.8125C10.984 11.8125 11.375 12.2035 11.375 12.6875C11.375 13.1715 10.984 13.5625 10.5 13.5625Z\" fill=\"var(--purple-700)\" class=\"jp-icon-selectable\"/>\n</svg>\n";
+module.exports = "<svg width=\"19\" height=\"20\" viewBox=\"0 0 19 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M15.0626 4.8125C15.5466 4.8125 15.9376 5.20352 15.9376 5.6875C15.9376 6.17148 15.5466 6.5625 15.0626 6.5625C14.5787 6.5625 14.1876 6.17148 14.1876 5.6875C14.1876 5.20352 14.5787 4.8125 15.0626 4.8125ZM12.0001 4.8125C12.4841 4.8125 12.8751 5.20352 12.8751 5.6875C12.8751 6.17148 12.4841 6.5625 12.0001 6.5625C11.5162 6.5625 11.1251 6.17148 11.1251 5.6875C11.1251 5.20352 11.5162 4.8125 12.0001 4.8125ZM8.93764 4.8125C9.42162 4.8125 9.81264 5.20352 9.81264 5.6875C9.81264 6.17148 9.42162 6.5625 8.93764 6.5625C8.45365 6.5625 8.06264 6.17148 8.06264 5.6875C8.06264 5.20352 8.45365 4.8125 8.93764 4.8125ZM12.0001 0C15.8665 0 19.0001 2.5457 19.0001 5.6875C19.0001 6.98906 18.456 8.18125 17.5537 9.14102C17.9611 10.2184 18.8087 11.1316 18.8224 11.1426C19.0029 11.334 19.0521 11.6129 18.9482 11.8535C18.8443 12.0941 18.6064 12.25 18.3439 12.25C16.6622 12.25 15.3361 11.5473 14.5404 10.984C13.7501 11.2328 12.897 11.375 12.0001 11.375C8.13373 11.375 5.00014 8.8293 5.00014 5.6875C5.00014 2.5457 8.13373 0 12.0001 0ZM12.0001 10.0625C12.7302 10.0625 13.4521 9.95039 14.1439 9.73164L14.7646 9.53477L15.2978 9.91211C15.6888 10.1883 16.2247 10.4973 16.8701 10.7051C16.6705 10.3742 16.4763 10.0023 16.3259 9.60586L16.0361 8.8375L16.5994 8.24141C17.0943 7.71367 17.6876 6.84141 17.6876 5.6875C17.6876 3.27578 15.1365 1.3125 12.0001 1.3125C8.86381 1.3125 6.31264 3.27578 6.31264 5.6875C6.31264 8.09922 8.86381 10.0625 12.0001 10.0625Z\" fill=\"var(--jp-brand-color0)\" class=\"jp-icon-selectable\"/>\n    <path d=\"M7 7C3.13359 7 0 9.5457 0 12.6875C0 14.0437 0.585156 15.2852 1.55859 16.2613C1.2168 17.6395 0.0738281 18.8672 0.0601563 18.8809C0 18.9438 -0.0164062 19.0367 0.0191406 19.1188C0.0546875 19.2008 0.13125 19.25 0.21875 19.25C2.03164 19.25 3.39063 18.3805 4.06328 17.8445C4.95742 18.1809 5.95 18.375 7 18.375C10.8664 18.375 14 15.8293 14 12.6875C14 9.5457 10.8664 7 7 7ZM3.5 13.5625C3.01602 13.5625 2.625 13.1715 2.625 12.6875C2.625 12.2035 3.01602 11.8125 3.5 11.8125C3.98398 11.8125 4.375 12.2035 4.375 12.6875C4.375 13.1715 3.98398 13.5625 3.5 13.5625ZM7 13.5625C6.51602 13.5625 6.125 13.1715 6.125 12.6875C6.125 12.2035 6.51602 11.8125 7 11.8125C7.48398 11.8125 7.875 12.2035 7.875 12.6875C7.875 13.1715 7.48398 13.5625 7 13.5625ZM10.5 13.5625C10.016 13.5625 9.625 13.1715 9.625 12.6875C9.625 12.2035 10.016 11.8125 10.5 11.8125C10.984 11.8125 11.375 12.2035 11.375 12.6875C11.375 13.1715 10.984 13.5625 10.5 13.5625Z\" fill=\"var(--jp-brand-color1)\" class=\"jp-icon-selectable\"/>\n</svg>\n";
 
 /***/ }),
 
@@ -27290,4 +27609,4 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
 /***/ })
 
 }]);
-//# sourceMappingURL=lib_index_js.03302cc521d72eb56b00.js.map
+//# sourceMappingURL=lib_index_js.44c109c7be36fb884d25.js.map