mito-ai 0.1.51__py3-none-any.whl → 0.1.53__py3-none-any.whl

mito_ai-0.1.51.data/data/share/jupyter/labextensions/mito_ai/static/lib_index_js.c0b356ea4ace64bf1f03.js → mito_ai-0.1.53.data/data/share/jupyter/labextensions/mito_ai/static/lib_index_js.4b7cd47a24bb24ef84ea.js

@@ -666,22 +666,18 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const AgentChangeControls = ({ reviewAgentChanges, app, notebookTracker, setHasCheckpoint, setDisplayedNextStepsIfAvailable, setShowRevertQuestionnaire, chatTaskpaneMessagesRef, acceptAllAICode, rejectAllAICode, getChangeCounts, getReviewProgress, setAgentReviewStatus, agentReviewStatus, }) => {
-    const [changeCounts, setChangeCounts] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
+const AgentChangeControls = ({ reviewAgentChanges, app, notebookTracker, setHasCheckpoint, setDisplayedNextStepsIfAvailable, setShowRevertQuestionnaire, chatTaskpaneMessagesRef, acceptAllAICode, rejectAllAICode, getReviewProgress, setAgentReviewStatus, agentReviewStatus, }) => {
     const [reviewProgress, setReviewProgress] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
     // Update counts when review starts
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
         if (agentReviewStatus === 'in-agent-code-review') {
-            const counts = getChangeCounts();
-            setChangeCounts(counts);
             const progress = getReviewProgress();
             setReviewProgress(progress);
         }
         else {
-            setChangeCounts(null);
             setReviewProgress(null);
         }
-    }, [agentReviewStatus, getChangeCounts, getReviewProgress]);
+    }, [agentReviewStatus, getReviewProgress]);
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
         // Update progress periodically during review to reflect when cells are reviewed.
         // We use polling here instead of event-driven updates because it's simpler and more robust -
@@ -702,16 +698,11 @@ const AgentChangeControls = ({ reviewAgentChanges, app, notebookTracker, setHasC
     }, [agentReviewStatus]);
     const handleReviewChanges = () => {
         reviewAgentChanges();
-        // reviewAgentChanges populates changedCellsRef synchronously, so we can get counts immediately
-        const counts = getChangeCounts();
-        // Only set status if there are actually changes to review
-        if (counts.total > 0) {
-            setAgentReviewStatus('in-agent-code-review');
-            // Scroll to show the new review controls after the UI updates
-            setTimeout(() => {
-                (0,_utils_scroll__WEBPACK_IMPORTED_MODULE_2__.scrollToDiv)(chatTaskpaneMessagesRef);
-            }, 0);
-        }
+        setAgentReviewStatus('in-agent-code-review');
+        // Scroll to show the new review controls after the UI updates
+        setTimeout(() => {
+            (0,_utils_scroll__WEBPACK_IMPORTED_MODULE_2__.scrollToDiv)(chatTaskpaneMessagesRef);
+        }, 0);
     };
     const handleAcceptAll = () => {
         acceptAllAICode();
@@ -738,22 +729,6 @@ const AgentChangeControls = ({ reviewAgentChanges, app, notebookTracker, setHasC
     if (agentReviewStatus === 'in-agent-code-review') {
         return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: 'message message-assistant-chat' },
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "agent-change-controls-container" },
-                changeCounts && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "agent-change-counts" },
-                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "agent-change-count" },
-                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "agent-change-count-number agent-change-count-added" },
-                            changeCounts.added,
-                            " \u00A0"),
-                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "agent-change-count-text" }, changeCounts.added === 1 ? 'cell added' : 'cells added')),
-                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "agent-change-count" },
-                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "agent-change-count-number agent-change-count-modified" },
-                            changeCounts.modified,
-                            " \u00A0"),
-                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "agent-change-count-text" }, changeCounts.modified === 1 ? 'cell modified' : 'cells modified')),
-                    react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "agent-change-count" },
-                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "agent-change-count-number agent-change-count-removed" },
-                            changeCounts.removed,
-                            " \u00A0"),
-                        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "agent-change-count-text" }, changeCounts.removed === 1 ? 'cell removed' : 'cells removed')))),
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "agent-change-controls-buttons" },
                     react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "button-base button-green", title: "Accept all changes", onClick: handleAcceptAll }, "Accept all"),
                     react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "button-base button-red", onClick: handleRejectAll }, "Reject All")),
@@ -772,6 +747,43 @@ const AgentChangeControls = ({ reviewAgentChanges, app, notebookTracker, setHasC
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AgentChangeControls);
 
 
+/***/ }),
+
+/***/ "./lib/Extensions/AiChat/ChatMessage/AgentChangeSummary.js":
+/*!*****************************************************************!*\
+  !*** ./lib/Extensions/AiChat/ChatMessage/AgentChangeSummary.js ***!
+  \*****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _style_AgentChangeControls_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../style/AgentChangeControls.css */ "./style/AgentChangeControls.css");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+
+const AgentChangeSummary = ({ getChangeCounts, }) => {
+    const changeCounts = getChangeCounts();
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "agent-change-counts" },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "agent-change-count" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "agent-change-count-number agent-change-count-added" }, changeCounts.added),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "agent-change-count-text" }, changeCounts.added === 1 ? 'cell added' : 'cells added')),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "agent-change-count" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "agent-change-count-number agent-change-count-modified" }, changeCounts.modified),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "agent-change-count-text" }, changeCounts.modified === 1 ? 'cell modified' : 'cells modified')),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "agent-change-count" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "agent-change-count-number agent-change-count-removed" }, changeCounts.removed),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", { className: "agent-change-count-text" }, changeCounts.removed === 1 ? 'cell removed' : 'cells removed'))));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AgentChangeSummary);
+
+
 /***/ }),
 
 /***/ "./lib/Extensions/AiChat/ChatMessage/AlertBlock.js":
