fix: wrap ssh host json export in hosts array

src/backend/ssh/widgets/login-stats-collector.ts

@@ -1,5 +1,6 @@
 import type { Client } from "ssh2";
 import { execCommand } from "./common-utils.js";
+import { statsLogger } from "../../utils/logger.js";
 
 export interface LoginRecord {
   user: string;

src/backend/ssh/widgets/processes-collector.ts

@@ -8,8 +8,8 @@ export async function collectProcessesMetrics(client: Client): Promise<{
   top: Array<{
     pid: string;
     user: string;
-    cpu: number;
+    cpu: string;
-    mem: number;
+    mem: string;
     command: string;
   }>;
 }> {
@@ -18,8 +18,8 @@ export async function collectProcessesMetrics(client: Client): Promise<{
   const topProcesses: Array<{
     pid: string;
     user: string;
-    cpu: number;
+    cpu: string;
-    mem: number;
+    mem: string;
     command: string;
   }> = [];
 
@@ -38,8 +38,8 @@ export async function collectProcessesMetrics(client: Client): Promise<{
           topProcesses.push({
             pid: parts[1],
             user: parts[0],
-            cpu: Number.isFinite(cpuVal) ? cpuVal : 0,
+            cpu: Number.isFinite(cpuVal) ? cpuVal.toString() : "0",
-            mem: Number.isFinite(memVal) ? memVal : 0,
+            mem: Number.isFinite(memVal) ? memVal.toString() : "0",
             command: parts.slice(10).join(" ").substring(0, 50),
           });
         }

src/ui/desktop/apps/host-manager/HostManagerViewer.tsx

@@ -363,7 +363,12 @@ export function HostManagerViewer({ onEditHost }: SSHManagerHostViewerProps) {
         ),
       );
 
-      const blob = new Blob([JSON.stringify(cleanExportData, null, 2)], {
+      // Wrap in hosts array for valid import format
+      const exportFormat = {
+        hosts: [cleanExportData],
+      };
+
+      const blob = new Blob([JSON.stringify(exportFormat, null, 2)], {
         type: "application/json",
       });
       const url = URL.createObjectURL(blob);

src/ui/desktop/authentication/Auth.tsx

@@ -798,6 +798,20 @@ export function Auth({
 
   if (dbConnectionFailed) {
     return (
+      <div
+        className={`fixed inset-0 flex items-center justify-center ${className || ""}`}
+        style={{
+          background: "#0e0e10",
+          backgroundImage: `repeating-linear-gradient(
+            45deg,
+            transparent,
+            transparent 35px,
+            rgba(255, 255, 255, 0.03) 35px,
+            rgba(255, 255, 255, 0.03) 37px
+          )`,
+        }}
+        {...props}
+      >
         <div
           className={`w-[420px] max-w-full p-6 flex flex-col bg-dark-bg border-2 border-dark-border rounded-md overflow-y-auto my-2 animate-in fade-in zoom-in-95 duration-300 ${className || ""}`}
           style={{ maxHeight: "calc(100vh - 1rem)" }}
@@ -836,7 +850,9 @@ export function Auth({
             {isElectron() && currentServerUrl && (
               <div className="flex items-center justify-between">
                 <div>
-                <Label className="text-sm text-muted-foreground">Server</Label>
+                  <Label className="text-sm text-muted-foreground">
+                    Server
+                  </Label>
                   <div className="text-xs text-muted-foreground truncate max-w-[200px]">
                     {currentServerUrl}
                   </div>
@@ -854,6 +870,7 @@ export function Auth({
             )}
           </div>
         </div>
+      </div>
     );
   }