From 3411f92c3d218b6533045369329be80b11ac6d69 Mon Sep 17 00:00:00 2001
From: jiesen <jiesen@jiesendeMacBook-Pro.local>
Date: Sun, 21 Dec 2025 01:23:43 +0700
Subject: [PATCH] =?UTF-8?q?=E8=AE=BE=E7=BD=AE:=20=E9=99=90=E5=88=B6=20TLS?=
 =?UTF-8?q?=20=E4=B8=8E=E8=BF=9C=E7=A8=8B=E7=AE=A1=E7=90=86=E5=BC=80?=
 =?UTF-8?q?=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../settings/RemoteManagementSettings.tsx     | 20 +++++++++++++------
 src/components/settings/TlsSettings.tsx       | 14 ++++++++++---
 2 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/src/components/settings/RemoteManagementSettings.tsx b/src/components/settings/RemoteManagementSettings.tsx
index 78c9c4c0f..ce8f347a7 100644
--- a/src/components/settings/RemoteManagementSettings.tsx
+++ b/src/components/settings/RemoteManagementSettings.tsx
@@ -90,6 +90,11 @@ export function RemoteManagementSettings() {
   const rm = config.remote_management;
   const isEnabled = Boolean(rm.secret_key && rm.secret_key.length > 0);
   const remoteAccessSupported = false;
+  const allowRemoteToggleEnabled = remoteAccessSupported && isEnabled;
+  const allowRemoteToggleDisabled =
+    !allowRemoteToggleEnabled && !rm.allow_remote;
+  const remoteAccessUnsupportedEnabled =
+    rm.allow_remote && !remoteAccessSupported;
 
   return (
     <div className="space-y-4">
@@ -187,7 +192,7 @@ export function RemoteManagementSettings() {
 
         {/* 允许远程访问 */}
         <label
-          className={`flex items-center justify-between p-3 rounded-lg border cursor-pointer hover:bg-muted/50 ${!isEnabled || !remoteAccessSupported ? "opacity-50 pointer-events-none" : ""}`}
+          className={`flex items-center justify-between p-3 rounded-lg border cursor-pointer hover:bg-muted/50 ${allowRemoteToggleDisabled ? "opacity-50 pointer-events-none" : ""}`}
         >
           <div>
             <span className="text-sm font-medium">允许远程访问</span>
@@ -198,11 +203,14 @@ export function RemoteManagementSettings() {
           <input
             type="checkbox"
             checked={rm.allow_remote}
-            onChange={(e) =>
-              updateRemoteManagement({ allow_remote: e.target.checked })
-            }
+            onChange={(e) => {
+              if (e.target.checked && !allowRemoteToggleEnabled) {
+                return;
+              }
+              updateRemoteManagement({ allow_remote: e.target.checked });
+            }}
             className="w-4 h-4 rounded border-gray-300"
-            disabled={!isEnabled || !remoteAccessSupported}
+            disabled={allowRemoteToggleDisabled}
           />
         </label>
 
@@ -241,7 +249,7 @@ export function RemoteManagementSettings() {
 
         <button
           onClick={handleSave}
-          disabled={saving}
+          disabled={saving || remoteAccessUnsupportedEnabled}
           className="w-full px-4 py-2 rounded-lg bg-primary text-primary-foreground text-sm font-medium hover:bg-primary/90 disabled:opacity-50"
         >
           {saving ? "保存中..." : "保存远程管理设置"}
diff --git a/src/components/settings/TlsSettings.tsx b/src/components/settings/TlsSettings.tsx
index 3a2b5dc80..6cf57e25d 100644
--- a/src/components/settings/TlsSettings.tsx
+++ b/src/components/settings/TlsSettings.tsx
@@ -92,6 +92,7 @@ export function TlsSettings() {
   const tlsSupported = false;
   const tls = config.server.tls;
   const isConfigValid = !tls.enable || (tls.cert_path && tls.key_path);
+  const tlsUnsupportedEnabled = tls.enable && !tlsSupported;
 
   return (
     <div className="space-y-4">
@@ -143,8 +144,13 @@ export function TlsSettings() {
           <input
             type="checkbox"
             checked={tls.enable}
-            onChange={(e) => updateTls({ enable: e.target.checked })}
-            disabled={!tlsSupported}
+            onChange={(e) => {
+              if (!tlsSupported && e.target.checked) {
+                return;
+              }
+              updateTls({ enable: e.target.checked });
+            }}
+            disabled={!tlsSupported && !tls.enable}
             className="w-4 h-4 rounded border-gray-300"
           />
         </label>
@@ -221,7 +227,9 @@ export function TlsSettings() {
 
         <button
           onClick={handleSave}
-          disabled={saving || !tlsSupported || (tls.enable && !isConfigValid)}
+          disabled={
+            saving || tlsUnsupportedEnabled || (tls.enable && !isConfigValid)
+          }
           className="w-full px-4 py-2 rounded-lg bg-primary text-primary-foreground text-sm font-medium hover:bg-primary/90 disabled:opacity-50"
         >
           {saving ? "保存中..." : "保存 TLS 设置"}