From 60b73e16d861e3e4d6a70134d79dbba88aab89fc Mon Sep 17 00:00:00 2001
From: OoO <ooo@MacBook-Pro.local>
Date: Wed, 13 May 2026 18:55:06 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BA=E5=AE=9A=E8=A7=80=E6=B8=AC=E5=8F=B0?=
 =?UTF-8?q?=E9=BB=9E=E9=99=A3=E5=B1=A4=E8=A6=86=E8=93=8B=E9=A0=86=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config.py                               |   2 +-
 static/css/observability-system.css     | 336 +++++++++++++++++-------
 web/static/css/observability-system.css | 336 +++++++++++++++++-------
 3 files changed, 483 insertions(+), 191 deletions(-)

diff --git a/config.py b/config.py
index 0032c1d..3ab0442 100644
--- a/config.py
+++ b/config.py
@@ -320,7 +320,7 @@ YOUTUBE_API_KEY = os.getenv('YOUTUBE_API_KEY', '')
 # ==========================================
 # 系統版本與路徑
 # ==========================================
-SYSTEM_VERSION = "V10.117"
+SYSTEM_VERSION = "V10.119"
 LOG_FILE_PATH = os.path.join(BASE_DIR, 'logs/system.log')
 public_url = PUBLIC_URL  # 用於模板顯示
 
diff --git a/static/css/observability-system.css b/static/css/observability-system.css
index 2770c22..00245c1 100644
--- a/static/css/observability-system.css
+++ b/static/css/observability-system.css
@@ -1761,101 +1761,6 @@
   }
 }
 
-/* v3.8 dot-matrix integration: surfaces carry the product texture without legacy gradients. */
-.momo-observability-mode {
-  --obs-matrix-dot: radial-gradient(color-mix(in srgb, var(--obs-accent) 14%, transparent) 0.85px, transparent 0.95px);
-  --obs-matrix-dot-soft: radial-gradient(color-mix(in srgb, var(--obs-muted) 12%, transparent) 0.75px, transparent 0.9px);
-  --obs-matrix-size: 13px 13px;
-}
-
-.momo-observability-mode :is(
-  .obs-hero,
-  .agent-hero,
-  .biz-command,
-  .runtime-hero,
-  .calls-hero,
-  .gov-hero,
-  .gate-hero,
-  .rag-hero,
-  .qa-hero,
-  .quality-hero,
-  .ppt-hero,
-  .obs-panel,
-  .agent-panel,
-  .biz-panel,
-  .runtime-panel,
-  .calls-panel,
-  .gov-panel,
-  .gate-panel,
-  .rag-panel,
-  .qa-panel,
-  .quality-panel,
-  .ppt-panel,
-  .obs-signal,
-  .agent-signal,
-  .biz-signal,
-  .runtime-signal,
-  .calls-signal,
-  .gov-signal,
-  .gate-signal,
-  .rag-signal,
-  .qa-signal,
-  .quality-signal,
-  .ppt-signal,
-  .biz-filter-card,
-  .biz-alert-strip,
-  .biz-strategy-card,
-  .biz-mini-metric,
-  .biz-decision-card,
-  .episode-card,
-  .similar-box,
-  .fix-card,
-  .root-card,
-  .rec-card,
-  .agent-card,
-  .caller-card,
-  .host-lane,
-  .strategy-card,
-  .obs-route-card
-) {
-  background-color: var(--momo-bg-surface, #faf6ec) !important;
-  background-image: var(--obs-matrix-dot) !important;
-  background-position: 0 0 !important;
-  background-size: var(--obs-matrix-size) !important;
-}
-
-.momo-observability-mode :is(
-  .obs-panel,
-  .agent-panel,
-  .biz-panel,
-  .runtime-panel,
-  .calls-panel,
-  .gov-panel,
-  .gate-panel,
-  .rag-panel,
-  .qa-panel,
-  .quality-panel,
-  .ppt-panel,
-  .biz-filter-card,
-  .biz-strategy-card,
-  .episode-card,
-  .host-lane,
-  .caller-card,
-  .agent-card,
-  .rec-card,
-  .fix-card,
-  .root-card,
-  .strategy-card
-) {
-  background-image: var(--obs-matrix-dot-soft) !important;
-}
-
-.momo-observability-mode :is(.obs-pill, [class$="-pill"], .biz-badge, .badge) {
-  background-image: var(--obs-matrix-dot-soft) !important;
-  background-position: 0 0 !important;
-  background-size: 10px 10px !important;
-}
-
 /* v3.7 typography tightening: no legacy tracking, poster-scale numerals, or wrapped action buttons. */
 .momo-observability-mode :is(
   .obs-kicker,
@@ -1966,6 +1871,174 @@
   }
 }
 
