npm - @walwal-harness/cli - Versions diffs - 7.1.40 → 7.1.42 - Mend

@walwal-harness/cli 7.1.40 → 7.1.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (84) hide show

package/HR-Resource/cdo/SKILL.md +9 -1
package/HR-Resource/ceo/SKILL.md +33 -2
package/HR-Resource/coo/SKILL.md +9 -1
package/HR-Resource/cqo/SKILL.md +9 -1
package/HR-Resource/cto/SKILL.md +10 -2
package/HR-Resource/ops/SKILL.md +12 -4
package/HR-Resource/ops-prompt-inspector/SKILL.md +11 -6
package/HR-Resource/ops-prompt-inspector/assets/prompt-inspector-static.js +180 -0
package/HR-Resource/ops-prompt-inspector/scripts/setup.py +66 -3
package/apps/harness-dashboard/app/api/metrics/route.ts +17 -0
package/apps/harness-dashboard/app/api/wake/route.ts +41 -0
package/apps/harness-dashboard/app/brick.css +482 -0
package/apps/harness-dashboard/app/layout.tsx +13 -0
package/apps/harness-dashboard/app/page.tsx +2 -2
package/apps/harness-dashboard/components/Scene.tsx +690 -36
package/apps/harness-dashboard/components/brick/BrickDashboard.tsx +149 -0
package/apps/harness-dashboard/components/brick/reports.tsx +291 -0
package/apps/harness-dashboard/components/brick/tweaks.tsx +738 -0
package/apps/harness-dashboard/components/brick/ui.tsx +463 -0
package/apps/harness-dashboard/components/brick/views-graph.tsx +305 -0
package/apps/harness-dashboard/components/brick/views-grid.tsx +543 -0
package/apps/harness-dashboard/components/brick/views-timeline.tsx +238 -0
package/apps/harness-dashboard/lib/__tests__/harness-state.test.ts +1 -202
package/apps/harness-dashboard/lib/__tests__/sandbox-e2e.test.ts +490 -0
package/apps/harness-dashboard/lib/brick/adapter.ts +423 -0
package/apps/harness-dashboard/lib/brick/contract.ts +247 -0
package/apps/harness-dashboard/lib/harness-state.ts +107 -796
package/apps/harness-dashboard/lib/metrics/sampler.ts +545 -0
package/apps/harness-dashboard/lib/types.ts +22 -222
package/apps/harness-dashboard/playwright.config.ts +26 -7
package/assets/templates/AGENTS-ko.md.template +1 -1
package/assets/templates/AGENTS.md.template +12 -2
package/assets/templates/HARNESS.md +2 -0
package/assets/templates/company-pipeline-manifest.json +5 -14
package/assets/templates/worker-report.md.template +38 -0
package/bin/init.js +2 -1
package/commands/goal.md +4 -2
package/commands/hot-fix.md +1 -1
package/commands/submission.md +1 -1
package/package.json +1 -1
package/scripts/conductor-tick.sh +12 -0
package/scripts/harness-agenda.sh +105 -0
package/scripts/harness-company-block.sh +89 -0
package/scripts/harness-company-complete.sh +17 -8
package/scripts/harness-company-cycle.sh +54 -0
package/scripts/harness-progress-set.sh +8 -2
package/scripts/harness-stop.sh +76 -0
package/scripts/harness-wake-control.sh +151 -0
package/scripts/harness-wake.sh +5 -0
package/scripts/harness-worker-dispatch.sh +31 -7
package/apps/harness-dashboard/components/Drawer.tsx +0 -146
package/apps/harness-dashboard/components/Header.tsx +0 -40
package/apps/harness-dashboard/components/MissionTimeline.tsx +0 -214
package/apps/harness-dashboard/components/OrgTree.tsx +0 -459
package/apps/harness-dashboard/components/drawer/AgentLogTab.tsx +0 -56
package/apps/harness-dashboard/components/drawer/DesignPreviewTab.tsx +0 -160
package/apps/harness-dashboard/components/drawer/GotchasTab.tsx +0 -89
package/apps/harness-dashboard/components/drawer/HypothesisTab.tsx +0 -42
package/apps/harness-dashboard/components/drawer/IncidentsTab.tsx +0 -50
package/apps/harness-dashboard/components/drawer/MissionDocTab.tsx +0 -96
package/apps/harness-dashboard/components/drawer/MissionFlowTab.tsx +0 -576
package/apps/harness-dashboard/components/drawer/OwnerHistoryTab.tsx +0 -160
package/apps/harness-dashboard/components/drawer/RoomMetricsTab.tsx +0 -90
package/apps/harness-dashboard/components/drawer/TracksTab.tsx +0 -47
package/apps/harness-dashboard/components/three/ArchiveBoxes.tsx +0 -95
package/apps/harness-dashboard/components/three/DeptBoard.tsx +0 -175
package/apps/harness-dashboard/components/three/Floor3D.tsx +0 -404
package/apps/harness-dashboard/components/three/GoalCard3D.tsx +0 -123
package/apps/harness-dashboard/components/three/HypothesisCards.tsx +0 -71
package/apps/harness-dashboard/components/three/MeetingWhiteboard.tsx +0 -98
package/apps/harness-dashboard/components/three/Minifig3D.tsx +0 -391
package/apps/harness-dashboard/components/three/OpsSiren.tsx +0 -99
package/apps/harness-dashboard/components/three/Stage3D.tsx +0 -104
package/apps/harness-dashboard/components/three/TrackRibbons.tsx +0 -81
package/apps/harness-dashboard/lib/__tests__/i18n.test.ts +0 -16
package/apps/harness-dashboard/lib/__tests__/iso.test.ts +0 -42
package/apps/harness-dashboard/lib/__tests__/state-mapping.test.ts +0 -183
package/apps/harness-dashboard/lib/agent-roster.ts +0 -42
package/apps/harness-dashboard/lib/furniture.ts +0 -165
package/apps/harness-dashboard/lib/i18n.ts +0 -26
package/apps/harness-dashboard/lib/iso.ts +0 -150
package/apps/harness-dashboard/lib/markdown.tsx +0 -306
package/apps/harness-dashboard/lib/path-planning.ts +0 -72
package/apps/harness-dashboard/lib/state-mapping.ts +0 -146

