@agenit/cli 2.0.0 → 2.1.1

package/config/flow.toml

@@ -4,8 +4,17 @@
 # /opt/homebrew/bin on macOS, /usr/local/bin on Linux, %APPDATA%\npm on
 # Windows). Set an absolute path only if you need to pin a specific install.
 binary      = "gemini"
-# Model override — leave commented out to use Gemini CLI's own default
-# model     = "gemini-2.5-pro"
+# Model override — pinned to 2.5-pro to avoid 2.5-flash's RESOURCE_EXHAUSTED on the free OAuth pool.
+model     = "gemini-2.5-pro"
+# Fallback model — used for one transparent retry when the primary model
+# returns HTTP 429 / "No capacity available". A one-line warning is
+# printed to stderr when this fires. Unset or equal-to-`model` disables.
+fallback_model = "gemini-2.5-flash"
+# Per-request wall-clock timeout in seconds. Caps gemini-cli's internal
+# retry-on-429 hangs (which can otherwise run 3+ minutes silently). On
+# timeout the spawned process is killed and the fallback retry path
+# triggers. Default 90s. Set to 0 to disable.
+request_timeout_secs = 90
 # Working dir handed to the spawned Gemini-CLI as cwd. Resolved against the
 # directory the user invoked `agenit` from (NOT the directory holding this
 # file). Leave unset (or "." ) to follow the user's project — every

package/control/app.mjs

