From fa8e3abcc7f7f593b94b5cff7166653382295781 Mon Sep 17 00:00:00 2001
From: oliver <zhoutianjun127@126.com>
Date: Wed, 5 Aug 2026 19:21:44 +0800
Subject: [PATCH] Move LLDP collect policy auto-placeholder help into a title
 hint.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 web/src/pages/network/LldpLinksPage.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/web/src/pages/network/LldpLinksPage.tsx b/web/src/pages/network/LldpLinksPage.tsx
index 1781a6d..a563e73 100644
--- a/web/src/pages/network/LldpLinksPage.tsx
+++ b/web/src/pages/network/LldpLinksPage.tsx
@@ -13,6 +13,7 @@ import {
   updateLldpCollectPolicy,
 } from "../../services/api";
 import { queryKeys } from "../../constants/queryKeys";
+import { HelpHint } from "../../components/HelpHint";
 import { useI18n } from "../../i18n";
 import { useToast } from "../../hooks/useToast";
 import type { CliTargetItem, ConfigSyncTargetRef, TopologyDiscoverJobItem } from "../../types";
@@ -328,7 +329,10 @@ export function LldpLinksPage() {
       </div>
 
       <div className="panel" style={{ marginBottom: 16 }}>
-        <h3>{t("lldpLinks.policyTitle")}</h3>
+        <h3 style={{ display: "inline-flex", alignItems: "center", gap: 8 }}>
+          {t("lldpLinks.policyTitle")}
+          <HelpHint text={t("lldpLinks.autoAddUnmatchedHint")} ariaLabel={t("common.help")} />
+        </h3>
         <div className="config-sync-policy-row">
           <label className="config-sync-policy-check">
             <input type="checkbox" checked={enabled} onChange={(e) => setEnabled(e.target.checked)} />
@@ -338,9 +342,6 @@ export function LldpLinksPage() {
             <input type="checkbox" checked={autoAdd} onChange={(e) => setAutoAdd(e.target.checked)} />
             <span>{t("lldpLinks.autoAddUnmatched")}</span>
           </label>
-          <p className="muted" style={{ margin: "0 0 8px", gridColumn: "1 / -1" }}>
-            {t("lldpLinks.autoAddUnmatchedHint")}
-          </p>
           <label className="config-sync-policy-field">
             <span>{t("lldpLinks.interval")}</span>
             <input