feat: promote planner controls and lock command deck shell

Author: xiaojiou176

apps/dashboard/README.md

@@ -42,10 +42,12 @@ repository is already a finished consumer product.
 
 - PM workspace: registry-driven task-pack selection plus `execution_plan_report`
   preview before execution starts.
-- Planner desk: a first-class planner-facing route that pulls `planning_wave_plan`,
-  `planning_worker_prompt_contracts`, `planning_unblock_tasks`, and
-  `completion_governance_report` back into one read-only planning surface
-  instead of leaving them trapped inside PM sidebars and run detail.
+- Planner desk: a first-class planner-facing triage route that pulls
+  `planning_wave_plan`, `planning_worker_prompt_contracts`,
+  `planning_unblock_tasks`, and `completion_governance_report` into one
+  planning control desk, now with inline queue / dispatch controls so planners
+  can act on the next contract instead of only reading artifacts and clicking
+  away to other desks.
 - Agents: the first-screen role catalog now also hosts a repo-owned role
   configuration desk for previewing and saving future compiled defaults
   (`system_prompt_ref`, bundle refs, and role-level runtime binding) while

apps/dashboard/app/globals.tokens.css

@@ -2,77 +2,77 @@
 @import "./globals.responsive.css";
 
 /* =========================================
-   CortexPilot Command Tower Command Center — Design Tokens
-   Light-first, clean white aesthetic
+   OpenVibeCoding Command Tower — Design Tokens
+   Dark-neutral command deck baseline
    ========================================= */
 
 :root {
-  color-scheme: light;
+  color-scheme: dark;
 
   /* ── Core Palette ── */
-  --color-bg: #f9fafb;
-  --color-bg-elevated: #ffffff;
-  --color-bg-surface: #f3f4f6;
-  --color-surface-subtle: #f3f4f6;
-  --color-surface-hover: #e5e7eb;
-
-  --color-text-primary: #111827;
-  --color-text-secondary: #4b5563;
-  --color-text-muted: #4b5563;
-  --color-text-tertiary: #52525b;
-
-  --color-primary: #2563eb;
-  --color-primary-hover: #1d4ed8;
-  --color-primary-soft: rgba(37, 99, 235, 0.08);
-  --color-primary-muted: rgba(37, 99, 235, 0.04);
-
-  --color-border: #e5e7eb;
-  --color-border-strong: #d1d5db;
-  --color-border-subtle: #f3f4f6;
-  --color-focus-ring: #2563eb;
+  --color-bg: #0b1220;
+  --color-bg-elevated: #111a2e;
+  --color-bg-surface: #17233b;
+  --color-surface-subtle: #142038;
+  --color-surface-hover: #1b2a45;
+
+  --color-text-primary: #e8eef8;
+  --color-text-secondary: #b7c6db;
+  --color-text-muted: #9fb0c8;
+  --color-text-tertiary: #8396b3;
+
+  --color-primary: #1fb981;
+  --color-primary-hover: #17a16f;
+  --color-primary-soft: rgba(31, 185, 129, 0.12);
+  --color-primary-muted: rgba(31, 185, 129, 0.06);
+
+  --color-border: rgba(159, 176, 200, 0.16);
+  --color-border-strong: rgba(159, 176, 200, 0.28);
+  --color-border-subtle: rgba(159, 176, 200, 0.1);
+  --color-focus-ring: #1fb981;
 
   /* ── Semantic Status ── */
-  --color-success: #059669;
-  --color-success-bg: rgba(5, 150, 105, 0.06);
-  --color-success-ink: #065f46;
-  --color-warning: #d97706;
-  --color-warning-bg: rgba(217, 119, 6, 0.06);
-  --color-warning-ink: #92400e;
-  --color-danger: #dc2626;
-  --color-danger-bg: rgba(220, 38, 38, 0.05);
-  --color-danger-ink: #b91c1c;
-  --color-info-bg: rgba(37, 99, 235, 0.05);
-  --color-bg-glass: rgba(249, 250, 251, 0.85);
-  --color-bg-overlay: rgba(0, 0, 0, 0.2);
-  --color-text-on-primary: #ffffff;
-  --color-border-success-soft: rgba(5, 150, 105, 0.2);
-  --color-border-primary-soft: rgba(37, 99, 235, 0.2);
-  --color-border-danger-soft: rgba(220, 38, 38, 0.2);
-  --color-border-warning-soft: rgba(217, 119, 6, 0.2);
-  --color-border-danger-mid: rgba(239, 68, 68, 0.3);
-  --color-border-warning-mid: rgba(234, 179, 8, 0.3);
-  --color-border-info-mid: rgba(59, 130, 246, 0.3);
-  --color-border-primary-mid: rgba(59, 130, 246, 0.4);
-  --color-border-success-mid: rgba(34, 197, 94, 0.3);
-  --color-border-success-strong: rgba(34, 197, 94, 0.4);
-  --color-gradient-primary-soft: linear-gradient(160deg, rgba(37, 99, 235, 0.015) 0%, transparent 50%);
+  --color-success: #1fb981;
+  --color-success-bg: rgba(31, 185, 129, 0.12);
+  --color-success-ink: #7fe0b7;
+  --color-warning: #e59a2f;
+  --color-warning-bg: rgba(229, 154, 47, 0.12);
+  --color-warning-ink: #f2c27d;
+  --color-danger: #d95c5c;
+  --color-danger-bg: rgba(217, 92, 92, 0.12);
+  --color-danger-ink: #f0aaaa;
+  --color-info-bg: rgba(31, 185, 129, 0.08);
+  --color-bg-glass: rgba(17, 26, 46, 0.84);
+  --color-bg-overlay: rgba(8, 12, 22, 0.5);
+  --color-text-on-primary: #08131c;
+  --color-border-success-soft: rgba(31, 185, 129, 0.28);
+  --color-border-primary-soft: rgba(31, 185, 129, 0.24);
+  --color-border-danger-soft: rgba(217, 92, 92, 0.24);
+  --color-border-warning-soft: rgba(229, 154, 47, 0.24);
+  --color-border-danger-mid: rgba(217, 92, 92, 0.34);
+  --color-border-warning-mid: rgba(229, 154, 47, 0.34);
+  --color-border-info-mid: rgba(31, 185, 129, 0.3);
+  --color-border-primary-mid: rgba(31, 185, 129, 0.4);
+  --color-border-success-mid: rgba(31, 185, 129, 0.4);
+  --color-border-success-strong: rgba(31, 185, 129, 0.5);
+  --color-gradient-primary-soft: linear-gradient(160deg, rgba(31, 185, 129, 0.08) 0%, transparent 55%);
   --color-gradient-dark-overlay: linear-gradient(160deg, rgba(255, 255, 255, 0.04) 0%, transparent 50%);
-  --color-app-bg-radial-indigo: color-mix(in srgb, var(--color-primary) 16%, transparent);
-  --color-app-bg-radial-cyan: color-mix(in srgb, var(--color-success) 14%, transparent);
-  --color-app-bg-base-start: color-mix(in srgb, var(--color-bg-elevated) 88%, var(--color-bg));
-  --color-app-bg-base-mid: color-mix(in srgb, var(--color-bg-surface) 56%, var(--color-bg-elevated));
-  --color-app-bg-base-end: var(--color-bg-surface);
-  --color-app-grid-line: color-mix(in srgb, var(--color-border) 18%, transparent);
-  --shadow-pulse-start: 0 0 0 0 rgba(59, 130, 246, 0.25);
-  --shadow-pulse-mid: 0 0 0 8px rgba(59, 130, 246, 0);
-  --shadow-pulse-end: 0 0 0 0 rgba(59, 130, 246, 0);
+  --color-app-bg-radial-indigo: color-mix(in srgb, var(--color-primary) 18%, transparent);
+  --color-app-bg-radial-cyan: color-mix(in srgb, var(--color-warning) 10%, transparent);
+  --color-app-bg-base-start: color-mix(in srgb, var(--color-bg-elevated) 94%, var(--color-bg));
+  --color-app-bg-base-mid: color-mix(in srgb, var(--color-bg-surface) 64%, var(--color-bg-elevated));
+  --color-app-bg-base-end: var(--color-bg);
+  --color-app-grid-line: color-mix(in srgb, var(--color-border) 55%, transparent);
+  --shadow-pulse-start: 0 0 0 0 rgba(31, 185, 129, 0.25);
+  --shadow-pulse-mid: 0 0 0 8px rgba(31, 185, 129, 0);
+  --shadow-pulse-end: 0 0 0 0 rgba(31, 185, 129, 0);
 
   /* ── Shadows ── */
-  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
-  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
-  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
-  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
-  --shadow-glow-primary: 0 0 20px rgba(37, 99, 235, 0.08);
+  --shadow-sm: 0 1px 2px rgba(4, 7, 13, 0.38), 0 0 0 1px rgba(232, 238, 248, 0.03);
+  --shadow-md: 0 6px 18px rgba(4, 7, 13, 0.42), 0 0 0 1px rgba(232, 238, 248, 0.04);
+  --shadow-lg: 0 14px 36px rgba(4, 7, 13, 0.48), 0 0 0 1px rgba(232, 238, 248, 0.05);
+  --shadow-xl: 0 24px 54px rgba(4, 7, 13, 0.55);
+  --shadow-glow-primary: 0 0 18px rgba(31, 185, 129, 0.14);
 
   /* ── Radius ── */
   --radius-xs: 4px;
@@ -167,61 +167,6 @@
   --danger-bg: var(--color-danger-bg);
 }
 
