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

mito_ai-0.1.41.data/data/share/jupyter/labextensions/mito_ai/static/lib_index_js.01a962c68c8fae380f30.js → mito_ai-0.1.42.data/data/share/jupyter/labextensions/mito_ai/static/lib_index_js.a9a35b6fcc54a7bcb32c.js

@@ -771,7 +771,8 @@ const ChatDropdown = ({ options, onSelect, filterText, maxDropdownItems = 10, is
             return option.file.variable_name.toLowerCase().includes(effectiveFilterText.toLowerCase());
         }
         else if (option.type === 'db') {
-            return option.variable.value.toLowerCase().includes(effectiveFilterText.toLowerCase());
+            return option.variable.variable_name.toLowerCase().includes(effectiveFilterText.toLowerCase()) ||
+                option.variable.value.toLowerCase().includes(effectiveFilterText.toLowerCase());
         }
         else {
             return option.rule.toLowerCase().includes(effectiveFilterText.toLowerCase());
@@ -997,15 +998,33 @@ const ChatInput = ({ app, initialContent, placeholder, onSave, onCancel, isEditi
     const [dropdownFilter, setDropdownFilter] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)('');
     const [additionalContext, setAdditionalContext] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]);
     const [isDropdownFromButton, setIsDropdownFromButton] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
-    const handleFileUploaded = (fileName) => {
-        // Add the uploaded file to the additional context
-        setAdditionalContext(prev => [
-            ...prev, {
-                type: 'file',
-                value: fileName,
-                display: fileName
-            }
-        ]);
+    const handleFileUpload = (file) => {
+        if (file.type.startsWith('image/')) {
+            const reader = new FileReader();
+            reader.onload = () => {
+                const base64String = reader.result;
+                const base64Data = base64String.split(',')[1]; // Remove data URL prefix
+                // Add the uploaded file to the additional context
+                setAdditionalContext(prev => [
+                    ...prev, {
+                        type: file.type || 'image',
+                        value: base64Data || '',
+                        display: file.name
+                    }
+                ]);
+            };
+            reader.readAsDataURL(file);
+        }
+        else {
+            // Add the uploaded file to the additional context
+            setAdditionalContext(prev => [
+                ...prev, {
+                    type: 'file',
+                    value: file.name,
+                    display: file.name
+                }
+            ]);
+        }
     };
     // Debounce the active cell ID change to avoid multiple rerenders. 
     // We use this to avoid a flickering screen when the active cell changes. 
@@ -1150,15 +1169,32 @@ const ChatInput = ({ app, initialContent, placeholder, onSave, onCancel, isEditi
         setIsDropdownFromButton(false);
     };
     const mapAdditionalContext = () => {
-        return additionalContext.map(context => {
-            if (context.type === 'db') {
-                return {
-                    type: context.type,
-                    value: context.value
-                };
+        const result = [];
+        additionalContext.forEach(contextItem => {
+            if (contextItem.type === 'db') {
+                result.push({
+                    type: contextItem.type,
+                    value: contextItem.value
+                });
+            }
+            else if (contextItem.type.startsWith('image/')) {
+                // If the user uploaded an image, we:
+                // 1. Keep the original context item. This is the base64 encoded image 
+                //    that will be processed in ChatTaskpane.tsx.
+                // 2. Add a second item to the additionalContext array, which will
+                //    have the image's filename, and be used in the prompt.
+                result.push(contextItem);
+                const fileName = contextItem.display || contextItem.value.split('/').pop() || 'image';
+                result.push({
+                    type: 'img',
+                    value: fileName
+                });
+            }
+            else {
+                result.push(contextItem);
             }
-            return context;
         });
+        return result;
     };
     // Update the expandedVariables arr when the variable manager changes
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
@@ -1211,7 +1247,7 @@ const ChatInput = ({ app, initialContent, placeholder, onSave, onCancel, isEditi
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: (0,_utils_classNames__WEBPACK_IMPORTED_MODULE_5__.classNames)("chat-input-container") },
         react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { className: 'context-container' },
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_DatabaseButton__WEBPACK_IMPORTED_MODULE_6__["default"], { app: app }),
-            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_AttachFileButton__WEBPACK_IMPORTED_MODULE_7__["default"], { onFileUploaded: handleFileUploaded, notebookTracker: notebookTracker }),
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_components_AttachFileButton__WEBPACK_IMPORTED_MODULE_7__["default"], { onFileUploaded: handleFileUpload, notebookTracker: notebookTracker }),
             react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", { className: "context-button", onClick: () => {
                     var _a;
                     setDropdownVisible(true);
@@ -1965,6 +2001,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_scroll__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../utils/scroll */ "./lib/utils/scroll.js");
 /* harmony import */ var _utils_strings__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../utils/strings */ "./lib/utils/strings.js");
 /* harmony import */ var _utils_waitForNotebookReady__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../utils/waitForNotebookReady */ "./lib/utils/waitForNotebookReady.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./utils */ "./lib/Extensions/AiChat/utils.js");
 /* harmony import */ var _SettingsManager_SettingsManagerPlugin__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../SettingsManager/SettingsManagerPlugin */ "./lib/Extensions/SettingsManager/SettingsManagerPlugin.js");
 /* harmony import */ var _CTACarousel__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./CTACarousel */ "./lib/Extensions/AiChat/CTACarousel.js");
 /* harmony import */ var _CodeDiffDisplay__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./CodeDiffDisplay */ "./lib/Extensions/AiChat/CodeDiffDisplay.js");