@@ -3041,7 +3053,7 @@ const ChatTaskpane = ({ notebookTracker, renderMimeRegistry, contextManager, str
                 react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "chat-loading-message" },
                     "Thinking ",
                     react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_LoadingDots__WEBPACK_IMPORTED_MODULE_37__["default"], null)),
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_AgentReviewPanel__WEBPACK_IMPORTED_MODULE_38__["default"], { hasCheckpoint: hasCheckpoint, agentModeEnabled: agentModeEnabled, agentExecutionStatus: agentExecution.agentExecutionStatus, displayOptimizedChatHistoryLength: displayOptimizedChatHistory.length, showRevertQuestionnaire: showRevertQuestionnaire, reviewAgentChanges: agentReview.reviewAgentChanges, acceptAllAICode: agentReview.acceptAllAICode, rejectAllAICode: agentReview.rejectAllAICode, getChangeCounts: agentReview.getChangeCounts, getReviewProgress: agentReview.getReviewProgress, setHasCheckpoint: setHasCheckpoint, setDisplayedNextStepsIfAvailable: setDisplayedNextStepsIfAvailable, setShowRevertQuestionnaire: setShowRevertQuestionnaire, getDuplicateChatHistoryManager: getDuplicateChatHistoryManager, setChatHistoryManager: setChatHistoryManager, app: app, notebookTracker: notebookTracker, chatTaskpaneMessagesRef: chatTaskpaneMessagesRef, agentReviewStatus: agentReviewStatus, setAgentReviewStatus: setAgentReviewStatus })),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_AgentReviewPanel__WEBPACK_IMPORTED_MODULE_38__["default"], { hasCheckpoint: hasCheckpoint, agentModeEnabled: agentModeEnabled, agentExecutionStatus: agentExecution.agentExecutionStatus, showRevertQuestionnaire: showRevertQuestionnaire, reviewAgentChanges: agentReview.reviewAgentChanges, acceptAllAICode: agentReview.acceptAllAICode, rejectAllAICode: agentReview.rejectAllAICode, getChangeCounts: agentReview.getChangeCounts, getReviewProgress: agentReview.getReviewProgress, hasChanges: agentReview.hasChanges, setHasCheckpoint: setHasCheckpoint, setDisplayedNextStepsIfAvailable: setDisplayedNextStepsIfAvailable, setShowRevertQuestionnaire: setShowRevertQuestionnaire, getDuplicateChatHistoryManager: getDuplicateChatHistoryManager, setChatHistoryManager: setChatHistoryManager, app: app, notebookTracker: notebookTracker, chatTaskpaneMessagesRef: chatTaskpaneMessagesRef, agentReviewStatus: agentReviewStatus, setAgentReviewStatus: setAgentReviewStatus })),
         displayOptimizedChatHistory.length === 0 && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "suggestions-container" },
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ChatMessage_ScrollableSuggestions__WEBPACK_IMPORTED_MODULE_39__["default"], { onSelectSuggestion: (prompt) => {
                     if (agentModeEnabled) {
@@ -3557,8 +3569,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _ChatMessage_AgentChangeControls__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../ChatMessage/AgentChangeControls */ "./lib/Extensions/AiChat/ChatMessage/AgentChangeControls.js");
-/* harmony import */ var _ChatMessage_RevertQuestionnaire__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../ChatMessage/RevertQuestionnaire */ "./lib/Extensions/AiChat/ChatMessage/RevertQuestionnaire.js");
+/* harmony import */ var _ChatMessage_AgentChangeControls__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../ChatMessage/AgentChangeControls */ "./lib/Extensions/AiChat/ChatMessage/AgentChangeControls.js");
+/* harmony import */ var _ChatMessage_AgentChangeSummary__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../ChatMessage/AgentChangeSummary */ "./lib/Extensions/AiChat/ChatMessage/AgentChangeSummary.js");
+/* harmony import */ var _ChatMessage_RevertQuestionnaire__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../ChatMessage/RevertQuestionnaire */ "./lib/Extensions/AiChat/ChatMessage/RevertQuestionnaire.js");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
@@ -3566,13 +3579,16 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const AgentReviewPanel = ({ agentReviewStatus, setAgentReviewStatus, hasCheckpoint, agentModeEnabled, agentExecutionStatus, displayOptimizedChatHistoryLength, showRevertQuestionnaire, reviewAgentChanges, acceptAllAICode, rejectAllAICode, getChangeCounts, getReviewProgress, setHasCheckpoint, setDisplayedNextStepsIfAvailable, setShowRevertQuestionnaire, getDuplicateChatHistoryManager, setChatHistoryManager, app, notebookTracker, chatTaskpaneMessagesRef }) => {
+
+const AgentReviewPanel = ({ agentReviewStatus, setAgentReviewStatus, hasCheckpoint, agentModeEnabled, agentExecutionStatus, showRevertQuestionnaire, reviewAgentChanges, acceptAllAICode, rejectAllAICode, getChangeCounts, getReviewProgress, hasChanges, setHasCheckpoint, setDisplayedNextStepsIfAvailable, setShowRevertQuestionnaire, getDuplicateChatHistoryManager, setChatHistoryManager, app, notebookTracker, chatTaskpaneMessagesRef }) => {
+    const agentFinished = hasCheckpoint && agentModeEnabled && agentExecutionStatus === 'idle';
+    const shouldShowAgentChangeControls = agentFinished && hasChanges();
+    const shouldShowSummary = agentFinished && (agentReviewStatus === 'pre-agent-code-review' || agentReviewStatus === 'in-agent-code-review');
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null,
-        hasCheckpoint &&
-            agentModeEnabled &&
-            agentExecutionStatus === 'idle' &&
-            displayOptimizedChatHistoryLength > 0 && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ChatMessage_AgentChangeControls__WEBPACK_IMPORTED_MODULE_1__["default"], { reviewAgentChanges: reviewAgentChanges, app: app, notebookTracker: notebookTracker, setHasCheckpoint: setHasCheckpoint, setDisplayedNextStepsIfAvailable: setDisplayedNextStepsIfAvailable, setShowRevertQuestionnaire: setShowRevertQuestionnaire, chatTaskpaneMessagesRef: chatTaskpaneMessagesRef, acceptAllAICode: acceptAllAICode, rejectAllAICode: rejectAllAICode, getChangeCounts: getChangeCounts, getReviewProgress: getReviewProgress, agentReviewStatus: agentReviewStatus, setAgentReviewStatus: setAgentReviewStatus })),
-        showRevertQuestionnaire && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ChatMessage_RevertQuestionnaire__WEBPACK_IMPORTED_MODULE_2__["default"], { onDestroy: () => setShowRevertQuestionnaire(false), getDuplicateChatHistoryManager: getDuplicateChatHistoryManager, setChatHistoryManager: setChatHistoryManager }))));
+        shouldShowSummary && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: 'message message-assistant-chat' },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ChatMessage_AgentChangeSummary__WEBPACK_IMPORTED_MODULE_1__["default"], { getChangeCounts: getChangeCounts }))),
+        shouldShowAgentChangeControls && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ChatMessage_AgentChangeControls__WEBPACK_IMPORTED_MODULE_2__["default"], { reviewAgentChanges: reviewAgentChanges, app: app, notebookTracker: notebookTracker, setHasCheckpoint: setHasCheckpoint, setDisplayedNextStepsIfAvailable: setDisplayedNextStepsIfAvailable, setShowRevertQuestionnaire: setShowRevertQuestionnaire, chatTaskpaneMessagesRef: chatTaskpaneMessagesRef, acceptAllAICode: acceptAllAICode, rejectAllAICode: rejectAllAICode, getReviewProgress: getReviewProgress, agentReviewStatus: agentReviewStatus, setAgentReviewStatus: setAgentReviewStatus })),
+        showRevertQuestionnaire && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_ChatMessage_RevertQuestionnaire__WEBPACK_IMPORTED_MODULE_3__["default"], { onDestroy: () => setShowRevertQuestionnaire(false), getDuplicateChatHistoryManager: getDuplicateChatHistoryManager, setChatHistoryManager: setChatHistoryManager }))));
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AgentReviewPanel);
 
