Collapse three identical system rows instead of leaking the third

Author: TheGreatAxios

src/tui/shell/chrome.ts

@@ -1120,7 +1120,10 @@ function paintAppendStreamRow(shell: AppShell, row: StreamRow): void {
   clearLandingMark(shell);
   const seq = (paintSequence.get(shell) ?? 0) + 1;
   paintSequence.set(shell, seq);
-  if (isDuplicateSystemEcho(shell, row)) return;
+  if (isDuplicateSystemEcho(shell, row)) {
+    systemPushSequence.set(shell, seq);
+    return;
+  }
   const gainedVoice = noteAgentVoice(shell, row);
   shell.streamLog.push(row);
   if (row.role === "system") systemPushSequence.set(shell, seq);

src/tui/startup-transcript.test.ts

@@ -40,6 +40,27 @@ describe("startup transcript", () => {
     });
   });
 
+  test("three identical system rows in a row paint once", async () => {
+    await withTestRenderer(async (h) => {
+      const shell = createAppShell(h.renderer, OPTIONS);
+      try {
+        for (let i = 0; i < 3; i += 1) {
+          appendStreamRow(shell, {
+            role: "system",
+            text: "Chose muse-spark.",
+            meta: "model picker",
+          });
+        }
+        expect(streamRowCount(shell)).toBe(1);
+        expect(shell.streamLog.map((row) => row.text)).toEqual([
+          "Chose muse-spark.",
+        ]);
+      } finally {
+        shell.dispose();
+      }
+    });
+  });
+
   test("separated repeats and other roles still paint", async () => {
     await withTestRenderer(async (h) => {
       const shell = createAppShell(h.renderer, OPTIONS);