@@ -1977,7 +2014,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _style_button_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../style/button.css */ "./style/button.css");
 /* harmony import */ var _style_ChatTaskpane_css__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../style/ChatTaskpane.css */ "./style/ChatTaskpane.css");
 /* harmony import */ var _style_TextButton_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../style/TextButton.css */ "./style/TextButton.css");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./utils */ "./lib/Extensions/AiChat/utils.js");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
@@ -2015,6 +2051,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 // Internal imports - Chat components
 
 
@@ -2028,7 +2065,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-
 const AGENT_EXECUTION_DEPTH_LIMIT = 20;
 const getDefaultChatHistoryManager = (notebookTracker, contextManager) => {
     const chatHistoryManager = new _ChatHistoryManager__WEBPACK_IMPORTED_MODULE_7__.ChatHistoryManager(contextManager, notebookTracker);
@@ -2415,6 +2451,8 @@ const ChatTaskpane = ({ notebookTracker, renderMimeRegistry, contextManager, app
         if (messageIndex !== undefined) {
             agentExecutionMetadata.index = messageIndex;
         }
+        // Extract images from additionalContext and update agentExecutionMetadata
+        additionalContext = (0,_utils__WEBPACK_IMPORTED_MODULE_12__.extractImagesFromContext)(additionalContext, agentExecutionMetadata);
         agentExecutionMetadata.base64EncodedActiveCellOutput = await (0,_utils__WEBPACK_IMPORTED_MODULE_12__.getBase64EncodedCellOutput)(notebookTracker, sendCellIDOutput);
         setChatHistoryManager(newChatHistoryManager);
         setLoadingAIResponse(true);
@@ -2455,6 +2493,8 @@ const ChatTaskpane = ({ notebookTracker, renderMimeRegistry, contextManager, app
         if (activeCellOutput !== undefined) {
             chatMessageMetadata.base64EncodedActiveCellOutput = activeCellOutput;
         }
+        // Extract images from additionalContext and update chatMessageMetadata
+        additionalContext = (0,_utils__WEBPACK_IMPORTED_MODULE_12__.extractImagesFromContext)(additionalContext, chatMessageMetadata);
         const completionRequest = {
             type: 'chat',
             message_id: _lumino_coreutils__WEBPACK_IMPORTED_MODULE_3__.UUID.uuid4(),
@@ -3443,6 +3483,7 @@ const IChatTracker = new _lumino_coreutils__WEBPACK_IMPORTED_MODULE_0__.Token('m
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   extractImagesFromContext: () => (/* binding */ extractImagesFromContext),
 /* harmony export */   getBase64EncodedCellOutput: () => (/* binding */ getBase64EncodedCellOutput)
 /* harmony export */ });
 /* harmony import */ var _utils_notebook__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/notebook */ "./lib/utils/notebook.js");
@@ -3472,6 +3513,18 @@ const getBase64EncodedCellOutput = async (notebookTracker, cellID) => {
     }
     return undefined;
 };
+const extractImagesFromContext = (additionalContext, metadata) => {
+    // Move any (base64 encoded) images from additionalContext into metadata.
+    // The metadata is used on the backend to "attach" the image to the prompt;
+    // plus the base64 encoded image is too big to include directly in the prompt.
+    additionalContext === null || additionalContext === void 0 ? void 0 : additionalContext.map((context) => {
+        if (context.type.startsWith('image/')) {
+            metadata.base64EncodedUploadedImage = context.value;
+        }
+    });
+    // Remove images from the additionalContext array and return the filtered result.
+    return additionalContext === null || additionalContext === void 0 ? void 0 : additionalContext.filter(c => !c.type.startsWith('image/'));
+};
 
 
 /***/ }),
@@ -3683,7 +3736,7 @@ const convertNotebookToStreamlit = async (notebookTracker, appBuilderService) =>
                 type: 'build-app',
                 message_id: _lumino_coreutils__WEBPACK_IMPORTED_MODULE_2__.UUID.uuid4(),
                 notebook_path: notebookPath,
-                jwt_token: jwtToken || appBuilderService.client.serverSettings.token
+                jwt_token: jwtToken
             });
             if (response.error) {
                 _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_1__.Notification.emit(response.error.title, 'error', {
@@ -3828,9 +3881,11 @@ const AuthPopup = ({ isOpen, onClose, onSuccess }) => {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   getAuthHeaders: () => (/* binding */ getAuthHeaders),
-/* harmony export */   getJWTToken: () => (/* binding */ getJWTToken)
+/* harmony export */   getJWTToken: () => (/* binding */ getJWTToken),
+/* harmony export */   logoutAndClearJWTTokens: () => (/* binding */ logoutAndClearJWTTokens)
 /* harmony export */ });
 /* harmony import */ var aws_amplify_auth__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! aws-amplify/auth */ "./node_modules/@aws-amplify/core/dist/esm/singleton/apis/fetchAuthSession.mjs");
+/* harmony import */ var aws_amplify_auth__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! aws-amplify/auth */ "./node_modules/@aws-amplify/auth/dist/esm/providers/cognito/apis/signOut.mjs");
 /* harmony import */ var _aws_config__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./aws-config */ "./lib/Extensions/AppBuilder/aws-config.js");
 /*
  * Copyright (c) Saga Inc.
@@ -3867,6 +3922,35 @@ const getAuthHeaders = async () => {
     }
     return {};
 };
+/**
+ * Logout user and clear all AWS Amplify/Cognito localStorage items
+ */
+const logoutAndClearJWTTokens = async () => {
+    try {
+        // Sign out from AWS Cognito using Amplify
+        await (0,aws_amplify_auth__WEBPACK_IMPORTED_MODULE_2__.signOut)();
+        console.log('User logged out successfully');
+    }
+    catch (error) {
+        console.error('Error during logout:', error);
+        throw error;
+    }
+    finally {
+        // Remove all keys that start with common Amplify prefixes
+        const keysToRemove = [];
+        for (let i = 0; i < localStorage.length; i++) {
+            const key = localStorage.key(i);
+            if (key && (key.startsWith('CognitoIdentityServiceProvider.'))) {
+                keysToRemove.push(key);
+            }
+        }
+        // Remove all identified keys
+        keysToRemove.forEach(key => {
+            localStorage.removeItem(key);
+        });
+        console.log('Auth tokens cleared successfully');
+    }
+};
 
 
 /***/ }),
