@walwal-harness/cli 7.1.27 → 7.1.29

package/README.md

@@ -55,7 +55,21 @@ What `init` installs:
 | `.harness/events.jsonl` | Structured append-only runtime event stream |
 | `.harness/todos/state.json` | Machine-readable CXX todo queues |
 | `.harness/todos/events.jsonl` | Structured todo transition history |
-| `AGENTS.md` ← `CLAUDE.md` symlink | Project harness config |
+| `AGENTS.md` + `CLAUDE.md` symlink | Project AI operating rules |
+
+---
+
+## Project Docs Merge
+
+`AGENTS.md` is the source of truth for project AI operating rules. `CLAUDE.md` is normalized to a symlink that points at `AGENTS.md`.
+
+Install and migrate preserve existing project instructions:
+
+- Existing `AGENTS.md` is not replaced. The harness adds or updates a marked section between `<!-- walwal-harness:agents:start -->` and `<!-- walwal-harness:agents:end -->`.
+- The top of `AGENTS.md` gets a small walwal-harness enabled marker so agents know the harness section applies.
+- Existing `CLAUDE.md` file content is appended into `AGENTS.md` under a `preserved-claude` marked section, then `CLAUDE.md` is replaced with a symlink to `AGENTS.md`.
+- Re-running `init`, `init --force`, or `migrate` is idempotent: marked sections are replaced, not duplicated.
+- Existing docs and symlink targets are backed up under `.harness/archive/pre-harness-backup/` or the migration backup directory before modification.
 
 ---
 
