mito-ai 0.1.52__py3-none-any.whl → 0.1.54__py3-none-any.whl

mito_ai-0.1.52.data/data/share/jupyter/labextensions/mito_ai/static/lib_index_js.5ec1e525d244fc8588cf.js → mito_ai-0.1.54.data/data/share/jupyter/labextensions/mito_ai/static/lib_index_js.31462f8f6a76b1cefbeb.js

@@ -3740,7 +3740,7 @@ const useAgentExecution = ({ notebookTracker, app, streamlitPreviewManager, webs
                 break;
             }
             // TODO: If we created a validated type in the agent response validation function, then we woulnd't need to do these checks
-            if (agentResponse.type === 'edit_streamlit_app' && (agentResponse.edit_streamlit_app_prompt === undefined || agentResponse.edit_streamlit_app_prompt === null)) {
+            if (agentResponse.type === 'edit_streamlit_app' && (agentResponse.streamlit_app_prompt === undefined || agentResponse.streamlit_app_prompt === null)) {
                 await markAgentForStopping();
                 isAgentFinished = true;
                 break;
@@ -3785,12 +3785,13 @@ const useAgentExecution = ({ notebookTracker, app, streamlitPreviewManager, webs
             }
             if (agentResponse.type === 'create_streamlit_app') {
                 // Create new preview using the service
-                const streamlitPreviewResponse = await streamlitPreviewManager.openAppPreview(app, agentTargetNotebookPanelRef.current);
+                const createStreamlitAppPrompt = agentResponse.streamlit_app_prompt || '';
+                const streamlitPreviewResponse = await streamlitPreviewManager.openAppPreview(app, agentTargetNotebookPanelRef.current, createStreamlitAppPrompt);
                 if (streamlitPreviewResponse.type === 'error') {
                     messageToShareWithAgent = streamlitPreviewResponse.message;
                 }
             }
-            if (agentResponse.type === 'edit_streamlit_app' && agentResponse.edit_streamlit_app_prompt) {
+            if (agentResponse.type === 'edit_streamlit_app' && agentResponse.streamlit_app_prompt) {
                 // Ensure there is an active preview to edit
                 let streamlitPreviewResponse = await streamlitPreviewManager.openAppPreview(app, agentTargetNotebookPanelRef.current);
                 if (streamlitPreviewResponse.type === 'error') {
@@ -3798,7 +3799,7 @@ const useAgentExecution = ({ notebookTracker, app, streamlitPreviewManager, webs
                     continue;
                 }
                 // Edit the existing preview
-                streamlitPreviewResponse = await streamlitPreviewManager.editExistingPreview(agentResponse.edit_streamlit_app_prompt, agentTargetNotebookPanelRef.current);
+                streamlitPreviewResponse = await streamlitPreviewManager.editExistingPreview(agentResponse.streamlit_app_prompt, agentTargetNotebookPanelRef.current);
                 if (streamlitPreviewResponse.type === 'error') {
                     messageToShareWithAgent = streamlitPreviewResponse.message;
                 }
@@ -4959,9 +4960,9 @@ function validateAndCorrectAgentResponse(agentResponse) {
         // No empty strings in the assumptions
         correctedResponse.analysis_assumptions = (_a = correctedResponse.analysis_assumptions) === null || _a === void 0 ? void 0 : _a.filter(assumption => assumption.trim() !== '');
     }
-    // Correct edit_streamlit_app_prompt - ensure it's a string when present
-    const editStreamlitAppPromptType = typeof correctedResponse.edit_streamlit_app_prompt;
-    correctedResponse.edit_streamlit_app_prompt = editStreamlitAppPromptType === 'string' ? correctedResponse.edit_streamlit_app_prompt : undefined;
+    // Correct streamlit_app_prompt - ensure it's a string when present
+    const editStreamlitAppPromptType = typeof correctedResponse.streamlit_app_prompt;
+    correctedResponse.streamlit_app_prompt = editStreamlitAppPromptType === 'string' ? correctedResponse.streamlit_app_prompt : undefined;
     // For now we don't validate the cell_update object itself, as this is more complex and has 
     // not caused issues thus far.
     return correctedResponse;
@@ -5998,9 +5999,11 @@ __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 _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 _AppDeploy_auth__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../AppDeploy/auth */ "./lib/Extensions/AppDeploy/auth.js");
-/* harmony import */ var _ListAppsAPI__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ListAppsAPI */ "./lib/Extensions/AppManager/ListAppsAPI.js");
+/* harmony import */ var _AppDeploy_auth__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../AppDeploy/auth */ "./lib/Extensions/AppDeploy/auth.js");
+/* harmony import */ var _ListAppsAPI__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ListAppsAPI */ "./lib/Extensions/AppManager/ListAppsAPI.js");
+/* harmony import */ var _AppDeploy_authPopupUtils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../AppDeploy/authPopupUtils */ "./lib/Extensions/AppDeploy/authPopupUtils.js");
 /* harmony import */ var _style_AppsList_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../style/AppsList.css */ "./style/AppsList.css");
+/* harmony import */ var _style_button_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../style/button.css */ "./style/button.css");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
@@ -6011,48 +6014,46 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
+
 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);
