Hide username and logout on LAN clients in control header.

Co-authored-by: Cursor <cursoragent@cursor.com>

control/backend/app/api/auth_routes.py

@@ -86,15 +86,20 @@ async def login(
 
 @router.get("/me")
 async def me(
+    request: Request,
     username: Annotated[str, Depends(require_control_user)],
     settings: Annotated[ControlSettings, Depends(get_control_settings)],
 ) -> dict:
+    ip = client_ip(request)
+    lan = is_lan_ip(ip)
     return {
         "username": username,
         "poll_interval_sec": settings.control_poll_interval_sec,
         "sse_interval_sec": settings.control_sse_interval_sec,
         "show_default_hint": settings.is_default_credentials,
         "lan_bypass_enabled": settings.lan_auth_bypass,
+        "lan_client": lan,
+        "client_ip": ip or None,
     }
 
 

control/frontend/src/App.tsx

@@ -1,4 +1,4 @@
-import { type ReactNode } from "react";
+import { type ReactNode, useEffect, useState } from "react";
 import {
   NavLink,
   Navigate,
@@ -6,13 +6,21 @@ import {
   Routes,
   useLocation,
 } from "react-router-dom";
-import { clearSession, getToken, getUsername } from "./api";
+import { apiFetch, clearSession, getToken, getUsername } from "./api";
 import LoginPage from "./pages/Login";
 import MonitorPage from "./pages/Monitor";
 import SettingsPage from "./pages/Settings";
 
 function Shell({ children }: { children: ReactNode }) {
   const user = getUsername();
+  const [lanClient, setLanClient] = useState(false);
+
+  useEffect(() => {
+    apiFetch<{ lan_client?: boolean }>("/api/auth/me")
+      .then((m) => setLanClient(!!m.lan_client))
+      .catch(() => setLanClient(false));
+  }, []);
+
   return (
     <div className="shell">
       <header className="header">
@@ -25,19 +33,21 @@ function Shell({ children }: { children: ReactNode }) {
             系统设置
           </NavLink>
         </nav>
-        <div className="header-right">
+        {!lanClient ? (
-          <span className="meta">{user}</span>
+          <div className="header-right">
-          <button
+            <span className="meta">{user}</span>
-            type="button"
+            <button
-            className="btn ghost"
+              type="button"
-            onClick={() => {
+              className="btn ghost"
-              clearSession();
+              onClick={() => {
-              window.location.href = "/login";
+                clearSession();
-            }}
+                window.location.href = "/login";
-          >
+              }}
-            退出
+            >
-          </button>
+              退出
-        </div>
+            </button>
+          </div>
+        ) : null}
       </header>
       <main className="main">{children}</main>
     </div>