@@ -3884,9 +3900,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _AgentReviewUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../AgentReviewUtils */ "./lib/Extensions/AiChat/AgentReviewUtils.js");
+/* harmony import */ var _AgentReviewUtils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../AgentReviewUtils */ "./lib/Extensions/AiChat/AgentReviewUtils.js");
 /* harmony import */ var _utils_codeDiff__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../utils/codeDiff */ "./lib/utils/codeDiff.js");
-/* harmony import */ var _utils_notebook__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../utils/notebook */ "./lib/utils/notebook.js");
+/* harmony import */ var _utils_notebook__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../utils/notebook */ "./lib/utils/notebook.js");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
@@ -3922,47 +3938,19 @@ const useAgentReview = ({ app, agentTargetNotebookPanelRef, codeDiffStripesCompa
             total: cells.length
         };
     };
-    const acceptAICodeInAgentMode = () => {
-        var _a, _b;
-        const activeCellId = (_b = (_a = agentTargetNotebookPanelRef === null || agentTargetNotebookPanelRef === void 0 ? void 0 : agentTargetNotebookPanelRef.current) === null || _a === void 0 ? void 0 : _a.content.activeCell) === null || _b === void 0 ? void 0 : _b.model.id;
-        if (!activeCellId || !hasUnreviewedChanges(activeCellId)) {
-            return;
-        }
-        (0,_AgentReviewUtils__WEBPACK_IMPORTED_MODULE_1__.acceptSingleCellEdit)(activeCellId, agentTargetNotebookPanelRef === null || agentTargetNotebookPanelRef === void 0 ? void 0 : agentTargetNotebookPanelRef.current, notebookSnapshotAfterAgentExecutionRef.current, codeDiffStripesCompartments, changedCellsRef.current, setAgentReviewStatus);
-        updateCellToolbarButtons();
-    };
-    const rejectAICodeInAgentMode = () => {
-        var _a, _b;
-        const activeCellId = (_b = (_a = agentTargetNotebookPanelRef === null || agentTargetNotebookPanelRef === void 0 ? void 0 : agentTargetNotebookPanelRef.current) === null || _a === void 0 ? void 0 : _a.content.activeCell) === null || _b === void 0 ? void 0 : _b.model.id;
-        if (!activeCellId || !hasUnreviewedChanges(activeCellId)) {
-            return;
-        }
-        (0,_AgentReviewUtils__WEBPACK_IMPORTED_MODULE_1__.rejectSingleCellEdit)(activeCellId, agentTargetNotebookPanelRef === null || agentTargetNotebookPanelRef === void 0 ? void 0 : agentTargetNotebookPanelRef.current, codeDiffStripesCompartments, changedCellsRef.current, setAgentReviewStatus, agentTargetNotebookPanelRef || undefined);
-        updateCellToolbarButtons();
-    };
-    const acceptAllAICode = () => {
-        (0,_AgentReviewUtils__WEBPACK_IMPORTED_MODULE_1__.acceptAllCellEdits)(agentTargetNotebookPanelRef === null || agentTargetNotebookPanelRef === void 0 ? void 0 : agentTargetNotebookPanelRef.current, notebookSnapshotAfterAgentExecutionRef.current, codeDiffStripesCompartments, changedCellsRef.current);
-        updateCellToolbarButtons();
-    };
-    const rejectAllAICode = () => {
-        (0,_AgentReviewUtils__WEBPACK_IMPORTED_MODULE_1__.rejectAllCellEdits)(agentTargetNotebookPanelRef === null || agentTargetNotebookPanelRef === void 0 ? void 0 : agentTargetNotebookPanelRef.current, codeDiffStripesCompartments, changedCellsRef.current);
-        updateCellToolbarButtons();
-    };
-    const reviewAgentChanges = () => {
+    // Helper function to detect and count changes between snapshots
+    // This populates changedCellsRef and changeCountsRef without applying visual diffs
+    const detectChanges = () => {
         var _a;
         if (!(agentTargetNotebookPanelRef === null || agentTargetNotebookPanelRef === void 0 ? void 0 : agentTargetNotebookPanelRef.current)) {
-            return;
+            return [];
         }
-        // Make the notebook panel the active notebook panel
-        app.shell.activateById(agentTargetNotebookPanelRef.current.id);
-        const currentNotebookSnapshot = (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_2__.getAIOptimizedCellsInNotebookPanel)(agentTargetNotebookPanelRef.current);
-        notebookSnapshotAfterAgentExecutionRef.current = currentNotebookSnapshot;
+        const currentNotebookSnapshot = (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_1__.getAIOptimizedCellsInNotebookPanel)(agentTargetNotebookPanelRef.current);
         if (!notebookSnapshotPreAgentExecutionRef.current || !currentNotebookSnapshot) {
-            return;
+            return [];
         }
         // Clear and populate the changed cells array
         const changedCells = [];
-        changedCellsRef.current = changedCells;
         // Initialize counters
         let added = 0;
         let modified = 0;
@@ -4015,6 +4003,50 @@ const useAgentReview = ({ app, agentTargetNotebookPanelRef, codeDiffStripesCompa
             removed,
             total: changedCells.length
         };
+        return changedCells;
+    };
+    const hasChanges = () => {
+        detectChanges();
+        // changeCountsRef is populated by detectChanges()
+        return changeCountsRef.current.total > 0;
+    };
+    const acceptAICodeInAgentMode = () => {
+        var _a, _b;
+        const activeCellId = (_b = (_a = agentTargetNotebookPanelRef === null || agentTargetNotebookPanelRef === void 0 ? void 0 : agentTargetNotebookPanelRef.current) === null || _a === void 0 ? void 0 : _a.content.activeCell) === null || _b === void 0 ? void 0 : _b.model.id;
+        if (!activeCellId || !hasUnreviewedChanges(activeCellId)) {
+            return;
+        }
+        (0,_AgentReviewUtils__WEBPACK_IMPORTED_MODULE_2__.acceptSingleCellEdit)(activeCellId, agentTargetNotebookPanelRef === null || agentTargetNotebookPanelRef === void 0 ? void 0 : agentTargetNotebookPanelRef.current, notebookSnapshotAfterAgentExecutionRef.current, codeDiffStripesCompartments, changedCellsRef.current, setAgentReviewStatus);
+        updateCellToolbarButtons();
+    };
+    const rejectAICodeInAgentMode = () => {
+        var _a, _b;
+        const activeCellId = (_b = (_a = agentTargetNotebookPanelRef === null || agentTargetNotebookPanelRef === void 0 ? void 0 : agentTargetNotebookPanelRef.current) === null || _a === void 0 ? void 0 : _a.content.activeCell) === null || _b === void 0 ? void 0 : _b.model.id;
+        if (!activeCellId || !hasUnreviewedChanges(activeCellId)) {
+            return;
+        }
+        (0,_AgentReviewUtils__WEBPACK_IMPORTED_MODULE_2__.rejectSingleCellEdit)(activeCellId, agentTargetNotebookPanelRef === null || agentTargetNotebookPanelRef === void 0 ? void 0 : agentTargetNotebookPanelRef.current, codeDiffStripesCompartments, changedCellsRef.current, setAgentReviewStatus, agentTargetNotebookPanelRef || undefined);
+        updateCellToolbarButtons();
+    };
+    const acceptAllAICode = () => {
+        (0,_AgentReviewUtils__WEBPACK_IMPORTED_MODULE_2__.acceptAllCellEdits)(agentTargetNotebookPanelRef === null || agentTargetNotebookPanelRef === void 0 ? void 0 : agentTargetNotebookPanelRef.current, notebookSnapshotAfterAgentExecutionRef.current, codeDiffStripesCompartments, changedCellsRef.current);
+        updateCellToolbarButtons();
+    };
+    const rejectAllAICode = () => {
+        (0,_AgentReviewUtils__WEBPACK_IMPORTED_MODULE_2__.rejectAllCellEdits)(agentTargetNotebookPanelRef === null || agentTargetNotebookPanelRef === void 0 ? void 0 : agentTargetNotebookPanelRef.current, codeDiffStripesCompartments, changedCellsRef.current);
+        updateCellToolbarButtons();
+    };
+    const reviewAgentChanges = () => {
+        if (!(agentTargetNotebookPanelRef === null || agentTargetNotebookPanelRef === void 0 ? void 0 : agentTargetNotebookPanelRef.current)) {
+            return;
+        }
+        // Make the notebook panel the active notebook panel
+        app.shell.activateById(agentTargetNotebookPanelRef.current.id);
+        const currentNotebookSnapshot = (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_1__.getAIOptimizedCellsInNotebookPanel)(agentTargetNotebookPanelRef.current);
+        notebookSnapshotAfterAgentExecutionRef.current = currentNotebookSnapshot;
+        // Detect changes and populate refs
+        const changedCells = detectChanges();
+        changedCellsRef.current = changedCells;
         if (changedCells.length === 0) {
             console.log('No changes detected between snapshots');
             return;
@@ -4024,16 +4056,16 @@ const useAgentReview = ({ app, agentTargetNotebookPanelRef, codeDiffStripesCompa
             // Calculate the code diffs
             const { unifiedCodeString, unifiedDiffs } = (0,_utils_codeDiff__WEBPACK_IMPORTED_MODULE_3__.getCodeDiffsAndUnifiedCodeString)(change.originalCode, change.currentCode);
             // Write the unified code string to the cell
-            (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_2__.writeCodeToCellByIDInNotebookPanel)(agentTargetNotebookPanelRef.current, unifiedCodeString, change.cellId);
+            (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_1__.writeCodeToCellByIDInNotebookPanel)(agentTargetNotebookPanelRef.current, unifiedCodeString, change.cellId);
             // Apply diff stripes to this cell
             (0,_utils_codeDiff__WEBPACK_IMPORTED_MODULE_3__.applyDiffStripesToCell)(agentTargetNotebookPanelRef.current, change.cellId, unifiedDiffs, codeDiffStripesCompartments.current);
             // Highlight the cell to draw attention
-            (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_2__.highlightCodeCellInNotebookPanel)(agentTargetNotebookPanelRef.current, change.cellId);
+            (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_1__.highlightCodeCellInNotebookPanel)(agentTargetNotebookPanelRef.current, change.cellId);
         });
         // Scroll to the first changed cell
         const firstChangedCell = changedCells[0];
         if (firstChangedCell && agentTargetNotebookPanelRef.current) {
-            (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_2__.scrollToCell)(agentTargetNotebookPanelRef.current, firstChangedCell.cellId, undefined, 'start');
+            (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_1__.scrollToCell)(agentTargetNotebookPanelRef.current, firstChangedCell.cellId, undefined, 'start');
         }
         // Update toolbar buttons to show accept/reject buttons for cells with diffs
         updateCellToolbarButtons();
@@ -4061,7 +4093,8 @@ const useAgentReview = ({ app, agentTargetNotebookPanelRef, codeDiffStripesCompa
         setNotebookSnapshotPreAgentExecution,
         hasUnreviewedChanges,
         getChangeCounts,
-        getReviewProgress
+        getReviewProgress,
+        hasChanges
     };
 };
 
@@ -5249,15 +5282,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @jupyterlab/apputils */ "webpack/sharing/consume/default/@jupyterlab/apputils");
 /* harmony import */ var _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _requirementsUtils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./requirementsUtils */ "./lib/Extensions/AppDeploy/requirementsUtils.js");
-/* harmony import */ var _fileUtils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./fileUtils */ "./lib/Extensions/AppDeploy/fileUtils.js");
+/* harmony import */ var _requirementsUtils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./requirementsUtils */ "./lib/Extensions/AppDeploy/requirementsUtils.js");
+/* harmony import */ var _fileUtils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./fileUtils */ "./lib/Extensions/AppDeploy/fileUtils.js");
 /* harmony import */ var _lumino_coreutils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lumino/coreutils */ "webpack/sharing/consume/default/@lumino/coreutils");
 /* harmony import */ var _lumino_coreutils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_lumino_coreutils__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _DeployAppNotification__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./DeployAppNotification */ "./lib/Extensions/AppDeploy/DeployAppNotification.js");