-                }
-                else {
-                    setError(response.errorMessage || 'Failed to load apps');
-                    setApps([]);
-                }
+    const refreshApps = async () => {
+        try {
+            console.log('[AppsList] Refreshing apps...');
+            setLoading(true);
+            setError(null);
+            const response = await (0,_ListAppsAPI__WEBPACK_IMPORTED_MODULE_4__.fetchUserApps)(appManagerService);
+            console.log('[AppsList] fetchUserApps response:', response);
+            if ((0,_ListAppsAPI__WEBPACK_IMPORTED_MODULE_4__.isGetAppsSuccess)(response)) {
+                setApps(response.apps);
             }
-            catch (err) {
-                console.error('[AppsList] Error loading apps:', err);
-                setError(err instanceof Error ? err.message : 'An unexpected error occurred');
+            else {
+                setError(response.errorMessage || 'Failed to load apps');
                 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');
+        catch (err) {
+            console.error('[AppsList] Error loading apps:', err);
+            setError(err instanceof Error ? err.message : 'An unexpected error occurred');
+            setApps([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    react__WEBPACK_IMPORTED_MODULE_0__.useEffect(() => {
+        void refreshApps();
+    }, []);
+    const handleLogin = async () => {
+        try {
+            await (0,_AppDeploy_authPopupUtils__WEBPACK_IMPORTED_MODULE_5__.showAuthenticationPopup)();
+            await refreshApps();
+        }
+        catch (err) {
+            console.warn('[AppsList] Login popup closed or failed:', err);
         }
     };
     const copyToClipboard = async (url, appName) => {
@@ -6093,15 +6094,26 @@ const AppsList = ({ appManagerService }) => {
             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: () => {
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("button", { onClick: async () => {
                         console.log('Logout clicked');
-                        void (0,_AppDeploy_auth__WEBPACK_IMPORTED_MODULE_4__.logoutAndClearJWTTokens)();
+                        try {
+                            await (0,_AppDeploy_auth__WEBPACK_IMPORTED_MODULE_6__.logoutAndClearJWTTokens)();
+                        }
+                        catch (err) {
+                            console.error('[AppsList] Error during logout:', err);
+                        }
+                        finally {
+                            await refreshApps();
+                        }
                     }, 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: "apps-list-content" }, loading ? (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "apps-list-loading" }, "Loading apps...")) : error ? (error === 'User not authenticated' ? (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "apps-list-auth-message" },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "apps-list-auth-text" }, "User not authenticated"),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("button", { onClick: handleLogin, className: "button-base button-purple apps-list-auth-login-button" }, "Login"))) : (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "apps-list-error" },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
+                "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),
@@ -6114,7 +6126,7 @@ const AppsList = ({ appManagerService }) => {
             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)" }))))))))));
+                    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)" })))))))))));
 };
 
 
@@ -6331,6 +6343,112 @@ const ManageAppsPlugin = {
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ManageAppsPlugin);
 
 
+/***/ }),
+
+/***/ "./lib/Extensions/AppPreview/PlaceholderWidget.js":
+/*!********************************************************!*\
+  !*** ./lib/Extensions/AppPreview/PlaceholderWidget.js ***!
+  \********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   PlaceholderWidget: () => (/* binding */ PlaceholderWidget)
+/* harmony export */ });
+/* harmony import */ var _lumino_widgets__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @lumino/widgets */ "webpack/sharing/consume/default/@lumino/widgets");
+/* harmony import */ var _lumino_widgets__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_lumino_widgets__WEBPACK_IMPORTED_MODULE_0__);
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+/**
+ * Simple placeholder widget for loading state.
+ */
+class PlaceholderWidget extends _lumino_widgets__WEBPACK_IMPORTED_MODULE_0__.Widget {
+    constructor() {
+        var _a, _b;
+        super();
+        this.addClass('jp-placeholder-widget');
+        const container = document.createElement('div');
+        container.style.display = 'flex';
+        container.style.flexDirection = 'column';
+        container.style.alignItems = 'center';
+        container.style.justifyContent = 'center';
+        container.style.height = '100%';
+        container.style.width = '100%';
+        container.style.padding = '40px 20px';
+        container.style.textAlign = 'center';
+        const emojiContainer = document.createElement('div');
+        emojiContainer.style.fontSize = '64px';
+        emojiContainer.style.minHeight = '80px';
+        emojiContainer.style.display = 'flex';
+        emojiContainer.style.alignItems = 'center';
+        emojiContainer.style.justifyContent = 'center';
+        emojiContainer.style.marginBottom = '24px';
+        emojiContainer.style.transition = 'opacity 0.3s ease-in-out';
+        const emojis = ['🚧', '🧱', '🏗️', '🔨', '🔧', '⚙️', '🛠️', '🔩', '📐'];
+        let currentEmojiIndex = 0;
+        emojiContainer.textContent = (_a = emojis[currentEmojiIndex]) !== null && _a !== void 0 ? _a : '';
+        const emojiInterval = setInterval(() => {
+            emojiContainer.style.opacity = '0';
+            setTimeout(() => {
+                var _a;
+                currentEmojiIndex = (currentEmojiIndex + 1) % emojis.length;
+                emojiContainer.textContent = (_a = emojis[currentEmojiIndex]) !== null && _a !== void 0 ? _a : '';
+                emojiContainer.style.opacity = '1';
+            }, 150);
+        }, 2000);
+        const message = document.createElement('div');
+        message.textContent = 'Building your app. This might take a couple of minutes.';
+        message.style.fontSize = '16px';
+        message.style.fontWeight = '500';
+        message.style.color = 'var(--jp-content-font-color1)';
+        message.style.marginBottom = '12px';
+        message.style.textAlign = 'center';
+        message.style.lineHeight = '1.5';
+        const statusMessages = [
+            'Starting build...',
+            'Processing cells...',
+            'Analyzing notebook structure...',
+            'Converting to Streamlit format...',
+            'Configuring app components...',
+            'Evaluating Streamlit Apps...',
+            'Initializing server...',
+            'Almost there...',
+            'Finalizing your app...',
+            'Preparing preview...'
+        ];
+        const statusMessage = document.createElement('div');
+        let currentStatusIndex = 0;
+        statusMessage.textContent = (_b = statusMessages[currentStatusIndex]) !== null && _b !== void 0 ? _b : '';
+        statusMessage.style.fontSize = '13px';
+        statusMessage.style.color = 'var(--jp-content-font-color3)';
+        statusMessage.style.textAlign = 'center';
+        statusMessage.style.lineHeight = '1.4';
+        statusMessage.style.transition = 'opacity 0.2s ease-in-out';
+        const statusInterval = setInterval(() => {
+            statusMessage.style.opacity = '0';
+            setTimeout(() => {
+                var _a;
+                currentStatusIndex = (currentStatusIndex + 1) % statusMessages.length;
+                statusMessage.textContent = (_a = statusMessages[currentStatusIndex]) !== null && _a !== void 0 ? _a : '';
+                statusMessage.style.opacity = '1';
+            }, 200);
+        }, 20000);
+        // Clean up intervals when widget is disposed
+        this.disposed.connect(() => {
+            clearInterval(emojiInterval);
+            clearInterval(statusInterval);
+        });
+        container.appendChild(emojiContainer);
+        container.appendChild(message);
+        container.appendChild(statusMessage);
+        this.node.appendChild(container);
+    }
+}
+
+
 /***/ }),
 
 /***/ "./lib/Extensions/AppPreview/StreamlitPreviewPlugin.js":
@@ -6352,16 +6470,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _lumino_widgets__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_lumino_widgets__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _lumino_coreutils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @lumino/coreutils */ "webpack/sharing/consume/default/@lumino/coreutils");
 /* harmony import */ var _lumino_coreutils__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_lumino_coreutils__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../restAPI/RestAPI */ "./lib/restAPI/RestAPI.js");
-/* harmony import */ var _AppDeploy_DeployStreamlitApp__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../AppDeploy/DeployStreamlitApp */ "./lib/Extensions/AppDeploy/DeployStreamlitApp.js");
-/* harmony import */ var _AppDeploy_AppDeployPlugin__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../AppDeploy/AppDeployPlugin */ "./lib/Extensions/AppDeploy/AppDeployPlugin.js");
-/* harmony import */ var _AppManager_ManageAppsPlugin__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../AppManager/ManageAppsPlugin */ "./lib/Extensions/AppManager/ManageAppsPlugin.js");
-/* harmony import */ var _commands__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../commands */ "./lib/commands.js");
-/* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../icons */ "./lib/icons/index.js");
+/* harmony import */ var _restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../restAPI/RestAPI */ "./lib/restAPI/RestAPI.js");
+/* harmony import */ var _AppDeploy_DeployStreamlitApp__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../AppDeploy/DeployStreamlitApp */ "./lib/Extensions/AppDeploy/DeployStreamlitApp.js");
+/* harmony import */ var _AppDeploy_AppDeployPlugin__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../AppDeploy/AppDeployPlugin */ "./lib/Extensions/AppDeploy/AppDeployPlugin.js");
+/* harmony import */ var _AppManager_ManageAppsPlugin__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../AppManager/ManageAppsPlugin */ "./lib/Extensions/AppManager/ManageAppsPlugin.js");
+/* harmony import */ var _commands__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../commands */ "./lib/commands.js");
+/* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../icons */ "./lib/icons/index.js");
 /* harmony import */ var _style_StreamlitPreviewPlugin_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../style/StreamlitPreviewPlugin.css */ "./style/StreamlitPreviewPlugin.css");
 /* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils */ "./lib/Extensions/AppPreview/utils.js");