package/apps/harness-dashboard/components/brick/BrickDashboard.tsx ADDED Viewed

@@ -0,0 +1,149 @@
+"use client";
+/* =============================================================
+   walwal-harness · BRICK OFFICE — App shell
+   Ported from design_handoff_harness_dashboard/Harness Dashboard.html
+   App() (lines ~395-437) + the view switch.
+   The mockup drove its state from a `useHarness(motion)` simulation;
+   here we drive it from the REAL SSE feed (useHarnessStream) mapped
+   through toContractState(snapshot, connected, nowMs). The shell ticks
+   a `nowMs` clock ~1/s so "ago"/heartbeat/stale read live.
+   The mockup set data-tone / data-density on <body>; in the Next app the
+   shell is a component, so those attributes (and the .brick scope class)
+   live on the shell root <div>.
+   brick.css is imported at app/layout level (see app/layout.tsx), matching
+   how Scene's CSS is loaded via globals.css.
+   ============================================================= */
+import React, { useEffect, useState } from "react";
+import type { HarnessSnapshot } from "../../lib/types";
+import { useHarnessStream } from "../../hooks/useHarnessStream";
+import { toContractState } from "../../lib/brick/adapter";
+import type { AgentRole, DocTarget } from "../../lib/brick/contract";
+import type { MetricsSample } from "../../lib/metrics/sampler";
+import { Header, Sidebar, type BrickView } from "./ui";
+import { GridView } from "./views-grid";
+import { GraphView } from "./views-graph";
+import { TimelineView } from "./views-timeline";
+import { DocViewer } from "./reports";
+import { BrickTweaks, useTweaks } from "./tweaks";
+export interface BrickDashboardProps {
+  /** Server-rendered initial snapshot, hydrated then kept fresh over SSE. */
+  initialSnapshot: HarnessSnapshot;
+}
+export function BrickDashboard({
+  initialSnapshot,
+}: BrickDashboardProps): React.JSX.Element {
+  const { snapshot, connectionState } = useHarnessStream(initialSnapshot);
+  // tweaks (agent layout / density / live motion / surface) — persisted.
+  const [t, setTweak] = useTweaks();
+  // top-level view + chrome state (mirrors the mockup App() useState block).
+  const [view, setView] = useState<BrickView>("grid");
+  const [collapsed, setCollapsed] = useState(false);
+  const [sel, setSel] = useState<AgentRole>("cto");
+  const [doc, setDoc] = useState<DocTarget | null>(null);
+  // ~1/s clock so "ago"/heartbeat/stale derive against a live `now`.
+  const [nowMs, setNowMs] = useState<number>(() => Date.now());
+  useEffect(() => {
+    const id = window.setInterval(() => setNowMs(Date.now()), 1000);
+    return () => window.clearInterval(id);
+  }, []);
+  // REAL telemetry poll (read-only): /api/metrics every ~5s. On any failure we
+  // keep the last good sample (or null), and the honest "—" placeholders stand.
+  const [metrics, setMetrics] = useState<MetricsSample | null>(null);
+  useEffect(() => {
+    let cancelled = false;
+    const poll = async (): Promise<void> => {
+      try {
+        const res = await fetch("/api/metrics", { cache: "no-store" });
+        if (!res.ok) return;
+        const sample = (await res.json()) as MetricsSample;
+        if (!cancelled && sample && typeof sample === "object") {
+          setMetrics(sample);
+        }
+      } catch {
+        /* network/parse error — keep last sample; never fabricate */
+      }
+    };
+    void poll();
+    const id = window.setInterval(() => void poll(), 5000);
+    return () => {
+      cancelled = true;
+      window.clearInterval(id);
+    };
+  }, []);
+  // build the single Contract state object every view renders from.
+  const connected = connectionState === "open";
+  const s = toContractState(snapshot, connected, nowMs);
+  // Override the adapter's honest nulls with REAL sampled telemetry where it
+  // exists. Anything still null stays null -> the views render "—".
+  if (metrics) {
+    s.metrics.tokensPerMin = metrics.tokensPerMin;
+    s.metrics.costToday = metrics.costToday;
+    s.metrics.cpu = metrics.cpu;
+    s.metrics.contextPct = metrics.contextPct;
+    s.metrics.costEstimated = metrics.costEstimated;
+    s.mtrend = metrics.mtrend ?? [];
+    s.ctrend = metrics.ctrend ?? [];
+  }
+  const openDoc = (target: DocTarget): void => setDoc(target);
+  const closeDoc = (): void => setDoc(null);
+  return (
+    <div className="brick" data-tone={t.surface} data-density={t.density}>
+      <div className="app">
+        <Header metrics={s.metrics} view={view} setView={setView} alerts={s.alerts} />
+        <div className="app-body">
+          <Sidebar
+            collapsed={collapsed}
+            onToggle={() => setCollapsed((c) => !c)}
+            missions={snapshot.missions}
+            ownerHistory={snapshot.ownerHistory}
+          />
+          <div className="app-main">
+            {view === "grid" && (
+              <div className="viewscroll">
+                <GridView s={s} layout={t.agentLayout} openDoc={openDoc} />
+              </div>
+            )}
+            {view === "graph" && (
+              <div className="viewscroll viewscroll-graph">
+                <GraphView s={s} sel={sel} setSel={setSel} openDoc={openDoc} />
+              </div>
+            )}
+            {view === "timeline" && (
+              <div className="viewscroll">
+                <TimelineView s={s} openDoc={openDoc} />
+              </div>
+            )}
+          </div>
+        </div>
+        <DocViewer
+          target={doc}
+          state={s}
+          onClose={closeDoc}
+          onRetarget={openDoc}
+        />
+        <BrickTweaks values={t} setTweak={setTweak} />
+      </div>
+    </div>
+  );
+}
+export default BrickDashboard;

