feat: sharpen command desk hierarchy (#92)

* feat: sharpen command desk hierarchy

* test: cover command desk branch paths

* test: relax compare verdict assertions

* test: fix planner and compare review assertions

* fix: tighten compare observation state

Author: xiaojiou176

.stitch/DESIGN.md

@@ -68,6 +68,15 @@ Avoid Inter, generic serif fonts, and oversized startup-style hero typography.
 - Show the operator loop before adoption/router content.
 - Include a philosophy band for Prompt / Context / Harness Engineering.
 
+### planner
+- Make one priority wave obvious above the fold.
+- Treat the desk as triage-first, artifact-second.
+- Empty state must still read like an operational launch deck.
+
+### run-compare
+- Turn the page into a compare truth room with one verdict band, one signal strip, and one clear next action.
+- Keep evidence archive folded into the second layer.
+
 ### command-tower
 - Make risk and next action obvious above the fold.
 - Use dense but calm structure.
@@ -80,3 +89,6 @@ Avoid Inter, generic serif fonts, and oversized startup-style hero typography.
 
 ### desktop-overview
 - Mirror the web loop with denser operator affordances.
+
+### desktop-run-compare
+- Mirror the web truth room, but compress it into a denser desktop operator panel.

apps/dashboard/app/globals.feature.part04.css

@@ -117,6 +117,339 @@
   line-height: 1.5;
 }
 