-/* harmony import */ var _UpdateAppDropdown__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./UpdateAppDropdown */ "./lib/Extensions/AppPreview/UpdateAppDropdown.js");
-/* harmony import */ var _utils_notebookMetadata__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils/notebookMetadata */ "./lib/utils/notebookMetadata.js");
+/* harmony import */ var _UpdateAppDropdown__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./UpdateAppDropdown */ "./lib/Extensions/AppPreview/UpdateAppDropdown.js");
+/* harmony import */ var _utils_notebookMetadata__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../utils/notebookMetadata */ "./lib/utils/notebookMetadata.js");
+/* harmony import */ var _PlaceholderWidget__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./PlaceholderWidget */ "./lib/Extensions/AppPreview/PlaceholderWidget.js");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
@@ -6381,6 +6500,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 /**
  * The token for the StreamlitPreview service.
  */
@@ -6419,16 +6539,33 @@ class StreamlitAppPreviewManager {
     /**
      * Create a new Streamlit app preview, replacing any existing preview.
      */
-    async openAppPreview(app, notebookPanel) {
+    async openAppPreview(app, notebookPanel, createStreamlitAppPrompt = '') {
         // If the user has a different app open, we first close that one
         if (!this.isCurrentPreivewForCurrentNotebook(notebookPanel)) {
             this.closeCurrentPreview();
         }
+        // Create and show placeholder panel immediately
+        let placeholderWidget = null;
+        if (!this.isCurrentPreivewForCurrentNotebook(notebookPanel)) {
+            const placeholderContent = new _PlaceholderWidget__WEBPACK_IMPORTED_MODULE_5__.PlaceholderWidget();
+            placeholderWidget = new _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.MainAreaWidget({ content: placeholderContent });
+            placeholderWidget.title.label = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getAppPreviewNameFromNotebookPanel)(notebookPanel);
+            placeholderWidget.title.closable = true;
+            // Add placeholder to main area with split-right mode
+            app.shell.add(placeholderWidget, 'main', {
+                mode: 'split-right',
+                ref: notebookPanel.id
+            });
+        }
         // First save the notebook to ensure the app is up to date
         await notebookPanel.context.save();
         const notebookPath = notebookPanel.context.path;
-        const notebookID = (0,_utils_notebookMetadata__WEBPACK_IMPORTED_MODULE_5__.getNotebookIDAndSetIfNonexistant)(notebookPanel);
-        const streamlitPreviewResponse = await (0,_utils__WEBPACK_IMPORTED_MODULE_6__.startStreamlitPreviewAndNotify)(notebookPath, notebookID);
+        const notebookID = (0,_utils_notebookMetadata__WEBPACK_IMPORTED_MODULE_7__.getNotebookIDAndSetIfNonexistant)(notebookPanel);
+        const streamlitPreviewResponse = await (0,_utils__WEBPACK_IMPORTED_MODULE_6__.startStreamlitPreviewAndNotify)(notebookPath, notebookID, false, createStreamlitAppPrompt);
+        // Close placeholder before handling response (always dispose if it exists)
+        if (placeholderWidget) {
+            placeholderWidget.dispose();
+        }
         if (streamlitPreviewResponse.type === 'error') {
             return streamlitPreviewResponse;
         }
@@ -6462,9 +6599,9 @@ class StreamlitAppPreviewManager {
         // Because we are parsing the notebook on the backend by reading 
         // the file system, it only sees the last saved version of the notebook.
         await notebookPanel.context.save();
-        const notebookID = (0,_utils_notebookMetadata__WEBPACK_IMPORTED_MODULE_5__.getNotebookIDAndSetIfNonexistant)(notebookPanel);
+        const notebookID = (0,_utils_notebookMetadata__WEBPACK_IMPORTED_MODULE_7__.getNotebookIDAndSetIfNonexistant)(notebookPanel);
         // Update the app with the edit prompt
-        const streamlitPreviewResponse = await (0,_utils__WEBPACK_IMPORTED_MODULE_6__.startStreamlitPreviewAndNotify)(notebookPanel.context.path, notebookID, true, // force_recreate
+        const streamlitPreviewResponse = await (0,_utils__WEBPACK_IMPORTED_MODULE_6__.startStreamlitPreviewAndNotify)(notebookPanel.context.path, notebookID, false, // force_recreate
         editPrompt, 'Editing Streamlit app...', 'Streamlit app updated successfully!');
         return streamlitPreviewResponse;
     }
@@ -6505,22 +6642,22 @@ class StreamlitAppPreviewManager {
     createPreviewWidget(app, notebookPanel, appDeployService, appManagerService, previewData) {
         const iframeWidget = new IFrameWidget(previewData.url);
         // Log that the preview is open
-        void (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_7__.logEvent)('opened_streamlit_app_preview');
+        void (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_8__.logEvent)('opened_streamlit_app_preview');
         // Create main area widget
         const widget = new _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.MainAreaWidget({ content: iframeWidget });
         const notebookPath = notebookPanel.context.path;
-        const notebookID = (0,_utils_notebookMetadata__WEBPACK_IMPORTED_MODULE_5__.getNotebookIDAndSetIfNonexistant)(notebookPanel);
+        const notebookID = (0,_utils_notebookMetadata__WEBPACK_IMPORTED_MODULE_7__.getNotebookIDAndSetIfNonexistant)(notebookPanel);
         widget.title.label = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getAppPreviewNameFromNotebookPanel)(notebookPanel);
         widget.title.closable = true;
         // Create toolbar buttons
         const editAppButton = new _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.ToolbarButton({
             className: 'text-button-mito-ai button-base button-small jp-ToolbarButton mito-deploy-button',
             onClick: () => {
-                (0,_UpdateAppDropdown__WEBPACK_IMPORTED_MODULE_8__.showUpdateAppDropdown)(editAppButton.node, notebookPanel);
+                (0,_UpdateAppDropdown__WEBPACK_IMPORTED_MODULE_9__.showUpdateAppDropdown)(editAppButton.node, notebookPanel);
             },
             tooltip: 'Edit Streamlit App',
             label: 'Edit App',
-            icon: _icons__WEBPACK_IMPORTED_MODULE_9__.EditLabIcon,
+            icon: _icons__WEBPACK_IMPORTED_MODULE_10__.EditLabIcon,
             iconClass: 'mito-ai-deploy-icon'
         });
         const recreateAppButton = new _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.ToolbarButton({
@@ -6530,30 +6667,30 @@ class StreamlitAppPreviewManager {
             },
             tooltip: 'Recreate new App from scratch based on the current state of the notebook',
             label: 'Recreate App',
-            icon: _icons__WEBPACK_IMPORTED_MODULE_9__.ResetCircleLabIcon,
+            icon: _icons__WEBPACK_IMPORTED_MODULE_10__.ResetCircleLabIcon,
             iconClass: 'mito-ai-deploy-icon'
         });
         const deployButton = new _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.ToolbarButton({
             className: 'text-button-mito-ai button-base button-small jp-ToolbarButton mito-deploy-button',
             onClick: () => {
-                void (0,_AppDeploy_DeployStreamlitApp__WEBPACK_IMPORTED_MODULE_10__.deployStreamlitApp)(notebookPanel, appDeployService, appManagerService);
+                void (0,_AppDeploy_DeployStreamlitApp__WEBPACK_IMPORTED_MODULE_11__.deployStreamlitApp)(notebookPanel, appDeployService, appManagerService);
             },
             tooltip: 'Deploy Streamlit App',
             label: 'Deploy App',
-            icon: _icons__WEBPACK_IMPORTED_MODULE_9__.DeployLabIcon,
+            icon: _icons__WEBPACK_IMPORTED_MODULE_10__.DeployLabIcon,
             iconClass: 'mito-ai-deploy-icon'
         });
         // Insert the buttons into the toolbar
         widget.toolbar.insertAfter('spacer', 'edit-app-button', editAppButton);
         widget.toolbar.insertAfter('edit-app-button', 'recreate-app-button', recreateAppButton);
-        if (app.commands.hasCommand(_commands__WEBPACK_IMPORTED_MODULE_11__.COMMAND_MITO_AI_BETA_MODE_ENABLED)) {
+        if (app.commands.hasCommand(_commands__WEBPACK_IMPORTED_MODULE_12__.COMMAND_MITO_AI_BETA_MODE_ENABLED)) {
             widget.toolbar.insertAfter('recreate-app-button', 'deploy-app-button', deployButton);
         }
         // Handle widget disposal
         widget.disposed.connect(() => {
             console.log('Widget disposed, stopping preview');
             if (previewData) {
-                void (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_7__.stopStreamlitPreview)(previewData.id);
+                void (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_8__.stopStreamlitPreview)(previewData.id);
             }
             // Clear our reference when the widget is disposed
             if (this.currentPreview === widget) {
@@ -6569,14 +6706,14 @@ class StreamlitAppPreviewManager {
 const StreamlitPreviewPlugin = {
     id: 'mito-ai:streamlit-preview',
     autoStart: true,
-    requires: [_jupyterlab_notebook__WEBPACK_IMPORTED_MODULE_0__.INotebookTracker, _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.ICommandPalette, _AppDeploy_AppDeployPlugin__WEBPACK_IMPORTED_MODULE_12__.IAppDeployService, _AppManager_ManageAppsPlugin__WEBPACK_IMPORTED_MODULE_13__.IAppManagerService],
+    requires: [_jupyterlab_notebook__WEBPACK_IMPORTED_MODULE_0__.INotebookTracker, _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.ICommandPalette, _AppDeploy_AppDeployPlugin__WEBPACK_IMPORTED_MODULE_13__.IAppDeployService, _AppManager_ManageAppsPlugin__WEBPACK_IMPORTED_MODULE_14__.IAppManagerService],
     provides: IStreamlitPreviewManager,
     activate: (app, notebookTracker, palette, appDeployService, appManagerService) => {
         console.log('mito-ai: StreamlitPreviewPlugin activated');
         // Create the service instance
         const streamlitPreviewManager = new StreamlitAppPreviewManager(appDeployService, appManagerService);
         // Add command to command palette
-        app.commands.addCommand(_commands__WEBPACK_IMPORTED_MODULE_11__.COMMAND_MITO_AI_PREVIEW_AS_STREAMLIT, {
+        app.commands.addCommand(_commands__WEBPACK_IMPORTED_MODULE_12__.COMMAND_MITO_AI_PREVIEW_AS_STREAMLIT, {
             label: 'Preview as Streamlit',
             caption: 'Convert current notebook to Streamlit app and preview it',
             execute: async () => {
@@ -6592,7 +6729,7 @@ const StreamlitPreviewPlugin = {
         });
         // Add to command palette
         palette.addItem({
-            command: _commands__WEBPACK_IMPORTED_MODULE_11__.COMMAND_MITO_AI_PREVIEW_AS_STREAMLIT,
+            command: _commands__WEBPACK_IMPORTED_MODULE_12__.COMMAND_MITO_AI_PREVIEW_AS_STREAMLIT,
             category: 'Mito AI'
         });
         // Return the service so other plugins can use it
@@ -6728,7 +6865,8 @@ __webpack_require__.r(__webpack_exports__);
 
 const startStreamlitPreviewAndNotify = async (notebookPath, notebookID, force_recreate = false, edit_prompt = '', start_notification_message = 'Building App Preview...', success_notification_message = 'Streamlit preview started successfully!') => {
     const notificationId = _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.Notification.emit(start_notification_message, 'in-progress', { autoClose: false });
-    const previewData = await (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_2__.startStreamlitPreview)(notebookPath, notebookID, force_recreate, edit_prompt);
+    // TODO: I can have one function for creating new streamlit app and another function for editing a streamlit app
+    const previewData = await (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_2__.startStreamlitAppPreview)(notebookPath, notebookID, force_recreate, edit_prompt);
     if (previewData.type === 'success') {
         // Update notification to success
         _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.Notification.update({
@@ -6760,7 +6898,7 @@ async function showRecreateAppConfirmation(notebookPath, notebookID) {
         defaultButton: 1
     });
     if (result.button.accept) {
-        void startStreamlitPreviewAndNotify(notebookPath, notebookID, true, undefined, 'Recreating app from scratch...', 'App recreated successfully!');
+        void startStreamlitPreviewAndNotify(notebookPath, notebookID, true, '', 'Recreating app from scratch...', 'App recreated successfully!');
     }
 }
 const getAppPreviewNameFromNotebookPanel = (notebookPanel) => {
@@ -10279,9 +10417,13 @@ __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_ModelSelector_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style/ModelSelector.css */ "./style/ModelSelector.css");
-/* harmony import */ var _icons_NucleausIcon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icons/NucleausIcon */ "./lib/icons/NucleausIcon.js");
-/* harmony import */ var _utils_models__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/models */ "./lib/utils/models.js");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ "webpack/sharing/consume/default/react-dom");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _style_ModelSelector_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../style/ModelSelector.css */ "./style/ModelSelector.css");
+/* harmony import */ var _icons_NucleausIcon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icons/NucleausIcon */ "./lib/icons/NucleausIcon.js");
+/* harmony import */ var _icons_BrainIcon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icons/BrainIcon */ "./lib/icons/BrainIcon.js");
+/* harmony import */ var _icons_LightningIcon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../icons/LightningIcon */ "./lib/icons/LightningIcon.js");
+/* harmony import */ var _utils_models__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/models */ "./lib/utils/models.js");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
@@ -10290,18 +10432,94 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
+
+
 const MODEL_MAPPINGS = [
-    { displayName: 'GPT 4.1', fullName: 'gpt-4.1' },
-    { displayName: _utils_models__WEBPACK_IMPORTED_MODULE_2__.CLAUDE_SONNET_DISPLAY_NAME, fullName: _utils_models__WEBPACK_IMPORTED_MODULE_2__.CLAUDE_SONNET_MODEL_NAME },
-    { displayName: 'Gemini 2.5 Pro', fullName: 'gemini-2.5-pro-preview-03-25' },
-    { displayName: 'Gemini 3 Pro', fullName: 'gemini-3-pro-preview' }
+    {
+        displayName: 'GPT 4.1',
+        fullName: 'gpt-4.1',
+        type: 'smart',
+        goodFor: [
+            'Complex data analysis',
+            'Advanced debugging',
+            'Statistical analysis and modeling',
+            'Multi-step data workflows'
+        ],
+        provider: 'OpenAI',
+        tokenLimit: '1M',
+        speed: 'Medium',
+        complexityHandling: 'High'
+    },
+    {
+        displayName: _utils_models__WEBPACK_IMPORTED_MODULE_3__.CLAUDE_HAIKU_DISPLAY_NAME,
+        fullName: _utils_models__WEBPACK_IMPORTED_MODULE_3__.CLAUDE_HAIKU_MODEL_NAME,
+        type: 'fast',
+        goodFor: [
+            'Quick data exploration',
+            'Pandas operations',
+            'Basic data cleaning',
+            'Fast code iterations'
+        ],
+        provider: 'Anthropic',
+        tokenLimit: '200K',
+        speed: 'Fast',
+        complexityHandling: 'Medium'
+    },
+    {
+        displayName: _utils_models__WEBPACK_IMPORTED_MODULE_3__.CLAUDE_SONNET_DISPLAY_NAME,
+        fullName: _utils_models__WEBPACK_IMPORTED_MODULE_3__.CLAUDE_SONNET_MODEL_NAME,
+        type: 'smart',
+        goodFor: [
+            'Complex data analysis',
+            'Advanced debugging',
+            'Statistical analysis and modeling',
+            'Multi-step data workflows'
+        ],
+        provider: 'Anthropic',
+        tokenLimit: '1M',
+        speed: 'Medium',
+        complexityHandling: 'High'
+    },
+    {
+        displayName: 'Gemini 2.5 Pro',
+        fullName: 'gemini-2.5-pro',
+        type: 'smart',
+        goodFor: [
+            'Complex data analysis',
+            'Advanced debugging',
+            'Statistical analysis and modeling',
+            'Multi-step data workflows'
+        ],
+        provider: 'Google',
+        tokenLimit: '1M',
+        speed: 'Medium',
+        complexityHandling: 'High'
+    },
+    {
+        displayName: 'Gemini 3 Pro',
+        fullName: 'gemini-3-pro-preview',
+        type: 'smart',
+        goodFor: [
+            'Most complex data analysis',
+            'Advanced debugging',
+            'Statistical analysis and modeling',
+            'Multi-step data workflows'
+        ],
+        provider: 'Google',
+        tokenLimit: '1M',
+        speed: 'Slow',
+        complexityHandling: 'High'
+    }
 ];
 const ALL_MODEL_DISPLAY_NAMES = MODEL_MAPPINGS.map(mapping => mapping.displayName);
 // Maximum length for displayed model name before truncating
-const DEFAULT_MODEL = _utils_models__WEBPACK_IMPORTED_MODULE_2__.CLAUDE_SONNET_DISPLAY_NAME;
+const DEFAULT_MODEL = _utils_models__WEBPACK_IMPORTED_MODULE_3__.CLAUDE_SONNET_DISPLAY_NAME;
 const ModelSelector = ({ onConfigChange }) => {
     const [selectedModel, setSelectedModel] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(DEFAULT_MODEL);
     const [isOpen, setIsOpen] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    const [hoveredModel, setHoveredModel] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
+    const dropdownRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
     // Load config from localStorage on component mount and notify parent
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
         var _a;
@@ -10354,17 +10572,60 @@ const ModelSelector = ({ onConfigChange }) => {
             document.removeEventListener('mousedown', handleClickOutside);
         };
     }, []);
+    // Set CSS custom properties for tooltip positioning
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        if (isOpen && dropdownRef.current) {
+            const rect = dropdownRef.current.getBoundingClientRect();
+            // Align bottom of tooltip with bottom of dropdown (which is at rect.top)
+            // Tooltip height is approximately 180px
+            const tooltipHeight = 180;
+            const tooltipBottom = rect.top;
+            const tooltipTop = tooltipBottom - tooltipHeight;
+            document.documentElement.style.setProperty('--tooltip-top', `${tooltipTop - 32}px`);
+            document.documentElement.style.setProperty('--tooltip-left', `${rect.left + 160}px`);
+        }
+    }, [isOpen]);
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-selector" },
-        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: `model-selector-dropdown`, onClick: () => setIsOpen(!isOpen), title: selectedModel, "data-testid": "model-selector" },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { ref: dropdownRef, className: `model-selector-dropdown`, onClick: () => setIsOpen(!isOpen), "data-testid": "model-selector" },
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "selected-model" },
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "model-icon" },
-                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_NucleausIcon__WEBPACK_IMPORTED_MODULE_3__["default"], { height: 10, width: 10 })),
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_NucleausIcon__WEBPACK_IMPORTED_MODULE_4__["default"], { height: 10, width: 10 })),
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "model-name" }, selectedModel),
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "dropdown-arrow" }, "\u25BC")),
-            isOpen && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: `model-options dropup`, style: { minWidth: '150px' } }, ALL_MODEL_DISPLAY_NAMES.map(model => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { key: model, className: `model-option ${model === selectedModel ? 'selected' : ''}`, onClick: (e) => {
-                    e.stopPropagation();
-                    handleModelChange(model);
-                }, title: model, "data-testid": "model-option" }, model))))))));
+            isOpen && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: `model-options dropup`, style: { minWidth: '150px' }, onMouseLeave: () => setHoveredModel(null) }, ALL_MODEL_DISPLAY_NAMES.map(model => {
+                const modelMapping = MODEL_MAPPINGS.find(m => m.displayName === model);
+                return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { key: model, className: `model-option ${model === selectedModel ? 'selected' : ''}`, onClick: (e) => {
+                        e.stopPropagation();
+                        handleModelChange(model);
+                    }, onMouseEnter: () => setHoveredModel(modelMapping || null), "data-testid": "model-option" },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "model-option-name" }, model),
+                    (modelMapping === null || modelMapping === void 0 ? void 0 : modelMapping.type) === 'smart' && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "model-type-icon" },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_BrainIcon__WEBPACK_IMPORTED_MODULE_5__["default"], { height: 12, width: 12 }))),
+                    (modelMapping === null || modelMapping === void 0 ? void 0 : modelMapping.type) === 'fast' && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "model-type-icon" },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_LightningIcon__WEBPACK_IMPORTED_MODULE_6__["default"], { height: 12, width: 12 })))));
+            })))),
+        isOpen && hoveredModel && react_dom__WEBPACK_IMPORTED_MODULE_1___default().createPortal(react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip-content" },
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip-header" },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip-title-row" },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "model-tooltip-title-icon" }, hoveredModel.type === 'smart' ? (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_BrainIcon__WEBPACK_IMPORTED_MODULE_5__["default"], { height: 16, width: 16 })) : (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_LightningIcon__WEBPACK_IMPORTED_MODULE_6__["default"], { height: 16, width: 16 }))),
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip-title" }, hoveredModel.displayName)),
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip-metadata" },
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip-metadata-item" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "model-tooltip-metadata-label" }, "Provider:"),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "model-tooltip-metadata-value" }, hoveredModel.provider)),
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip-metadata-item" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "model-tooltip-metadata-label" }, "Tokens:"),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "model-tooltip-metadata-value" }, hoveredModel.tokenLimit)),
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip-metadata-item" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "model-tooltip-metadata-label" }, "Speed:"),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "model-tooltip-metadata-value" }, hoveredModel.speed)),
+                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip-metadata-item" },
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "model-tooltip-metadata-label" }, "Complexity:"),
+                            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "model-tooltip-metadata-value" }, hoveredModel.complexityHandling)))),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip-section" },
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "model-tooltip-section-label" }, "Good For:"),
+                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", { className: "model-tooltip-bullet-list" }, hoveredModel.goodFor.map((item, index) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", { key: index, className: "model-tooltip-bullet-item" }, item))))))), document.body)));
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ModelSelector);
 
