shared: add independent IPv4 and IPv6 collection [CI]

web/admin/src/pages/AgentDetail.tsx

@@ -13,6 +13,7 @@ function EditDialog({ agent, onClose, onSaved }: { agent: AgentDto; onClose: ()
   const [name, setName] = useState(agent.name)
   const [labels, setLabels] = useState(agent.labels.join(', '))
   const [host, setHost] = useState(agent.public_host)
+  const [ipv6Host, setIpv6Host] = useState(agent.ipv6_host ?? '')
   const [visible, setVisible] = useState(agent.public_visible)
   return (
     <Dialog
@@ -29,7 +30,7 @@ function EditDialog({ agent, onClose, onSaved }: { agent: AgentDto; onClose: ()
             disabled={busy}
             onClick={async () => {
               const ok = await run(
-                () => api.patch(`/api/admin/agents/${agent.id}`, { name, labels: labels.split(',').map((x) => x.trim()).filter(Boolean), public_host: host, public_visible: visible }),
+                () => api.patch(`/api/admin/agents/${agent.id}`, { name, labels: labels.split(',').map((x) => x.trim()).filter(Boolean), public_host: host.trim(), ipv6_host: ipv6Host.trim(), public_visible: visible }),
                 '已保存',
               )
               if (ok) {
@@ -50,10 +51,15 @@ function EditDialog({ agent, onClose, onSaved }: { agent: AgentDto; onClose: ()
           </Field>
         </div>
         <div className="wide">
-          <Field label="公开地址" hint="Probe 用它连接这个 Agent：域名或 IP">
+          <Field label="IPv4 地址" hint="Probe 用它测 IPv4：IPv4 地址或域名（A 记录）">
             <input className="input" value={host} onChange={(e) => setHost(e.target.value)} />
           </Field>
         </div>
+        <div className="wide">
+          <Field label="IPv6 地址" hint="IPv6 地址或域名（AAAA 记录）；留空只采集 IPv4">
+            <input className="input" value={ipv6Host} onChange={(e) => setIpv6Host(e.target.value)} placeholder="例如 2001:db8::1 或 agent.example.com" />
+          </Field>
+        </div>
         <div className="wide">
           <Field label="标签" hint="逗号分隔">
             <input className="input" value={labels} onChange={(e) => setLabels(e.target.value)} />
@@ -167,9 +173,9 @@ export function AgentDetail() {
                 </thead>
                 <tbody>
                   {a.probes.map((p) => (
-                    <tr key={p.probe_id}>
+                    <tr key={`${p.probe_id}~${p.ip_version}`}>
                       <td>
-                        <div style={{ fontWeight: 600 }}>{probeName(p.probe_id)}</div>
+                        <div style={{ fontWeight: 600 }}>{probeName(p.probe_id)} <Chip>{p.ip_version === 'ipv6' ? 'IPv6' : 'IPv4'}</Chip></div>
                         <div className="mono faint">{p.probe_id}</div>
                       </td>
                       <td>{p.version ?? '—'}</td>
@@ -179,7 +185,7 @@ export function AgentDetail() {
                       </td>
                       <td className="r">
                         <span className="row" style={{ justifyContent: 'flex-end' }}>
-                          <Link className="btn small" to={`/tests?agent=${a.id}&probe=${p.probe_id}`}>
+                          <Link className="btn small" to={`/tests?agent=${a.id}&probe=${p.probe_id}&ip_version=${p.ip_version}`}>
                             <FlaskConical size={14} />
                             测试
                           </Link>
@@ -209,8 +215,12 @@ export function AgentDetail() {
               <dl className="kv">
                 <dt>ID</dt>
                 <dd className="mono">{a.id}</dd>
-                <dt>公开地址</dt>
+                <dt>IPv4 地址</dt>
                 <dd className="mono">{a.public_host || '—'}</dd>
+                <dt>IPv6 地址</dt>
+                <dd className="mono">{a.ipv6_host || '未配置'}</dd>
+                <dt>IPv6 监听</dt>
+                <dd>{a.ipv6_supported ? '已启用' : '未启用，请升级 Agent 并配置双栈监听'}</dd>
                 <dt>控制端口</dt>
                 <dd className="mono">{a.probe_tcp_port}/tcp</dd>
                 <dt>数据端口</dt>