style(obs): compact observability workbench copy

templates/admin/observability_overview.html

@@ -75,11 +75,27 @@
   }
 
   .obs-lede {
-    max-width: 760px;
-    margin: 0;
+    display: none;
+  }
+
+  .obs-mode {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.45rem;
+    margin-top: 0.7rem;
+  }
+
+  .obs-mode span {
+    display: inline-flex;
+    align-items: center;
+    min-height: 24px;
+    border: 1px solid rgba(86, 64, 48, 0.12);
+    border-radius: 999px;
+    background: var(--momo-bg-elevated, #fdfaf3);
     color: var(--obs-muted);
-    font-size: var(--momo-text-body, 0.875rem);
-    line-height: 1.75;
+    font-size: 0.68rem;
+    font-weight: 900;
+    padding: 0.24rem 0.55rem;
   }
 
   .obs-command-strip,
@@ -93,7 +109,7 @@
   .obs-signal {
     position: relative;
     z-index: 1;
-    min-height: 104px;
+    min-height: 78px;
     padding: 0.92rem;
     border: 1px solid var(--obs-line);
     border-radius: var(--momo-radius-lg, 8px);
@@ -120,9 +136,7 @@
   }
 
   .obs-signal-note {
-    margin-top: 0.25rem;
-    color: var(--obs-muted);
-    font-size: 0.82rem;
+    display: none;
   }
 
   .obs-grid {
@@ -202,6 +216,11 @@
     font-size: 0.82rem;
   }
 
+  .obs-host-meta,
+  .obs-footer-source {
+    display: none;
+  }
+
   .obs-sparkline {
     height: 54px;
   }
@@ -368,11 +387,7 @@
   }
 
   .obs-route-desc {
-    display: block;
-    margin-top: 0.08rem;
-    color: var(--obs-muted);
-    font-size: 0.76rem;
-    line-height: 1.45;
+    display: none;
   }
 
   .obs-empty {
@@ -421,9 +436,14 @@
 {% set risk_count = (summary.budget_alerts|length if summary.budget_alerts else 0) + host_bad.value + (1 if ai and ai.error_rate >= 15 else 0) + (1 if summary.episodes and summary.episodes.pending > 0 else 0) %}
 
 <div class="obs-war-room">
-  <section class="obs-hero">
+  <section class="obs-hero" data-density-guardrail="compact-observability-workbench">
     <span class="obs-kicker"><i class="fas fa-satellite-dish"></i> 01 指揮總覽 <span class="obs-kicker-date">· {{ today }}</span></span>
     <h1 class="obs-title">AI 觀測戰情室</h1>
+    <div class="obs-mode" aria-label="AI 觀測模式">
+      <span>AI 觀測</span>
+      <span>風險優先</span>
+      <span>下一步</span>
+    </div>
     <p class="obs-lede">
       私有 AI 中樞的第一入口：模型主機、AI 呼叫、知識學習、工具編排、自癒、預算與 PPT 視覺審核收斂到同一張工作台。所有數字只讀正式資料來源；缺資料時呈現可診斷空狀態。
     </p>
@@ -645,7 +665,7 @@
     </div>
   </section>
 
-  <p class="obs-microcopy mt-3">
+  <p class="obs-microcopy obs-footer-source mt-3">
     <i class="fas fa-database me-1"></i>
     資料來源：主機探測、AI 呼叫、預算、學習事件、知識查詢、工具呼叫、事件與自癒、PPT 審核。
   </p>