fix: show sentinel identity on dashboard

scripts/assets/web-probe-sentinel-dashboard/dashboard.css

@@ -96,13 +96,38 @@ h2 {
 }
 
 #sentinel-subtitle {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 3px 6px;
   margin-top: 2px;
   font-size: 12px;
   overflow-wrap: anywhere;
 }
 
+.sentinel-subtitle-separator {
+  color: #a3adba;
+}
+
+.sentinel-id-chip {
+  display: inline-flex;
+  align-items: center;
+  max-width: min(58vw, 560px);
+  min-height: 18px;
+  padding: 1px 5px;
+  border: 1px solid #d8e0ea;
+  border-radius: 5px;
+  background: #eef2f7;
+  color: #344054;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
+  font-size: 11px;
+  font-weight: 600;
+  line-height: 1.35;
+  overflow-wrap: anywhere;
+  white-space: normal;
+}
+
 #sentinel-origin-note {
-  margin-left: 6px;
   color: #97a1b0;
   font-size: 11px;
 }
@@ -1208,6 +1233,10 @@ select {
     flex: 1 1 auto;
   }
 
+  .sentinel-id-chip {
+    max-width: 100%;
+  }
+
   .status-pill {
     justify-content: center;
   }

scripts/src/hwlab-node-web-sentinel-dashboard-assets.ts

@@ -44,7 +44,12 @@ export function renderWebProbeSentinelDashboardHtml(config: DashboardShellConfig
         <div class="sentinel-mark" aria-hidden="true"></div>
         <div>
           <h1>HWLAB Web哨兵</h1>
-          <p id="sentinel-subtitle">${escapeHtml(config.node)} / ${escapeHtml(config.lane)}<span id="sentinel-origin-note"></span></p>
+          <p id="sentinel-subtitle">
+            <span>${escapeHtml(config.node)} / ${escapeHtml(config.lane)}</span>
+            <span class="sentinel-subtitle-separator">·</span>
+            <code class="sentinel-id-chip">${escapeHtml(config.sentinelId)}</code>
+            <span id="sentinel-origin-note"></span>
+          </p>
         </div>
       </div>
       <div class="sentinel-toolbar" aria-label="监控面板控制">