@@ -70,6 +84,7 @@ Owner /goal → CEO → [COO] → [CDO] → CTO → [dev workers] → CQO → [e
 1. CEO reads Owner request, writes `ceo.md`, routes to relevant CXX.
 2. Each CXX writes its own `{cxx}.md`, hires workers, collects evidence.
 3. CEO aggregates CXX outputs and reports to Owner.
+4. Every goal/submission/hot-fix mission has `mission-state.json` with `lifecycle` and `active`.
 
 ### Hot Fix
 
@@ -181,6 +196,12 @@ bash scripts/harness-company-complete.sh . mission-complete
 
 This sets `company_state.state = "idle"`, `conductor.state = "completed"`, `next_agent = "none"`, and `owner_prompt.status = "completed"` so dashboards, runners, and hooks agree that auto-mode can stop.
 
+It also closes structured work state:
+
+- active/pending/paused todos in `.harness/todos/state.json` become `done`
+- active `mission-state.json` files become `{"lifecycle":"complete","active":false}`
+- the dashboard stops treating recent worker report mtimes as live activity after runtime completion
+
 Existing users should update and migrate from the target project:
 
 ```bash
@@ -204,6 +225,8 @@ npx walwal-harness init --force --project-root /path/to/project
 Features:
 
 - **Company Harness Observatory** — glass/aurora process monitor showing active CXX todos, workers, incidents, missions, and current loop state
+- **Layer Activity by CXX/Worker** — Layer Activity rows match the heatmap hierarchy, grouping each CXX with its workers and sorting groups by remaining work first, completed groups next, empty CXX groups last
+- **Explicit Mission Lifecycle** — goal/submission/hot-fix directories use `mission-state.json`; `init`, `init --force`, and `migrate` backfill missing lifecycle files for existing projects
 - **Structured Runtime State** — `/goal`, `/submission`, and `/hot-fix` append to `.harness/events.jsonl` and update `.harness/todos/state.json`; `migrate` backfills these files for existing projects
 - **Split Workspace** — full-viewport left/right panes keep Org Tree + Mission Timeline beside the selected mission detail; both panes scroll independently with hidden scrollbars, and the detail pane resets to top on selection changes
 - **Org Tree** — live status of Owner → CEO → CXX → Workers hierarchy, with worker cards created only from hired `hr-roster.json` entries backed by `.harness/shared/HR-Resource/{worker}/SKILL.md`; running hired workers are highlighted under their owning CXX
@@ -259,6 +282,8 @@ harness-hiring           → register and onboard worker
 
 | Version | Summary |
 |---|---|
+| 7.1.29 | Idempotent AGENTS/CLAUDE doc merge with marked harness sections, mission lifecycle backfill for init/migrate, completion closes todos and mission-state, and Layer Activity now lists CXX/worker rows sorted by remaining work |
+| 7.1.28 | Dashboard APM rewrite: top header consolidation, Knowledge Base panel (gotchas/conventions), Layer Activity (CEO/CXX/Worker TODO·DONE·Remain via goal-scope inference), Recent Report list (worker mtime desc), Cadence strip with click-to-prompt tooltip in local timezone, heatmap click-tooltip with empty-cell guard, Document Viewer expand-to-50vw with docmeta hidden, Command Log bubble popover |
 | 7.1.19 | `migrate` now carries OPS verification rules into existing installs: runtime.verification merge, HARNESS refresh, and AGENTS migration block |
 | 7.1.18 | OPS watches CQO runnable verification and production incidents; Implementation Notes stay in the same role/worker report |
 | 7.1.17 | Dashboard: fix /submission and /hot-fix missions displaying as /goal; runtime strip shows live owner command in mission flow tab |

package/apps/harness-dashboard/app/api/stream/route.ts

@@ -47,8 +47,12 @@ export async function GET(request: Request) {
       send();
 
       const handle = watchHarness(root, () => send());
+      // Local-only data source — push a fresh snapshot every second on top
+      // of file-watch events so the dashboard never goes more than 1s stale.
+      const tick = setInterval(() => send(), 1000);
 
       const cleanup = async () => {
+        clearInterval(tick);
         try {
           await handle.close();
         } catch {

package/apps/harness-dashboard/app/globals.css

@@ -26,6 +26,113 @@ body {
   display: none;
 }
 
+/* hide scrollbars globally — scroll still works via wheel/drag/touch */
+* {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+*::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  display: none;
+}
+
+/* document viewer aside expand/minimize */
+.doc-aside {
+  width: 380px;
+  transition: width 280ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+.doc-aside.expanded {
+  width: 50vw;
+}
+.doc-toggle-icon {
+  transition: transform 280ms ease;
+  display: inline-block;
+}
+
+/* panel / inset shells (translated from mockup) */
+.panel-shell {
+  border-radius: 6px;
+  border: 1px solid rgba(148, 163, 184, 0.18);
+  background: #0b1328;
+  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
+  transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
+}
+.panel-shell:hover {
+  border-color: rgba(34, 211, 238, 0.25);
+  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(34, 211, 238, 0.1);
+}
+.inset-shell {
+  border-radius: 4px;
+  border: 1px solid rgba(15, 23, 42, 0.9);
+  background: #071022;
+  transition: border-color 200ms ease, transform 160ms ease;
+}
+
+/* ==== Dynamic / animated bits ==== */
+
+/* Panel mount fade-in (used on initial render) */
+@keyframes fade-in-up {
+  from { opacity: 0; transform: translateY(6px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+.fade-in {
+  animation: fade-in-up 360ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
+}
+
+/* List item slide-in (Recent Report cards) */
+@keyframes slide-in-fade {
+  from { opacity: 0; transform: translateX(-6px); }
+  to   { opacity: 1; transform: translateX(0); }
+}
+.slide-in {
+  animation: slide-in-fade 280ms ease-out both;
+}
+
+/* Heatmap cell baseline transition */
+.heat-cell {
+  transition: transform 140ms ease, filter 140ms ease, border-color 140ms ease;
+}
+
+/* Cadence cell soft pulse when count is at peak */
+@keyframes cad-pulse {
+  0%, 100% { filter: brightness(1); }
+  50%      { filter: brightness(1.4); }
+}
+.cad-peak {
+  animation: cad-pulse 1800ms ease-in-out infinite;
+}
+
+/* Tooltip / popover enter */
+@keyframes pop-in {
+  from { opacity: 0; transform: scale(0.96) translateY(4px); }
+  to   { opacity: 1; transform: scale(1) translateY(0); }
+}
+.pop-in {
+  animation: pop-in 180ms cubic-bezier(0.2, 0.9, 0.3, 1) both;
+}
+
+/* Stacked bar segment width tween */
+.stack-seg {
+  will-change: flex-grow;
+}
+
+/* Worker bar inner shimmer for active CXX (very subtle) */
+@keyframes shimmer-sweep {
+  0%   { background-position: -200% 0; }
+  100% { background-position: 200% 0; }
+}
+.shimmer {
+  background-image: linear-gradient(
+    100deg,
+    rgba(255, 255, 255, 0) 30%,
+    rgba(255, 255, 255, 0.18) 50%,
+    rgba(255, 255, 255, 0) 70%
+  );
+  background-size: 200% 100%;
+  animation: shimmer-sweep 3.2s linear infinite;
+}
+
 .glass-panel {
   border: 1px solid rgba(255, 255, 255, 0.14);
   background:
@@ -47,12 +154,35 @@ body {
 
 .isometric-stage {
   background:
-    linear-gradient(30deg, rgba(255, 255, 255, 0.035) 12%, transparent 12.5%, transparent 87%, rgba(255, 255, 255, 0.035) 87.5%, rgba(255, 255, 255, 0.035)),
-    linear-gradient(150deg, rgba(255, 255, 255, 0.035) 12%, transparent 12.5%, transparent 87%, rgba(255, 255, 255, 0.035) 87.5%, rgba(255, 255, 255, 0.035)),
-    linear-gradient(30deg, rgba(255, 255, 255, 0.035) 12%, transparent 12.5%, transparent 87%, rgba(255, 255, 255, 0.035) 87.5%, rgba(255, 255, 255, 0.035)),
-    linear-gradient(150deg, rgba(255, 255, 255, 0.035) 12%, transparent 12.5%, transparent 87%, rgba(255, 255, 255, 0.035) 87.5%, rgba(255, 255, 255, 0.035)),
-    linear-gradient(60deg, rgba(103, 232, 249, 0.08) 25%, transparent 25.5%, transparent 75%, rgba(103, 232, 249, 0.08) 75%, rgba(103, 232, 249, 0.08)),
-    linear-gradient(60deg, rgba(103, 232, 249, 0.08) 25%, transparent 25.5%, transparent 75%, rgba(103, 232, 249, 0.08) 75%, rgba(103, 232, 249, 0.08));
-  background-position: 0 0, 0 0, 20px 35px, 20px 35px, 0 0, 20px 35px;
-  background-size: 40px 70px;
+    radial-gradient(circle at 48% 42%, rgba(34, 211, 238, 0.18), transparent 20rem),
+    radial-gradient(circle at 78% 24%, rgba(99, 102, 241, 0.14), transparent 18rem),
+    radial-gradient(circle at 20% 84%, rgba(16, 185, 129, 0.12), transparent 22rem),
+    linear-gradient(135deg, rgba(2, 6, 23, 0.94), rgba(8, 13, 26, 0.98));
+}
+
+@keyframes apm-request-fall {
+  0% {
+    opacity: 0;
+    top: -12px;
+    transform: translateX(-50%) scale(0.75);
+  }
+  12% {
+    opacity: 1;
+  }
+  82% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+    top: 184px;
+    transform: translateX(-50%) scale(1.15);
+  }
+}
+
+.apm-falling-dot {
+  top: -12px;
+  animation-name: apm-request-fall;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  box-shadow: 0 0 14px currentColor;
 }

package/apps/harness-dashboard/app/layout.tsx

@@ -1,7 +1,6 @@
 import path from "node:path";
 import type { Metadata } from "next";
 import "./globals.css";
-import { Header } from "@/components/Header";
 import { resolveHarnessRoot } from "@/lib/harness-root";
 
 export async function generateMetadata(): Promise<Metadata> {
@@ -20,10 +19,7 @@ export default function RootLayout({
 }) {
   return (
     <html lang="ko">
-      <body>
-        <Header />
-        {children}
-      </body>
+      <body>{children}</body>
     </html>
   );
 }

package/apps/harness-dashboard/app/page.tsx

@@ -10,26 +10,22 @@ export default function Page() {
   const banner = snapshot.errorBanner;
 
   return (
-    <main className="min-h-[100dvh]">
+    <main className="h-[100dvh]">
       {banner && (
         <div
           role="alert"
           data-testid="error-banner"
-          className={`mx-auto max-w-[1280px] mt-4 px-4 py-3 rounded border text-sm ${
+          className={`mx-3 mt-2 rounded border px-3 py-2 text-xs ${
             banner.level === "error"
               ? "border-aura-alert/60 bg-aura-alert/10 text-aura-alert"
               : "border-aura-talking/60 bg-aura-talking/10 text-aura-talking"
           }`}
         >
           <div>{banner.message_ko}</div>
-          <div className="opacity-60 text-xs mt-1">{banner.message_en}</div>
+          <div className="mt-1 text-[10px] opacity-60">{banner.message_en}</div>
         </div>
       )}
       <Scene snapshot={snapshot} />
-      <footer className="mx-auto max-w-[1280px] px-6 pb-8 text-xs text-gray-500 font-mono flex items-center justify-between">
-        <span>Sprint 1 / Phase C-1 — Foundation</span>
-        <span data-testid="snapshot-ts">{snapshot.ts}</span>
-      </footer>
     </main>
   );
 }