+/* v3.9 final dot-matrix layer: keep the texture after all legacy neutralizers. */
+.momo-observability-mode {
+  --obs-matrix-dot: radial-gradient(color-mix(in srgb, var(--obs-accent) 14%, transparent) 0.85px, transparent 0.95px);
+  --obs-matrix-dot-soft: radial-gradient(color-mix(in srgb, var(--obs-muted) 12%, transparent) 0.75px, transparent 0.9px);
+  --obs-matrix-size: 13px 13px;
+}
+
+.momo-observability-mode :is(
+  .obs-hero,
+  .agent-hero,
+  .biz-command,
+  .runtime-hero,
+  .calls-hero,
+  .gov-hero,
+  .gate-hero,
+  .rag-hero,
+  .qa-hero,
+  .quality-hero,
+  .ppt-hero,
+  .obs-signal,
+  .agent-signal,
+  .biz-signal,
+  .runtime-signal,
+  .calls-signal,
+  .gov-signal,
+  .gate-signal,
+  .rag-signal,
+  .qa-signal,
+  .quality-signal,
+  .ppt-signal
+) {
+  background-image: var(--obs-matrix-dot) !important;
+  background-position: 0 0 !important;
+  background-size: var(--obs-matrix-size) !important;
+}
+
+.momo-observability-mode :is(
+  .obs-panel,
+  .agent-panel,
+  .biz-panel,
+  .runtime-panel,
+  .calls-panel,
+  .gov-panel,
+  .gate-panel,
+  .rag-panel,
+  .qa-panel,
+  .quality-panel,
+  .ppt-panel,
+  .biz-filter-card,
+  .biz-alert-strip,
+  .biz-strategy-card,
+  .biz-mini-metric,
+  .biz-decision-card,
+  .episode-card,
+  .similar-box,
+  .fix-card,
+  .root-card,
+  .rec-card,
+  .agent-card,
+  .caller-card,
+  .host-lane,
+  .strategy-card,
+  .obs-route-card,
+  .obs-pill,
+  [class$="-pill"],
+  .biz-badge,
+  .badge
+) {
+  background-image: var(--obs-matrix-dot-soft) !important;
+  background-position: 0 0 !important;
+  background-size: var(--obs-matrix-size) !important;
+}
+
+/* v3.8 dot-matrix integration: keep this after v3.4-v3.7 overrides. */
+.momo-observability-mode {
+  --obs-matrix-dot: radial-gradient(color-mix(in srgb, var(--obs-accent) 14%, transparent) 0.85px, transparent 0.95px);
+  --obs-matrix-dot-soft: radial-gradient(color-mix(in srgb, var(--obs-muted) 12%, transparent) 0.75px, transparent 0.9px);
+  --obs-matrix-size: 13px 13px;
+}
+
+.momo-observability-mode :is(
+  .obs-hero,
+  .agent-hero,
+  .biz-command,
+  .runtime-hero,
+  .calls-hero,
+  .gov-hero,
+  .gate-hero,
+  .rag-hero,
+  .qa-hero,
+  .quality-hero,
+  .ppt-hero,
+  .obs-panel,
+  .agent-panel,
+  .biz-panel,
+  .runtime-panel,
+  .calls-panel,
+  .gov-panel,
+  .gate-panel,
+  .rag-panel,
+  .qa-panel,
+  .quality-panel,
+  .ppt-panel,
+  .obs-signal,
+  .agent-signal,
+  .biz-signal,
+  .runtime-signal,
+  .calls-signal,
+  .gov-signal,
+  .gate-signal,
+  .rag-signal,
+  .qa-signal,
+  .quality-signal,
+  .ppt-signal,
+  .biz-filter-card,
+  .biz-alert-strip,
+  .biz-strategy-card,
+  .biz-mini-metric,
+  .biz-decision-card,
+  .episode-card,
+  .similar-box,
+  .fix-card,
+  .root-card,
+  .rec-card,
+  .agent-card,
+  .caller-card,
+  .host-lane,
+  .strategy-card,
+  .obs-route-card
+) {
+  background-color: var(--momo-bg-surface, #faf6ec) !important;
+  background-image: var(--obs-matrix-dot) !important;
+  background-position: 0 0 !important;
+  background-size: var(--obs-matrix-size) !important;
+}
+
+.momo-observability-mode :is(
+  .obs-panel,
+  .agent-panel,
+  .biz-panel,
+  .runtime-panel,
+  .calls-panel,
+  .gov-panel,
+  .gate-panel,
+  .rag-panel,
+  .qa-panel,
+  .quality-panel,
+  .ppt-panel,
+  .biz-filter-card,
+  .biz-strategy-card,
+  .episode-card,
+  .host-lane,
+  .caller-card,
+  .agent-card,
+  .rec-card,
+  .fix-card,
+  .root-card,
+  .strategy-card
+) {
+  background-image: var(--obs-matrix-dot-soft) !important;
+}
+
+.momo-observability-mode :is(.obs-pill, [class$="-pill"], .biz-badge, .badge) {
+  background-image: var(--obs-matrix-dot-soft) !important;
+  background-position: 0 0 !important;
+  background-size: 10px 10px !important;
+}
+
 /* v3.3 observability hardening: shared visual system, bounded data surfaces, mobile-safe widths. */
 .momo-observability-mode {
   --obs-title-size: 1.8rem;
@@ -2473,3 +2546,76 @@
     padding: 0.55rem !important;
   }
 }
