Hide username and logout on LAN clients in control header.

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

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">
-          <span className="meta">{user}</span>
-          <button
-            type="button"
-            className="btn ghost"
-            onClick={() => {
-              clearSession();
-              window.location.href = "/login";
-            }}
-          >
-            退出
-          </button>
-        </div>
+        {!lanClient ? (
+          <div className="header-right">
+            <span className="meta">{user}</span>
+            <button
+              type="button"
+              className="btn ghost"
+              onClick={() => {
+                clearSession();
+                window.location.href = "/login";
+              }}
+            >
+              退出
+            </button>
+          </div>
+        ) : null}
       </header>
       <main className="main">{children}</main>
     </div>