@@ -10750,6 +11011,31 @@ const AppIcon = () => {
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AppIcon);
 
 
+/***/ }),
+
+/***/ "./lib/icons/BrainIcon.js":
+/*!********************************!*\
+  !*** ./lib/icons/BrainIcon.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 BrainIcon = ({ height = 14, width = 14, fill = 'currentColor' }) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", { width: width, height: height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: fill, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", { d: "M12 5a3 3 0 1 0-5.997.142 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588 4 4 0 0 0 7.636 2.106 3.2 3.2 0 0 0 .164-.546c.628-.5 1.2-1.1 1.7-1.8a3.2 3.2 0 0 0 .164-.546 4 4 0 0 0 7.636-2.106 4 4 0 0 0 .556-6.588 4 4 0 0 0-2.526-5.77A3 3 0 1 0 12 5Z" }),
+    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", { d: "M8 12h.01M12 12h.01M16 12h.01M8 8h.01M12 8h.01M16 8h.01M8 16h.01M12 16h.01M16 16h.01" })));
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BrainIcon);
+
+
 /***/ }),
 
 /***/ "./lib/icons/CodeIcon.js":
@@ -10877,6 +11163,30 @@ const ExpandIcon = ({ isExpanded }) => (react__WEBPACK_IMPORTED_MODULE_0___defau
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ExpandIcon);
 
 
+/***/ }),
+
+/***/ "./lib/icons/LightningIcon.js":
+/*!************************************!*\
+  !*** ./lib/icons/LightningIcon.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 LightningIcon = ({ height = 14, width = 14, fill = 'currentColor' }) => (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", { width: width, height: height, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", stroke: fill, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" },
+    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", { d: "M13 2L3 14h9l-1 8 10-12h-9l1-8z" })));
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (LightningIcon);
+
+
 /***/ }),
 
 /***/ "./lib/icons/MagicWand.js":
