@burtson-labs/bandit-engine 2.0.8 → 2.0.9

package/dist/index.js

@@ -6513,16 +6513,16 @@ var init_vectorDatabaseService = __esm({
     init_debugLogger();
     VectorDatabaseService = class {
       baseUrl;
-      s3ApiUrl;
+      fileStorageApiUrl;
       token = null;
       lastAvailabilityState;
       lastConfigState;
-      constructor(gatewayApiUrl, s3ApiUrl) {
+      constructor(gatewayApiUrl, fileStorageApiUrl) {
         this.baseUrl = gatewayApiUrl || "https://localhost:5001/api";
-        this.s3ApiUrl = s3ApiUrl || "https://localhost:5001/api";
+        this.fileStorageApiUrl = fileStorageApiUrl || "https://localhost:5001/api";
         debugLogger.info("Vector database service initialized", {
           baseUrl: this.baseUrl,
-          s3ApiUrl: this.s3ApiUrl,
+          fileStorageApiUrl: this.fileStorageApiUrl,
           hasToken: Boolean(this.token)
         });
       }
@@ -6548,11 +6548,11 @@ var init_vectorDatabaseService = __esm({
        * Check if vector database is available and configured
        */
       isAvailable() {
-        const available = !!(this.baseUrl && this.s3ApiUrl && this.token);
+        const available = !!(this.baseUrl && this.fileStorageApiUrl && this.token);
         if (this.lastAvailabilityState !== available) {
           debugLogger.debug("Vector service availability check", {
             baseUrl: this.baseUrl,
-            s3ApiUrl: this.s3ApiUrl,
+            fileStorageApiUrl: this.fileStorageApiUrl,
             hasToken: Boolean(this.token),
             available
           });
@@ -7052,7 +7052,7 @@ var init_vectorDatabaseService = __esm({
       }
       // ===== DOCUMENT OPERATIONS =====
       /**
-       * Upload file to S3 API and get file ID
+       * Upload file to file storage API and get file ID
        * 
        * @param file - The file to upload
        * @param shareWithTeam - Whether to share the file with team members.
@@ -7062,8 +7062,8 @@ var init_vectorDatabaseService = __esm({
        * @returns Promise<FileUploadResult> with success status and file ID
        */
       async uploadFile(file, shareWithTeam = true) {
-        if (!this.s3ApiUrl) {
-          throw new Error("S3 API URL not configured");
+        if (!this.fileStorageApiUrl) {
+          throw new Error("File storage API URL not configured");
         }
         if (!this.token) {
           throw new Error("Authentication token not available");
@@ -7072,14 +7072,14 @@ var init_vectorDatabaseService = __esm({
           const formData = new FormData();
           formData.append("file", file);
           formData.append("shareWithTeam", shareWithTeam.toString());
-          debugLogger.info("Uploading file to S3 API", {
+          debugLogger.info("Uploading file to file storage API", {
             filename: file.name,
             size: file.size,
             type: file.type,
             shareWithTeam,
-            s3ApiUrl: this.s3ApiUrl
+            fileStorageApiUrl: this.fileStorageApiUrl
           });
-          const response = await fetch(`${this.s3ApiUrl}/file/upload`, {
+          const response = await fetch(`${this.fileStorageApiUrl}/file/upload`, {
             method: "POST",
             headers: {
               "Authorization": `Bearer ${this.token}`
@@ -7088,13 +7088,13 @@ var init_vectorDatabaseService = __esm({
           });
           if (!response.ok) {
             const errorData = await response.json().catch(() => ({}));
-            throw new Error(errorData.message || `S3 upload failed: ${response.status}`);
+            throw new Error(errorData.message || `file storage upload failed: ${response.status}`);
           }
           const result = await response.json();
           const fileId = result.fileId || result.id;
-          debugLogger.debug("S3 upload response", result);
+          debugLogger.debug("File storage API upload response", result);
           debugLogger.debug("Extracted vector file id", { fileId });
-          debugLogger.info("File uploaded successfully to S3", {
+          debugLogger.info("File uploaded successfully to file storage", {
             fileId,
             filename: file.name,
             originalResponse: result
@@ -7105,8 +7105,8 @@ var init_vectorDatabaseService = __esm({
             message: result.message
           };
         } catch (error) {
-          debugLogger.error("Failed to upload file to S3", { error });
-          throw new Error(`S3 file upload failed: ${error instanceof Error ? error.message : String(error)}`);
+          debugLogger.error("Failed to upload file to file storage", { error });
+          throw new Error(`File storage upload failed: ${error instanceof Error ? error.message : String(error)}`);
         }
       }
       /**
@@ -7270,7 +7270,7 @@ var init_vectorDatabaseService = __esm({
         }
       }
       /**
-       * Get user's files - tries both Gateway API and S3 API
+       * Get user's files - tries both Gateway API and file storage API
        */
       async getUserFiles(skip = 0, limit = 50) {
         if (!this.isAvailable()) {
@@ -7283,10 +7283,10 @@ var init_vectorDatabaseService = __esm({
             headers: this.getHeaders()
           });
           if (!response.ok) {
-            debugLogger.warn("Gateway API files endpoint failed, falling back to S3 API", {
+            debugLogger.warn("Gateway API files endpoint failed, falling back to file storage API", {
               status: response.status
             });
-            return await this.getUserFilesFromS3(skip, limit);
+            return await this.getUserFilesFromFileStorage(skip, limit);
           }
           const result = await response.json();
           debugLogger.debug("Gateway API files response", result);
@@ -7298,17 +7298,17 @@ var init_vectorDatabaseService = __esm({
           }
           return [];
         } catch (error) {
-          debugLogger.error("Gateway API failed while fetching user files, trying S3 API", { error });
-          return await this.getUserFilesFromS3(skip, limit);
+          debugLogger.error("Gateway API failed while fetching user files, trying file storage API", { error });
+          return await this.getUserFilesFromFileStorage(skip, limit);
         }
       }
       /**
-       * Get user's files from S3 API as fallback
+       * Get user's files from file storage API as fallback
        */
-      async getUserFilesFromS3(skip = 0, limit = 50) {
+      async getUserFilesFromFileStorage(skip = 0, limit = 50) {
         try {
-          debugLogger.debug("Fetching user files from S3 API", { skip, limit });
-          const response = await fetch(`${this.s3ApiUrl}/file/files?skip=${skip}&limit=${limit}`, {
+          debugLogger.debug("Fetching user files from file storage API", { skip, limit });
+          const response = await fetch(`${this.fileStorageApiUrl}/file/files?skip=${skip}&limit=${limit}`, {
             method: "GET",
             headers: {
               "Authorization": `Bearer ${this.token}`,
@@ -7316,10 +7316,10 @@ var init_vectorDatabaseService = __esm({
             }
           });
           if (!response.ok) {
-            throw new Error(`S3 API failed: ${response.status}`);
+            throw new Error(`File storage API failed: ${response.status}`);
           }
           const result = await response.json();
-          debugLogger.debug("S3 API files response", result);
+          debugLogger.debug("File storage API files response", result);
           if (Array.isArray(result)) {
             return this.toRecordArray(result);
           }
@@ -7328,7 +7328,7 @@ var init_vectorDatabaseService = __esm({
           }
           return [];
         } catch (error) {
-          debugLogger.error("Failed to fetch user files from S3 API", { error });
+          debugLogger.error("Failed to fetch user files from file storage API", { error });
           return [];
         }
       }
@@ -7341,7 +7341,7 @@ var init_vectorDatabaseService = __esm({
         }
         try {
           debugLogger.debug("Downloading vector file", { fileId, filename });
-          const response = await fetch(`${this.s3ApiUrl}/file/download/${fileId}`, {
+          const response = await fetch(`${this.fileStorageApiUrl}/file/download/${fileId}`, {
             method: "GET",
             headers: {
               "Authorization": `Bearer ${this.token}`
@@ -7374,7 +7374,7 @@ var init_vectorDatabaseService = __esm({
         }
         try {
           debugLogger.debug("Fetching vector file blob", { fileId });
-          const response = await fetch(`${this.s3ApiUrl}/file/download/${fileId}`, {
+          const response = await fetch(`${this.fileStorageApiUrl}/file/download/${fileId}`, {
             method: "GET",
             headers: {
               "Authorization": `Bearer ${this.token}`
@@ -7486,16 +7486,16 @@ var init_vectorDatabaseService = __esm({
        * Configure the service with API URLs
        * This should be called by the main application with environment variables
        */
-      configure(gatewayApiUrl, s3ApiUrl) {
+      configure(gatewayApiUrl, fileStorageApiUrl) {
         this.baseUrl = gatewayApiUrl;
-        this.s3ApiUrl = s3ApiUrl;
-        if (this.lastConfigState !== `${gatewayApiUrl}|${s3ApiUrl}`) {
+        this.fileStorageApiUrl = fileStorageApiUrl;
+        if (this.lastConfigState !== `${gatewayApiUrl}|${fileStorageApiUrl}`) {
           debugLogger.info("Vector database service configured", {
             baseUrl: this.baseUrl,
-            s3ApiUrl: this.s3ApiUrl,
+            fileStorageApiUrl: this.fileStorageApiUrl,
             hasToken: Boolean(this.token)
           });
-          this.lastConfigState = `${gatewayApiUrl}|${s3ApiUrl}`;
+          this.lastConfigState = `${gatewayApiUrl}|${fileStorageApiUrl}`;
         }
       }
       /**
@@ -7506,7 +7506,7 @@ var init_vectorDatabaseService = __esm({
         debugLogger.info("Testing Gateway API connection");
         debugLogger.info("Vector service status snapshot", {
           baseUrl: this.baseUrl,
-          s3ApiUrl: this.s3ApiUrl,
+          fileStorageApiUrl: this.fileStorageApiUrl,
           hasToken: Boolean(this.token),
           tokenLength: this.token?.length || 0,
           tokenPreview: this.token ? `${this.token.substring(0, 30)}...` : void 0,
@@ -7533,15 +7533,15 @@ var init_vectorDatabaseService = __esm({
           debugLogger.error("Cannot reach Gateway API", { error });
         }
         try {
-          debugLogger.debug("Testing S3 API connectivity");
-          const files = await this.getUserFilesFromS3(0, 5);
-          debugLogger.info("S3 API files response", {
+          debugLogger.debug("Testing file storage API connectivity");
+          const files = await this.getUserFilesFromFileStorage(0, 5);
+          debugLogger.info("File storage API files response", {
             count: files.length,
             files: files.slice(0, 3)
             // Show first 3 files
           });
         } catch (error) {
-          debugLogger.error("S3 API test failed", { error });
+          debugLogger.error("File storage API test failed", { error });
         }
         try {
           debugLogger.debug("Testing embedding endpoint availability");
@@ -8627,8 +8627,8 @@ var init_useVectorStore = __esm({
             return;
           }
           const gatewayApiUrl = packageSettings.gatewayApiUrl;
-          const s3ApiUrl = packageSettings.s3ApiUrl || packageSettings.gatewayApiUrl;
-          vectorDatabaseService.configure(gatewayApiUrl, s3ApiUrl);
+          const fileStorageApiUrl = packageSettings.fileStorageApiUrl || packageSettings.gatewayApiUrl;
+          vectorDatabaseService.configure(gatewayApiUrl, fileStorageApiUrl);
           if (authStore.token) {
             vectorDatabaseService.setAuthToken(authStore.token);
           }
@@ -17731,21 +17731,6 @@ ${sanitize(
                                 !isMobile && renderAttachmentButton("attach-inline"),
                                 !isMobile && renderMemoryButton("memory-inline"),
                                 !isMobile && renderSttButton("stt-inline"),
-                                !isMobile && isFeedbackEnabled && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_material14.Tooltip, { title: "Send Feedback", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                                  import_material14.IconButton,
-                                  {
-                                    onClick: () => setFeedbackModalOpen(true),
-                                    sx: {
-                                      bgcolor: badgeBackground,
-                                      color: fileText,
-                                      width: primaryIconSize,
-                                      height: primaryIconSize,
-                                      borderRadius: "50%",
-                                      "&:hover": { bgcolor: hoverBadgeBackground }
-                                    },
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_Feedback.default, { fontSize: "small" })
-                                  }
-                                ) }),
                                 isMobile && hasSecondaryActions && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                                   import_material14.IconButton,
                                   {
@@ -17765,7 +17750,7 @@ ${sanitize(
                                         fontSize: "small",
                                         sx: {
                                           transition: "transform 0.2s ease",
-                                          transform: moreActionsOpen ? "rotate(180deg)" : "rotate(0deg)"
+                                          transform: moreActionsOpen ? "rotate(0deg)" : "rotate(180deg)"
                                         }
                                       }
                                     )
@@ -35181,7 +35166,7 @@ var BrandingTab = ({
                     )) }),
                     /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_material39.Paper, { elevation: 3, sx: { px: 2, py: 1.5, borderRadius: 2, width: "100%", maxWidth: 500 }, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_material39.Typography, { variant: "body1", sx: { color: "text.secondary" }, children: "What's on your mind?" }) }),
                     /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_material39.Typography, { variant: "caption", sx: { textAlign: "center", color: "text.secondary", mt: 1 }, children: [
-                      brandingText ? `${brandingText} \u2022 ` : "",
+                      brandingText ? `${brandingText} \u2022 ` : "Bandit AI \u2022 ",
                       "may be wrong \u2014 double-check important info."
                     ] })
                   ] })
@@ -37167,7 +37152,10 @@ var import_CheckCircle3 = __toESM(require("@mui/icons-material/CheckCircle"));
 var import_Error3 = __toESM(require("@mui/icons-material/Error"));
 init_debugLogger();
 init_indexedDBService();
+init_conversationSyncStore();
 var import_jsx_runtime42 = require("react/jsx-runtime");
+var DEFAULT_DISPLAY_QUOTA_BYTES = 1024 * 1024 * 1024;
+var MAX_DISPLAY_QUOTA_BYTES = 5 * 1024 * 1024 * 1024;
 var formatBytes = (bytes) => {
   if (bytes === 0) return "0 B";
   const k = 1024;
@@ -37384,20 +37372,22 @@ var estimateStoreSize = async (dbName, storeName) => {
       const storeConfigs6 = [{ name: storeName, keyPath: "id" }];
       try {
         const items = await indexedDBService_default.getAll(dbName, 1, storeName, storeConfigs6);
-        debugLogger.info(`Retrieved ${items?.length || 0} items from ${dbName}.${storeName}`);
-        if (!items || items.length === 0) {
+        const rawItems = Array.isArray(items) ? items : [];
+        debugLogger.info(`Retrieved ${rawItems.length} items from ${dbName}.${storeName}`);
+        if (rawItems.length === 0) {
           debugLogger.info(`No items found in ${dbName}.${storeName}`);
           return { size: 0, count: 0 };
         }
-        const totalSize = items.reduce((acc, item) => {
+        const totalSize = rawItems.reduce((acc, item) => {
           try {
-            return acc + JSON.stringify(item).length * 2;
+            return acc + JSON.stringify(item ?? "").length * 2;
           } catch {
             return acc + 1e3;
           }
         }, 0);
-        debugLogger.info(`Estimated size for ${dbName}.${storeName}: ${totalSize} bytes, ${items.length} items`);
-        return { size: totalSize, count: items.length };
+        const itemCount = rawItems.length;
+        debugLogger.info(`Estimated size for ${dbName}.${storeName}: ${totalSize} bytes, ${itemCount} items`);
+        return { size: totalSize, count: itemCount };
       } catch (dbError) {
         debugLogger.info(`Database ${dbName} or store ${storeName} does not exist or is inaccessible`, { error: dbError });
         return { size: 0, count: 0 };
@@ -37421,14 +37411,18 @@ var clearStorageCategory = async (category) => {
       }
       const storeConfigs6 = [{ name: storeName, keyPath: "id" }];
       const items = await indexedDBService_default.getAll(dbName, 1, storeName, storeConfigs6);
-      if (items && items.length > 0) {
-        for (const item of items) {
-          const key = item.id || item.key || item.name;
-          if (key) {
-            await indexedDBService_default.delete(dbName, 1, storeName, key, storeConfigs6);
+      const records = Array.isArray(items) ? items : [];
+      if (records.length > 0) {
+        for (const rawItem of records) {
+          if (rawItem && typeof rawItem === "object") {
+            const record = rawItem;
+            const candidate = record["id"] ?? record["key"] ?? record["name"];
+            if (typeof candidate === "string" && candidate.length > 0) {
+              await indexedDBService_default.delete(dbName, 1, storeName, candidate, storeConfigs6);
+            }
           }
         }
-        debugLogger.info(`Cleared ${items.length} items from ${dbName}.${storeName}`);
+        debugLogger.info(`Cleared ${records.length} items from ${dbName}.${storeName}`);
       } else {
         debugLogger.info(`No items found in ${dbName}.${storeName}`);
       }
@@ -37456,7 +37450,12 @@ var clearEntireDatabase = async (dbName) => {
 };
 var StorageTab = ({ currentTheme }) => {
   const theme = (0, import_material42.useTheme)();
-  const [storageQuota, setStorageQuota] = (0, import_react52.useState)({ used: 0, quota: 0 });
+  const [storageQuota, setStorageQuota] = (0, import_react52.useState)({
+    used: 0,
+    quota: 0,
+    available: 0,
+    browserQuotaEstimate: 0
+  });
   const [storageCategories, setStorageCategories] = (0, import_react52.useState)([]);
   const [loading, setLoading] = (0, import_react52.useState)(true);
   const [clearAllDialogOpen, setClearAllDialogOpen] = (0, import_react52.useState)(false);
@@ -37465,16 +37464,31 @@ var StorageTab = ({ currentTheme }) => {
   const [snackbarMessage, setSnackbarMessage] = (0, import_react52.useState)("");
   const [showSnackbar, setShowSnackbar] = (0, import_react52.useState)(false);
   const [snackbarSeverity, setSnackbarSeverity] = (0, import_react52.useState)("success");
+  const { syncEnabled, isAdvancedVectorFeaturesEnabled } = useConversationSyncStore((state) => ({
+    syncEnabled: state.syncEnabled,
+    isAdvancedVectorFeaturesEnabled: state.isAdvancedVectorFeaturesEnabled
+  }));
+  const syncFeaturesActive = syncEnabled || isAdvancedVectorFeaturesEnabled;
+  const usageSummaryMessage = syncFeaturesActive ? "IndexedDB/local storage is shown below. Conversation sync or advanced vector storage may copy items to your configured gateway." : "IndexedDB/local storage lives entirely in this browser when sync features are disabled.";
+  const storageStatusPrimary = syncFeaturesActive ? "IndexedDB/local storage (sync features enabled)" : "IndexedDB/local storage only";
   const loadStorageData = async () => {
     setLoading(true);
     try {
       debugLogger.info("Loading storage data...");
-      const [quota, categories] = await Promise.all([
+      const [quotaEstimate, categories] = await Promise.all([
         getStorageQuota(),
         getIndexedDBSize()
       ]);
+      const calculatedUsed = categories.reduce((sum, cat) => sum + cat.size, 0);
+      const browserQuota = quotaEstimate.quota && quotaEstimate.quota > 0 ? quotaEstimate.quota : 0;
+      let normalizedQuota = browserQuota > 0 ? Math.min(Math.max(browserQuota, calculatedUsed || DEFAULT_DISPLAY_QUOTA_BYTES), MAX_DISPLAY_QUOTA_BYTES) : Math.max(DEFAULT_DISPLAY_QUOTA_BYTES, calculatedUsed);
+      const available = Math.max(normalizedQuota - calculatedUsed, 0);
       debugLogger.info("Storage data loaded successfully", {
-        quota: quota.used + "/" + quota.quota,
+        browserQuota,
+        browserUsageEstimate: quotaEstimate.used,
+        normalizedQuota,
+        calculatedUsed,
+        available,
         categoriesCount: categories.length,
         categories: categories.map((cat) => ({
           name: cat.name,
@@ -37483,7 +37497,12 @@ var StorageTab = ({ currentTheme }) => {
           canClear: cat.canClear
         }))
       });
-      setStorageQuota(quota);
+      setStorageQuota({
+        used: calculatedUsed,
+        quota: normalizedQuota,
+        available,
+        browserQuotaEstimate: browserQuota
+      });
       setStorageCategories(categories);
     } catch (error) {
       debugLogger.error("Failed to load storage data", { error });
@@ -37491,7 +37510,7 @@ var StorageTab = ({ currentTheme }) => {
       setSnackbarSeverity("error");
       setShowSnackbar(true);
       setStorageCategories([]);
-      setStorageQuota({ used: 0, quota: 0 });
+      setStorageQuota({ used: 0, quota: DEFAULT_DISPLAY_QUOTA_BYTES, available: DEFAULT_DISPLAY_QUOTA_BYTES, browserQuotaEstimate: 0 });
     } finally {
       setLoading(false);
     }
@@ -37504,7 +37523,7 @@ var StorageTab = ({ currentTheme }) => {
   }, [storageCategories]);
   const usagePercentage = (0, import_react52.useMemo)(() => {
     if (storageQuota.quota === 0) return 0;
-    const percentage = storageQuota.used / storageQuota.quota * 100;
+    const percentage = Math.min(storageQuota.used / storageQuota.quota * 100, 100);
     return percentage > 0 && percentage < 0.1 ? 0.1 : percentage;
   }, [storageQuota]);
   const clearableCategories = (0, import_react52.useMemo)(() => {
@@ -37704,7 +37723,7 @@ var StorageTab = ({ currentTheme }) => {
             /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
               import_material42.Chip,
               {
-                label: `${formatBytes(storageQuota.quota - storageQuota.used)} Available`,
+                label: `${formatBytes(storageQuota.available)} Available`,
                 color: "success",
                 size: "small",
                 variant: "outlined"
@@ -37718,6 +37737,15 @@ var StorageTab = ({ currentTheme }) => {
                 size: "small",
                 variant: "outlined"
               }
+            ),
+            storageQuota.browserQuotaEstimate > 0 && storageQuota.quota > 0 && Math.abs(storageQuota.browserQuotaEstimate - storageQuota.quota) > storageQuota.quota * 0.05 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              import_material42.Chip,
+              {
+                label: `\u2248${formatBytes(storageQuota.browserQuotaEstimate)} Browser Estimate`,
+                color: "default",
+                size: "small",
+                variant: "outlined"
+              }
             )
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
@@ -37775,7 +37803,7 @@ var StorageTab = ({ currentTheme }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", color: "text.secondary", sx: { mt: "auto" }, children: "Data is stored locally in your browser and never sent to external servers." })
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "body2", color: "text.secondary", sx: { mt: "auto" }, children: usageSummaryMessage })
       ] }) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.Typography, { variant: "h6", gutterBottom: true, sx: { mb: 2, fontWeight: 600, color: "text.primary" }, children: "Storage Categories" }),
@@ -37903,12 +37931,19 @@ var StorageTab = ({ currentTheme }) => {
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.List, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_material42.ListItem, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_CheckCircle3.default, { color: "success" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_material42.ListItemIcon, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            import_CheckCircle3.default,
+            {
+              sx: {
+                color: syncFeaturesActive ? theme.palette.warning.main : theme.palette.success.main
+              }
+            }
+          ) }),
           /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
             import_material42.ListItemText,
             {
-              primary: "All data is stored locally",
-              secondary: "Your data never leaves your browser and is not sent to external servers"
+              primary: storageStatusPrimary,
+              secondary: syncFeaturesActive ? "Some features (conversation sync or advanced vector storage) can sync items to your configured gateway storage." : "With conversation sync and advanced vector storage turned off, everything stays in this browser."
             }
           )
         ] }),