@@ -4174,6 +4258,312 @@ with tempfile.TemporaryDirectory() as temp_dir:
 };
 
 
+/***/ }),
+
+/***/ "./lib/Extensions/AppManager/AppsList.js":
+/*!***********************************************!*\
+  !*** ./lib/Extensions/AppManager/AppsList.js ***!
+  \***********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   AppsList: () => (/* binding */ AppsList)
+/* 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 _jupyterlab_ui_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @jupyterlab/ui-components */ "webpack/sharing/consume/default/@jupyterlab/ui-components");
+/* harmony import */ var _jupyterlab_ui_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_ui_components__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _AppBuilder_auth__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../AppBuilder/auth */ "./lib/Extensions/AppBuilder/auth.js");
+/* harmony import */ var _ListAppsAPI__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ListAppsAPI */ "./lib/Extensions/AppManager/ListAppsAPI.js");
+/* harmony import */ var _style_AppsList_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../style/AppsList.css */ "./style/AppsList.css");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+//app-list.tsx
+
+
+
+
+
+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([]);
+                }
+            }
+            catch (err) {
+                console.error('[AppsList] Error loading apps:', err);
+                setError(err instanceof Error ? err.message : 'An unexpected error occurred');
+                setApps([]);
+            }
+            finally {
+                setLoading(false);
+            }
+        };
+        console.log('[AppsList] Component mounted, calling loadApps...');
+        void loadApps();
+    }, [appManagerService]);
+    const refreshApps = async () => {
+        const response = await (0,_ListAppsAPI__WEBPACK_IMPORTED_MODULE_3__.fetchUserApps)(appManagerService);
+        if ((0,_ListAppsAPI__WEBPACK_IMPORTED_MODULE_3__.isGetAppsSuccess)(response)) {
+            setApps(response.apps);
+            setError(null);
+        }
+        else {
+            setError(response.errorMessage || 'Failed to refresh apps');
+        }
+    };
+    const copyToClipboard = async (url, appName) => {
+        try {
+            await navigator.clipboard.writeText(url);
+            console.log(`Copied URL for ${appName}: ${url}`);
+        }
+        catch (err) {
+            console.error('Failed to copy URL:', err);
+            // Fallback for older browsers
+            const textArea = document.createElement('textarea');
+            textArea.value = url;
+            document.body.appendChild(textArea);
+            textArea.select();
+            document.execCommand('copy');
+            document.body.removeChild(textArea);
+        }
+    };
+    const getStatusColor = (status) => {
+        switch (status) {
+            case 'active':
+                return '#4caf50';
+            case 'error':
+                return '#f44336';
+            case 'deploying':
+                return '#2196f3';
+            case 'shut down':
+                return '#9e9e9e';
+            default:
+                return '#9e9e9e';
+        }
+    };
+    const getStatusText = (status) => {
+        return status.charAt(0).toUpperCase() + status.slice(1);
+    };
+    return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "apps-list-container" },
+        react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "apps-list-header" },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("h3", { className: "apps-list-title" }, "Your Apps"),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "apps-list-actions" },
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("button", { onClick: refreshApps, disabled: loading, className: "apps-list-button", title: "Refresh apps" }, loading ? 'Loading...' : 'Refresh'),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("button", { onClick: () => {
+                        console.log('Logout clicked');
+                        void (0,_AppBuilder_auth__WEBPACK_IMPORTED_MODULE_4__.logoutAndClearJWTTokens)();
+                    }, className: "apps-list-button", title: "Logout" }, "Logout"))),
+        loading ? (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "apps-list-loading" }, "Loading apps...")) : error ? (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "apps-list-error" },
+            "Error: ",
+            error,
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "apps-list-error-actions" },
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("button", { onClick: refreshApps, className: "apps-list-button primary" }, "Try Again")))) : apps.length === 0 ? (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "apps-list-empty" }, "No apps deployed yet")) : (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null, apps.map((app) => (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { key: app.name, className: "app-item" },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "app-item-header" },
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "app-item-content" },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "app-item-name" }, app.name),
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "app-item-status-container" },
+                        react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: "app-item-status-indicator", style: { backgroundColor: getStatusColor(app.status) } }),
+                        react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: "app-item-status-text" }, getStatusText(app.status))),
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "app-item-created" },
+                        "Created: ",
+                        app.createdAt))),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "app-item-url-container" },
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "app-item-url" }, app.url),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("button", { onClick: () => copyToClipboard(app.url, app.name), className: "app-item-copy-button", title: `Copy URL for ${app.name}` },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_jupyterlab_ui_components__WEBPACK_IMPORTED_MODULE_1__.copyIcon.react, { width: "14px", height: "14px", fill: "var(--jp-ui-font-color2)" }))))))))));
+};
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/AppManager/ListAppsAPI.js":
+/*!**************************************************!*\
+  !*** ./lib/Extensions/AppManager/ListAppsAPI.js ***!
+  \**************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   fetchUserApps: () => (/* binding */ fetchUserApps),
+/* harmony export */   isGetAppsFailure: () => (/* binding */ isGetAppsFailure),
+/* harmony export */   isGetAppsSuccess: () => (/* binding */ isGetAppsSuccess)
+/* harmony export */ });
+/* harmony import */ var _AppBuilder_auth__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../AppBuilder/auth */ "./lib/Extensions/AppBuilder/auth.js");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+// Type guards for working with the discriminated union
+const isGetAppsSuccess = (response) => {
+    return response.success === true;
+};
+const isGetAppsFailure = (response) => {
+    return response.success === false;
+};
+const fetchUserApps = async (appManagerService) => {
+    try {
+        const jwtToken = await (0,_AppBuilder_auth__WEBPACK_IMPORTED_MODULE_0__.getJWTToken)();
+        if (!jwtToken) {
+            return {
+                success: false,
+                errorMessage: 'User not authenticated'
+            };
+        }
+        // Create the request message with proper typing
+        const request = {
+            type: 'manage-app',
+            jwt_token: jwtToken
+        };
+        // Using websocket service with correct message structure and proper typing
+        const response = await appManagerService.client.sendMessage(request);
+        // Check if the response indicates an error
+        if (response.error) {
+            return {
+                success: false,
+                errorMessage: response.error.title || 'Failed to fetch apps'
+            };
+        }
+        // Transform the response to match expected format
+        const apps = (response.apps || []).map(app => {
+            var _a;
+            return ({
+                name: app.app_name,
+                url: app.url,
+                status: (_a = app.status) === null || _a === void 0 ? void 0 : _a.toLowerCase(),
+                createdAt: app.created_at
+            });
+        });
+        return {
+            success: true,
+            apps
+        };
+    }
+    catch (error) {
+        console.error('Error fetching apps:', error);
+        return {
+            success: false,
+            errorMessage: error instanceof Error ? error.message : 'Failed to fetch apps'
+        };
+    }
+};
+
+
+/***/ }),
+
+/***/ "./lib/Extensions/AppManager/ManageAppsPlugin.js":
+/*!*******************************************************!*\
+  !*** ./lib/Extensions/AppManager/ManageAppsPlugin.js ***!
+  \*******************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   IAppManagerService: () => (/* binding */ IAppManagerService),
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @jupyterlab/apputils */ "webpack/sharing/consume/default/@jupyterlab/apputils");
+/* harmony import */ var _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _lumino_coreutils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lumino/coreutils */ "webpack/sharing/consume/default/@lumino/coreutils");
+/* harmony import */ var _lumino_coreutils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_lumino_coreutils__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _AppsList__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./AppsList */ "./lib/Extensions/AppManager/AppsList.js");
+/* harmony import */ var _websockets_appManager_appManagerWebsocketClient__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../websockets/appManager/appManagerWebsocketClient */ "./lib/websockets/appManager/appManagerWebsocketClient.js");
+/* harmony import */ var _restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../restAPI/RestAPI */ "./lib/restAPI/RestAPI.js");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+
+
+
+
+
+/**
+ * The token for the AppManager service.
+ */
+const IAppManagerService = new _lumino_coreutils__WEBPACK_IMPORTED_MODULE_1__.Token('mito-ai:IAppManagerService', 'Token for the AppManager service that provides access to the websocket client');
+/**
+ * Implementation of the AppManager service.
+ */
+class AppManagerService {
+    /**
+     * Create a new AppManager service.
+     */
+    constructor(app) {
+        // Create the websocket client with the app's server settings
+        this.client = new _websockets_appManager_appManagerWebsocketClient__WEBPACK_IMPORTED_MODULE_3__.AppManagerWebsocketClient({
+            serverSettings: app.serviceManager.serverSettings
+        });
+        // Initialize the websocket connection in the background
+        void this.client.initialize().catch(error => {
+            console.error('Failed to initialize AppManager websocket client:', error);
+            // We don't need to throw the error since the client will attempt to reconnect when used
+        });
+    }
+}
+class ManageAppsWidget extends _jupyterlab_apputils__WEBPACK_IMPORTED_MODULE_0__.ReactWidget {
+    constructor(appManagerService) {
+        super();
+        this._appManagerService = appManagerService;
+    }
+    render() {
+        // Pass the appManagerService as a prop to the AppsList component
+        return react__WEBPACK_IMPORTED_MODULE_2__.createElement(_AppsList__WEBPACK_IMPORTED_MODULE_4__.AppsList, {
+            appManagerService: this._appManagerService
+        });
+    }
+}
+const ManageAppsPlugin = {
+    id: 'manage-apps:manage-app-plugin',
+    autoStart: true,
+    provides: IAppManagerService,
+    activate: (app) => {
+        console.log('ManageApps plugin activated');
+        // Create the AppManager service
+        const appManagerService = new AppManagerService(app);
+        // Create and add the ManageApps widget
+        const widget = new ManageAppsWidget(appManagerService);
+        widget.title.label = 'Manage apps';
+        widget.id = 'manage-apps-widget';
+        // For now, only show the manage apps widget if beta mode is enabled
+        (0,_restAPI_RestAPI__WEBPACK_IMPORTED_MODULE_5__.getSetting)('beta_mode').then(value => {
+            if (value === 'true') {
+                // Add to right sidebar
+                app.shell.add(widget, 'right');
+            }
+        }).catch(error => {
+            console.error('Error checking beta mode:', error);
+        });
+        // Return the service so other plugins can use it
+        return appManagerService;
+    }
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ManageAppsPlugin);
+
+
 /***/ }),
 
 /***/ "./lib/Extensions/ContextManager/ContextManagerPlugin.js":