@@ -11351,7 +11661,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   logEvent: () => (/* binding */ logEvent),
 /* harmony export */   setRule: () => (/* binding */ setRule),
 /* harmony export */   setUserKey: () => (/* binding */ setUserKey),
-/* harmony export */   startStreamlitPreview: () => (/* binding */ startStreamlitPreview),
+/* harmony export */   startStreamlitAppPreview: () => (/* binding */ startStreamlitAppPreview),
 /* harmony export */   stopStreamlitPreview: () => (/* binding */ stopStreamlitPreview),
 /* harmony export */   updateSettings: () => (/* binding */ updateSettings)
 /* harmony export */ });
@@ -11448,14 +11758,14 @@ const getDatabaseConnections = async () => {
 STREAMLIT PREVIEW ENDPOINTS
 
 ************************************/
-const startStreamlitPreview = async (notebookPath, notebookID, force_recreate = false, edit_prompt = '') => {
+const startStreamlitAppPreview = async (notebookPath, notebookID, force_recreate = false, streamlit_app_prompt = '') => {
     const response = await (0,_utils__WEBPACK_IMPORTED_MODULE_0__.requestAPI)('streamlit-preview', {
         method: 'POST',
         body: JSON.stringify({
             notebook_path: notebookPath,
             notebook_id: notebookID,
             force_recreate: force_recreate,
-            edit_prompt: edit_prompt
+            streamlit_app_prompt: streamlit_app_prompt
         })
     });
     if (response.error) {
@@ -12726,6 +13036,8 @@ const uploadFileToBackend = async (file, notebookTracker, onFileUploaded) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CLAUDE_HAIKU_DISPLAY_NAME: () => (/* binding */ CLAUDE_HAIKU_DISPLAY_NAME),
+/* harmony export */   CLAUDE_HAIKU_MODEL_NAME: () => (/* binding */ CLAUDE_HAIKU_MODEL_NAME),
 /* harmony export */   CLAUDE_SONNET_DISPLAY_NAME: () => (/* binding */ CLAUDE_SONNET_DISPLAY_NAME),
 /* harmony export */   CLAUDE_SONNET_MODEL_NAME: () => (/* binding */ CLAUDE_SONNET_MODEL_NAME),
 /* harmony export */   GPT_4_1_DISPLAY_NAME: () => (/* binding */ GPT_4_1_DISPLAY_NAME),
@@ -12735,8 +13047,10 @@ __webpack_require__.r(__webpack_exports__);
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
  */
-const CLAUDE_SONNET_DISPLAY_NAME = 'Claude 4.5 Sonnet';
+const CLAUDE_SONNET_DISPLAY_NAME = 'Claude Sonnet 4.5';
 const CLAUDE_SONNET_MODEL_NAME = 'claude-sonnet-4-5-20250929';
+const CLAUDE_HAIKU_DISPLAY_NAME = 'Claude Haiku 4.5';
+const CLAUDE_HAIKU_MODEL_NAME = 'claude-haiku-4-5-20251001';
 const GPT_4_1_DISPLAY_NAME = 'GPT 4.1';
 const GPT_4_1_MODEL_NAME = 'gpt-4.1';
 
@@ -14920,16 +15234,28 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
 
 /* apps-list.css */
 .apps-list-container {
-  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
   font-size: 13px;
   font-family: var(--jp-ui-font-family);
+  overflow: hidden;
 }
 
 .apps-list-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-bottom: 16px;
+  padding: 16px;
+  flex-shrink: 0;
+  border-bottom: 1px solid var(--jp-border-color2);
+}
+
+.apps-list-content {
+  flex: 1;
+  overflow-y: auto;
+  padding: 16px;
+  min-height: 0;
 }
 
 .apps-list-title {
@@ -14989,6 +15315,30 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
   margin-top: 8px;
 }
 
+.apps-list-auth-message {
+  color: var(--jp-ui-font-color1);
+  background-color: var(--jp-layout-color0);
+  border: 1px solid var(--jp-border-color2);
+  border-radius: 4px;
+  padding: 24px 16px;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 12px;
+}
+
+.apps-list-auth-text {
+  font-size: 14px;
+  font-weight: bold;
+  font-family: var(--jp-ui-font-family);
+}
+
+.apps-list-auth-login-button {
+  font-size: 13px;
+  min-width: 96px;
+}
+
 .apps-list-empty {
   color: var(--jp-ui-font-color2);
   text-align: center;
@@ -15078,7 +15428,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
 .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-last-deployed {\n  color: var(--jp-ui-font-color2);\n  font-size: 11px;\n}\n\n.app-item-url-container {\n  display: flex;\n  align-items: center;\n  background-color: var(--jp-layout-color1);\n  border: 1px solid var(--jp-border-color2);\n  border-radius: 3px;\n  padding: 6px 8px;\n}\n\n.app-item-url {\n  flex: 1;\n  color: var(--jp-ui-font-color1);\n  font-size: 11px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-family: var(--jp-code-font-family);\n}\n\n.app-item-copy-button {\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  padding: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 8px;\n  border-radius: 2px;\n}\n\n.app-item-copy-button:hover {\n  background-color: var(--jp-layout-color2);\n}\n"],"sourceRoot":""}]);
+`, "",{"version":3,"sources":["webpack://./style/AppsList.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF,kBAAkB;AAClB;EACE,aAAa;EACb,sBAAsB;EACtB,YAAY;EACZ,eAAe;EACf,qCAAqC;EACrC,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,8BAA8B;EAC9B,mBAAmB;EACnB,aAAa;EACb,cAAc;EACd,gDAAgD;AAClD;;AAEA;EACE,OAAO;EACP,gBAAgB;EAChB,aAAa;EACb,aAAa;AACf;;AAEA;EACE,SAAS;EACT,eAAe;EACf,iBAAiB;EACjB,+BAA+B;AACjC;;AAEA;EACE,aAAa;EACb,QAAQ;AACV;;AAEA;EACE,gBAAgB;EAChB,eAAe;EACf,6BAA6B;EAC7B,+BAA+B;EAC/B,yCAAyC;EACzC,kBAAkB;EAClB,eAAe;EACf,mBAAmB;EACnB,sCAAsC;AACxC;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,wCAAwC;EACxC,YAAY;EACZ,YAAY;AACd;;AAEA;EACE,+BAA+B;EAC/B,kBAAkB;EAClB,eAAe;AACjB;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,eAAe;EACf,yCAAyC;EACzC,yBAAyB;EACzB,kBAAkB;AACpB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,+BAA+B;EAC/B,yCAAyC;EACzC,yCAAyC;EACzC,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,aAAa;EACb,sBAAsB;EACtB,mBAAmB;EACnB,SAAS;AACX;;AAEA;EACE,eAAe;EACf,iBAAiB;EACjB,qCAAqC;AACvC;;AAEA;EACE,eAAe;EACf,eAAe;AACjB;;AAEA;EACE,+BAA+B;EAC/B,kBAAkB;EAClB,eAAe;AACjB;;AAEA;EACE,yCAAyC;EACzC,kBAAkB;EAClB,aAAa;EACb,kBAAkB;EAClB,yCAAyC;AAC3C;;AAEA;EACE,aAAa;EACb,8BAA8B;EAC9B,uBAAuB;EACvB,kBAAkB;AACpB;;AAEA;EACE,OAAO;AACT;;AAEA;EACE,iBAAiB;EACjB,+BAA+B;EAC/B,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;EACE,qBAAqB;EACrB,UAAU;EACV,WAAW;EACX,kBAAkB;EAClB,iBAAiB;AACnB;;AAEA;EACE,+BAA+B;EAC/B,eAAe;AACjB;;AAEA;EACE,+BAA+B;EAC/B,eAAe;AACjB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,yCAAyC;EACzC,yCAAyC;EACzC,kBAAkB;EAClB,gBAAgB;AAClB;;AAEA;EACE,OAAO;EACP,+BAA+B;EAC/B,eAAe;EACf,gBAAgB;EAChB,uBAAuB;EACvB,mBAAmB;EACnB,uCAAuC;AACzC;;AAEA;EACE,YAAY;EACZ,uBAAuB;EACvB,eAAe;EACf,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,yCAAyC;AAC3C","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n/* apps-list.css */\n.apps-list-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  font-size: 13px;\n  font-family: var(--jp-ui-font-family);\n  overflow: hidden;\n}\n\n.apps-list-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 16px;\n  flex-shrink: 0;\n  border-bottom: 1px solid var(--jp-border-color2);\n}\n\n.apps-list-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 16px;\n  min-height: 0;\n}\n\n.apps-list-title {\n  margin: 0;\n  font-size: 14px;\n  font-weight: bold;\n  color: var(--jp-ui-font-color1);\n}\n\n.apps-list-actions {\n  display: flex;\n  gap: 8px;\n}\n\n.apps-list-button {\n  padding: 4px 8px;\n  font-size: 11px;\n  background-color: transparent;\n  color: var(--jp-ui-font-color2);\n  border: 1px solid var(--jp-border-color2);\n  border-radius: 3px;\n  cursor: pointer;\n  font-weight: normal;\n  transition: background-color 0.2s ease;\n}\n\n.apps-list-button:hover {\n  background-color: var(--jp-layout-color2);\n}\n\n.apps-list-button:disabled {\n  cursor: not-allowed;\n}\n\n.apps-list-button.primary {\n  background-color: var(--jp-brand-color1);\n  color: white;\n  border: none;\n}\n\n.apps-list-loading {\n  color: var(--jp-ui-font-color2);\n  text-align: center;\n  padding: 20px 0;\n}\n\n.apps-list-error {\n  color: #f44336;\n  text-align: center;\n  padding: 20px 0;\n  background-color: var(--jp-layout-color1);\n  border: 1px solid #f44336;\n  border-radius: 4px;\n}\n\n.apps-list-error-actions {\n  margin-top: 8px;\n}\n\n.apps-list-auth-message {\n  color: var(--jp-ui-font-color1);\n  background-color: var(--jp-layout-color0);\n  border: 1px solid var(--jp-border-color2);\n  border-radius: 4px;\n  padding: 24px 16px;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n}\n\n.apps-list-auth-text {\n  font-size: 14px;\n  font-weight: bold;\n  font-family: var(--jp-ui-font-family);\n}\n\n.apps-list-auth-login-button {\n  font-size: 13px;\n  min-width: 96px;\n}\n\n.apps-list-empty {\n  color: var(--jp-ui-font-color2);\n  text-align: center;\n  padding: 20px 0;\n}\n\n.app-item {\n  border: 1px solid var(--jp-border-color1);\n  border-radius: 4px;\n  padding: 12px;\n  margin-bottom: 8px;\n  background-color: var(--jp-layout-color0);\n}\n\n.app-item-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 8px;\n}\n\n.app-item-content {\n  flex: 1;\n}\n\n.app-item-name {\n  font-weight: bold;\n  color: var(--jp-ui-font-color1);\n  margin-bottom: 4px;\n}\n\n.app-item-status-container {\n  display: flex;\n  align-items: center;\n  margin-bottom: 4px;\n}\n\n.app-item-status-indicator {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  margin-right: 6px;\n}\n\n.app-item-status-text {\n  color: var(--jp-ui-font-color2);\n  font-size: 12px;\n}\n\n.app-item-last-deployed {\n  color: var(--jp-ui-font-color2);\n  font-size: 11px;\n}\n\n.app-item-url-container {\n  display: flex;\n  align-items: center;\n  background-color: var(--jp-layout-color1);\n  border: 1px solid var(--jp-border-color2);\n  border-radius: 3px;\n  padding: 6px 8px;\n}\n\n.app-item-url {\n  flex: 1;\n  color: var(--jp-ui-font-color1);\n  font-size: 11px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-family: var(--jp-code-font-family);\n}\n\n.app-item-copy-button {\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  padding: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 8px;\n  border-radius: 2px;\n}\n\n.app-item-copy-button:hover {\n  background-color: var(--jp-layout-color2);\n}\n"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -15320,7 +15670,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
 
 /* Tab styling for sign in/sign up tabs */
 .modal-content .amplify-tabs__item {
-  color: var(--jp-ui-font-color2) !important;
+  color: var(--purple-500) !important;
   border-bottom: 2px solid transparent !important;
 }
 
@@ -15338,7 +15688,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
 
 
 .modal-content .amplify-tabs__item:hover {
-  color: var(--jp-ui-font-color1) !important;
+  color: var(--purple-700) !important;
 }
 
 /* Override any default blue tab styling from Amplify */
@@ -15614,7 +15964,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
   margin: 0;
   font-family: var(--jp-ui-font-family);
   font-style: italic;
-}`, "",{"version":3,"sources":["webpack://./style/AuthPopup.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/* 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":""}]);
+}`, "",{"version":3,"sources":["webpack://./style/AuthPopup.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/* 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(--purple-500) !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(--purple-700) !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___);
 
@@ -17724,6 +18074,25 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
   transition: background-color 0.2s;
   white-space: nowrap;
   /* Prevent text wrapping */
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.model-option-name {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.model-type-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  opacity: 0.7;
 }
 
 .model-option:hover {
@@ -17787,7 +18156,109 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
   .model-name {
     display: none;
   }
-}`, "",{"version":3,"sources":["webpack://./style/ModelSelector.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF,4DAA4D;;AAE5D;EACE,kBAAkB;EAClB,cAAc;EACd,aAAa;EACb,YAAY,EAAE,mCAAmC;EACjD,aAAa;EACb,mBAAmB,EAAE,sBAAsB;EAC3C,+BAA+B;AACjC;;AAEA;EACE,+BAA+B;AACjC;;AAEA;EACE,kBAAkB;EAClB,YAAY,EAAE,yCAAyC;EACvD,kBAAkB;EAClB,eAAe;EACf,aAAa;EACb,mBAAmB,EAAE,0CAA0C;EAC/D,kBAAkB;EAClB,eAAe;AACjB;;;AAGA;EACE,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,WAAW;EACX,YAAY;EACZ,cAAc;EACd,eAAe;EACf,gBAAgB;EAChB,cAAc;EACd,mBAAmB;EACnB,gBAAgB;EAChB,uBAAuB;AACzB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,YAAY;EACZ,cAAc;AAChB;;AAEA;EACE,cAAc;EACd,0BAA0B;EAC1B,gBAAgB;EAChB,cAAc,EAAE,iCAAiC;AACnD;;AAEA,2BAA2B;AAC3B;EACE,kBAAkB;EAClB,YAAY;EACZ,iBAAiB;EACjB,gBAAgB;EAChB,yCAAyC;EACzC,yCAAyC;EACzC,kBAAkB;EAClB,kBAAkB;EAClB,yCAAyC;EACzC,aAAa;EACb,WAAW;AACb;;AAEA;EACE,gBAAgB;EAChB,eAAe;EACf,mCAAmC;EACnC,oCAAoC;EACpC,eAAe;EACf,iCAAiC;EACjC,mBAAmB;EACnB,0BAA0B;AAC5B;;AAEA;EACE,yCAAyC;EACzC,wBAAwB;AAC1B;;AAEA;EACE,yCAAyC;EACzC,wBAAwB;AAC1B;;AAEA,4EAA4E;AAC5E;EACE,YAAY;EACZ,aAAa;EACb,mBAAmB;AACrB;;AAEA;EACE,YAAY;EACZ,kBAAkB;AACpB;;AAEA,iDAAiD;AACjD;EACE,aAAa;EACb,wCAAwC;AAC1C;;AAEA;EACE,qBAAqB;EACrB,gBAAgB;EAChB,gBAAgB;EAChB,uBAAuB;EACvB,mBAAmB;EACnB,sBAAsB;AACxB;;AAEA,qDAAqD;AACrD;EACE,aAAa;AACf;;AAEA;EACE,eAAe;AACjB;;AAEA,2CAA2C;AAC3C;;EAEE,uEAAuE;EACvE;IACE,WAAW;EACb;;EAEA;IACE,eAAe;EACjB;;EAEA;IACE,aAAa;EACf;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/* 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}\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}"],"sourceRoot":""}]);
+}
+
+/* Model tooltip - appears to the right of the dropdown, rendered via portal */
+.model-tooltip {
+  position: fixed;
+  top: var(--tooltip-top, 200px);
+  left: var(--tooltip-left, 200px);
+  background-color: var(--jp-layout-color1);
+  border: 1px solid var(--jp-layout-color2);
+  border-radius: 4px;
+  padding: 12px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  z-index: 10000; /* High z-index to appear above Jupyter notebook */
+  width: 280px;
+  pointer-events: none; /* Prevent tooltip from blocking mouse events */
+}
+
+.model-tooltip-content {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.model-tooltip-header {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.model-tooltip-title-row {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.model-tooltip-title-icon {
+  flex-shrink: 0;
+  opacity: 0.8;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+}
+
+.model-tooltip-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--jp-content-font-color1);
+  line-height: 1.2;
+}
+
+.model-tooltip-metadata {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 6px 12px;
+  font-size: 11px;
+}
+
+.model-tooltip-metadata-item {
+  display: flex;
+  gap: 4px;
+}
+
+.model-tooltip-metadata-label {
+  color: var(--jp-content-font-color2);
+  font-weight: 500;
+}
+
+.model-tooltip-metadata-value {
+  color: var(--jp-content-font-color1);
+  font-weight: 600;
+}
+
+.model-tooltip-section {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.model-tooltip-section-label {
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--jp-content-font-color1);
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.model-tooltip-bullet-list {
+  margin: 0;
+  padding-left: 16px;
+  list-style-type: disc;
+}
+
+.model-tooltip-bullet-item {
+  font-size: 12px;
+  color: var(--jp-content-font-color2);
+  line-height: 1.5;
+  margin-bottom: 4px;
+}
+
+.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":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -21892,4 +22363,4 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
 /***/ })
 
 }]);
-//# sourceMappingURL=lib_index_js.5ec1e525d244fc8588cf.js.map
+//# sourceMappingURL=lib_index_js.31462f8f6a76b1cefbeb.js.map