+
+/* v3.10 terminal dot-matrix layer: this must stay at EOF to win the cascade. */
+.momo-observability-mode {
+  --obs-matrix-dot: radial-gradient(color-mix(in srgb, var(--obs-accent) 14%, transparent) 0.85px, transparent 0.95px);
+  --obs-matrix-dot-soft: radial-gradient(color-mix(in srgb, var(--obs-muted) 12%, transparent) 0.75px, transparent 0.9px);
+  --obs-matrix-size: 13px 13px;
+}
+
+.momo-observability-mode :is(
+  .obs-hero,
+  .agent-hero,
+  .biz-command,
+  .runtime-hero,
+  .calls-hero,
+  .gov-hero,
+  .gate-hero,
+  .rag-hero,
+  .qa-hero,
+  .quality-hero,
+  .ppt-hero,
+  .obs-signal,
+  .agent-signal,
+  .biz-signal,
+  .runtime-signal,
+  .calls-signal,
+  .gov-signal,
+  .gate-signal,
+  .rag-signal,
+  .qa-signal,
+  .quality-signal,
+  .ppt-signal
+) {
+  background-image: var(--obs-matrix-dot) !important;
+  background-position: 0 0 !important;
+  background-size: var(--obs-matrix-size) !important;
+}
+
+.momo-observability-mode :is(
+  .obs-panel,
+  .agent-panel,
+  .biz-panel,
+  .runtime-panel,
+  .calls-panel,
+  .gov-panel,
+  .gate-panel,
+  .rag-panel,
+  .qa-panel,
+  .quality-panel,
+  .ppt-panel,
+  .biz-filter-card,
+  .biz-alert-strip,
+  .biz-strategy-card,
+  .biz-mini-metric,
+  .biz-decision-card,
+  .episode-card,
+  .similar-box,
+  .fix-card,
+  .root-card,
+  .rec-card,
+  .agent-card,
+  .caller-card,
+  .host-lane,
+  .strategy-card,
+  .obs-route-card,
+  .obs-pill,
+  [class$="-pill"],
+  .biz-badge,
+  .badge
+) {
+  background-image: var(--obs-matrix-dot-soft) !important;
+  background-position: 0 0 !important;
+  background-size: var(--obs-matrix-size) !important;
+}
diff --git a/web/static/css/observability-system.css b/web/static/css/observability-system.css
index 2770c22..00245c1 100644
--- a/web/static/css/observability-system.css
+++ b/web/static/css/observability-system.css
@@ -1761,101 +1761,6 @@
   }
 }
 
