mito-ai 0.1.50__tar.gz → 0.1.51__tar.gz

{mito_ai-0.1.50 → mito_ai-0.1.51}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: mito_ai
-Version: 0.1.50
+Version: 0.1.51
 Summary: AI chat for JupyterLab
 Project-URL: Homepage, https://trymito.io
 Project-URL: Bug Tracker, https://github.com/mito-ds/monorepo/issues

{mito_ai-0.1.50 → mito_ai-0.1.51}/mito_ai/_version.py

@@ -1,4 +1,4 @@
 # This file is auto-generated by Hatchling. As such, do not:
 #   - modify
 #   - track in version control e.g. be sure to add to .gitignore
-__version__ = VERSION = '0.1.50'
+__version__ = VERSION = '0.1.51'

{mito_ai-0.1.50 → mito_ai-0.1.51}/mito_ai/labextension/build_log.json

@@ -712,7 +712,7 @@
             "semver": {},
             "vscode-diff": {},
             "mito_ai": {
-              "version": "0.1.50",
+              "version": "0.1.51",
               "singleton": true,
               "import": "/home/runner/work/mito/mito/mito-ai/lib/index.js"
             }

{mito_ai-0.1.50/venv/share/jupyter/labextensions/mito_ai → mito_ai-0.1.51/mito_ai/labextension}/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mito_ai",
-  "version": "0.1.50",
+  "version": "0.1.51",
   "description": "AI chat for JupyterLab",
   "keywords": [
     "jupyter",
@@ -140,7 +140,7 @@
     "outputDir": "mito_ai/labextension",
     "schemaDir": "schema",
     "_build": {
-      "load": "static/remoteEntry.78d3ccb73e7ca1da3aae.js",
+      "load": "static/remoteEntry.d467572621b790a8240e.js",
       "extension": "./extension",
       "style": "./style"
     }

{mito_ai-0.1.50 → mito_ai-0.1.51}/mito_ai/labextension/schemas/mito_ai/package.json.orig

@@ -1,6 +1,6 @@
 {
   "name": "mito_ai",
-  "version": "0.1.50",
+  "version": "0.1.51",
   "description": "AI chat for JupyterLab",
   "keywords": [
     "jupyter",

mito_ai-0.1.50/venv/share/jupyter/labextensions/mito_ai/static/lib_index_js.8f1845da6bf2b128c049.js → mito_ai-0.1.51/mito_ai/labextension/static/lib_index_js.c0b356ea4ace64bf1f03.js

@@ -653,9 +653,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _utils_checkpoint__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../utils/checkpoint */ "./lib/utils/checkpoint.js");
+/* harmony import */ var _utils_checkpoint__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../utils/checkpoint */ "./lib/utils/checkpoint.js");
 /* harmony import */ var _utils_scroll__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../utils/scroll */ "./lib/utils/scroll.js");