@@ -7078,7 +7468,7 @@ const AttachFileButton = ({ onFileUploaded, notebookTracker }) => {
         }
         console.log(`Successfully uploaded all ${totalChunks} chunks for file: ${file.name}`);
         // Notify the parent component that the file was uploaded
-        onFileUploaded(file.name);
+        onFileUploaded(file);
     };
     const uploadChunk = async (chunk, filename, chunkNumber, totalChunks, notebookDir) => {
         try {
@@ -7148,7 +7538,7 @@ const AttachFileButton = ({ onFileUploaded, notebookTracker }) => {
             console.log('File uploaded successfully:', resp.data);
             // Notify the parent component that the file was uploaded, 
             // which will update the context manager.
-            onFileUploaded(file.name);
+            onFileUploaded(file);
         }
     };
     return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { style: { position: 'relative' } },
@@ -7575,9 +7965,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _style_SelectedContextContainer_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../style/SelectedContextContainer.css */ "./style/SelectedContextContainer.css");
 /* harmony import */ var _icons_RuleIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../icons/RuleIcon */ "./lib/icons/RuleIcon.js");
-/* harmony import */ var _icons_CodeIcon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icons/CodeIcon */ "./lib/icons/CodeIcon.js");
-/* harmony import */ var _icons_DatabaseIcon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icons/DatabaseIcon */ "./lib/icons/DatabaseIcon.js");
-/* harmony import */ var _utils_notebook__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/notebook */ "./lib/utils/notebook.js");
+/* harmony import */ var _icons_CodeIcon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icons/CodeIcon */ "./lib/icons/CodeIcon.js");
+/* harmony import */ var _icons_DatabaseIcon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icons/DatabaseIcon */ "./lib/icons/DatabaseIcon.js");
+/* harmony import */ var _icons_PhotoIcon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icons/PhotoIcon */ "./lib/icons/PhotoIcon.js");
+/* harmony import */ var _utils_notebook__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils/notebook */ "./lib/utils/notebook.js");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
@@ -7588,22 +7979,24 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 const SelectedContextContainer = ({ title, type, onRemove, onClick, notebookTracker, activeCellID }) => {
     const [isHovered, setIsHovered] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
     let icon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_RuleIcon__WEBPACK_IMPORTED_MODULE_2__["default"], null);