@@ -83,7 +83,7 @@ function PanelPlaceholder({ panel }) {
  * mission can keep an eye on phase / squad / job state without
  * switching screens.
  */
-function Stage({ active, state, events }) {
+function Stage({ active, state, events, tuiEvents }) {
   if (active === "chat") {
     return html`
       <section class="shell-stage" aria-label="Chat">
@@ -99,10 +99,10 @@ function Stage({ active, state, events }) {
       main = html`<${VModel} state=${state} events=${events} />`;
       break;
     case "squad":
-      main = html`<${Squad} state=${state} />`;
+      main = html`<${Squad} state=${state} tuiEvents=${tuiEvents} />`;
       break;
     case "goal":
-      main = html`<${Goal} state=${state} events=${events} />`;
+      main = html`<${Goal} state=${state} events=${events} tuiEvents=${tuiEvents} />`;
       break;
     case "design":
       main = html`<${Design} />`;
@@ -182,7 +182,7 @@ function App() {
         model=${"—"}
       />
       <${LeftNav} active=${active} onSelect=${setActive} />
-      <${Stage} active=${active} state=${state} events=${snap.events} />
+      <${Stage} active=${active} state=${state} events=${snap.events} tuiEvents=${snap.tuiEvents} />
       <${Footer} events=${snap.events} connection=${overallConn} />
       <${CommandPalette}
         open=${paletteOpen}

package/control/panels/Goal.mjs

@@ -85,7 +85,60 @@ function dispatch(input) {
   return api("/api/command", { method: "POST", body: { input } });
 }
 
-export function Goal({ state, events }) {
+function TickTimeline({ tuiEvents, goalId }) {
+  const ticks = (tuiEvents || []).filter(
+    (e) => typeof e.type === "string" && e.type.startsWith("goal.tick.") &&
+      (!goalId || e.goalId === goalId),
+  );
+  if (ticks.length === 0) {
+    return html`<div class="placeholder muted">no tick events yet</div>`;
+  }
+  // Group by turn so each row shows start → advise? → test* → end.
+  const byTurn = new Map();
+  for (const ev of ticks) {
+    const k = ev.turn;
+    const arr = byTurn.get(k) || [];
+    arr.push(ev);
+    byTurn.set(k, arr);
+  }
+  const turns = [...byTurn.entries()].sort((a, b) => b[0] - a[0]).slice(0, 20);
+  return html`
+    <ul class="tick-timeline">
+      ${turns.map(([turn, evs]) => {
+        const end = evs.find((e) => e.type === "goal.tick.end");
+        const tests = evs.filter((e) => e.type === "goal.tick.test");
+        return html`
+          <li class="tick-row" key=${turn}>
+            <span class="tick-turn">#${turn}</span>
+            ${evs.find((e) => e.type === "goal.tick.start")
+              ? html`<span class="chip">start</span>`
+              : ""}
+            ${evs.some((e) => e.type === "goal.tick.advise")
+              ? html`<span class="chip chip-advise">advise</span>`
+              : ""}
+            ${tests.map(
+              (t) => html`
+                <span
+                  class=${"chip " + (t.pass ? "chip-pass" : "chip-fail")}
+                  title=${(t.step?.name || "") + " " + (t.step?.detail || "")}
+                >
+                  ${t.step?.name || (t.pass ? "test" : "fail")}
+                </span>
+              `,
+            )}
+            ${end
+              ? html`<span class=${"chip chip-" + (end.outcome || "end")}>
+                  ${end.outcome || "end"}
+                </span>`
+              : ""}
+          </li>
+        `;
+      })}
+    </ul>
+  `;
+}
+
+export function Goal({ state, events, tuiEvents }) {
   const goal = findGoalJob(state);
   const [objective, setObjective] = useState("");
   const [pending, setPending] = useState(false);
@@ -210,6 +263,11 @@ export function Goal({ state, events }) {
         <${CostStrip} events=${events} />
       </div>
 
+      <div class="panel">
+        <h2 class="panel-title">Live ticks</h2>
+        <${TickTimeline} tuiEvents=${tuiEvents} goalId=${goal?.id ? goal.id.replace(/^goal:/, "") : null} />
+      </div>
+
       <div class="panel">
         <h2 class="panel-title">Goal log</h2>
         <pre class="goal-log">${logText || "(empty)"}</pre>

package/control/panels/Squad.mjs

@@ -59,7 +59,34 @@ function HelperRail({ helpers }) {
   `;
 }
 
-export function Squad({ state }) {
+function HelperTimeline({ tuiEvents }) {
+  const rows = (tuiEvents || []).filter(
+    (e) => typeof e.type === "string" && e.type.startsWith("squad.helper."),
+  );
+  if (rows.length === 0) {
+    return html`<div class="placeholder muted">no helper events yet</div>`;
+  }
+  const recent = rows.slice(0, 40);
+  return html`
+    <ul class="helper-timeline">
+      ${recent.map(
+        (ev, i) => html`
+          <li class=${"helper-event helper-evt-" + ev.type.replace(/\./g, "-")} key=${i}>
+            <span class="muted">${ev.type.replace("squad.helper.", "")}</span>
+            <span>${ev.name || "?"}</span>
+            ${ev.phase !== undefined ? html`<span class="chip">phase ${ev.phase}</span>` : ""}
+            ${ev.status ? html`<span class=${"chip chip-" + ev.status}>${ev.status}</span>` : ""}
+            ${ev.elapsedMs !== undefined
+              ? html`<span class="muted">${Math.round(ev.elapsedMs / 1000)}s</span>`
+              : ""}
+          </li>
+        `,
+      )}
+    </ul>
+  `;
+}
+
+export function Squad({ state, tuiEvents }) {
   const squad = state?.squad;
   const [template, setTemplate] = useState("implement");
   const [topology, setTopology] = useState("");
@@ -160,6 +187,10 @@ ${lastResult.error || lastResult.text || ""}</pre>`
         </h2>
         <${HelperRail} helpers=${squad?.helpers} />
       </div>
+      <div class="panel">
+        <h2 class="panel-title">Helper timeline</h2>
+        <${HelperTimeline} tuiEvents=${tuiEvents} />
+      </div>
     </section>
   `;
 }

package/control/store.mjs

@@ -12,12 +12,17 @@
 import { wsUrl, apiJson } from "./api.mjs";
 
 const EVENT_RING = 500;
+const TUI_EVENT_RING = 200;
 
 const listeners = new Set();
 let snapshot = {
   state: null,
   activeProject: null,
   events: [], // newest first
+  // Structured tuiBus events forwarded by the orchestrator's
+  // wireBus.onEvent — squad.helper.*, goal.tick.*, routing.downshift.
+  // Newest first. Panels filter by `type` prefix.
+  tuiEvents: [],
   connection: { state: "offline", events: "offline", chat: "idle" },
 };
 
@@ -54,6 +59,12 @@ function pushEvent(ev) {
   emit({ events: next });
 }
 
+function pushTuiEvent(ev) {
+  const next = [{ at: Date.now(), ...ev }].concat(snapshot.tuiEvents);
+  if (next.length > TUI_EVENT_RING) next.length = TUI_EVENT_RING;
+  emit({ tuiEvents: next });
+}
+
 function setBackfill(events) {
   // backfill arrives oldest-first from the server ring; flip so the
   // store's invariant of newest-first stays true.
@@ -140,6 +151,7 @@ export function startStore() {
     onClose: () => setConnection("state", "offline"),
     onMessage: (msg) => {
       if (msg.type === "state") emit({ state: msg.state });
+      else if (msg.type === "event") pushTuiEvent(msg.event);
     },
   });
 

package/control/style.css

@@ -1969,3 +1969,47 @@ button.trace-cell {
   border-radius: 4px;
 }
 ::-webkit-scrollbar-thumb:hover { background: var(--cyan-dim); }
+
+/* ── tick + helper timelines (Opp 4 panels) ───────────────────────────── */
+.tick-timeline,
+.helper-timeline {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  max-height: 320px;
+  overflow-y: auto;
+}
+.tick-row,
+.helper-event {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  align-items: center;
+  padding: 4px 6px;
+  border-radius: 4px;
+  background: var(--bg-elev);
+}
+.tick-turn {
+  min-width: 3em;
+  font-variant-numeric: tabular-nums;
+  color: var(--fg-dim);
+}
+.chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 1px 6px;
+  border-radius: 999px;
+  font-size: 0.75rem;
+  background: var(--bg);
+  border: 1px solid var(--border);
+}
+.chip-pass, .chip-complete, .chip-success { color: var(--green); border-color: var(--green); }
+.chip-fail, .chip-error { color: var(--red); border-color: var(--red); }
+.chip-advise, .chip-continue { color: var(--cyan); border-color: var(--cyan); }
+.chip-blocked { color: var(--yellow); border-color: var(--yellow); }
+.helper-evt-squad-helper-start { border-left: 2px solid var(--cyan); padding-left: 8px; }
+.helper-evt-squad-helper-end { border-left: 2px solid var(--green); padding-left: 8px; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agenit/cli",
-  "version": "2.0.0",
+  "version": "2.1.1",
   "description": "agenIT — Profile-driven AI dev co-pilot CLI (TypeScript / Ink). ASPICE-aligned V-Model workflow on top of Gemini CLI for embedded engineering teams.",
   "keywords": [
     "agenit",