-/* harmony import */ var _components_TextButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../components/TextButton */ "./lib/components/TextButton.js");
+/* harmony import */ var _components_TextButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../components/TextButton */ "./lib/components/TextButton.js");
+/* 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.
@@ -664,10 +665,53 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const AgentChangeControls = ({ reviewAgentChanges, app, notebookTracker, setHasCheckpoint, setDisplayedNextStepsIfAvailable, setShowRevertQuestionnaire, chatTaskpaneMessagesRef, acceptAllAICode, rejectAllAICode, setAgentReviewStatus, agentReviewStatus, }) => {
+
+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 [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]);
+    (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 -
+        // cells can be reviewed through multiple paths (toolbar buttons, keyboard shortcuts, etc.)
+        // and polling ensures we catch all updates without having to wire up triggers everywhere.
+        if (agentReviewStatus !== 'in-agent-code-review') {
+            return;
+        }
+        const updateProgress = () => {
+            const progress = getReviewProgress();
+            setReviewProgress(progress);
+        };
+        // Update immediately
+        updateProgress();
+        // Set up interval to update progress
+        const interval = setInterval(updateProgress, 500);
+        return () => clearInterval(interval);
+    }, [agentReviewStatus]);
     const handleReviewChanges = () => {
-        setAgentReviewStatus('in-agent-code-review');
         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);
+        }
     };
     const handleAcceptAll = () => {
         acceptAllAICode();
@@ -678,7 +722,7 @@ const AgentChangeControls = ({ reviewAgentChanges, app, notebookTracker, setHasC
         setAgentReviewStatus('post-agent-code-review');
     };
     const handleUndoAll = async () => {
-        await (0,_utils_checkpoint__WEBPACK_IMPORTED_MODULE_1__.restoreCheckpoint)(app, notebookTracker, setHasCheckpoint);
+        await (0,_utils_checkpoint__WEBPACK_IMPORTED_MODULE_3__.restoreCheckpoint)(app, notebookTracker, setHasCheckpoint);
         setDisplayedNextStepsIfAvailable(false);
         setHasCheckpoint(false);
         setAgentReviewStatus('post-agent-code-review');
@@ -687,19 +731,41 @@ const AgentChangeControls = ({ reviewAgentChanges, app, notebookTracker, setHasC
     };
     if (agentReviewStatus === 'pre-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", { style: { display: 'flex', gap: '8px', alignItems: 'center' } },
-                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_TextButton__WEBPACK_IMPORTED_MODULE_3__["default"], { text: "Review Changes", title: "Review the changes made by the agent", onClick: handleReviewChanges, variant: "gray", width: "fit-contents" }),
-                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_TextButton__WEBPACK_IMPORTED_MODULE_3__["default"], { text: "Undo All", title: "Undo all of the most recent changes made by the agent", onClick: handleUndoAll, variant: "gray", width: "fit-contents" }))));
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "agent-change-controls-buttons" },
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_TextButton__WEBPACK_IMPORTED_MODULE_4__["default"], { text: "Review Changes", title: "Review the changes made by the agent", onClick: handleReviewChanges, variant: "gray", width: "fit-contents" }),
+                react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_TextButton__WEBPACK_IMPORTED_MODULE_4__["default"], { text: "Undo All", title: "Undo all of the most recent changes made by the agent", onClick: handleUndoAll, variant: "gray", width: "fit-contents" }))));
     }
     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", { style: { display: 'flex', gap: '8px', alignItems: 'center' } },
-                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"))));
+            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")),
+                reviewProgress && reviewProgress.total > 0 && (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: "agent-review-progress" },
+                    reviewProgress.reviewed,
+                    "/",
+                    reviewProgress.total,
+                    " changes reviewed")))));
     }
     if (agentReviewStatus === 'post-agent-code-review') {
         return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: 'message message-assistant-chat' },
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_TextButton__WEBPACK_IMPORTED_MODULE_3__["default"], { text: "Undo All", onClick: handleUndoAll, variant: "gray", width: "fit-contents", title: "Undo all of the most recent changes made by the agent" })));
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_TextButton__WEBPACK_IMPORTED_MODULE_4__["default"], { text: "Undo All", onClick: handleUndoAll, variant: "gray", width: "fit-contents", title: "Undo all of the most recent changes made by the agent" })));
     }
     return null;
 };
@@ -2975,7 +3041,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, 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, 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 })),
         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) {
@@ -3500,12 +3566,12 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-const AgentReviewPanel = ({ agentReviewStatus, setAgentReviewStatus, hasCheckpoint, agentModeEnabled, agentExecutionStatus, displayOptimizedChatHistoryLength, showRevertQuestionnaire, reviewAgentChanges, acceptAllAICode, rejectAllAICode, setHasCheckpoint, setDisplayedNextStepsIfAvailable, setShowRevertQuestionnaire, getDuplicateChatHistoryManager, setChatHistoryManager, app, notebookTracker, chatTaskpaneMessagesRef }) => {
+const AgentReviewPanel = ({ agentReviewStatus, setAgentReviewStatus, hasCheckpoint, agentModeEnabled, agentExecutionStatus, displayOptimizedChatHistoryLength, showRevertQuestionnaire, reviewAgentChanges, acceptAllAICode, rejectAllAICode, getChangeCounts, getReviewProgress, setHasCheckpoint, setDisplayedNextStepsIfAvailable, setShowRevertQuestionnaire, getDuplicateChatHistoryManager, setChatHistoryManager, app, notebookTracker, chatTaskpaneMessagesRef }) => {
     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, agentReviewStatus: agentReviewStatus, setAgentReviewStatus: setAgentReviewStatus })),
+            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 }))));
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AgentReviewPanel);
@@ -3835,9 +3901,27 @@ const useAgentReview = ({ app, agentTargetNotebookPanelRef, codeDiffStripesCompa
     // Store notebook snapshots for comparison
     const notebookSnapshotPreAgentExecutionRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
     const notebookSnapshotAfterAgentExecutionRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+    // Store change counts (calculated in reviewAgentChanges)
+    const changeCountsRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)({
+        added: 0,
+        modified: 0,
+        removed: 0,
+        total: 0
+    });
     const hasUnreviewedChanges = (cellId) => {
         return changedCellsRef.current.some(cell => cell.cellId === cellId && !cell.reviewed);
     };
+    const getChangeCounts = () => {
+        return changeCountsRef.current;
+    };
+    const getReviewProgress = () => {
+        const cells = changedCellsRef.current;
+        const reviewed = cells.filter(cell => cell.reviewed).length;
+        return {
+            reviewed,
+            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;
@@ -3879,6 +3963,10 @@ const useAgentReview = ({ app, agentTargetNotebookPanelRef, codeDiffStripesCompa
         // Clear and populate the changed cells array
         const changedCells = [];
         changedCellsRef.current = changedCells;
+        // Initialize counters
+        let added = 0;
+        let modified = 0;
+        let removed = 0;
         // Compare each cell in the current snapshot with the original snapshot
         currentNotebookSnapshot.forEach(currentCell => {
             var _a;
@@ -3892,6 +3980,7 @@ const useAgentReview = ({ app, agentTargetNotebookPanelRef, codeDiffStripesCompa
                         currentCode: currentCell.code,
                         reviewed: false
                     });
+                    modified++;
                 }
             }
             else {
@@ -3902,6 +3991,7 @@ const useAgentReview = ({ app, agentTargetNotebookPanelRef, codeDiffStripesCompa
                     currentCode: currentCell.code,
                     reviewed: false
                 });
+                added++;
             }
         });
         // Check for cells that were removed (exist in original but not in current)
@@ -3915,8 +4005,16 @@ const useAgentReview = ({ app, agentTargetNotebookPanelRef, codeDiffStripesCompa
                     currentCode: '',
                     reviewed: false
                 });
+                removed++;
             }
         });
+        // Update the change counts ref
+        changeCountsRef.current = {
+            added,
+            modified,
+            removed,
+            total: changedCells.length
+        };
         if (changedCells.length === 0) {
             console.log('No changes detected between snapshots');
             return;
@@ -3961,7 +4059,9 @@ const useAgentReview = ({ app, agentTargetNotebookPanelRef, codeDiffStripesCompa
         reviewAgentChanges,
         clearAgentReviewDiffs,
         setNotebookSnapshotPreAgentExecution,
-        hasUnreviewedChanges
+        hasUnreviewedChanges,
+        getChangeCounts,
+        getReviewProgress
     };
 };
 
@@ -14312,6 +14412,96 @@ class CompletionWebsocketClient extends _BaseWebsocketClient__WEBPACK_IMPORTED_M
 }
 
 
+/***/ }),
+
+/***/ "./node_modules/css-loader/dist/cjs.js!./style/AgentChangeControls.css":
+/*!*****************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./style/AgentChangeControls.css ***!
+  \*****************************************************************************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+.agent-change-counts {
+    font-size: 12px;
+    margin-bottom: 4px;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    align-items: start;
+}
+
+.agent-change-count {
+    display: inline-flex;
+    align-items: center;
+}
+
+.agent-change-count-number {
+    font-weight: 500;
+    display: inline-block;
+    min-width: 24px;
+    text-align: left;
+}
+
+.agent-change-count-text {
+    color: var(--muted-text-color);
+}
+
+.agent-change-count-added {
+    color: var(--green-700);
+}
+
+.agent-change-count-modified {
+    color: var(--yellow-600);
+}
+
+.agent-change-count-removed {
+    color: var(--red-700);
+}
+
+.agent-change-count-separator {
+    color: var(--muted-text-color);
+    margin: 0 4px;
+}
+
+.agent-review-progress {
+    font-size: 12px;
+    color: var(--muted-text-color);
+}
+
+.agent-change-controls-container {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.agent-change-controls-buttons {
+    display: flex;
+    gap: 8px;
+    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":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ "./node_modules/css-loader/dist/cjs.js!./style/AgentComponentHeader.css":
@@ -19436,6 +19626,60 @@ module.exports = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 10 10\" fill=\"n
 
 module.exports = "<svg width=\"33\" height=\"33\" viewBox=\"0 0 33 33\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <g fill=\"currentColor\">\n        <path d=\"M27.8204 5.193C24.7983 2.1709 20.7805 0.506836 16.5068 0.506836C7.78625 0.506836 0.506836 7.78625 0.506836 16.5068C0.506836 25.2274 7.78625 32.5068 16.5068 32.5068C25.2274 32.5068 32.5068 25.2274 32.5068 16.5068C32.5068 12.2332 30.8426 8.2151 27.8207 5.19329L27.8204 5.193ZM23.627 21.5962L21.7553 17.7403L23.4737 16.9062L24.3955 18.8053L24.4401 18.6209C24.608 17.9267 24.6932 17.2155 24.6932 16.5068C24.6932 11.6336 20.7854 7.66893 15.9819 7.66893C11.1788 7.66893 7.27066 11.6336 7.27066 16.5068C7.27066 21.3572 11.1414 25.3073 15.9137 25.3444V27.2546C10.0885 27.217 5.36066 22.41 5.36066 16.5067C5.36066 10.5804 10.1253 5.75855 15.9819 5.75855C21.8385 5.75855 26.6032 10.5801 26.6032 16.5067C26.6032 17.2903 26.5175 18.0775 26.3484 18.8468L26.315 18.999L27.9027 18.0676L28.8693 19.7151L24.9693 22.003C24.3869 22.4896 23.6689 21.9597 23.6268 21.5962L23.627 21.5962Z\"/>\n    </g>\n</svg>\n";
 
+/***/ }),
+
+/***/ "./style/AgentChangeControls.css":
+/*!***************************************!*\
+  !*** ./style/AgentChangeControls.css ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "./node_modules/style-loader/dist/runtime/styleDomAPI.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertBySelector.js */ "./node_modules/style-loader/dist/runtime/insertBySelector.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "./node_modules/style-loader/dist/runtime/insertStyleElement.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "./node_modules/style-loader/dist/runtime/styleTagTransform.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_AgentChangeControls_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../node_modules/css-loader/dist/cjs.js!./AgentChangeControls.css */ "./node_modules/css-loader/dist/cjs.js!./style/AgentChangeControls.css");
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+
+      options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+    
+options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_AgentChangeControls_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_AgentChangeControls_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_AgentChangeControls_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_AgentChangeControls_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
+
+
 /***/ }),
 
 /***/ "./style/AgentComponentHeader.css":
@@ -21599,4 +21843,4 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
 /***/ })
 
 }]);
-//# sourceMappingURL=lib_index_js.8f1845da6bf2b128c049.js.map
+//# sourceMappingURL=lib_index_js.c0b356ea4ace64bf1f03.js.map