-/* ── Dark Mode Override ── */
-@media (prefers-color-scheme: dark) {
-  :root {
-    color-scheme: dark;
-    --color-bg: #09090b;
-    --color-bg-elevated: #0f0f11;
-    --color-bg-surface: #161618;
-    --color-surface-subtle: #1c1c1f;
-    --color-surface-hover: #232326;
-    --color-text-primary: #fafafa;
-    --color-text-secondary: #a0a0ab;
-    --color-text-muted: #8b8b95;
-    --color-text-tertiary: #a1a1aa;
-    --color-primary: #3b82f6;
-    --color-primary-hover: #2563eb;
-    --color-primary-soft: rgba(59, 130, 246, 0.15);
-    --color-primary-muted: rgba(59, 130, 246, 0.08);
-    --color-border: #27272a;
-    --color-border-strong: #3f3f46;
-    --color-border-subtle: #1e1e21;
-    --color-focus-ring: #3b82f6;
-    --color-success: #22c55e;
-    --color-success-bg: rgba(34, 197, 94, 0.10);
-    --color-success-ink: #4ade80;
-    --color-warning: #eab308;
-    --color-warning-bg: rgba(234, 179, 8, 0.10);
-    --color-warning-ink: #facc15;
-    --color-danger: #ef4444;
-    --color-danger-bg: rgba(239, 68, 68, 0.10);
-    --color-danger-ink: #f87171;
-    --color-info-bg: rgba(59, 130, 246, 0.10);
-    --color-app-bg-radial-indigo: color-mix(in srgb, var(--color-primary) 22%, transparent);
-    --color-app-bg-radial-cyan: color-mix(in srgb, var(--color-success) 18%, transparent);
-    --color-app-bg-base-start: color-mix(in srgb, var(--color-bg-elevated) 92%, var(--color-bg));
-    --color-app-bg-base-mid: color-mix(in srgb, var(--color-bg-surface) 62%, var(--color-bg-elevated));
-    --color-app-bg-base-end: var(--color-bg-surface);
-    --color-app-grid-line: color-mix(in srgb, var(--color-border) 30%, transparent);
-    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.03);
-    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.04);
-    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05);
-    --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.6);
-    --shadow-glow-primary: 0 0 24px rgba(59, 130, 246, 0.15);
-  }
-
-  .topbar {
-    background: var(--color-bg-elevated);
-    backdrop-filter: blur(12px) saturate(180%);
-    -webkit-backdrop-filter: blur(12px) saturate(180%);
-  }
-
-  .metric-card::before {
-    background: var(--color-gradient-dark-overlay);
-  }
-}
-
 /* =========================================
    Global Reset & Base
    ========================================= */