-    switch (type) {
-        case 'rule':
-            icon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_RuleIcon__WEBPACK_IMPORTED_MODULE_2__["default"], null);
-            break;
-        case 'variable':
-            icon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_CodeIcon__WEBPACK_IMPORTED_MODULE_3__["default"], null);
-            break;
-        case 'db':
-            icon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_DatabaseIcon__WEBPACK_IMPORTED_MODULE_4__["default"], null);
-            break;
-        case 'active_cell':
-            icon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_CodeIcon__WEBPACK_IMPORTED_MODULE_3__["default"], null);
-            break;
+    if (type.startsWith('image/')) {
+        icon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_PhotoIcon__WEBPACK_IMPORTED_MODULE_3__["default"], null);
+    }
+    else if (type === 'rule') {
+        icon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_RuleIcon__WEBPACK_IMPORTED_MODULE_2__["default"], null);
+    }
+    else if (type === 'variable') {
+        icon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_CodeIcon__WEBPACK_IMPORTED_MODULE_4__["default"], null);
+    }
+    else if (type === 'db') {
+        icon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_DatabaseIcon__WEBPACK_IMPORTED_MODULE_5__["default"], null);
+    }
+    else if (type === 'active_cell') {
+        icon = react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icons_CodeIcon__WEBPACK_IMPORTED_MODULE_4__["default"], null);
     }
     const handleClick = () => {
         var _a;
@@ -7611,13 +8004,13 @@ const SelectedContextContainer = ({ title, type, onRemove, onClick, notebookTrac
             // Handle active cell context click
             if (notebookTracker && activeCellID) {
                 // Find the cell 
-                const cell = (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_5__.getCellByID)(notebookTracker, activeCellID);
+                const cell = (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_6__.getCellByID)(notebookTracker, activeCellID);
                 if (cell) {
                     // Scroll to the cell
                     void ((_a = notebookTracker.currentWidget) === null || _a === void 0 ? void 0 : _a.content.scrollToCell(cell, 'center'));
                     // Highlight the cell
                     setTimeout(() => {
-                        (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_5__.highlightCodeCell)(notebookTracker, activeCellID);
+                        (0,_utils_notebook__WEBPACK_IMPORTED_MODULE_6__.highlightCodeCell)(notebookTracker, activeCellID);
                     }, 500);
                 }
             }
@@ -8185,6 +8578,33 @@ const PencilIcon = () => (react__WEBPACK_IMPORTED_MODULE_0___default().createEle
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PencilIcon);
 
 
+/***/ }),
+
+/***/ "./lib/icons/PhotoIcon.js":
+/*!********************************!*\
+  !*** ./lib/icons/PhotoIcon.js ***!
+  \********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "webpack/sharing/consume/default/react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+const PhotoIcon = () => {
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", { width: "14", height: "14", viewBox: "0 0 98 76", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement("g", { fill: "currentColor" },
+            react__WEBPACK_IMPORTED_MODULE_0___default().createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.85 0.129997H83.15C91.32 0.129997 98 6.82 98 14.98V61.02C98 69.18 91.32 75.87 83.15 75.87H14.85C6.68 75.87 0 69.18 0 61.02V14.98C0 6.82 6.68 0.129997 14.85 0.129997ZM70.01 11.03C74.21 11.03 77.61 14.43 77.61 18.63C77.61 22.83 74.21 26.24 70.01 26.24C65.81 26.24 62.4 22.83 62.4 18.63C62.4 14.43 65.81 11.03 70.01 11.03ZM21.03 52.61L38.48 24.28C39.94 22.6 43.25 22.6 44.71 24.28L56.04 42.66L60.53 35.37C61.57 34.17 63.92 34.17 64.96 35.37L77.35 55.49C79.69 59.29 77.22 63.95 73.08 63.95C57.73 63.95 42.38 63.95 27.03 63.95C21.14 63.95 17.73 57.96 21.03 52.61Z" }))));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PhotoIcon);
+
+
 /***/ }),
 
 /***/ "./lib/icons/PlayButtonIcon.js":
