ProjectIntakeTower/visual_summary/owner_decision_board.html

<!doctype html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>ProjectIntakeTower - Owner Decision Board</title>
  <style>
    :root {
      --bg: #f6f3ee;
      --surface: #ffffff;
      --surface-2: #ece7df;
      --ink: #181716;
      --muted: #686058;
      --line: #d7d0c7;
      --red: #b42318;
      --amber: #9a5b00;
      --green: #146c43;
      --blue: #1e4f8f;
      --purple: #6046a6;
      --shadow: 0 16px 40px rgba(45, 38, 31, 0.10);
    }

    * { box-sizing: border-box; }

    body {
      margin: 0;
      color: var(--ink);
      background: var(--bg);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      line-height: 1.45;
    }

    a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; }

    .page {
      width: min(1240px, calc(100% - 32px));
      margin: 0 auto;
      padding: 24px 0 48px;
    }

    header {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
      gap: 18px;
      align-items: stretch;
      margin-bottom: 18px;
    }

    .hero, .panel, .lane, .note {
      background: var(--surface);
      border: 1px solid var(--line);
      border-radius: 8px;
      box-shadow: var(--shadow);
    }

    .hero {
      padding: 24px;
      display: grid;
      align-content: space-between;
      min-height: 278px;
    }

    .eyebrow {
      margin: 0 0 8px;
      color: var(--blue);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    h1, h2, h3, p { margin-top: 0; }

    h1 {
      margin-bottom: 12px;
      max-width: 14ch;
      font-size: clamp(36px, 6vw, 76px);
      line-height: 0.94;
      letter-spacing: 0;
    }

    .lead {
      max-width: 72ch;
      margin-bottom: 0;
      color: var(--muted);
      font-size: 17px;
    }

    .decision-strip {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin-top: 24px;
    }

    .metric {
      min-height: 86px;
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--surface-2);
    }

    .metric strong {
      display: block;
      margin-bottom: 4px;
      font-size: 24px;
      line-height: 1;
    }

    .metric span {
      color: var(--muted);
      font-size: 13px;
    }

    .panel {
      padding: 18px;
    }

    .panel h2, .lane h2 {
      margin-bottom: 12px;
      font-size: 18px;
    }

    .state-list {
      display: grid;
      gap: 10px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .state-list li {
      display: grid;
      gap: 4px;
      padding-bottom: 10px;
      border-bottom: 1px solid var(--line);
    }

    .state-list li:last-child {
      padding-bottom: 0;
      border-bottom: 0;
    }

    .label {
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .value {
      font-weight: 750;
    }

    .grid {
      display: grid;
      gap: 18px;
    }

    .grid.two {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .grid.three {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .section {
      margin-top: 18px;
    }

    .lane {
      padding: 18px;
      min-height: 100%;
    }

    .lane p {
      margin-bottom: 14px;
      color: var(--muted);
    }

    .project-list {
      display: grid;
      gap: 10px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .project {
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fbfaf8;
    }

    .project .topline {
      display: flex;
      gap: 10px;
      align-items: baseline;
      justify-content: space-between;
      margin-bottom: 6px;
    }

    .project strong {
      min-width: 0;
      overflow-wrap: anywhere;
    }

    .score {
      flex: 0 0 auto;
      color: var(--muted);
      font-size: 12px;
      font-weight: 800;
    }

    .project p {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
    }

    .badge-row {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 10px;
    }

    .badge {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 3px 8px;
      border-radius: 999px;
      border: 1px solid var(--line);
      background: var(--surface);
      color: var(--muted);
      font-size: 12px;
      font-weight: 750;
      white-space: nowrap;
    }

    .badge.red { color: var(--red); border-color: rgba(180, 35, 24, 0.34); background: #fff1ef; }
    .badge.amber { color: var(--amber); border-color: rgba(154, 91, 0, 0.34); background: #fff8e8; }
    .badge.green { color: var(--green); border-color: rgba(20, 108, 67, 0.34); background: #eefbf3; }
    .badge.blue { color: var(--blue); border-color: rgba(30, 79, 143, 0.34); background: #eef5ff; }
    .badge.purple { color: var(--purple); border-color: rgba(96, 70, 166, 0.34); background: #f4f0ff; }

    .callout {
      border-left: 5px solid var(--blue);
    }

    .callout.red { border-left-color: var(--red); }
    .callout.amber { border-left-color: var(--amber); }
    .callout.green { border-left-color: var(--green); }
    .callout.purple { border-left-color: var(--purple); }

    .compact-table {
      width: 100%;
      border-collapse: collapse;
      overflow-wrap: anywhere;
    }

    .compact-table th,
    .compact-table td {
      padding: 11px 10px;
      border-bottom: 1px solid var(--line);
      text-align: left;
      vertical-align: top;
    }

    .compact-table th {
      color: var(--muted);
      font-size: 12px;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .compact-table tr:last-child td {
      border-bottom: 0;
    }

    code {
      padding: 1px 4px;
      border-radius: 5px;
      background: #ebe6dd;
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
      font-size: 0.94em;
    }

    .footer-links {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 18px;
      color: var(--muted);
      font-size: 14px;
    }

    @media (max-width: 900px) {
      header,
      .grid.two,
      .grid.three,
      .decision-strip {
        grid-template-columns: 1fr;
      }

      .hero {
        min-height: auto;
      }
    }
  </style>
</head>
<body>
  <main class="page">
    <header>
      <section class="hero">
        <div>
          <p class="eyebrow">ProjectIntakeTower - morning control surface</p>
          <h1>Owner Decision Board</h1>
          <p class="lead">
            Die alte Lern-Grafik zeigt Scores, aber keine Entscheidungskette. Diese Ansicht sagt,
            was gestern belastbar entstanden ist, was Rauschen ist, welche Human Gates offen sind
            und welcher einzelne naechste Job sinnvoll ist.
          </p>
        </div>
        <div class="decision-strip">
          <div class="metric">
            <strong>500</strong>
            <span>gefundene Projekt- und Artefakt-Cluster</span>
          </div>
          <div class="metric">
            <strong>66</strong>
            <span>Human-Decision-Eintraege, nicht blind delegieren</span>
          </div>
          <div class="metric">
            <strong>1</strong>
            <span>erlaubter naechster Arbeitsanker: ProjectIntakeTower</span>
          </div>
        </div>
      </section>

      <aside class="panel callout green">
        <h2>Morning answer</h2>
        <ul class="state-list">
          <li>
            <span class="label">What happened</span>
            <span class="value">Ein Read-only Intake hat Projekte, Dirty-Repos, Duplikate, Archive-Kandidaten und Jobs erzeugt.</span>
          </li>
          <li>
            <span class="label">Trustworthy artifacts</span>
            <span class="value">Owner digest, triage files, verifiers, and done handoffs for Zentrale, ACT and KomandoZentral.</span>
          </li>
          <li>
            <span class="label">Noise</span>
            <span class="value">Cache-Repos, alte Harness-Fixtures, Score-Listen ohne Entscheidung, pending jobs ohne neuen Human-Kontext.</span>
          </li>
          <li>
            <span class="label">Next one job</span>
            <span class="value"><code>pit-komandozentral-46af91fa1c-review</code> is done; next is an owner decision on outcome scope.</span>
          </li>
        </ul>
      </aside>
    </header>

    <section class="section grid three">
      <article class="lane callout green">
        <h2>Trusted handoffs</h2>
        <ul class="project-list">
          <li class="project">
            <div class="topline"><strong>Zentrale</strong><span class="score">score 70</span></div>
            <p>Dirty slice is coherent and targeted tests already passed. Next step is the documented final integration gate, not more features.</p>
            <div class="badge-row">
              <span class="badge green">validation next</span>
              <span class="badge amber">dirty repo</span>
            </div>
          </li>
          <li class="project">
            <div class="topline"><strong>ACT-agentcommandotower</strong><span class="score">score 69</span></div>
            <p>Useful guardrail ideas, but dirty bootstrap work and human-owned operator state block autonomous continuation.</p>
            <div class="badge-row">
              <span class="badge red">needs owner</span>
              <span class="badge purple">merge candidate</span>
            </div>
          </li>
          <li class="project">
            <div class="topline"><strong>KomandoZentral</strong><span class="score">score 42</span></div>
            <p>Clean supporting routing engine. Human decision needed because docs say outcome writing is out of Beta while UI/tests implement it.</p>
            <div class="badge-row">
              <span class="badge red">scope decision</span>
              <span class="badge green">clean repo</span>
            </div>
          </li>
        </ul>
      </article>

      <article class="lane callout red">
        <h2>Do not touch yet</h2>
        <ul class="project-list">
          <li class="project">
            <div class="topline"><strong>Sidecar family</strong><span class="score">duplicate cluster</span></div>
            <p>Several high-score lines are merge/token-burn candidates, but they touch safety, hook, daemon or coaching direction.</p>
            <div class="badge-row">
              <span class="badge red">human gate</span>
              <span class="badge amber">scope creep</span>
            </div>
          </li>
          <li class="project">
            <div class="topline"><strong>AgentIDE</strong><span class="score">needs human</span></div>
            <p>Ranked as a human decision item. Treat it as a possible UI dependency, not an implementation target.</p>
            <div class="badge-row">
              <span class="badge red">no build</span>
            </div>
          </li>
          <li class="project">
            <div class="topline"><strong>Global profiles</strong><span class="score">Hermes / hooks</span></div>
            <p>Do not change global Hermes, Claude, Codex, OpenCode profiles or process automation from this intake flow.</p>
            <div class="badge-row">
              <span class="badge red">environment risk</span>
            </div>
          </li>
        </ul>
      </article>

      <article class="lane callout amber">
        <h2>Dirty repo pressure</h2>
        <ul class="project-list">
          <li class="project">
            <div class="topline"><strong><code>/home/smlflg/.hermes</code></strong><span class="score">44 dirty</span></div>
            <p>Highest dirty count and many agent artifacts. Inspect only with explicit owner goal.</p>
          </li>
          <li class="project">
            <div class="topline"><strong>UEBER_AGENT</strong><span class="score">37 dirty</span></div>
            <p>High score and high plan count. Likely important, but not a first move without stabilization intent.</p>
          </li>
          <li class="project">
            <div class="topline"><strong>AgentTestUniSupport</strong><span class="score">22 dirty</span></div>
            <p>Active and possibly near product value, but still behind a human-gated dirty-state review.</p>
          </li>
        </ul>
      </article>
    </section>

    <section class="section grid two">
      <article class="lane callout blue">
        <h2>Lanes for action</h2>
        <table class="compact-table">
          <thead>
            <tr>
              <th>Lane</th>
              <th>Meaning</th>
              <th>Safe next move</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><strong>Stabilize dirty repo</strong></td>
              <td>Useful project, but current worktree may hide unfinished user work.</td>
              <td>Read-only status and diff review before edits.</td>
            </tr>
            <tr>
              <td><strong>Consolidation candidate</strong></td>
              <td>Valuable idea, not a separate product line to keep expanding.</td>
              <td>Extract decision notes, do not port code yet.</td>
            </tr>
            <tr>
              <td><strong>Read-only worker job</strong></td>
              <td>Bounded investigation can produce a handoff under <code>jobs/done</code>.</td>
              <td>One worker, one job, no subagents.</td>
            </tr>
            <tr>
              <td><strong>Archive/cache noise</strong></td>
              <td>Repo cache, fixture, old benchmark clone or stale artifact.</td>
              <td>Manifest only; no delete/archive action yet.</td>
            </tr>
          </tbody>
        </table>
      </article>

      <article class="lane callout purple">
        <h2>Current human decisions</h2>
        <ul class="project-list">
          <li class="project">
            <div class="topline"><strong>KomandoZentral outcome scope</strong><span class="score">now</span></div>
            <p>Choose whether active outcome saving is accepted Beta scope or must return to a read-only placeholder until Phase C.</p>
          </li>
          <li class="project">
            <div class="topline"><strong>ACT bootstrap state</strong><span class="score">before ACT work</span></div>
            <p>Decide whether to continue, park, or discard uncommitted GH Token Furnace harness bootstrap changes.</p>
          </li>
          <li class="project">
            <div class="topline"><strong>Sidecar consolidation</strong><span class="score">defer</span></div>
            <p>Pick a target only after explicit owner review because the cluster is safety-layer adjacent.</p>
          </li>
        </ul>
      </article>
    </section>

    <section class="section panel callout">
      <h2>Source links</h2>
      <p>
        This board is a human-readable index over existing artifacts. It does not replace verifiers or worker handoffs.
      </p>
      <div class="footer-links">
        <a href="../OWNER_DIGEST.md">Owner digest</a>
        <a href="../triage/TOP_10_NEXT_ACTIONS.md">Top 10 next actions</a>
        <a href="../triage/HUMAN_DECISION_REQUIRED.md">Human decisions</a>
        <a href="../jobs/done/pit-zentrale-193cdb6361-review/handoff.md">Zentrale handoff</a>
        <a href="../jobs/done/pit-act-agentcommandotower-0112bb030d-review/handoff.md">ACT handoff</a>
        <a href="../jobs/done/pit-komandozentral-46af91fa1c-review/handoff.md">KomandoZentral handoff</a>
        <a href="project_learning_graphic.html">Raw generated graphic</a>
      </div>
    </section>
  </main>
</body>
</html>