+/* harmony import */ var _DeployAppNotification__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./DeployAppNotification */ "./lib/Extensions/AppDeploy/DeployAppNotification.js");
 /* harmony import */ var _auth__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./auth */ "./lib/Extensions/AppDeploy/auth.js");
 /* harmony import */ var _authPopupUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./authPopupUtils */ "./lib/Extensions/AppDeploy/authPopupUtils.js");
-/* harmony import */ var _FilesSelectorUtils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./FilesSelectorUtils */ "./lib/Extensions/AppDeploy/FilesSelectorUtils.js");
+/* harmony import */ var _FilesSelectorUtils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./FilesSelectorUtils */ "./lib/Extensions/AppDeploy/FilesSelectorUtils.js");
 /* harmony import */ var _utils_notebookMetadata__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/notebookMetadata */ "./lib/utils/notebookMetadata.js");
+/* harmony import */ var _AppPreview_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../AppPreview/utils */ "./lib/Extensions/AppPreview/utils.js");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
@@ -5271,6 +5305,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 /*
 This function generates the requirements.txt file needed to host the streamlit app,
 and deploys it!
@@ -5305,16 +5340,17 @@ const deployStreamlitApp = async (notebookPanel, appDeployService, appManagerSer
     }
     const notebookPath = notebookPanel.context.path;
     const notebookID = (0,_utils_notebookMetadata__WEBPACK_IMPORTED_MODULE_4__.getNotebookIDAndSetIfNonexistant)(notebookPanel);
+    const appFilename = notebookID ? (0,_AppPreview_utils__WEBPACK_IMPORTED_MODULE_5__.getAppNameFromNotebookID)(notebookID) : 'app.py';
     const notificationId = _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_0__.Notification.emit('Step 1/7: Gathering requirements...', 'in-progress', {
         autoClose: false
     });
     // Build the requirements.txt file
-    const requirementsContent = await (0,_requirementsUtils__WEBPACK_IMPORTED_MODULE_5__.generateRequirementsTxt)(notebookPanel);
+    const requirementsContent = await (0,_requirementsUtils__WEBPACK_IMPORTED_MODULE_6__.generateRequirementsTxt)(notebookPanel, appFilename);
     // Save the files to the current directory
-    await (0,_fileUtils__WEBPACK_IMPORTED_MODULE_6__.saveFileWithKernel)(notebookPanel, './requirements.txt', requirementsContent);
+    await (0,_fileUtils__WEBPACK_IMPORTED_MODULE_7__.saveFileWithKernel)(notebookPanel, './requirements.txt', requirementsContent);
     try {
         _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_0__.Notification.dismiss(notificationId);
-        selectedFiles = await (0,_FilesSelectorUtils__WEBPACK_IMPORTED_MODULE_7__.fileSelectorPopup)(notebookPanel);
+        selectedFiles = await (0,_FilesSelectorUtils__WEBPACK_IMPORTED_MODULE_8__.fileSelectorPopup)(notebookPanel);
     }
     catch (error) {
         const errorMsg = 'Files selection failed: ' + error;
@@ -5359,7 +5395,7 @@ const deployStreamlitApp = async (notebookPanel, appDeployService, appManagerSer
         else {
             console.log("App deployment response:", response);
             const url = response.url;
-            (0,_DeployAppNotification__WEBPACK_IMPORTED_MODULE_8__.deployAppNotification)(url, appManagerService, newNotificationId);
+            (0,_DeployAppNotification__WEBPACK_IMPORTED_MODULE_9__.deployAppNotification)(url, appManagerService, newNotificationId);
         }
     }
     catch (error) {
@@ -5704,9 +5740,9 @@ __webpack_require__.r(__webpack_exports__);
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
  */
 
