src/backend/ssh/docker-console.ts

@@ -23,7 +23,7 @@ const activeSessions = new Map<string, SSHSession>();
 
 const wss = new WebSocketServer({
   port: 30008,
-  verifyClient: async (info, callback) => {
+  verifyClient: async (info) => {
     try {
       const url = parseUrl(info.req.url || "", true);
       const token = url.query.token as string;
@@ -32,7 +32,7 @@ const wss = new WebSocketServer({
         dockerConsoleLogger.warn("WebSocket connection rejected: No token", {
           operation: "ws_verify",
         });
-        return callback(false, 401, "Authentication required");
+        return false;
       }
 
       const authManager = AuthManager.getInstance();
@@ -45,17 +45,15 @@ const wss = new WebSocketServer({
             operation: "ws_verify",
           },
         );
-        return callback(false, 401, "Invalid token");
+        return false;
       }
 
-      (info.req as any).userId = decoded.userId;
+      return true;
-
-      callback(true);
     } catch (error) {
       dockerConsoleLogger.error("WebSocket verification error", error, {
         operation: "ws_verify",
       });
-      callback(false, 500, "Authentication failed");
+      return false;
     }
   },
 });

src/ui/desktop/authentication/ElectronServerConfig.tsx

@@ -10,6 +10,7 @@ import {
   type ServerConfig,
 } from "@/ui/main-axios.ts";
 import { Server } from "lucide-react";
+import { useTheme } from "@/components/theme-provider";
 
 interface ServerConfigProps {
   onServerConfigured: (serverUrl: string) => void;
@@ -23,10 +24,17 @@ export function ElectronServerConfig({
   isFirstTime = false,
 }: ServerConfigProps) {
   const { t } = useTranslation();
+  const { theme } = useTheme();
   const [serverUrl, setServerUrl] = useState("");
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
 
+  const isDarkMode =
+    theme === "dark" ||
+    (theme === "system" &&
+      window.matchMedia("(prefers-color-scheme: dark)").matches);
+  const lineColor = isDarkMode ? "#151517" : "#f9f9f9";
+
   useEffect(() => {
     loadServerConfig();
   }, []);
@@ -88,6 +96,20 @@ export function ElectronServerConfig({
   };
 
   return (
+    <div
+      className="fixed inset-0 flex items-center justify-center"
+      style={{
+        background: "var(--bg-elevated)",
+        backgroundImage: `repeating-linear-gradient(
+          45deg,
+          transparent,
+          transparent 35px,
+          ${lineColor} 35px,
+          ${lineColor} 37px
+        )`,
+      }}
+    >
+      <div className="w-[420px] max-w-full p-8 flex flex-col backdrop-blur-sm bg-card/50 rounded-2xl shadow-xl border-2 border-edge overflow-y-auto thin-scrollbar my-2 animate-in fade-in zoom-in-95 duration-300">
         <div className="space-y-6">
           <div className="text-center">
             <div className="mx-auto mb-4 w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center">
@@ -153,5 +175,7 @@ export function ElectronServerConfig({
             </div>
           </div>
         </div>
+      </div>
+    </div>
   );
 }

src/ui/desktop/user/ElectronVersionCheck.tsx

@@ -3,6 +3,7 @@ import { Button } from "@/components/ui/button.tsx";
 import { VersionAlert } from "@/components/ui/version-alert.tsx";
 import { useTranslation } from "react-i18next";
 import { checkElectronUpdate, isElectron } from "@/ui/main-axios.ts";
+import { useTheme } from "@/components/theme-provider";
 
 interface VersionCheckModalProps {
   onContinue: () => void;
@@ -14,6 +15,7 @@ export function ElectronVersionCheck({
   isAuthenticated = false,
 }: VersionCheckModalProps) {
   const { t } = useTranslation();
+  const { theme } = useTheme();
   const [versionInfo, setVersionInfo] = useState<Record<
     string,
     unknown
@@ -21,6 +23,12 @@ export function ElectronVersionCheck({
   const [versionChecking, setVersionChecking] = useState(false);
   const [versionDismissed] = useState(false);
 
+  const isDarkMode =
+    theme === "dark" ||
+    (theme === "system" &&
+      window.matchMedia("(prefers-color-scheme: dark)").matches);
+  const lineColor = isDarkMode ? "#151517" : "#f9f9f9";
+
   useEffect(() => {
     if (isElectron()) {
       checkForUpdates();
@@ -83,8 +91,20 @@ export function ElectronVersionCheck({
 
   if (versionChecking && !versionInfo) {
     return (
-      <div className="fixed inset-0 flex items-center justify-center z-50">
+      <div
-        <div className="bg-canvas border-2 border-edge rounded-lg p-6 max-w-md w-full mx-4 relative z-10">
+        className="fixed inset-0 flex items-center justify-center z-50"
+        style={{
+          background: "var(--bg-elevated)",
+          backgroundImage: `repeating-linear-gradient(
+            45deg,
+            transparent,
+            transparent 35px,
+            ${lineColor} 35px,
+            ${lineColor} 37px
+          )`,
+        }}
+      >
+        <div className="w-[420px] max-w-full p-8 flex flex-col backdrop-blur-sm bg-card/50 rounded-2xl shadow-xl border-2 border-edge overflow-y-auto thin-scrollbar my-2 animate-in fade-in zoom-in-95 duration-300">
           <div className="flex items-center justify-center mb-4">
             <div className="w-8 h-8 border-2 border-primary border-t-transparent rounded-full animate-spin" />
           </div>
@@ -98,8 +118,20 @@ export function ElectronVersionCheck({
 
   if (!versionInfo || versionDismissed) {
     return (
-      <div className="fixed inset-0 flex items-center justify-center z-50">
+      <div
-        <div className="bg-canvas border-2 border-edge rounded-lg p-6 max-w-md w-full mx-4 relative z-10">
+        className="fixed inset-0 flex items-center justify-center z-50"
+        style={{
+          background: "var(--bg-elevated)",
+          backgroundImage: `repeating-linear-gradient(
+            45deg,
+            transparent,
+            transparent 35px,
+            ${lineColor} 35px,
+            ${lineColor} 37px
+          )`,
+        }}
+      >
+        <div className="w-[420px] max-w-full p-8 flex flex-col backdrop-blur-sm bg-card/50 rounded-2xl shadow-xl border-2 border-edge overflow-y-auto thin-scrollbar my-2 animate-in fade-in zoom-in-95 duration-300">
           <div className="mb-4">
             <h2 className="text-lg font-semibold">
               {t("versionCheck.checkUpdates")}
@@ -126,8 +158,20 @@ export function ElectronVersionCheck({
   }
 
   return (
-    <div className="fixed inset-0 flex items-center justify-center z-50">
+    <div
-      <div className="bg-canvas border-2 border-edge rounded-lg p-6 max-w-md w-full mx-4 relative z-10">
+      className="fixed inset-0 flex items-center justify-center z-50"
+      style={{
+        background: "var(--bg-elevated)",
+        backgroundImage: `repeating-linear-gradient(
+          45deg,
+          transparent,
+          transparent 35px,
+          ${lineColor} 35px,
+          ${lineColor} 37px
+        )`,
+      }}
+    >
+      <div className="w-[420px] max-w-full p-8 flex flex-col backdrop-blur-sm bg-card/50 rounded-2xl shadow-xl border-2 border-edge overflow-y-auto thin-scrollbar my-2 animate-in fade-in zoom-in-95 duration-300">
         <div className="mb-4">
           <h2 className="text-lg font-semibold">
             {t("versionCheck.updateRequired")}