fix: widget deletion and layout persistence issues

src/backend/database/routes/ssh.ts

@@ -414,6 +414,7 @@ router.put(
       enableFileManager,
       defaultPath,
       tunnelConnections,
+      statsConfig,
     } = hostData;
     if (
       !isNonEmptyString(userId) ||
@@ -450,6 +451,7 @@ router.put(
         : null,
       enableFileManager: enableFileManager ? 1 : 0,
       defaultPath: defaultPath || null,
+      statsConfig: statsConfig || null,
     };
 
     if (effectiveAuthType === "password") {

src/types/index.ts

@@ -35,6 +35,7 @@ export interface SSHHost {
   enableFileManager: boolean;
   defaultPath: string;
   tunnelConnections: TunnelConnection[];
+  statsConfig?: string;
   createdAt: string;
   updatedAt: string;
 }
@@ -58,6 +59,7 @@ export interface SSHHostData {
   enableFileManager?: boolean;
   defaultPath?: string;
   tunnelConnections?: any[];
+  statsConfig?: string;
 }
 
 // ============================================================================

src/ui/Desktop/Apps/Server/Server.tsx

@@ -110,7 +110,12 @@ export function Server({
     setHasUnsavedChanges(true);
   };
 
-  const handleDeleteWidget = (widgetId: string) => {
+  const handleDeleteWidget = (
+    widgetId: string,
+    e: React.MouseEvent<HTMLButtonElement>,
+  ) => {
+    e.stopPropagation();
+    e.preventDefault();
     setWidgets((prev) => prev.filter((w) => w.id !== widgetId));
     setHasUnsavedChanges(true);
   };
@@ -147,8 +152,9 @@ export function Server({
           <div className="h-full w-full space-y-3 p-4 rounded-lg bg-dark-bg/50 border border-dark-border/50 hover:bg-dark-bg/70 transition-colors duration-200">
             {isEditMode && (
               <button
-                onClick={() => handleDeleteWidget(widget.id)}
+                onClick={(e) => handleDeleteWidget(widget.id, e)}
-                className="absolute top-2 right-2 z-10 w-6 h-6 bg-red-500/80 hover:bg-red-500 text-white rounded-full flex items-center justify-center"
+                className="absolute top-2 right-2 z-[9999] w-6 h-6 bg-red-500/80 hover:bg-red-500 text-white rounded-full flex items-center justify-center cursor-pointer"
+                type="button"
               >
                 <X className="h-4 w-4" />
               </button>
@@ -198,8 +204,9 @@ export function Server({
           <div className="h-full w-full space-y-3 p-4 rounded-lg bg-dark-bg/50 border border-dark-border/50 hover:bg-dark-bg/70 transition-colors duration-200">
             {isEditMode && (
               <button
-                onClick={() => handleDeleteWidget(widget.id)}
+                onClick={(e) => handleDeleteWidget(widget.id, e)}
-                className="absolute top-2 right-2 z-10 w-6 h-6 bg-red-500/80 hover:bg-red-500 text-white rounded-full flex items-center justify-center"
+                className="absolute top-2 right-2 z-[9999] w-6 h-6 bg-red-500/80 hover:bg-red-500 text-white rounded-full flex items-center justify-center cursor-pointer"
+                type="button"
               >
                 <X className="h-4 w-4" />
               </button>
@@ -260,8 +267,9 @@ export function Server({
           <div className="h-full w-full space-y-3 p-4 rounded-lg bg-dark-bg/50 border border-dark-border/50 hover:bg-dark-bg/70 transition-colors duration-200">
             {isEditMode && (
               <button
-                onClick={() => handleDeleteWidget(widget.id)}
+                onClick={(e) => handleDeleteWidget(widget.id, e)}
-                className="absolute top-2 right-2 z-10 w-6 h-6 bg-red-500/80 hover:bg-red-500 text-white rounded-full flex items-center justify-center"
+                className="absolute top-2 right-2 z-[9999] w-6 h-6 bg-red-500/80 hover:bg-red-500 text-white rounded-full flex items-center justify-center cursor-pointer"
+                type="button"
               >
                 <X className="h-4 w-4" />
               </button>