hypercore-cli 1.1.2 → 1.4.0

package/dist/web/static/mirror.css

@@ -1,1001 +1 @@
-/* HyperMirror - 内观引擎 Dashboard Styles */
-
-/* ─── Override body/main scroll for mirror page ─── */
-body {
-  overflow: hidden;
-}
-.main {
-  flex: 1;
-  overflow: hidden;
-}
-.panel-center {
-  height: 100%;
-  overflow: hidden;
-}
-.tab-content {
-  display: none;
-  height: calc(100vh - 48px);
-  overflow-y: auto;
-}
-.tab-content.active {
-  display: block;
-}
-
-/* ─── Grid Layout ─── */
-.mirror-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-  gap: 16px;
-  padding: 16px;
-}
-
-.mirror-card {
-  background: var(--bg-secondary);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  overflow: hidden;
-}
-.mirror-card.card-wide {
-  grid-column: 1 / -1;
-}
-
-/* ─── Health Score ─── */
-.health-row {
-  display: flex;
-  align-items: center;
-  gap: 24px;
-  padding: 8px 0;
-}
-.health-score {
-  font-size: 48px;
-  font-weight: 700;
-  font-family: var(--font-mono);
-  line-height: 1;
-  min-width: 80px;
-  text-align: center;
-}
-.health-score.score-high { color: var(--green); }
-.health-score.score-mid { color: var(--yellow); }
-.health-score.score-low { color: var(--red); }
-
-.health-checks {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  flex: 1;
-}
-.health-check {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 4px 10px;
-  background: var(--bg-tertiary);
-  border-radius: var(--radius-sm);
-  font-size: 12px;
-  color: var(--text-secondary);
-}
-.health-check .dot {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  flex-shrink: 0;
-}
-.health-check .dot.ok { background: var(--green); }
-.health-check .dot.fail { background: var(--red); }
-
-/* ─── Stat Pairs ─── */
-.stat-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
-  gap: 8px;
-}
-.stat-item {
-  text-align: center;
-  padding: 8px;
-  background: var(--bg-tertiary);
-  border-radius: var(--radius-sm);
-}
-.stat-value {
-  font-size: 20px;
-  font-weight: 700;
-  font-family: var(--font-mono);
-  color: var(--text-primary);
-}
-.stat-label {
-  font-size: 11px;
-  color: var(--text-muted);
-  margin-top: 2px;
-}
-
-/* ─── Wuxing Bar ─── */
-.wuxing-bars {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-}
-.wuxing-row {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 13px;
-}
-.wuxing-icon {
-  width: 24px;
-  text-align: center;
-  font-size: 14px;
-}
-.wuxing-name {
-  width: 24px;
-  color: var(--text-secondary);
-}
-.wuxing-bar-track {
-  flex: 1;
-  height: 16px;
-  background: var(--bg-tertiary);
-  border-radius: 3px;
-  overflow: hidden;
-}
-.wuxing-bar-fill {
-  height: 100%;
-  border-radius: 3px;
-  transition: width 0.4s ease;
-}
-.wuxing-bar-fill.wx-wood { background: #3fb950; }
-.wuxing-bar-fill.wx-fire { background: #f85149; }
-.wuxing-bar-fill.wx-water { background: #58a6ff; }
-.wuxing-bar-fill.wx-metal { background: #8b949e; }
-.wuxing-bar-fill.wx-earth { background: #d29922; }
-
-.wuxing-count {
-  width: 28px;
-  text-align: right;
-  font-family: var(--font-mono);
-  font-size: 12px;
-  color: var(--text-muted);
-}
-
-/* ─── Toolbar & Filters ─── */
-.tab-toolbar {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 16px;
-  border-bottom: 1px solid var(--border);
-  background: var(--bg-secondary);
-}
-.filter-group {
-  display: flex;
-  gap: 8px;
-  flex-wrap: wrap;
-}
-.tab-toolbar select {
-  background: var(--bg-tertiary);
-  color: var(--text-primary);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  padding: 4px 8px;
-  font-size: 12px;
-  font-family: var(--font-sans);
-  cursor: pointer;
-}
-.tab-toolbar select:focus {
-  outline: none;
-  border-color: var(--accent);
-}
-
-/* ─── Test Runner Card ─── */
-.test-toolbar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  margin-bottom: 10px;
-  flex-wrap: wrap;
-}
-.test-toolbar-left {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex-wrap: wrap;
-  font-size: 12px;
-  color: var(--text-secondary);
-}
-.test-toolbar-left select {
-  background: var(--bg-tertiary);
-  color: var(--text-primary);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  padding: 4px 8px;
-  font-size: 12px;
-}
-.test-schema {
-  font-family: var(--font-mono);
-  color: var(--text-muted);
-  font-size: 11px;
-}
-.btn-run-tests {
-  border: 1px solid var(--accent);
-  color: var(--accent);
-  background: transparent;
-  border-radius: var(--radius-sm);
-  padding: 5px 10px;
-  font-size: 12px;
-  cursor: pointer;
-}
-.btn-run-tests:hover:not(:disabled) {
-  background: color-mix(in srgb, var(--accent) 15%, transparent);
-}
-.btn-run-tests:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-.test-running-line {
-  font-size: 12px;
-  color: var(--yellow);
-  margin-bottom: 8px;
-}
-.test-latest-row {
-  display: grid;
-  grid-template-columns: 1fr auto auto;
-  gap: 8px;
-  align-items: center;
-  margin-bottom: 8px;
-  font-size: 12px;
-}
-.test-latest-title {
-  color: var(--text-primary);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.test-latest-meta {
-  color: var(--text-muted);
-  font-family: var(--font-mono);
-  font-size: 11px;
-}
-.test-status {
-  font-family: var(--font-mono);
-  font-size: 11px;
-  padding: 2px 6px;
-  border-radius: 3px;
-  border: 1px solid transparent;
-}
-.test-status-running {
-  color: var(--yellow);
-  border-color: color-mix(in srgb, var(--yellow) 40%, transparent);
-}
-.test-status-passed {
-  color: var(--green);
-  border-color: color-mix(in srgb, var(--green) 40%, transparent);
-}
-.test-status-failed,
-.test-status-timeout {
-  color: var(--red);
-  border-color: color-mix(in srgb, var(--red) 40%, transparent);
-}
-.test-status-idle {
-  color: var(--text-muted);
-  border-color: var(--border);
-}
-.test-log {
-  margin: 0;
-  max-height: 220px;
-  overflow: auto;
-  white-space: pre-wrap;
-  word-break: break-word;
-  background: var(--bg-tertiary);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  padding: 10px;
-  font-family: var(--font-mono);
-  font-size: 11px;
-  line-height: 1.45;
-  color: var(--text-secondary);
-}
-.test-log-empty {
-  font-size: 12px;
-  color: var(--text-muted);
-  padding: 8px 0;
-}
-.test-auto-panel {
-  margin-top: 10px;
-  margin-bottom: 10px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  background: var(--bg-tertiary);
-  padding: 10px;
-}
-.test-auto-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-  margin-bottom: 8px;
-}
-.test-auto-title {
-  font-size: 12px;
-  color: var(--text-primary);
-  font-weight: 600;
-}
-.test-auto-controls {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 8px;
-}
-.test-auto-controls label {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 11px;
-  color: var(--text-secondary);
-}
-.test-auto-controls select,
-.test-auto-controls input {
-  background: var(--bg-secondary);
-  color: var(--text-primary);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  padding: 4px 8px;
-  font-size: 11px;
-}
-.test-auto-toggle {
-  margin-right: 4px;
-}
-.btn-test-secondary {
-  border: 1px solid var(--border);
-  color: var(--text-secondary);
-  background: transparent;
-  border-radius: var(--radius-sm);
-  padding: 4px 8px;
-  font-size: 11px;
-  cursor: pointer;
-}
-.btn-test-secondary:hover:not(:disabled) {
-  border-color: var(--accent);
-  color: var(--accent);
-}
-.btn-test-secondary:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-.test-auto-meta {
-  margin-top: 8px;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px;
-  font-size: 11px;
-  color: var(--text-muted);
-}
-.test-auto-meta strong {
-  color: var(--text-secondary);
-  font-family: var(--font-mono);
-  font-weight: 600;
-}
-.test-auto-error {
-  margin-top: 6px;
-  font-size: 11px;
-  color: var(--text-muted);
-}
-.test-auto-error.has-error {
-  color: var(--red);
-}
-.test-inline-error {
-  margin-bottom: 8px;
-  font-size: 12px;
-  color: var(--red);
-}
-.test-history-title {
-  margin-top: 10px;
-  margin-bottom: 6px;
-  font-size: 12px;
-  color: var(--text-secondary);
-}
-.test-history-summary {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-  margin-bottom: 8px;
-}
-.test-summary-chip {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 3px 8px;
-  border-radius: 999px;
-  border: 1px solid var(--border);
-  background: var(--bg-tertiary);
-  color: var(--text-secondary);
-  font-size: 11px;
-}
-.test-summary-chip strong {
-  color: var(--text-primary);
-  font-family: var(--font-mono);
-  font-weight: 700;
-}
-.test-history-filters {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 8px;
-  margin-bottom: 8px;
-}
-.test-history-filters label {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 11px;
-  color: var(--text-secondary);
-}
-.test-history-filters select,
-.test-history-filters input {
-  background: var(--bg-tertiary);
-  color: var(--text-primary);
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  padding: 4px 8px;
-  font-size: 11px;
-}
-.test-query-label input {
-  min-width: 220px;
-}
-.btn-test-filter-reset {
-  border: 1px solid var(--border);
-  color: var(--text-secondary);
-  background: transparent;
-  border-radius: var(--radius-sm);
-  padding: 4px 8px;
-  font-size: 11px;
-  cursor: pointer;
-}
-.btn-test-filter-reset:hover {
-  border-color: var(--accent);
-  color: var(--accent);
-}
-.test-history-count {
-  font-size: 11px;
-  color: var(--text-muted);
-  margin-left: auto;
-}
-.test-history-list {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-.test-history-row {
-  display: grid;
-  grid-template-columns: 1fr auto auto auto;
-  gap: 8px;
-  align-items: center;
-  font-size: 11px;
-  padding: 6px 8px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  background: var(--bg-tertiary);
-  cursor: pointer;
-}
-.test-history-row:hover {
-  border-color: var(--accent);
-}
-.test-history-row.active {
-  border-color: var(--accent);
-  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent);
-}
-.test-history-suite {
-  color: var(--text-primary);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.test-history-duration {
-  color: var(--text-secondary);
-  font-family: var(--font-mono);
-}
-.test-history-time {
-  color: var(--text-muted);
-  font-family: var(--font-mono);
-}
-.test-history-empty {
-  font-size: 12px;
-  color: var(--text-muted);
-  padding: 6px 0;
-}
-.test-detail-panel {
-  margin-top: 10px;
-  border: 1px solid var(--border);
-  border-radius: var(--radius-sm);
-  background: var(--bg-tertiary);
-  padding: 10px;
-}
-.test-detail-title {
-  font-size: 12px;
-  color: var(--text-primary);
-}
-.test-detail-meta {
-  margin-top: 4px;
-  margin-bottom: 8px;
-  font-size: 11px;
-  color: var(--text-muted);
-  font-family: var(--font-mono);
-}
-.test-detail-actions {
-  display: flex;
-  gap: 6px;
-  flex-wrap: wrap;
-  margin-bottom: 8px;
-}
-.btn-test-rerun-suite,
-.btn-test-log-download,
-.btn-test-json-download {
-  border: 1px solid var(--border);
-  color: var(--text-secondary);
-  background: transparent;
-  border-radius: var(--radius-sm);
-  padding: 4px 8px;
-  font-size: 11px;
-  cursor: pointer;
-}
-.btn-test-rerun-suite {
-  border-color: color-mix(in srgb, var(--accent) 30%, var(--border));
-  color: var(--accent);
-}
-.btn-test-rerun-suite:hover:not(:disabled),
-.btn-test-log-download:hover,
-.btn-test-json-download:hover {
-  border-color: var(--accent);
-  color: var(--accent);
-}
-.btn-test-rerun-suite:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-.test-detail-log {
-  margin: 0;
-  max-height: 280px;
-  overflow: auto;
-  white-space: pre-wrap;
-  word-break: break-word;
-  font-family: var(--font-mono);
-  font-size: 11px;
-  line-height: 1.45;
-  color: var(--text-secondary);
-}
-.test-detail-loading,
-.test-detail-error {
-  margin-top: 6px;
-  font-size: 12px;
-}
-.test-detail-loading {
-  color: var(--yellow);
-}
-.test-detail-error {
-  color: var(--red);
-}
-
-/* ─── Item List (Backlog, Diagnose, Verify) ─── */
-.item-list {
-  padding: 8px 16px;
-  overflow-y: auto;
-  max-height: calc(100vh - 140px);
-}
-
-.list-item {
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-  padding: 10px 12px;
-  border-bottom: 1px solid var(--border);
-  transition: background 0.1s;
-}
-.list-item:hover {
-  background: var(--bg-secondary);
-}
-.list-item:last-child {
-  border-bottom: none;
-}
-
-.item-id {
-  font-family: var(--font-mono);
-  font-size: 11px;
-  color: var(--text-muted);
-  min-width: 28px;
-}
-.item-body {
-  flex: 1;
-  min-width: 0;
-}
-.item-title {
-  font-size: 13px;
-  color: var(--text-primary);
-  margin-bottom: 4px;
-  word-break: break-word;
-}
-.item-meta {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-  font-size: 11px;
-}
-
-/* ─── Tags / Badges ─── */
-.badge {
-  display: inline-flex;
-  align-items: center;
-  padding: 1px 6px;
-  border-radius: 3px;
-  font-size: 10px;
-  font-weight: 600;
-  letter-spacing: 0.3px;
-}
-.badge-priority-S { background: #f8514922; color: #f85149; border: 1px solid #f8514944; }
-.badge-priority-A { background: #f0883e22; color: #f0883e; border: 1px solid #f0883e44; }
-.badge-priority-B { background: #58a6ff22; color: #58a6ff; border: 1px solid #58a6ff44; }
-.badge-priority-C { background: #8b949e22; color: #8b949e; border: 1px solid #8b949e44; }
-
-.badge-status {
-  padding: 1px 6px;
-  border-radius: 3px;
-  font-size: 10px;
-}
-.badge-status-idea { background: #8b949e22; color: #8b949e; }
-.badge-status-planned { background: #58a6ff22; color: #58a6ff; }
-.badge-status-developing { background: #d2992222; color: #d29922; }
-.badge-status-done { background: #3fb95022; color: #3fb950; }
-.badge-status-archived { background: #6e768122; color: #6e7681; }
-
-.badge-wuxing {
-  font-size: 12px;
-  padding: 0 2px;
-}
-
-.badge-type {
-  padding: 1px 6px;
-  border-radius: 3px;
-  font-size: 10px;
-  background: var(--bg-tertiary);
-  color: var(--text-secondary);
-}
-
-.badge-verdict {
-  padding: 2px 8px;
-  border-radius: 3px;
-  font-size: 11px;
-  font-weight: 600;
-}
-.badge-verdict-effective { background: #3fb95022; color: #3fb950; }
-.badge-verdict-ineffective { background: #f8514922; color: #f85149; }
-.badge-verdict-pending { background: #d2992222; color: #d29922; }
-.badge-verdict-no-data { background: #8b949e22; color: #8b949e; }
-
-.badge-severity {
-  padding: 1px 6px;
-  border-radius: 3px;
-  font-size: 10px;
-  font-weight: 600;
-}
-.badge-severity-high { background: #f8514922; color: #f85149; }
-.badge-severity-medium { background: #d2992222; color: #d29922; }
-.badge-severity-low { background: #58a6ff22; color: #58a6ff; }
-
-/* ─── Quality Grid ─── */
-.quality-grid {
-  padding: 16px;
-}
-.quality-score-header {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  margin-bottom: 16px;
-  padding: 16px;
-  background: var(--bg-secondary);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-}
-.quality-checks-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
-  gap: 12px;
-}
-.quality-check-card {
-  background: var(--bg-secondary);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  padding: 14px;
-}
-.quality-check-card.check-ok {
-  border-left: 3px solid var(--green);
-}
-.quality-check-card.check-fail {
-  border-left: 3px solid var(--red);
-}
-.quality-check-name {
-  font-size: 13px;
-  font-weight: 600;
-  margin-bottom: 6px;
-}
-.quality-check-detail {
-  font-size: 12px;
-  color: var(--text-secondary);
-}
-.quality-check-value {
-  font-family: var(--font-mono);
-  font-size: 18px;
-  font-weight: 700;
-  margin-top: 6px;
-}
-
-/* ─── Verify Summary Bar ─── */
-.verify-summary-bar {
-  display: flex;
-  gap: 12px;
-  padding: 12px 16px;
-  background: var(--bg-secondary);
-  border-bottom: 1px solid var(--border);
-}
-.verify-stat {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 12px;
-  color: var(--text-secondary);
-}
-.verify-stat strong {
-  font-family: var(--font-mono);
-  color: var(--text-primary);
-}
-
-/* ─── Roadmap ─── */
-#roadmap-content {
-  padding: 16px;
-}
-.roadmap-version {
-  margin-bottom: 24px;
-}
-.roadmap-version-header {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin-bottom: 12px;
-  padding-bottom: 8px;
-  border-bottom: 1px solid var(--border);
-}
-.roadmap-version-tag {
-  font-family: var(--font-mono);
-  font-size: 14px;
-  font-weight: 700;
-  color: var(--accent);
-  padding: 2px 10px;
-  background: #58a6ff15;
-  border: 1px solid #58a6ff33;
-  border-radius: var(--radius-sm);
-}
-.roadmap-progress {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 12px;
-  color: var(--text-secondary);
-}
-.roadmap-progress-bar {
-  width: 100px;
-  height: 6px;
-  background: var(--bg-tertiary);
-  border-radius: 3px;
-  overflow: hidden;
-}
-.roadmap-progress-fill {
-  height: 100%;
-  background: var(--green);
-  border-radius: 3px;
-  transition: width 0.3s;
-}
-.roadmap-items {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  padding-left: 16px;
-}
-.roadmap-item {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 6px 10px;
-  font-size: 13px;
-  border-radius: var(--radius-sm);
-  transition: background 0.1s;
-}
-.roadmap-item:hover {
-  background: var(--bg-secondary);
-}
-.roadmap-item-dot {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  flex-shrink: 0;
-}
-.roadmap-item-dot.done { background: var(--green); }
-.roadmap-item-dot.developing { background: var(--yellow); }
-.roadmap-item-dot.planned { background: var(--accent); }
-.roadmap-item-dot.idea { background: var(--text-muted); }
-
-/* ─── Milestone Cards ─── */
-.milestone-mini {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 6px 0;
-  font-size: 12px;
-  border-bottom: 1px solid var(--border);
-}
-.milestone-mini:last-child { border-bottom: none; }
-.milestone-progress-mini {
-  width: 40px;
-  height: 4px;
-  background: var(--bg-tertiary);
-  border-radius: 2px;
-  overflow: hidden;
-}
-.milestone-progress-mini-fill {
-  height: 100%;
-  background: var(--accent);
-  border-radius: 2px;
-}
-.milestone-title {
-  flex: 1;
-  color: var(--text-secondary);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.milestone-percent {
-  font-family: var(--font-mono);
-  font-size: 11px;
-  color: var(--text-muted);
-  min-width: 32px;
-  text-align: right;
-}
-
-/* ─── Telemetry ─── */
-#telemetry-content {
-  padding: 16px;
-}
-.telemetry-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-  gap: 16px;
-}
-.telemetry-card {
-  background: var(--bg-secondary);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  padding: 14px;
-}
-.telemetry-card-title {
-  font-size: 12px;
-  color: var(--text-muted);
-  margin-bottom: 10px;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-}
-.cmd-row {
-  display: flex;
-  justify-content: space-between;
-  padding: 4px 0;
-  font-size: 12px;
-  border-bottom: 1px solid var(--border);
-}
-.cmd-row:last-child { border-bottom: none; }
-.cmd-name {
-  font-family: var(--font-mono);
-  color: var(--accent);
-}
-.cmd-stats {
-  color: var(--text-secondary);
-}
-.cmd-fail {
-  color: var(--red);
-}
-.error-row {
-  padding: 6px 0;
-  border-bottom: 1px solid var(--border);
-  font-size: 12px;
-}
-.error-row:last-child { border-bottom: none; }
-.error-msg {
-  font-family: var(--font-mono);
-  font-size: 11px;
-  color: var(--red);
-  word-break: break-all;
-}
-.error-count {
-  font-size: 11px;
-  color: var(--text-muted);
-}
-
-/* ─── Developing List (mini) ─── */
-.dev-item {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 6px 0;
-  font-size: 12px;
-  border-bottom: 1px solid var(--border);
-}
-.dev-item:last-child { border-bottom: none; }
-.dev-id {
-  font-family: var(--font-mono);
-  color: var(--text-muted);
-  font-size: 11px;
-}
-.dev-title {
-  flex: 1;
-  color: var(--text-secondary);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-/* ─── Empty State ─── */
-.mirror-empty {
-  text-align: center;
-  padding: 32px 16px;
-  color: var(--text-muted);
-  font-size: 13px;
-}
-.mirror-empty-icon {
-  font-size: 32px;
-  margin-bottom: 8px;
-  opacity: 0.5;
-}
-
-/* ─── Responsive ─── */
-@media (max-width: 768px) {
-  .mirror-grid {
-    grid-template-columns: 1fr;
-  }
-  .quality-checks-grid {
-    grid-template-columns: 1fr;
-  }
-  .telemetry-grid {
-    grid-template-columns: 1fr;
-  }
-  .filter-group {
-    flex-direction: column;
-  }
-  .health-row {
-    flex-direction: column;
-    text-align: center;
-  }
-  .test-latest-row {
-    grid-template-columns: 1fr;
-    gap: 4px;
-  }
-  .test-history-count {
-    margin-left: 0;
-    width: 100%;
-  }
-  .test-query-label input {
-    min-width: 0;
-    width: 100%;
-  }
-  .test-history-row {
-    grid-template-columns: 1fr;
-    gap: 3px;
-  }
-  .test-auto-controls {
-    flex-direction: column;
-    align-items: stretch;
-  }
-  .test-auto-controls label {
-    width: 100%;
-    justify-content: space-between;
-  }
-  .test-auto-controls select,
-  .test-auto-controls input,
-  .btn-test-secondary {
-    width: 100%;
-  }
-  .test-auto-toggle {
-    justify-content: flex-start !important;
-  }
-}
+body{overflow:hidden}.main{flex:1;overflow:hidden}.panel-center{height:100%;overflow:hidden}.tab-content{display:none;height:calc(100vh - 48px);overflow-y:auto}.tab-content.active{display:block}.mirror-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:16px}.mirror-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.mirror-card.card-wide{grid-column:1 / -1}.health-row{display:flex;align-items:center;gap:24px;padding:8px 0}.health-score{font-size:48px;font-weight:700;font-family:var(--font-mono);line-height:1;min-width:80px;text-align:center}.health-score.score-high{color:var(--green)}.health-score.score-mid{color:var(--yellow)}.health-score.score-low{color:var(--red)}.health-checks{display:flex;flex-wrap:wrap;gap:8px;flex:1}.health-check{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary)}.health-check .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.health-check .dot.ok{background:var(--green)}.health-check .dot.fail{background:var(--red)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.stat-item{text-align:center;padding:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.stat-value{font-size:20px;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.stat-label{font-size:11px;color:var(--text-muted);margin-top:2px}.wuxing-bars{display:flex;flex-direction:column;gap:6px}.wuxing-row{display:flex;align-items:center;gap:8px;font-size:13px}.wuxing-icon{width:24px;text-align:center;font-size:14px}.wuxing-name{width:24px;color:var(--text-secondary)}.wuxing-bar-track{flex:1;height:16px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.wuxing-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.wuxing-bar-fill.wx-wood{background:#3fb950}.wuxing-bar-fill.wx-fire{background:#f85149}.wuxing-bar-fill.wx-water{background:#58a6ff}.wuxing-bar-fill.wx-metal{background:#8b949e}.wuxing-bar-fill.wx-earth{background:#d29922}.wuxing-count{width:28px;text-align:right;font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.tab-toolbar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.filter-group{display:flex;gap:8px;flex-wrap:wrap}.tab-toolbar select{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;font-size:12px;font-family:var(--font-sans);cursor:pointer}.tab-toolbar select:focus{outline:none;border-color:var(--accent)}.test-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}.test-toolbar-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--text-secondary)}.test-toolbar-left select{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;font-size:12px}.test-schema{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.btn-run-tests{border:1px solid var(--accent);color:var(--accent);background:transparent;border-radius:var(--radius-sm);padding:5px 10px;font-size:12px;cursor:pointer}.btn-run-tests:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 15%,transparent)}.btn-run-tests:disabled{opacity:.6;cursor:not-allowed}.test-suite-meta-card{margin-bottom:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);padding:10px}.test-suite-meta-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.test-suite-tier{font-family:var(--font-mono);font-size:11px;padding:2px 6px;border-radius:3px;border:1px solid var(--border);color:var(--text-secondary)}.test-suite-tier-smoke{color:var(--green);border-color:color-mix(in srgb,var(--green) 35%,transparent)}.test-suite-tier-api{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.test-suite-tier-full{color:var(--yellow);border-color:color-mix(in srgb,var(--yellow) 35%,transparent)}.test-suite-tier-ui{color:var(--accent-2, #7cc6ff);border-color:color-mix(in srgb,var(--accent-2, #7cc6ff) 35%,transparent)}.test-suite-tier-cli{color:var(--text-primary);border-color:color-mix(in srgb,var(--text-primary) 25%,transparent)}.test-suite-tier-chaos{color:var(--red);border-color:color-mix(in srgb,var(--red) 35%,transparent)}.test-suite-duration{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.test-suite-description{font-size:12px;line-height:1.5;color:var(--text-secondary)}.test-suite-guidance{margin-top:8px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.test-suite-guidance-label{font-size:11px;color:var(--text-muted)}.test-suite-guidance-chip{font-family:var(--font-mono);font-size:11px;padding:2px 6px;border-radius:3px;border:1px solid var(--border);color:var(--text-secondary)}.test-suite-guidance-chip-dev{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.test-suite-guidance-chip-release{color:var(--yellow);border-color:color-mix(in srgb,var(--yellow) 35%,transparent)}.test-running-line{font-size:12px;color:var(--yellow);margin-bottom:8px}.test-latest-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;margin-bottom:8px;font-size:12px}.test-latest-title{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.test-latest-meta{color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.test-status{font-family:var(--font-mono);font-size:11px;padding:2px 6px;border-radius:3px;border:1px solid transparent}.test-status-running{color:var(--yellow);border-color:color-mix(in srgb,var(--yellow) 40%,transparent)}.test-status-passed{color:var(--green);border-color:color-mix(in srgb,var(--green) 40%,transparent)}.test-status-failed,.test-status-timeout{color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,transparent)}.test-status-idle{color:var(--text-muted);border-color:var(--border)}.test-log{margin:0;max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;font-family:var(--font-mono);font-size:11px;line-height:1.45;color:var(--text-secondary)}.test-log-empty{font-size:12px;color:var(--text-muted);padding:8px 0}.test-auto-panel{margin-top:10px;margin-bottom:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);padding:10px}.test-auto-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.test-auto-title{font-size:12px;color:var(--text-primary);font-weight:600}.test-auto-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.test-auto-controls label{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}.test-auto-controls select,.test-auto-controls input{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;font-size:11px}.test-auto-toggle{margin-right:4px}.btn-test-secondary{border:1px solid var(--border);color:var(--text-secondary);background:transparent;border-radius:var(--radius-sm);padding:4px 8px;font-size:11px;cursor:pointer}.btn-test-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-test-secondary:disabled{opacity:.6;cursor:not-allowed}.test-auto-meta{margin-top:8px;display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--text-muted)}.test-auto-meta strong{color:var(--text-secondary);font-family:var(--font-mono);font-weight:600}.test-auto-error{margin-top:6px;font-size:11px;color:var(--text-muted)}.test-auto-error.has-error{color:var(--red)}.test-inline-error{margin-bottom:8px;font-size:12px;color:var(--red)}.test-history-title{margin-top:10px;margin-bottom:6px;font-size:12px;color:var(--text-secondary)}.test-history-summary{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.test-summary-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);font-size:11px}.test-summary-chip strong{color:var(--text-primary);font-family:var(--font-mono);font-weight:700}.test-history-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.test-history-filters label{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary)}.test-history-filters select,.test-history-filters input{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;font-size:11px}.test-query-label input{min-width:220px}.btn-test-filter-reset{border:1px solid var(--border);color:var(--text-secondary);background:transparent;border-radius:var(--radius-sm);padding:4px 8px;font-size:11px;cursor:pointer}.btn-test-filter-reset:hover{border-color:var(--accent);color:var(--accent)}.test-history-count{font-size:11px;color:var(--text-muted);margin-left:auto}.test-history-list{display:flex;flex-direction:column;gap:4px}.test-history-row{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;font-size:11px;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);cursor:pointer}.test-history-row:hover{border-color:var(--accent)}.test-history-row.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.test-history-suite{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.test-history-duration{color:var(--text-secondary);font-family:var(--font-mono)}.test-history-time{color:var(--text-muted);font-family:var(--font-mono)}.test-history-empty{font-size:12px;color:var(--text-muted);padding:6px 0}.test-detail-panel{margin-top:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-tertiary);padding:10px}.test-detail-title{font-size:12px;color:var(--text-primary)}.test-detail-meta{margin-top:4px;margin-bottom:8px;font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.test-detail-actions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.btn-test-rerun-suite,.btn-test-log-download,.btn-test-json-download{border:1px solid var(--border);color:var(--text-secondary);background:transparent;border-radius:var(--radius-sm);padding:4px 8px;font-size:11px;cursor:pointer}.btn-test-rerun-suite{border-color:color-mix(in srgb,var(--accent) 30%,var(--border));color:var(--accent)}.btn-test-rerun-suite:hover:not(:disabled),.btn-test-log-download:hover,.btn-test-json-download:hover{border-color:var(--accent);color:var(--accent)}.btn-test-rerun-suite:disabled{opacity:.6;cursor:not-allowed}.test-detail-log{margin:0;max-height:280px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:11px;line-height:1.45;color:var(--text-secondary)}.test-detail-loading,.test-detail-error{margin-top:6px;font-size:12px}.test-detail-loading{color:var(--yellow)}.test-detail-error{color:var(--red)}.item-list{padding:8px 16px;overflow-y:auto;max-height:calc(100vh - 140px)}.list-item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border);transition:background .1s}.list-item:hover{background:var(--bg-secondary)}.list-item:last-child{border-bottom:none}.item-id{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);min-width:28px}.item-body{flex:1;min-width:0}.item-title{font-size:13px;color:var(--text-primary);margin-bottom:4px;word-break:break-word}.item-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:11px}.badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600;letter-spacing:.3px}.badge-priority-S{background:#f8514922;color:#f85149;border:1px solid #f8514944}.badge-priority-A{background:#f0883e22;color:#f0883e;border:1px solid #f0883e44}.badge-priority-B{background:#58a6ff22;color:#58a6ff;border:1px solid #58a6ff44}.badge-priority-C{background:#8b949e22;color:#8b949e;border:1px solid #8b949e44}.badge-status{padding:1px 6px;border-radius:3px;font-size:10px}.badge-status-idea{background:#8b949e22;color:#8b949e}.badge-status-planned{background:#58a6ff22;color:#58a6ff}.badge-status-developing{background:#d2992222;color:#d29922}.badge-status-done{background:#3fb95022;color:#3fb950}.badge-status-archived{background:#6e768122;color:#6e7681}.badge-wuxing{font-size:12px;padding:0 2px}.badge-type{padding:1px 6px;border-radius:3px;font-size:10px;background:var(--bg-tertiary);color:var(--text-secondary)}.badge-verdict{padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600}.badge-verdict-effective{background:#3fb95022;color:#3fb950}.badge-verdict-ineffective{background:#f8514922;color:#f85149}.badge-verdict-pending{background:#d2992222;color:#d29922}.badge-verdict-no-data{background:#8b949e22;color:#8b949e}.badge-severity{padding:1px 6px;border-radius:3px;font-size:10px;font-weight:600}.badge-severity-high{background:#f8514922;color:#f85149}.badge-severity-medium{background:#d2992222;color:#d29922}.badge-severity-low{background:#58a6ff22;color:#58a6ff}.quality-grid{padding:16px}.quality-score-header{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius)}.quality-checks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.quality-check-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.quality-check-card.check-ok{border-left:3px solid var(--green)}.quality-check-card.check-fail{border-left:3px solid var(--red)}.quality-check-name{font-size:13px;font-weight:600;margin-bottom:6px}.quality-check-detail{font-size:12px;color:var(--text-secondary)}.quality-check-value{font-family:var(--font-mono);font-size:18px;font-weight:700;margin-top:6px}.verify-summary-bar{display:flex;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.verify-stat{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.verify-stat strong{font-family:var(--font-mono);color:var(--text-primary)}#roadmap-content{padding:16px}.roadmap-version{margin-bottom:24px}.roadmap-version-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.roadmap-version-tag{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--accent);padding:2px 10px;background:#58a6ff15;border:1px solid #58a6ff33;border-radius:var(--radius-sm)}.roadmap-progress{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.roadmap-progress-bar{width:100px;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.roadmap-progress-fill{height:100%;background:var(--green);border-radius:3px;transition:width .3s}.roadmap-items{display:flex;flex-direction:column;gap:6px;padding-left:16px}.roadmap-item{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:13px;border-radius:var(--radius-sm);transition:background .1s}.roadmap-item:hover{background:var(--bg-secondary)}.roadmap-item-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.roadmap-item-dot.done{background:var(--green)}.roadmap-item-dot.developing{background:var(--yellow)}.roadmap-item-dot.planned{background:var(--accent)}.roadmap-item-dot.idea{background:var(--text-muted)}.milestone-mini{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12px;border-bottom:1px solid var(--border)}.milestone-mini:last-child{border-bottom:none}.milestone-progress-mini{width:40px;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.milestone-progress-mini-fill{height:100%;background:var(--accent);border-radius:2px}.milestone-title{flex:1;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.milestone-percent{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);min-width:32px;text-align:right}#telemetry-content{padding:16px}.telemetry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.telemetry-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.telemetry-card-title{font-size:12px;color:var(--text-muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.cmd-row{display:flex;justify-content:space-between;padding:4px 0;font-size:12px;border-bottom:1px solid var(--border)}.cmd-row:last-child{border-bottom:none}.cmd-name{font-family:var(--font-mono);color:var(--accent)}.cmd-stats{color:var(--text-secondary)}.cmd-fail{color:var(--red)}.error-row{padding:6px 0;border-bottom:1px solid var(--border);font-size:12px}.error-row:last-child{border-bottom:none}.error-msg{font-family:var(--font-mono);font-size:11px;color:var(--red);word-break:break-all}.error-count{font-size:11px;color:var(--text-muted)}.dev-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12px;border-bottom:1px solid var(--border)}.dev-item:last-child{border-bottom:none}.dev-id{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.dev-title{flex:1;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mirror-empty{text-align:center;padding:32px 16px;color:var(--text-muted);font-size:13px}.mirror-empty-icon{font-size:32px;margin-bottom:8px;opacity:.5}@media(max-width:768px){.mirror-grid,.quality-checks-grid,.telemetry-grid{grid-template-columns:1fr}.filter-group{flex-direction:column}.health-row{flex-direction:column;text-align:center}.test-latest-row{grid-template-columns:1fr;gap:4px}.test-history-count{margin-left:0;width:100%}.test-query-label input{min-width:0;width:100%}.test-history-row{grid-template-columns:1fr;gap:3px}.test-auto-controls{flex-direction:column;align-items:stretch}.test-auto-controls label{width:100%;justify-content:space-between}.test-auto-controls select,.test-auto-controls input,.btn-test-secondary{width:100%}.test-auto-toggle{justify-content:flex-start!important}}