From c666c48f09e22b4d6a97b526f51527e37c76265f Mon Sep 17 00:00:00 2001
From: oudecheng <13802883547@139.com>
Date: Mon, 17 Aug 2026 17:52:31 +0800
Subject: [PATCH] =?UTF-8?q?feat(web):=20=E8=AE=BE=E7=BD=AE=E9=A1=B5?=
 =?UTF-8?q?=E5=AD=97=E6=AE=B5=E6=8F=90=E7=A4=BA=E6=94=B9=E4=B8=BA=E9=97=AE?=
 =?UTF-8?q?=E5=8F=B7=E5=9B=BE=E6=A0=87=E6=82=AC=E5=81=9C=E6=B0=94=E6=B3=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Field 的 hint 由输入框下方段落改为 label 旁问号图标，鼠标悬停显示提示气泡，覆盖所有设置 Tab
---
 web/src/components/Settings/ui.tsx | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/web/src/components/Settings/ui.tsx b/web/src/components/Settings/ui.tsx
index 8c11197..15ed4a5 100644
--- a/web/src/components/Settings/ui.tsx
+++ b/web/src/components/Settings/ui.tsx
@@ -1,6 +1,6 @@
 // Shared UI primitives extracted from ConfigPage.tsx
 import { useState, type ReactNode } from 'react';
-import { X, Plus, Trash2 } from 'lucide-react';
+import { X, Plus, Trash2, HelpCircle } from 'lucide-react';
 import { inputCls } from './constants';
 import type { KnownSource } from './types';
 
@@ -15,9 +15,24 @@ export function Field({
 }) {
   return (
     <div className="space-y-1.5">
-      <label className="block text-[13px] font-medium text-[var(--text-secondary)]">{label}</label>
+      <label className="flex items-center gap-1 text-[13px] font-medium text-[var(--text-secondary)]">
+        <span>{label}</span>
+        {hint && (
+          <span className="group/hint relative inline-flex">
+            <HelpCircle
+              className="h-3.5 w-3.5 shrink-0 cursor-help text-[var(--text-muted)] transition-colors group-hover/hint:text-[var(--accent-cyan)]"
+              aria-label={hint}
+            />
+            <span
+              role="tooltip"
+              className="pointer-events-none invisible absolute top-full left-0 z-50 mt-1.5 w-max max-w-[280px] rounded-lg border border-[var(--border-color)] bg-[var(--bg-tertiary)] px-2.5 py-1.5 text-xs leading-relaxed font-normal text-[var(--text-secondary)] opacity-0 shadow-lg transition-opacity duration-150 group-hover/hint:visible group-hover/hint:opacity-100"
+            >
+              {hint}
+            </span>
+          </span>
+        )}
+      </label>
       {children}
-      {hint && <p className="text-xs text-[var(--text-muted)]">{hint}</p>}
     </div>
   );
 }