-/* v3.8 dot-matrix integration: surfaces carry the product texture without legacy gradients. */
-.momo-observability-mode {
-  --obs-matrix-dot: radial-gradient(color-mix(in srgb, var(--obs-accent) 14%, transparent) 0.85px, transparent 0.95px);
-  --obs-matrix-dot-soft: radial-gradient(color-mix(in srgb, var(--obs-muted) 12%, transparent) 0.75px, transparent 0.9px);
-  --obs-matrix-size: 13px 13px;
-}
-
-.momo-observability-mode :is(
-  .obs-hero,
-  .agent-hero,
-  .biz-command,
-  .runtime-hero,
-  .calls-hero,
-  .gov-hero,
-  .gate-hero,
-  .rag-hero,
-  .qa-hero,
-  .quality-hero,
-  .ppt-hero,
-  .obs-panel,
-  .agent-panel,
-  .biz-panel,
-  .runtime-panel,
-  .calls-panel,
-  .gov-panel,
-  .gate-panel,
-  .rag-panel,
-  .qa-panel,
-  .quality-panel,
-  .ppt-panel,
-  .obs-signal,
-  .agent-signal,
-  .biz-signal,
-  .runtime-signal,
-  .calls-signal,
-  .gov-signal,
-  .gate-signal,
-  .rag-signal,
-  .qa-signal,
-  .quality-signal,
-  .ppt-signal,
-  .biz-filter-card,
-  .biz-alert-strip,
-  .biz-strategy-card,
-  .biz-mini-metric,
-  .biz-decision-card,
-  .episode-card,
-  .similar-box,
-  .fix-card,
-  .root-card,
-  .rec-card,
-  .agent-card,
-  .caller-card,
-  .host-lane,
-  .strategy-card,
-  .obs-route-card
-) {
-  background-color: var(--momo-bg-surface, #faf6ec) !important;
-  background-image: var(--obs-matrix-dot) !important;
-  background-position: 0 0 !important;
-  background-size: var(--obs-matrix-size) !important;
-}
-
-.momo-observability-mode :is(
-  .obs-panel,
-  .agent-panel,
-  .biz-panel,
-  .runtime-panel,
-  .calls-panel,
-  .gov-panel,
-  .gate-panel,
-  .rag-panel,
-  .qa-panel,
-  .quality-panel,
-  .ppt-panel,
-  .biz-filter-card,
-  .biz-strategy-card,
-  .episode-card,
-  .host-lane,
-  .caller-card,
-  .agent-card,
-  .rec-card,
-  .fix-card,
-  .root-card,
-  .strategy-card
-) {
-  background-image: var(--obs-matrix-dot-soft) !important;
-}
-
-.momo-observability-mode :is(.obs-pill, [class$="-pill"], .biz-badge, .badge) {
-  background-image: var(--obs-matrix-dot-soft) !important;
-  background-position: 0 0 !important;
-  background-size: 10px 10px !important;
-}
-
 /* v3.7 typography tightening: no legacy tracking, poster-scale numerals, or wrapped action buttons. */
 .momo-observability-mode :is(
   .obs-kicker,
@@ -1966,6 +1871,174 @@
   }
 }
 