@@ -8365,6 +8785,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Extensions_SettingsManager_SettingsManagerPlugin__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Extensions/SettingsManager/SettingsManagerPlugin */ "./lib/Extensions/SettingsManager/SettingsManagerPlugin.js");
 /* harmony import */ var _Extensions_VersionCheck__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Extensions/VersionCheck */ "./lib/Extensions/VersionCheck/index.js");
 /* harmony import */ var _Extensions_NotebookFooter__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Extensions/NotebookFooter */ "./lib/Extensions/NotebookFooter/index.js");
+/* harmony import */ var _Extensions_AppManager_ManageAppsPlugin__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Extensions/AppManager/ManageAppsPlugin */ "./lib/Extensions/AppManager/ManageAppsPlugin.js");
 /*
  * Copyright (c) Saga Inc.
  * Distributed under the terms of the GNU Affero General Public License v3.0 License.
@@ -8380,6 +8801,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 // This is the main entry point to the mito-ai extension. It must export all of the top level
 // extensions that we want to load.
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([
@@ -8393,7 +8815,8 @@ __webpack_require__.r(__webpack_exports__);
     _Extensions_status__WEBPACK_IMPORTED_MODULE_7__.statusItem,
     _Extensions_SettingsManager_SettingsManagerPlugin__WEBPACK_IMPORTED_MODULE_8__["default"],
     _Extensions_VersionCheck__WEBPACK_IMPORTED_MODULE_9__.versionCheckPlugin,
-    _Extensions_NotebookFooter__WEBPACK_IMPORTED_MODULE_10__["default"]
+    _Extensions_NotebookFooter__WEBPACK_IMPORTED_MODULE_10__["default"],
+    _Extensions_AppManager_ManageAppsPlugin__WEBPACK_IMPORTED_MODULE_11__["default"]
 ]);
 
 
@@ -10748,6 +11171,101 @@ class AppBuilderWebsocketClient extends _BaseWebsocketClient__WEBPACK_IMPORTED_M
 }
 
 
+/***/ }),
+
+/***/ "./lib/websockets/appManager/appManagerWebsocketClient.js":
+/*!****************************************************************!*\
+  !*** ./lib/websockets/appManager/appManagerWebsocketClient.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   AppManagerWebsocketClient: () => (/* binding */ AppManagerWebsocketClient)
+/* harmony export */ });
+/* harmony import */ var _BaseWebsocketClient__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../BaseWebsocketClient */ "./lib/websockets/BaseWebsocketClient.js");
+/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+/**
+ * Mito AI app manager client
+ *
+ * It communicates with the backend over a WebSocket for app managing functionality.
+ */
+class AppManagerWebsocketClient extends _BaseWebsocketClient__WEBPACK_IMPORTED_MODULE_0__.BaseWebsocketClient {
+    /**
+     * Create a new app manager client.
+     */
+    constructor(options = {}) {
+        super(options);
+        /**
+         * The service URL for the websocket endpoint.
+         */
+        this.SERVICE_URL = 'mito-ai/app-manager';
+    }
+    /**
+     * App manager messages stream.
+     */
+    get messages() {
+        return this._messages;
+    }
+    /**
+     * Stream of connection status events
+     */
+    get connectionStatus() {
+        return this._connectionStatus;
+    }
+    /**
+     * Get message ID from request (required by BaseWebsocketClient)
+     */
+    getMessageId(request) {
+        return `${request.type}_${Date.now()}_${Math.random().toString(36).substring(7)}`;
+    }
+    /**
+     * Process a message received from the websocket.
+     * Routes responses to the appropriate pending requests.
+     */
+    _onMessage(message) {
+        // Emit the message to stream listeners
+        this._messages.emit(message);
+        // Determine which pending request this message belongs to
+        let pendingId = null;
+        let pendingReply = null;
+        const messageId = message.message_id;
+        // First, try to match by message_id
+        if (messageId && this._pendingRepliesMap.has(messageId)) {
+            pendingId = messageId;
+            pendingReply = this._pendingRepliesMap.get(messageId);
+        }
+        // If no message_id, check if this is a response to a single pending request
+        else if (this._pendingRepliesMap.size === 1 && !messageId) {
+            const entries = Array.from(this._pendingRepliesMap.entries());
+            if (entries.length > 0) {
+                const entry = entries[0];
+                if (entry) {
+                    pendingId = entry[0];
+                    pendingReply = entry[1];
+                }
+            }
+        }
+        // Guard clause - exit if we couldn't find a matching pending request
+        if (!pendingId || !pendingReply) {
+            return;
+        }
+        // Common cleanup and resolution logic
+        this._pendingRepliesMap.delete(pendingId);
+        if (message.error) {
+            pendingReply.reject(new Error(message.error.title || 'Server error'));
+        }
+        else {
+            pendingReply.resolve(message);
+        }
+    }
+}
+
+
 /***/ }),
 
 /***/ "./lib/websockets/completions/CompletionsWebsocketClient.js":
