chore: update version and refactor LocalTable components

- Bumped version from 1.4.0 to 1.5.0 in package.json.
- Refactored LocalTable and LocalTableHeader components to utilize encryption key retrieval and provide user guidance for key generation.
- Improved error handling in useCloudSync hook to display detailed error messages.

Author: milisp

tauri-app/package.json

@@ -8,7 +8,7 @@
   "author": "milisp",
   "license": "MIT",
   "private": true,
-  "version": "1.4.0",
+  "version": "1.5.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

tauri-app/src/components/manage/LocalTable/LocalTableHeader.tsx

@@ -2,8 +2,10 @@
 // Always use English comments for code
 import { BatchActionsDropdown } from "@/components/manage/BatchActionsDropdown";
 import { Button } from "@/components/ui/button";
+import { getEncryptionKey } from "@/utils/encryption";
 import { Cloud, Key, Monitor } from "lucide-react";
 import React from "react";
+import { useNavigate } from "react-router";
 
 interface LocalTableHeaderProps {
   isSyncing: boolean;
@@ -26,6 +28,9 @@ export const LocalTableHeader: React.FC<LocalTableHeaderProps> = ({
   handleBatchDisable,
   handleBatchDelete,
 }) => {
+  const key = getEncryptionKey();
+  const navigate = useNavigate();
+
   return (
     <div className="flex justify-between items-center">
       <div className="flex gap-3 items-center">
@@ -51,6 +56,13 @@ export const LocalTableHeader: React.FC<LocalTableHeaderProps> = ({
           Cloud Sync
           <Key className="h-3 w-3 opacity-60" />
         </Button>
+
+        {!key && (
+          <Button onClick={() => navigate("/settings")}>
+            <Cloud className="h-4 w-4" />
+            Go to generate encryption key for end to end sync to cloud
+          </Button>
+        )}
       </div>
       <BatchActionsDropdown
         hasSelectedRows={Object.keys(rowSelection).length > 0}

tauri-app/src/components/manage/LocalTable/index.tsx

@@ -1,5 +1,4 @@
 // Main LocalTable component, refactored to use hooks and header component
-// Always use English comments for code
 import { CloudSyncDialog } from "@/components/manage/CloudSyncDialog";
 import { LocalSyncDialog } from "@/components/manage/LocalSyncDialog";
 import { RefreshMcpConfig } from "@/components/manage/RefreshMcpConfig";
@@ -43,6 +42,7 @@ export const LocalTable = ({ isAuthenticated, user }: LocalTableProps) => {
   const [showMissingKeyDialog, setShowMissingKeyDialog] = useState(false);
   const showGlobalDialog = useGlobalDialogStore((s) => s.showDialog);
   const navigate = useNavigate();
+  const key = getEncryptionKey();
 
   const {
     config,
@@ -140,7 +140,6 @@ export const LocalTable = ({ isAuthenticated, user }: LocalTableProps) => {
         return;
       }
     }
-    const key = getEncryptionKey();
     if (!key) {
       setShowMissingKeyDialog(true);
       return;

tauri-app/src/components/manage/team/TeamLocalTable.tsx

@@ -23,6 +23,7 @@ export const TeamLocalTable = ({}: TeamLocalTableProps) => {
   const { getTeamConfigPath } = useConfigFileStore();
   const { selectedTeamId } = useTeamStore();
   const filePath = getTeamConfigPath(selectedTeamId) ?? null;
+  const key = getEncryptionKey(selectedTeamId);
 
   const [cloudSyncDialogOpen, setCloudSyncDialogOpen] = useState(false);
   const [isDeleting, _setIsDeleting] = useState(false);
@@ -121,6 +122,12 @@ export const TeamLocalTable = ({}: TeamLocalTableProps) => {
             Upload
             <Key className="h-3 w-3 opacity-60" />
           </Button>
+          {!key && (
+            <Button onClick={() => navigate("/settings")}>
+              <Cloud className="h-4 w-4" />
+              Go to generate encryption key for end to end sync to cloud
+            </Button>
+          )}
         </div>
         <BatchActionsDropdown
           hasSelectedRows={Object.keys(rowSelection).length > 0}

tauri-app/src/hooks/useCloudSync.ts

@@ -34,13 +34,15 @@ export const useCloudSync = (
 
   const fetchCloudDownload = useCallback(async () => {
     try {
-      setIsSyncing(true);
       const serverConfigs = await downloadConfigsFromCloud();
       return serverConfigs;
     } catch (e) {
-      toast.error("Cloud fetch failed");
-    } finally {
-      setIsSyncing(false);
+      // Try to show the most useful error info
+      const msg =
+        e instanceof Error
+          ? e.message + (e.stack ? "\n" + e.stack : "")
+          : JSON.stringify(e);
+      toast.error(msg);
     }
   }, []);