+/* v3.9 final dot-matrix layer: keep the texture after all legacy neutralizers. */
+.momo-observability-mode {
+  --obs-matrix-dot: radial-gradient(color-mix(in srgb, var(--obs-accent) 14%, transparent) 0.85px, transparent 0.95px);
+  --obs-matrix-dot-soft: radial-gradient(color-mix(in srgb, var(--obs-muted) 12%, transparent) 0.75px, transparent 0.9px);
+  --obs-matrix-size: 13px 13px;
+}
+
+.momo-observability-mode :is(
+  .obs-hero,
+  .agent-hero,
+  .biz-command,
+  .runtime-hero,
+  .calls-hero,
+  .gov-hero,
+  .gate-hero,
+  .rag-hero,
+  .qa-hero,
+  .quality-hero,
+  .ppt-hero,
+  .obs-signal,
+  .agent-signal,
+  .biz-signal,
+  .runtime-signal,
+  .calls-signal,
+  .gov-signal,
+  .gate-signal,
+  .rag-signal,
+  .qa-signal,
+  .quality-signal,
+  .ppt-signal
+) {
+  background-image: var(--obs-matrix-dot) !important;
+  background-position: 0 0 !important;
+  background-size: var(--obs-matrix-size) !important;
+}
+
+.momo-observability-mode :is(
+  .obs-panel,
+  .agent-panel,
+  .biz-panel,
+  .runtime-panel,
+  .calls-panel,
+  .gov-panel,
+  .gate-panel,
+  .rag-panel,
+  .qa-panel,
+  .quality-panel,
+  .ppt-panel,
+  .biz-filter-card,
+  .biz-alert-strip,
+  .biz-strategy-card,
+  .biz-mini-metric,
+  .biz-decision-card,
+  .episode-card,
+  .similar-box,
+  .fix-card,
+  .root-card,
+  .rec-card,
+  .agent-card,
+  .caller-card,
+  .host-lane,
+  .strategy-card,
+  .obs-route-card,
+  .obs-pill,
+  [class$="-pill"],
+  .biz-badge,
+  .badge
+) {
+  background-image: var(--obs-matrix-dot-soft) !important;
+  background-position: 0 0 !important;
+  background-size: var(--obs-matrix-size) !important;
+}
+
+/* v3.8 dot-matrix integration: keep this after v3.4-v3.7 overrides. */
+.momo-observability-mode {
+  --obs-matrix-dot: radial-gradient(color-mix(in srgb, var(--obs-accent) 14%, transparent) 0.85px, transparent 0.95px);
+  --obs-matrix-dot-soft: radial-gradient(color-mix(in srgb, var(--obs-muted) 12%, transparent) 0.75px, transparent 0.9px);
+  --obs-matrix-size: 13px 13px;
+}
+
+.momo-observability-mode :is(
+  .obs-hero,
+  .agent-hero,
+  .biz-command,
+  .runtime-hero,
+  .calls-hero,
+  .gov-hero,
+  .gate-hero,
+  .rag-hero,
+  .qa-hero,
+  .quality-hero,
+  .ppt-hero,
+  .obs-panel,
+  .agent-panel,
+  .biz-panel,
+  .runtime-panel,
+  .calls-panel,
+  .gov-panel,
+  .gate-panel,
+  .rag-panel,
+  .qa-panel,
+  .quality-panel,
+  .ppt-panel,
+  .obs-signal,
+  .agent-signal,
+  .biz-signal,
+  .runtime-signal,
+  .calls-signal,
+  .gov-signal,
+  .gate-signal,
+  .rag-signal,
+  .qa-signal,
+  .quality-signal,
+  .ppt-signal,
+  .biz-filter-card,
+  .biz-alert-strip,
+  .biz-strategy-card,
+  .biz-mini-metric,
+  .biz-decision-card,
+  .episode-card,
+  .similar-box,
+  .fix-card,
+  .root-card,
+  .rec-card,
+  .agent-card,
+  .caller-card,
+  .host-lane,
+  .strategy-card,
+  .obs-route-card
+) {
+  background-color: var(--momo-bg-surface, #faf6ec) !important;
+  background-image: var(--obs-matrix-dot) !important;
+  background-position: 0 0 !important;
+  background-size: var(--obs-matrix-size) !important;
+}
+
+.momo-observability-mode :is(
+  .obs-panel,
+  .agent-panel,
+  .biz-panel,
+  .runtime-panel,
+  .calls-panel,
+  .gov-panel,
+  .gate-panel,
+  .rag-panel,
+  .qa-panel,
+  .quality-panel,
+  .ppt-panel,
+  .biz-filter-card,
+  .biz-strategy-card,
+  .episode-card,
+  .host-lane,
+  .caller-card,
+  .agent-card,
+  .rec-card,
+  .fix-card,
+  .root-card,
+  .strategy-card
+) {
+  background-image: var(--obs-matrix-dot-soft) !important;
+}
+
+.momo-observability-mode :is(.obs-pill, [class$="-pill"], .biz-badge, .badge) {
+  background-image: var(--obs-matrix-dot-soft) !important;
+  background-position: 0 0 !important;
+  background-size: 10px 10px !important;
+}
+
 /* v3.3 observability hardening: shared visual system, bounded data surfaces, mobile-safe widths. */
 .momo-observability-mode {
   --obs-title-size: 1.8rem;
@@ -2473,3 +2546,76 @@
     padding: 0.55rem !important;
   }
 }
