From 35133dff8c6fc9abb2c1e41237618a3ed8aaf39b Mon Sep 17 00:00:00 2001
From: wusumac <736139669@qq.com>
Date: Sun, 2 Aug 2026 23:59:30 +0800
Subject: [PATCH] =?UTF-8?q?fix(web):=20navigate=20(not=20in-place)=20when?=
 =?UTF-8?q?=20switching=20from=20HTTPS=20to=20HTTP=20hub=20=E2=80=94=20mix?=
 =?UTF-8?q?ed=20content=20blocks=20in-place=20calls?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/routes/settings/general.tsx | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/web/src/routes/settings/general.tsx b/web/src/routes/settings/general.tsx
index 69a4b9e4..f6b50b0a 100644
--- a/web/src/routes/settings/general.tsx
+++ b/web/src/routes/settings/general.tsx
@@ -68,10 +68,19 @@ function ConnectionSwitch() {
                     <button
                         type="button"
                         onClick={() => {
-                            // Switch the hub connection in place — the app
-                            // reconnects to the target origin without a full
-                            // page navigation (same hub, so the token stays
-                            // valid).
+                            // Browsers block in-place requests from an HTTPS
+                            // page to an HTTP hub (mixed content), so an
+                            // HTTPS→HTTP switch must navigate instead. The
+                            // loaded page is then HTTP same-origin and works.
+                            const pageIsHttps = typeof window !== 'undefined'
+                                && window.location.protocol === 'https:'
+                            const targetIsHttps = target.startsWith('https://')
+                            if (pageIsHttps && !targetIsHttps) {
+                                window.location.href = target
+                                return
+                            }
+                            // Otherwise switch the hub connection in place —
+                            // the app reconnects without a full navigation.
                             setServerUrl(target)
                         }}
                         className="shrink-0 rounded-md border border-[var(--app-border)] bg-[var(--app-subtle-bg)] px-2 py-1.5 text-xs text-[var(--app-fg)] hover:bg-[var(--app-secondary-bg)]"