package/apps/harness-dashboard/components/brick/reports.tsx ADDED Viewed

@@ -0,0 +1,291 @@
+"use client";
+/* =============================================================
+   walwal-harness · BRICK OFFICE — markdown renderer + DocViewer
+   Ported from design_handoff_harness_dashboard/harness/reports.jsx.
+   The mockup hard-coded its report bodies in a REPORTS table; here
+   buildReport returns REAL markdown supplied by the adapter
+   (agent.report / worker.report), with leading YAML frontmatter
+   stripped before rendering. Everything else (classNames, CSS,
+   markdown grammar, DocViewer layout) is preserved verbatim.
+   Exports: MD, DocViewer, buildReport
+   ============================================================= */
+import React, { useEffect, type CSSProperties, type ReactNode } from "react";
+import {
+  fmt,
+  statusColor,
+  type ContractState,
+  type ContractAgent,
+  type ContractWorker,
+  type DocTarget,
+} from "../../lib/brick/contract";
+import { stripFrontmatter } from "../../lib/brick/adapter";
+import { StatusDot } from "./ui";
+/* ---- tiny markdown renderer ------------------------------------------- */
+/** Inline pass: splits on `code` and **bold**, returns React children. */
+function inline(text: string, key: string | number): ReactNode[] {
+  const out: ReactNode[] = [];
+  let rest = text;
+  let i = 0;
+  const re = /(`[^`]+`|\*\*[^*]+\*\*)/;
+  while (rest.length) {
+    const m = rest.match(re);
+    if (!m || m.index === undefined) {
+      out.push(rest);
+      break;
+    }
+    if (m.index > 0) out.push(rest.slice(0, m.index));
+    const tok = m[0];
+    if (tok.startsWith("`")) {
+      out.push(<code key={key + "-" + i}>{tok.slice(1, -1)}</code>);
+    } else {
+      out.push(<b key={key + "-" + i}>{tok.slice(2, -2)}</b>);
+    }
+    rest = rest.slice(m.index + tok.length);
+    i++;
+  }
+  return out;
+}
+interface ListProps {
+  ordered: boolean;
+  items: string[];
+}
+function List({ ordered, items }: ListProps): React.JSX.Element {
+  const Tag = ordered ? "ol" : "ul";
+  return (
+    <Tag>
+      {items.map((it, i) => (
+        <li key={i}>{inline(it, "li" + i)}</li>
+      ))}
+    </Tag>
+  );
+}
+export interface MDProps {
+  src: string;
+}
+/**
+ * Block-level markdown renderer. Supports #/##/###, -/1. lists, `code`,
+ * **bold**, > blockquote and --- rules (same grammar as the mockup).
+ */
+export function MD({ src }: MDProps): React.JSX.Element {
+  const lines = src.split("\n");
+  const blocks: ReactNode[] = [];
+  // accumulate list items so consecutive bullets/numbers merge into one list
+  let listOrdered: boolean | null = null;
+  let listItems: string[] = [];
+  let listKey = 0;
+  const flush = () => {
+    if (listOrdered !== null) {
+      blocks.push(
+        <List key={"list-" + listKey} ordered={listOrdered} items={listItems} />
+      );
+      listOrdered = null;
+      listItems = [];
+    }
+  };
+  lines.forEach((ln, idx) => {
+    const t = ln.trimEnd();
+    if (!t.trim()) {
+      flush();
+      return;
+    }
+    if (t.startsWith("### ")) {
+      flush();
+      blocks.push(<h4 key={idx}>{inline(t.slice(4), idx)}</h4>);
+      return;
+    }
+    if (t.startsWith("## ")) {
+      flush();
+      blocks.push(<h3 key={idx}>{inline(t.slice(3), idx)}</h3>);
+      return;
+    }
+    if (t.startsWith("# ")) {
+      flush();
+      blocks.push(<h2 key={idx}>{inline(t.slice(2), idx)}</h2>);
+      return;
+    }
+    if (t === "---") {
+      flush();
+      blocks.push(<hr key={idx} />);
+      return;
+    }
+    if (t.startsWith("> ")) {
+      flush();
+      blocks.push(<blockquote key={idx}>{inline(t.slice(2), idx)}</blockquote>);
+      return;
+    }
+    const oli = t.match(/^(\d+)\.\s+(.*)/);
+    const uli = t.match(/^[-*]\s+(.*)/);
+    if (oli || uli) {
+      const ordered = !!oli;
+      if (listOrdered === null || listOrdered !== ordered) {
+        flush();
+        listOrdered = ordered;
+        listKey = idx;
+      }
+      listItems.push(oli ? oli[2] : uli![1]);
+      return;
+    }
+    flush();
+    blocks.push(<p key={idx}>{inline(t, idx)}</p>);
+  });
+  flush();
+  return <div className="md">{blocks}</div>;
+}
+/* ---- report assembly (REAL markdown, not the mockup table) ------------ */
+export interface BuiltReport {
+  /** Title shown in the meta block (agent work string / worker name). */
+  title: string;
+  /** The owning agent of this document. */
+  owner: ContractAgent;
+  /** Short document-kind label. */
+  kind: string;
+  /** Status string for the StatusDot + color. */
+  status: string;
+  /** Markdown body, frontmatter already stripped. */
+  body: string;
+}
+const NO_SOURCE = "_no report source — this agent has not produced a document yet._";
+const NO_WORKER_SOURCE = "_no report source — this worker has not produced a brief yet._";
+/**
+ * Build the document to render for a DocTarget, pulling REAL markdown from
+ * the adapter-provided report strings. Agent reports are stripped of leading
+ * YAML frontmatter at render time (per spec); worker reports are already
+ * stripped by the adapter but stripping again is harmless and keeps the
+ * render path uniform.
+ */
+export function buildReport(target: DocTarget, state: ContractState): BuiltReport {
+  const agent =
+    state.agents.find((a) => a.id === target.agent) ?? state.agents[0];
+  if (target.type === "worker") {
+    const worker = target.worker;
+    const body = stripFrontmatter(worker.report) || NO_WORKER_SOURCE;
+    return {
+      title: worker.name,
+      owner: agent,
+      kind: "Worker Brief",
+      status: worker.status,
+      body,
+    };
+  }
+  const body = stripFrontmatter(agent.report) || NO_SOURCE;
+  return {
+    title: agent.work,
+    owner: agent,
+    kind: "CXX Document",
+    status: agent.status,
+    body,
+  };
+}
+/* ---- DocViewer drawer -------------------------------------------------- */
+export interface DocViewerProps {
+  /** The document to show, or null to render nothing. */
+  target: DocTarget | null;
+  /** The live contract state. */
+  state: ContractState;
+  /** Close the drawer. */
+  onClose: () => void;
+  /** Re-point the drawer at another document (e.g. a spawned worker). */
+  onRetarget: (target: DocTarget) => void;
+}
+/** Right-hand document drawer with the agent meta block + markdown body. */
+export function DocViewer({
+  target,
+  state,
+  onClose,
+  onRetarget,
+}: DocViewerProps): React.JSX.Element | null {
+  useEffect(() => {
+    const h = (e: KeyboardEvent) => {
+      if (e.key === "Escape") onClose();
+    };
+    window.addEventListener("keydown", h);
+    return () => window.removeEventListener("keydown", h);
+  }, [onClose]);
+  if (!target) return null;
+  const rep = buildReport(target, state);
+  const a = rep.owner;
+  const mine = state.workers.filter((w) => w.agent === a.id);
+  const hueVar = { "--hue": a.hue } as CSSProperties;
+  return (
+    <div className="docroot">
+      <div className="docback" onClick={onClose} />
+      <aside className="docview" style={hueVar}>
+        <div className="docview-bar">
+          <span className="docview-crumb">
+            DOCUMENT VIEWER <span className="dv-sep">·</span>
+            <span style={{ color: a.hue }}>{a.name}</span>
+            {target.type === "worker" && (
+              <>
+                <span className="dv-sep">·</span> {target.worker.name}
+              </>
+            )}
+          </span>
+          <button className="docview-x" onClick={onClose}>
+            esc ✕
+          </button>
+        </div>
+        <div className="docview-scroll">
+          <div className="docview-meta">
+            <span
+              className="glyph glyph-lg"
+              style={{ color: a.hue, borderColor: a.hue + "66" }}
+            >
+              {a.name}
+            </span>
+            <div className="dvm-id">
+              <div className="dvm-kind">{rep.kind}</div>
+              <div className="dvm-status" style={{ color: statusColor(rep.status) }}>
+                <StatusDot status={rep.status} size={7} />
+                {rep.status}
+              </div>
+            </div>
+            <div className="dvm-time">{fmt.time(new Date(state.now))}</div>
+          </div>
+          {target.type === "agent" && mine.length > 0 && (
+            <div className="dvm-workers">
+              <span className="dvm-wlabel">spawned workers</span>
+              {mine.map((w: ContractWorker) => (
+                <button
+                  key={w.id}
+                  className="dvm-wchip"
+                  onClick={() =>
+                    onRetarget({ type: "worker", agent: a.id, worker: w })
+                  }
+                >
+                  <StatusDot status={w.status} size={5} pulse={false} />
+                  {w.name} <em>{w.progress == null ? "—" : Math.round(w.progress) + "%"}</em>
+                </button>
+              ))}
+            </div>
+          )}
+          <MD src={rep.body} />
+        </div>
+      </aside>
+    </div>
+  );
+}