@@ -11195,6 +11713,197 @@ ___CSS_LOADER_EXPORT___.push([module.id, `/*
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
 
+/***/ }),
+
+/***/ "./node_modules/css-loader/dist/cjs.js!./style/AppsList.css":
+/*!******************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./style/AppsList.css ***!
+  \******************************************************************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/sourceMaps.js */ "./node_modules/css-loader/dist/runtime/sourceMaps.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `/*
+ * Copyright (c) Saga Inc.
+ * Distributed under the terms of the GNU Affero General Public License v3.0 License.
+ */
+
+/* apps-list.css */
+.apps-list-container {
+  padding: 16px;
+  font-size: 13px;
+  font-family: var(--jp-ui-font-family);
+}
+
+.apps-list-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16px;
+}
+
+.apps-list-title {
+  margin: 0;
+  font-size: 14px;
+  font-weight: bold;
+  color: var(--jp-ui-font-color1);
+}
+
+.apps-list-actions {
+  display: flex;
+  gap: 8px;
+}
+
+.apps-list-button {
+  padding: 4px 8px;
+  font-size: 11px;
+  background-color: transparent;
+  color: var(--jp-ui-font-color2);
+  border: 1px solid var(--jp-border-color2);
+  border-radius: 3px;
+  cursor: pointer;
+  font-weight: normal;
+  transition: background-color 0.2s ease;
+}
+
+.apps-list-button:hover {
+  background-color: var(--jp-layout-color2);
+}
+
+.apps-list-button:disabled {
+  cursor: not-allowed;
+}
+
+.apps-list-button.primary {
+  background-color: var(--jp-brand-color1);
+  color: white;
+  border: none;
+}
+
+.apps-list-loading {
+  color: var(--jp-ui-font-color2);
+  text-align: center;
+  padding: 20px 0;
+}
+
+.apps-list-error {
+  color: #f44336;
+  text-align: center;
+  padding: 20px 0;
+  background-color: var(--jp-layout-color1);
+  border: 1px solid #f44336;
+  border-radius: 4px;
+}
+
+.apps-list-error-actions {
+  margin-top: 8px;
+}
+
+.apps-list-empty {
+  color: var(--jp-ui-font-color2);
+  text-align: center;
+  padding: 20px 0;
+}
+
+.app-item {
+  border: 1px solid var(--jp-border-color1);
+  border-radius: 4px;
+  padding: 12px;
+  margin-bottom: 8px;
+  background-color: var(--jp-layout-color0);
+}
+
+.app-item-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 8px;
+}
+
+.app-item-content {
+  flex: 1;
+}
+
+.app-item-name {
+  font-weight: bold;
+  color: var(--jp-ui-font-color1);
+  margin-bottom: 4px;
+}
+
+.app-item-status-container {
+  display: flex;
+  align-items: center;
+  margin-bottom: 4px;
+}
+
+.app-item-status-indicator {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  margin-right: 6px;
+}
+
+.app-item-status-text {
+  color: var(--jp-ui-font-color2);
+  font-size: 12px;
+}
+
+.app-item-created {
+  color: var(--jp-ui-font-color2);
+  font-size: 11px;
+}
+
+.app-item-url-container {
+  display: flex;
+  align-items: center;
+  background-color: var(--jp-layout-color1);
+  border: 1px solid var(--jp-border-color2);
+  border-radius: 3px;
+  padding: 6px 8px;
+}
+
+.app-item-url {
+  flex: 1;
+  color: var(--jp-ui-font-color1);
+  font-size: 11px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-family: var(--jp-code-font-family);
+}
+
+.app-item-copy-button {
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  padding: 2px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 8px;
+  border-radius: 2px;
+}
+
+.app-item-copy-button:hover {
+  background-color: var(--jp-layout-color2);
+}
+`, "",{"version":3,"sources":["webpack://./style/AppsList.css"],"names":[],"mappings":"AAAA;;;EAGE;;AAEF,kBAAkB;AAClB;EACE,aAAa;EACb,eAAe;EACf,qCAAqC;AACvC;;AAEA;EACE,aAAa;EACb,8BAA8B;EAC9B,mBAAmB;EACnB,mBAAmB;AACrB;;AAEA;EACE,SAAS;EACT,eAAe;EACf,iBAAiB;EACjB,+BAA+B;AACjC;;AAEA;EACE,aAAa;EACb,QAAQ;AACV;;AAEA;EACE,gBAAgB;EAChB,eAAe;EACf,6BAA6B;EAC7B,+BAA+B;EAC/B,yCAAyC;EACzC,kBAAkB;EAClB,eAAe;EACf,mBAAmB;EACnB,sCAAsC;AACxC;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,wCAAwC;EACxC,YAAY;EACZ,YAAY;AACd;;AAEA;EACE,+BAA+B;EAC/B,kBAAkB;EAClB,eAAe;AACjB;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,eAAe;EACf,yCAAyC;EACzC,yBAAyB;EACzB,kBAAkB;AACpB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,+BAA+B;EAC/B,kBAAkB;EAClB,eAAe;AACjB;;AAEA;EACE,yCAAyC;EACzC,kBAAkB;EAClB,aAAa;EACb,kBAAkB;EAClB,yCAAyC;AAC3C;;AAEA;EACE,aAAa;EACb,8BAA8B;EAC9B,uBAAuB;EACvB,kBAAkB;AACpB;;AAEA;EACE,OAAO;AACT;;AAEA;EACE,iBAAiB;EACjB,+BAA+B;EAC/B,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;EACE,qBAAqB;EACrB,UAAU;EACV,WAAW;EACX,kBAAkB;EAClB,iBAAiB;AACnB;;AAEA;EACE,+BAA+B;EAC/B,eAAe;AACjB;;AAEA;EACE,+BAA+B;EAC/B,eAAe;AACjB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,yCAAyC;EACzC,yCAAyC;EACzC,kBAAkB;EAClB,gBAAgB;AAClB;;AAEA;EACE,OAAO;EACP,+BAA+B;EAC/B,eAAe;EACf,gBAAgB;EAChB,uBAAuB;EACvB,mBAAmB;EACnB,uCAAuC;AACzC;;AAEA;EACE,YAAY;EACZ,uBAAuB;EACvB,eAAe;EACf,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,yCAAyC;AAC3C","sourcesContent":["/*\n * Copyright (c) Saga Inc.\n * Distributed under the terms of the GNU Affero General Public License v3.0 License.\n */\n\n/* apps-list.css */\n.apps-list-container {\n  padding: 16px;\n  font-size: 13px;\n  font-family: var(--jp-ui-font-family);\n}\n\n.apps-list-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n}\n\n.apps-list-title {\n  margin: 0;\n  font-size: 14px;\n  font-weight: bold;\n  color: var(--jp-ui-font-color1);\n}\n\n.apps-list-actions {\n  display: flex;\n  gap: 8px;\n}\n\n.apps-list-button {\n  padding: 4px 8px;\n  font-size: 11px;\n  background-color: transparent;\n  color: var(--jp-ui-font-color2);\n  border: 1px solid var(--jp-border-color2);\n  border-radius: 3px;\n  cursor: pointer;\n  font-weight: normal;\n  transition: background-color 0.2s ease;\n}\n\n.apps-list-button:hover {\n  background-color: var(--jp-layout-color2);\n}\n\n.apps-list-button:disabled {\n  cursor: not-allowed;\n}\n\n.apps-list-button.primary {\n  background-color: var(--jp-brand-color1);\n  color: white;\n  border: none;\n}\n\n.apps-list-loading {\n  color: var(--jp-ui-font-color2);\n  text-align: center;\n  padding: 20px 0;\n}\n\n.apps-list-error {\n  color: #f44336;\n  text-align: center;\n  padding: 20px 0;\n  background-color: var(--jp-layout-color1);\n  border: 1px solid #f44336;\n  border-radius: 4px;\n}\n\n.apps-list-error-actions {\n  margin-top: 8px;\n}\n\n.apps-list-empty {\n  color: var(--jp-ui-font-color2);\n  text-align: center;\n  padding: 20px 0;\n}\n\n.app-item {\n  border: 1px solid var(--jp-border-color1);\n  border-radius: 4px;\n  padding: 12px;\n  margin-bottom: 8px;\n  background-color: var(--jp-layout-color0);\n}\n\n.app-item-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 8px;\n}\n\n.app-item-content {\n  flex: 1;\n}\n\n.app-item-name {\n  font-weight: bold;\n  color: var(--jp-ui-font-color1);\n  margin-bottom: 4px;\n}\n\n.app-item-status-container {\n  display: flex;\n  align-items: center;\n  margin-bottom: 4px;\n}\n\n.app-item-status-indicator {\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  margin-right: 6px;\n}\n\n.app-item-status-text {\n  color: var(--jp-ui-font-color2);\n  font-size: 12px;\n}\n\n.app-item-created {\n  color: var(--jp-ui-font-color2);\n  font-size: 11px;\n}\n\n.app-item-url-container {\n  display: flex;\n  align-items: center;\n  background-color: var(--jp-layout-color1);\n  border: 1px solid var(--jp-border-color2);\n  border-radius: 3px;\n  padding: 6px 8px;\n}\n\n.app-item-url {\n  flex: 1;\n  color: var(--jp-ui-font-color1);\n  font-size: 11px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-family: var(--jp-code-font-family);\n}\n\n.app-item-copy-button {\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  padding: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 8px;\n  border-radius: 2px;\n}\n\n.app-item-copy-button:hover {\n  background-color: var(--jp-layout-color2);\n}\n"],"sourceRoot":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ "./node_modules/css-loader/dist/cjs.js!./style/AssumptionTool.css":
@@ -15157,6 +15866,60 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
        /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_AlertBlock_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_AlertBlock_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_AlertBlock_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
 
 
+/***/ }),
+
+/***/ "./style/AppsList.css":
+/*!****************************!*\
+  !*** ./style/AppsList.css ***!
+  \****************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "./node_modules/style-loader/dist/runtime/styleDomAPI.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertBySelector.js */ "./node_modules/style-loader/dist/runtime/insertBySelector.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "./node_modules/style-loader/dist/runtime/insertStyleElement.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "./node_modules/style-loader/dist/runtime/styleTagTransform.js");
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_AppsList_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../node_modules/css-loader/dist/cjs.js!./AppsList.css */ "./node_modules/css-loader/dist/cjs.js!./style/AppsList.css");
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+
+      options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+    
+options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_AppsList_css__WEBPACK_IMPORTED_MODULE_6__["default"], options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_AppsList_css__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_AppsList_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_AppsList_css__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
+
+
 /***/ }),
 
 /***/ "./style/AssumptionTool.css":
@@ -16672,4 +17435,4 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
 /***/ })
 
 }]);
-//# sourceMappingURL=lib_index_js.01a962c68c8fae380f30.js.map
+//# sourceMappingURL=lib_index_js.a9a35b6fcc54a7bcb32c.js.map