統一觀測台新版工作台規範

2026-05-13 19:39:33 +08:00
parent bc47f79a77
commit 250dd58172
15 changed files with 441 additions and 140 deletions
--- a/web/static/css/observability-system.css
+++ b/web/static/css/observability-system.css
@@ -2379,6 +2379,136 @@
  }
 }

+/* v3.11 V2 workbench normalization: unify legacy observability page skins before the terminal dot layer. */
+.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
+) {
+  border-color: var(--obs-line) !important;
+  border-radius: var(--momo-radius-lg, 8px) !important;
+  background-color: var(--momo-bg-surface, #faf7f0) !important;
+  background-image: var(--obs-matrix-dot) !important;
+  background-size: var(--obs-matrix-size) !important;
+  box-shadow: var(--momo-shadow-md, 0 2px 8px rgba(42, 37, 32, 0.06)) !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,
+  .obs-signal,
+  .agent-signal,
+  .biz-signal,
+  .runtime-signal,
+  .calls-signal,
+  .gov-signal,
+  .gate-signal,
+  .rag-signal,
+  .qa-signal,
+  .quality-signal,
+  .ppt-signal,
+  .agent-card,
+  .rec-card,
+  .host-lane,
+  .runtime-mini,
+  .calls-mini,
+  .gov-mini,
+  .gate-mini,
+  .quality-mini,
+  .ppt-mini,
+  .strategy-card,
+  .episode-card,
+  .similar-box,
+  .fix-card,
+  .root-card,
+  .caller-card,
+  .biz-filter-card,
+  .biz-alert-strip,
+  .biz-chart-shell,
+  .biz-strategy-card,
+  .biz-mini-metric,
+  .biz-decision-card,
+  .obs-route-card
+) {
+  border-color: var(--obs-line) !important;
+  border-radius: var(--momo-radius-lg, 8px) !important;
+  background-color: var(--momo-bg-elevated, #fdfaf3) !important;
+  background-image: var(--obs-matrix-dot-soft) !important;
+  background-size: var(--obs-matrix-size) !important;
+  box-shadow: var(--momo-shadow-md, 0 2px 8px rgba(42, 37, 32, 0.06)) !important;
+}
+
+.momo-observability-mode :is(
+  .obs-kicker,
+  .agent-kicker,
+  .biz-kicker,
+  .runtime-kicker,
+  .calls-kicker,
+  .gov-kicker,
+  .gate-kicker,
+  .rag-kicker,
+  .qa-kicker,
+  .quality-kicker,
+  .ppt-kicker,
+  .obs-signal-label,
+  .agent-label,
+  .biz-signal .label,
+  .runtime-label,
+  .calls-label,
+  .gov-label,
+  .gate-label,
+  .rag-label,
+  .qa-label,
+  .quality-label,
+  .ppt-label,
+  .obs-section-eyebrow
+) {
+  font-family: var(--momo-font-family-mono, "JetBrains Mono", ui-monospace, monospace) !important;
+  font-size: var(--momo-text-label, 0.6875rem) !important;
+  letter-spacing: 0.06em !important;
+  text-transform: none !important;
+  color: color-mix(in srgb, var(--obs-accent) 76%, var(--obs-muted)) !important;
+}
+
+.momo-observability-mode :is(
+  .btn,
+  .badge,
+  .obs-pill,
+  .biz-badge,
+  [class$="-pill"],
+  .model-chip
+) {
+  border-radius: var(--momo-radius-lg, 8px) !important;
+}
+
+.momo-observability-mode :is(
+  .agent-meter,
+  .caller-meter,
+  .progress,
+  .progress-bar,
+  .obs-progress-xs,
+  .obs-progress-sm
+) {
+  border-radius: var(--momo-radius-sm, 3px) !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);