+/* ── Home briefing / command deck ── */
+
+.home-briefing-shell,
+.planner-hero-shell,
+.compare-room-shell {
+  display: grid;
+  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.95fr);
+  gap: var(--space-5);
+  align-items: stretch;
+}
+
+.home-briefing-copy,
+.planner-hero-copy,
+.compare-room-copy {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-4);
+}
+
+.home-briefing-directive {
+  border: 1px solid var(--color-border-subtle);
+  border-radius: var(--radius-lg);
+  background:
+    linear-gradient(180deg, color-mix(in srgb, var(--color-bg-elevated) 92%, transparent), transparent),
+    var(--color-surface-subtle);
+  padding: var(--space-4) var(--space-5);
+  display: grid;
+  gap: var(--space-2);
+}
+
+.home-briefing-directive p,
+.planner-priority-summary,
+.compare-verdict-summary {
+  color: var(--color-text-secondary);
+  font-size: var(--text-sm);
+  line-height: 1.6;
+}
+
+.home-briefing-actions,
+.planner-primary-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-2);
+}
+
+.home-briefing-panel,
+.planner-priority-card,
+.compare-verdict-card {
+  position: relative;
+  overflow: hidden;
+  background:
+    linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 48%),
+    linear-gradient(145deg, color-mix(in srgb, var(--color-bg-surface) 88%, var(--color-bg-elevated)), var(--color-bg-elevated));
+}
+
+.home-briefing-panel::before,
+.planner-priority-card::before,
+.compare-verdict-card::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 6%, transparent), transparent 60%);
+  pointer-events: none;
+}
+
+.home-briefing-panel-head,
+.planner-priority-head,
+.compare-verdict-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-2);
+  margin-bottom: var(--space-3);
+}
+
+.home-briefing-signal-list,
+.planner-priority-meta {
+  display: grid;
+  gap: var(--space-3);
+}
+
+.home-briefing-signal {
+  display: grid;
+  gap: var(--space-1);
+  padding: var(--space-3) 0;
+  border-top: 1px solid var(--color-border-subtle);
+}
+
+.home-briefing-signal:first-child {
+  border-top: 0;
+  padding-top: 0;
+}
+
+.home-briefing-signal strong,
+.planner-priority-title,
+.compare-verdict-title {
+  font-size: var(--text-lg);
+  line-height: 1.25;
+  letter-spacing: -0.02em;
+}
+
+.home-briefing-signal p {
+  color: var(--color-text-muted);
+  font-size: var(--text-xs);
+  line-height: 1.55;
+  margin: 0;
+}
+
+.home-command-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: var(--space-4);
+}
+
+.home-command-card {
+  display: grid;
+  gap: var(--space-2);
+  padding: var(--space-5);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-lg);
+  background: var(--color-bg-elevated);
+  text-decoration: none;
+  color: inherit;
+  transition: border-color var(--motion-fast) var(--motion-ease-out), box-shadow var(--motion-fast) var(--motion-ease-out), transform var(--motion-fast) var(--motion-ease-out);
+}
+
+.home-command-card:hover {
+  border-color: var(--color-border-primary-mid);
+  box-shadow: var(--shadow-md);
+  transform: translateY(-1px);
+  text-decoration: none;
+  color: inherit;
+}
+
+.home-command-kicker,
+.home-loop-index {
+  font-family: var(--font-mono);
+  font-size: var(--text-kicker);
+  color: var(--color-text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+}
+
+.home-command-title,
+.home-loop-title {
+  font-size: var(--text-base);
+  font-weight: 600;
+  line-height: 1.35;
+}
+
+.home-command-desc,
+.home-loop-desc {
+  color: var(--color-text-muted);
+  font-size: var(--text-xs);
+  line-height: 1.55;
+}
+
+.home-loop-rail {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: grid;
+  grid-template-columns: repeat(5, minmax(0, 1fr));
+  gap: var(--space-3);
+}
+
+.home-loop-step {
+  min-width: 0;
+}
+
+.home-loop-link {
+  display: flex;
+  gap: var(--space-3);
+  min-height: 100%;
+  padding: var(--space-4);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-lg);
+  background: var(--color-bg-elevated);
+  text-decoration: none;
+  color: inherit;
+  transition: border-color var(--motion-fast) var(--motion-ease-out), box-shadow var(--motion-fast) var(--motion-ease-out), transform var(--motion-fast) var(--motion-ease-out);
+}
+
+.home-loop-link:hover {
+  border-color: var(--color-border-primary-mid);
+  box-shadow: var(--shadow-md);
+  transform: translateY(-1px);
+  text-decoration: none;
+  color: inherit;
+}
+
+.home-loop-body {
+  display: grid;
+  gap: var(--space-1);
+}
+
+/* ── Planner desk ── */
+
+.planner-priority-card--failed {
+  border-color: var(--color-border-danger-mid);
+}
+
+.planner-priority-card--warning {
+  border-color: var(--color-border-warning-mid);
+}
+
+.planner-priority-card--running {
+  border-color: var(--color-border-primary-mid);
+}
+
+.planner-empty-stage {
+  display: grid;
+  gap: var(--space-5);
+}
+
+.planner-empty-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: var(--space-3);
+}
+
+.planner-empty-card {
+  display: grid;
+  gap: var(--space-2);
+  padding: var(--space-4);
+  border: 1px solid var(--color-border-subtle);
+  border-radius: var(--radius-lg);
+  background: var(--color-surface-subtle);
+  text-decoration: none;
+  color: inherit;
+}
+
+.planner-empty-card:hover {
+  border-color: var(--color-border-primary-mid);
+  box-shadow: var(--shadow-sm);
+  transform: translateY(-1px);
+  text-decoration: none;
+  color: inherit;
+}
+
+.planner-empty-card strong {
+  font-size: var(--text-base);
+}
+
+.planner-empty-card span:last-child {
+  color: var(--color-text-muted);
+  font-size: var(--text-xs);
+  line-height: 1.55;
+}
+
+.planner-row-actions {
+  display: grid;
+  gap: var(--space-2);
+}
+
+.planner-row-queue {
+  padding-top: var(--space-1);
+  border-top: 1px dashed var(--color-border-subtle);
+}
+
+.planner-archive-list {
+  display: grid;
+  gap: var(--space-1);
+}
+
+/* ── Compare room ── */
+
+.compare-verdict-card--success,
+.compare-decision-card--success {
+  border-color: var(--color-border-success-mid);
+}
+
+.compare-verdict-card--warning,
+.compare-decision-card--warning {
+  border-color: var(--color-border-warning-mid);
+}
+
+.compare-verdict-card--failed,
+.compare-decision-card--failed {
+  border-color: var(--color-border-danger-mid);
+}
+
+.compare-toolbar-row {
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.compare-primary-grid {
+  display: grid;
+  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
+  gap: var(--space-4);
+}
+
+.compare-copilot-card {
+  padding: var(--space-3);
+}
+
+.compare-signal-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
+  gap: var(--space-2);
+  margin-top: var(--space-3);
+}
+
+.compare-signal-card {
+  display: grid;
+  gap: var(--space-1);
+  padding: var(--space-3);
+  border: 1px solid var(--color-border-subtle);
+  border-radius: var(--radius-md);
+  background: var(--color-surface-subtle);
+}
+
+.compare-signal-card strong {
+  font-size: var(--text-lg);
+  line-height: 1.1;
+}
+
+@media (max-width: 1040px) {
+  .home-briefing-shell,
+  .planner-hero-shell,
+  .compare-room-shell,
+  .compare-primary-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .home-command-grid,
+  .planner-empty-grid,
+  .home-loop-rail {
+    grid-template-columns: 1fr;
+  }
+}
+
 /* =========================================
    Policy / Contract / Event / Chain Utilities
    ========================================= */