+
+/* v3.10 terminal dot-matrix layer: this must stay at EOF to win the cascade. */
+.momo-observability-mode {
+  --obs-matrix-dot: radial-gradient(color-mix(in srgb, var(--obs-accent) 14%, transparent) 0.85px, transparent 0.95px);
+  --obs-matrix-dot-soft: radial-gradient(color-mix(in srgb, var(--obs-muted) 12%, transparent) 0.75px, transparent 0.9px);
+  --obs-matrix-size: 13px 13px;
+}
+
+.momo-observability-mode :is(
+  .obs-hero,
+  .agent-hero,
+  .biz-command,
+  .runtime-hero,
+  .calls-hero,
+  .gov-hero,
+  .gate-hero,
+  .rag-hero,
+  .qa-hero,
+  .quality-hero,
+  .ppt-hero,
+  .obs-signal,
+  .agent-signal,
+  .biz-signal,
+  .runtime-signal,
+  .calls-signal,
+  .gov-signal,
+  .gate-signal,
+  .rag-signal,
+  .qa-signal,
+  .quality-signal,
+  .ppt-signal
+) {
+  background-image: var(--obs-matrix-dot) !important;
+  background-position: 0 0 !important;
+  background-size: var(--obs-matrix-size) !important;
+}
+
+.momo-observability-mode :is(
+  .obs-panel,
+  .agent-panel,
+  .biz-panel,
+  .runtime-panel,
+  .calls-panel,
+  .gov-panel,
+  .gate-panel,
+  .rag-panel,
+  .qa-panel,
+  .quality-panel,
+  .ppt-panel,
+  .biz-filter-card,
+  .biz-alert-strip,
+  .biz-strategy-card,
+  .biz-mini-metric,
+  .biz-decision-card,
+  .episode-card,
+  .similar-box,
+  .fix-card,
+  .root-card,
+  .rec-card,
+  .agent-card,
+  .caller-card,
+  .host-lane,
+  .strategy-card,
+  .obs-route-card,
+  .obs-pill,
+  [class$="-pill"],
+  .biz-badge,
+  .badge
+) {
+  background-image: var(--obs-matrix-dot-soft) !important;
+  background-position: 0 0 !important;
+  background-size: var(--obs-matrix-size) !important;
+}