@@ -236,7 +181,7 @@ html,
 body {
   margin: 0;
   padding: 0;
-  font-family: var(--font-ui, "Inter"), -apple-system, "PingFang SC", "Microsoft YaHei",
+  font-family: var(--font-ui, var(--font-manrope, "Manrope")), -apple-system, "PingFang SC", "Microsoft YaHei",
     "Noto Sans CJK SC", "Helvetica Neue", sans-serif;
   font-feature-settings: "cv02", "cv03", "cv04", "cv11";
   font-optical-sizing: auto;

apps/dashboard/app/page.tsx

@@ -261,12 +261,6 @@ export default async function Home() {
       : "metric-value--success";
   const warningText =
     firstEnglishText(warning) || "The run list is temporarily unavailable. Try again soon.";
-  const commandDeckTitle =
-    locale === "zh-CN" ? "先打开实时指挥面" : "Open the live command deck first";
-  const commandDeckDescription =
-    locale === "zh-CN"
-      ? "首页先把 Command Tower、Workflow Cases 和 Proof & Replay 顶到第一层。采用路线、生态入口和 package 说明留在后面，不再抢走首屏主语义。"
-      : "Put Command Tower, Workflow Cases, and Proof & Replay in the first operator read. Adoption routes, ecosystem ladders, and package surfaces come after the command deck, not before it.";
   const governanceDeckTitle =
     locale === "zh-CN" ? "治理桌与放行控制" : "Governance desks and release controls";
   const governanceDeckDescription =
@@ -295,57 +289,6 @@ export default async function Home() {
         showFirstTaskGuide={!hasRunHistory}
       />
 
-      <section className="app-section" aria-labelledby="dashboard-command-deck-title">
-        <div className="section-header">
-          <div>
-            <h2 id="dashboard-command-deck-title" className="section-title">
-              {commandDeckTitle}
-            </h2>
-            <p>{commandDeckDescription}</p>
-          </div>
-          <nav aria-label="Command deck primary actions">
-            <Button asChild>
-              <Link href="/command-tower">Open Command Tower</Link>
-            </Button>
-            <Button asChild variant="secondary">
-              <Link href="/workflows">Open Workflow Cases</Link>
-            </Button>
-            <Button asChild variant="secondary">
-              <Link href="/runs">Open Proof &amp; Replay</Link>
-            </Button>
-          </nav>
-        </div>
-        <div className="quick-grid">
-          <Link href="/command-tower" className="quick-card">
-            <span className="quick-card-desc">{locale === "zh-CN" ? "Live cockpit" : "Live cockpit"}</span>
-            <span className="quick-card-title">Command Tower</span>
-            <span className="quick-card-desc">
-              {locale === "zh-CN"
-                ? "先看系统现在在干嘛、风险在哪、下一步该去哪。"
-                : "See what is moving now, what is risky, and where the next operator action belongs."}
-            </span>
-          </Link>
-          <Link href="/workflows" className="quick-card">
-            <span className="quick-card-desc">{locale === "zh-CN" ? "Durable case record" : "Durable case record"}</span>
-            <span className="quick-card-title">Workflow Cases</span>
-            <span className="quick-card-desc">
-              {locale === "zh-CN"
-                ? "把 request、queue、verdict、linked runs 和 next action 绑在同一张案例桌上。"
-                : "Keep request, queue posture, verdict, linked runs, and the next action on one durable case desk."}
-            </span>
-          </Link>
-          <Link href="/runs" className="quick-card">
-            <span className="quick-card-desc">{locale === "zh-CN" ? "Truth room" : "Truth room"}</span>
-            <span className="quick-card-title">Proof &amp; Replay</span>
-            <span className="quick-card-desc">
-              {locale === "zh-CN"
-                ? "先核证据、compare 和 replay，再决定是否信任或放行结果。"
-                : "Inspect evidence, compare posture, and replay state before you trust or promote the result."}
-            </span>
-          </Link>
-        </div>
-      </section>
-
       <section className="app-section" aria-labelledby="dashboard-case-gallery-live-title">
         <div className="section-header">
           <div>