-const userPoolIdDev = 'us-east-1_Kk0f9mOfx';
-const userPoolClientIdDev = '6ara3u3l8sss738hrhbq1qtiqf';
-// TODO: modify to prod user ID and client ID on after creating teh cognito resources in prod
+const userPoolIdDev = 'us-east-1_s2V9RiyOa';
+const userPoolClientIdDev = '2sunerv2m6gp1qk3hib4t8oblh';
+// TODO: modify to prod user ID and client ID on after creating the cognito resources in prod
 const userPoolId = userPoolIdDev;
 const userPoolClientId = userPoolClientIdDev;
 const configureAmplify = () => {
@@ -5808,37 +5844,47 @@ __webpack_require__.r(__webpack_exports__);
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
  */
 // Function to generate requirements.txt content using the kernel with pipreqs
-const generateRequirementsTxt = async (notebookPanel) => {
+const generateRequirementsTxt = async (notebookPanel, appFilename) => {
     // Initialize with fallback requirements in case kernel execution fails
     let requirementsContent = 'streamlit>=1.28.0';
     try {
         // Use the kernel to execute Python code using pipreqs
         const session = notebookPanel.sessionContext.session;
         if (session) {
-            const appPyPath = `app.py`;
-            // Create Python code to run pipreqs on the app.py file
+            const sanitizedAppFilename = JSON.stringify(appFilename);
+            // Create Python code to run pipreqs on the app file
             const pythonCode = `
 import subprocess
 import os
+import tempfile
+import shutil
 
-# Check if app.py exists in the notebook directory
-app_py_path = os.path.join(os.getcwd(), "${appPyPath}")
+# Check if the Streamlit app file exists in the notebook directory
+app_py_filename = ${sanitizedAppFilename}
+app_py_path = os.path.join(os.getcwd(), app_py_filename)
 if not os.path.exists(app_py_path):
-    print(f"Error: app.py not found at {app_py_path}")
+    print(f"Error: {app_py_filename} not found at {app_py_path}")
     exit(1)
+notebook_dir = os.path.dirname(app_py_path)
 
-# Make sure pipreqs is installed. Then
-# 1. Create a requirements.in file
-# 2. From the requirements.in file, generate the requirements.txt file with the canonical PyPI name of the packages
-# and the versions as they exist on the user's terminal
 try:
-    # Run pipreqs on the directory containing app.py
-    notebook_dir = os.path.dirname(app_py_path)
-    generate_req_in_file = subprocess.run(
-        ['pipreqs', '--encoding=utf-8', '--savepath', 'requirements.in', '--force', notebook_dir],
-        capture_output=True, 
-        text=True
-    )
+    # Create a temporary directory and copy the app file into it
+    with tempfile.TemporaryDirectory() as tmpdir:
+        tmp_app_path = os.path.join(tmpdir, app_py_filename)
+        shutil.copy(app_py_path, tmp_app_path)
+
+        # Run pipreqs on the temporary directory
+        generate_req_in_file = subprocess.run(
+            [
+                'pipreqs',
+                '--encoding=utf-8',
+                '--savepath', os.path.join(notebook_dir, 'requirements.in'),
+                '--force',
+                tmpdir
+            ],
+            capture_output=True,
+            text=True
+        )
 
     print("Log: ", generate_req_in_file.stderr)
 
@@ -5952,9 +5998,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.
@@ -5965,48 +6013,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) => {
@@ -6047,15 +6093,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),
@@ -6068,7 +6125,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)" })))))))))));
 };
 
 
@@ -10233,9 +10290,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.
@@ -10244,17 +10305,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: '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-preview-03-25',
+        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;
@@ -10307,17 +10445,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);
 
@@ -10703,6 +10884,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":
@@ -10830,6 +11036,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":
@@ -12679,6 +12909,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),
@@ -12688,8 +12920,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';
 
@@ -14442,25 +14676,27 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
     font-size: 12px;
     margin-bottom: 4px;
     display: flex;
-    flex-direction: column;
-    gap: 8px;
-    align-items: start;
+    flex-direction: row;
+    gap: 16px;
+    align-items: center;
 }
 
 .agent-change-count {
     display: inline-flex;
-    align-items: center;
+    align-items: baseline;
+    gap: 4px;
 }
 
 .agent-change-count-number {
-    font-weight: 500;
+    font-weight: bold;
+    font-size: 14px;
     display: inline-block;
-    min-width: 24px;
     text-align: left;
 }
 
 .agent-change-count-text {
     color: var(--muted-text-color);
+    font-size: 11px;
 }
 
 .agent-change-count-added {
@@ -14497,7 +14733,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
     align-items: center;
 }
 
-`, "",{"version":3,"sources":["webpack://./style/AgentChangeControls.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;IACI,eAAe;IACf,kBAAkB;IAClB,aAAa;IACb,sBAAsB;IACtB,QAAQ;IACR,kBAAkB;AACtB;;AAEA;IACI,oBAAoB;IACpB,mBAAmB;AACvB;;AAEA;IACI,gBAAgB;IAChB,qBAAqB;IACrB,eAAe;IACf,gBAAgB;AACpB;;AAEA;IACI,8BAA8B;AAClC;;AAEA;IACI,uBAAuB;AAC3B;;AAEA;IACI,wBAAwB;AAC5B;;AAEA;IACI,qBAAqB;AACzB;;AAEA;IACI,8BAA8B;IAC9B,aAAa;AACjB;;AAEA;IACI,eAAe;IACf,8BAA8B;AAClC;;AAEA;IACI,aAAa;IACb,sBAAsB;IACtB,QAAQ;AACZ;;AAEA;IACI,aAAa;IACb,QAAQ;IACR,mBAAmB;AACvB","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n.agent-change-counts {\n    font-size: 12px;\n    margin-bottom: 4px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    align-items: start;\n}\n\n.agent-change-count {\n    display: inline-flex;\n    align-items: center;\n}\n\n.agent-change-count-number {\n    font-weight: 500;\n    display: inline-block;\n    min-width: 24px;\n    text-align: left;\n}\n\n.agent-change-count-text {\n    color: var(--muted-text-color);\n}\n\n.agent-change-count-added {\n    color: var(--green-700);\n}\n\n.agent-change-count-modified {\n    color: var(--yellow-600);\n}\n\n.agent-change-count-removed {\n    color: var(--red-700);\n}\n\n.agent-change-count-separator {\n    color: var(--muted-text-color);\n    margin: 0 4px;\n}\n\n.agent-review-progress {\n    font-size: 12px;\n    color: var(--muted-text-color);\n}\n\n.agent-change-controls-container {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.agent-change-controls-buttons {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n}\n\n"],"sourceRoot":""}]);
+`, "",{"version":3,"sources":["webpack://./style/AgentChangeControls.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF;IACI,eAAe;IACf,kBAAkB;IAClB,aAAa;IACb,mBAAmB;IACnB,SAAS;IACT,mBAAmB;AACvB;;AAEA;IACI,oBAAoB;IACpB,qBAAqB;IACrB,QAAQ;AACZ;;AAEA;IACI,iBAAiB;IACjB,eAAe;IACf,qBAAqB;IACrB,gBAAgB;AACpB;;AAEA;IACI,8BAA8B;IAC9B,eAAe;AACnB;;AAEA;IACI,uBAAuB;AAC3B;;AAEA;IACI,wBAAwB;AAC5B;;AAEA;IACI,qBAAqB;AACzB;;AAEA;IACI,8BAA8B;IAC9B,aAAa;AACjB;;AAEA;IACI,eAAe;IACf,8BAA8B;AAClC;;AAEA;IACI,aAAa;IACb,sBAAsB;IACtB,QAAQ;AACZ;;AAEA;IACI,aAAa;IACb,QAAQ;IACR,mBAAmB;AACvB","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n.agent-change-counts {\n    font-size: 12px;\n    margin-bottom: 4px;\n    display: flex;\n    flex-direction: row;\n    gap: 16px;\n    align-items: center;\n}\n\n.agent-change-count {\n    display: inline-flex;\n    align-items: baseline;\n    gap: 4px;\n}\n\n.agent-change-count-number {\n    font-weight: bold;\n    font-size: 14px;\n    display: inline-block;\n    text-align: left;\n}\n\n.agent-change-count-text {\n    color: var(--muted-text-color);\n    font-size: 11px;\n}\n\n.agent-change-count-added {\n    color: var(--green-700);\n}\n\n.agent-change-count-modified {\n    color: var(--yellow-600);\n}\n\n.agent-change-count-removed {\n    color: var(--red-700);\n}\n\n.agent-change-count-separator {\n    color: var(--muted-text-color);\n    margin: 0 4px;\n}\n\n.agent-review-progress {\n    font-size: 12px;\n    color: var(--muted-text-color);\n}\n\n.agent-change-controls-container {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.agent-change-controls-buttons {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n}\n\n"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -14871,16 +15107,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 {
@@ -14940,6 +15188,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;
@@ -15029,7 +15301,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___);
 
@@ -17675,6 +17947,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 {
@@ -17738,7 +18029,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":"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;EAC1B,aAAa;EACb,mBAAmB;EACnB,8BAA8B;EAC9B,QAAQ;AACV;;AAEA;EACE,OAAO;EACP,YAAY;EACZ,gBAAgB;EAChB,uBAAuB;AACzB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,cAAc;EACd,YAAY;AACd;;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;;AAEA,8EAA8E;AAC9E;EACE,eAAe;EACf,8BAA8B;EAC9B,gCAAgC;EAChC,yCAAyC;EACzC,yCAAyC;EACzC,kBAAkB;EAClB,aAAa;EACb,yCAAyC;EACzC,cAAc,EAAE,kDAAkD;EAClE,YAAY;EACZ,oBAAoB,EAAE,+CAA+C;AACvE;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,SAAS;AACX;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,QAAQ;AACV;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,QAAQ;AACV;;AAEA;EACE,cAAc;EACd,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,cAAc;AAChB;;AAEA;EACE,eAAe;EACf,gBAAgB;EAChB,oCAAoC;EACpC,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,8BAA8B;EAC9B,aAAa;EACb,eAAe;AACjB;;AAEA;EACE,aAAa;EACb,QAAQ;AACV;;AAEA;EACE,oCAAoC;EACpC,gBAAgB;AAClB;;AAEA;EACE,oCAAoC;EACpC,gBAAgB;AAClB;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,QAAQ;AACV;;AAEA;EACE,eAAe;EACf,gBAAgB;EAChB,oCAAoC;EACpC,yBAAyB;EACzB,qBAAqB;AACvB;;AAEA;EACE,SAAS;EACT,kBAAkB;EAClB,qBAAqB;AACvB;;AAEA;EACE,eAAe;EACf,oCAAoC;EACpC,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;AAClB","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n/* 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___);
 
@@ -21843,4 +22236,4 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
 /***/ })
 
 }]);
-//# sourceMappingURL=lib_index_js.c0b356ea4ace64bf1f03.js.map
+//# sourceMappingURL=lib_index_js.4b7cd47a24bb24ef84ea.js.map