fix(cockpit): stop the status flicker while you type (input-aware)

The session status flickered working(green)<->turn(amber) on every
keystroke: the PTY echoes typed characters, which computeActivity read
as recent agent output ("working"); a typing pause fell to "turn",
which was an amber dot bucketed under "Needs you" and counted in the
rail badge — so the indicator and badge flickered as you typed.

Now the status is input-aware: a recent keystroke (<= INPUT_ACTIVE_MS,
kept > WORKING_MS) yields a stable "your turn", never "working", so
echoes can't look like agent work. "turn" also gets its own calm
"Your turn" group (blue dot, separate from "Needs you"), and the rail
badge counts only genuine agent questions (attention), so typing no
longer inflates it.

v1.6.1. 260 tests. QA 0 console/page errors.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: writingdeveloper

README.md

@@ -11,7 +11,7 @@ See every repo's state at a glance — git status, how long it's been neglected,
 ![License](https://img.shields.io/badge/license-MIT-blue)
 ![Platform](https://img.shields.io/badge/platform-Windows%20%7C%20macOS%20%7C%20Linux-0078D6)
 ![Built with Electron](https://img.shields.io/badge/Electron-31-47848F)
-![Tests](https://img.shields.io/badge/tests-259%20passing-3fb950)
+![Tests](https://img.shields.io/badge/tests-260%20passing-3fb950)
 ![CI](https://github.com/writingdeveloper/devdeck/actions/workflows/ci.yml/badge.svg)
 
 <img src="docs/demo/demo.gif" width="820" alt="DevDeck demo" />

package.json

@@ -1,6 +1,6 @@
 {
   "name": "devdeck",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "Project command deck — at-a-glance state + claude -c resume",
   "main": "dist/main/main.js",
   "type": "commonjs",

src/renderer/cockpitView.ts

@@ -7,7 +7,7 @@ import { sanitizePersistedList, type PersistedSession } from '../shared/cockpitP
 import type { StaleLevel } from '../shared/types';
 import { tr } from './i18n-runtime';
 
-interface Live { session: CockpitSession; term: Terminal; fit: FitAddon; el: HTMLElement; lastDataAt: number; recentOutput: string; openedSessionId: string | null; }
+interface Live { session: CockpitSession; term: Terminal; fit: FitAddon; el: HTMLElement; lastDataAt: number; lastInputAt: number; recentOutput: string; openedSessionId: string | null; }
 export interface OpenReq { path: string; name: string; staleLevel: StaleLevel; branch: string | null; dirty: number; sessionId?: string | null; }
 
 const live = new Map<string, Live>();
@@ -96,10 +96,10 @@ async function createSession(p: OpenReq): Promise<void> {
   const session: CockpitSession = { id: res.id, projectPath: p.path, name: p.name, agentId: res.agentId, status: 'running', staleLevel: p.staleLevel, branch: p.branch, dirty: p.dirty, activity: 'working' };
   term.onData((d) => {
     window.devdeck.cockpit.input(res.id, d);
-    const l = live.get(res.id); // typing answers any pending prompt → clear the buffer so 'attention' doesn't stick
-    if (l) l.recentOutput = '';
+    const l = live.get(res.id); // typing answers any pending prompt → clear the buffer + mark input so it reads as "your turn", not "working"
+    if (l) { l.recentOutput = ''; l.lastInputAt = Date.now(); }
   });
-  live.set(res.id, { session, term, fit, el, lastDataAt: Date.now(), recentOutput: '', openedSessionId: p.sessionId ?? null });
+  live.set(res.id, { session, term, fit, el, lastDataAt: Date.now(), lastInputAt: 0, recentOutput: '', openedSessionId: p.sessionId ?? null });
   restorable = restorable.filter((r) => r.projectPath !== p.path); // now live → no longer a "previous" entry
   select(res.id);
   updateRailBadge();
@@ -123,7 +123,7 @@ function tickActivity(): void {
   const now = Date.now();
   let changed = false;
   for (const l of live.values()) {
-    const next = computeActivity({ exited: l.session.status === 'exited', lastDataAt: l.lastDataAt, now, recentOutput: l.recentOutput });
+    const next = computeActivity({ exited: l.session.status === 'exited', lastDataAt: l.lastDataAt, lastInputAt: l.lastInputAt, now, recentOutput: l.recentOutput });
     if (next !== l.session.activity) { l.session.activity = next; changed = true; }
   }
   if (changed) { renderList(); updateRailBadge(); }

src/renderer/locales/en.json

@@ -114,6 +114,7 @@
   "cockpit.st_exited": "Exited",
   "cockpit.grp_attention": "Needs you",
   "cockpit.grp_working": "Working",
+  "cockpit.grp_turn": "Your turn",
   "cockpit.grp_idle": "Idle / exited",
   "cockpit.prev_sessions": "Previous",
   "cockpit.restore": "Restore",

src/renderer/locales/ja.json

@@ -114,6 +114,7 @@
   "cockpit.st_exited": "終了",
   "cockpit.grp_attention": "要対応",
   "cockpit.grp_working": "実行中",
+  "cockpit.grp_turn": "あなたの番",
   "cockpit.grp_idle": "アイドル / 終了",
   "cockpit.prev_sessions": "前回のセッション",
   "cockpit.restore": "復元",

src/renderer/locales/ko.json

@@ -114,6 +114,7 @@
   "cockpit.st_exited": "종료",
   "cockpit.grp_attention": "주목 필요",
   "cockpit.grp_working": "작업 중",
+  "cockpit.grp_turn": "내 차례",
   "cockpit.grp_idle": "유휴 / 종료",
   "cockpit.prev_sessions": "이전 세션",
   "cockpit.restore": "복원",

src/renderer/locales/zh.json

@@ -114,6 +114,7 @@
   "cockpit.st_exited": "已退出",
   "cockpit.grp_attention": "需要关注",
   "cockpit.grp_working": "工作中",
+  "cockpit.grp_turn": "轮到你",
   "cockpit.grp_idle": "空闲 / 已退出",
   "cockpit.prev_sessions": "上次会话",
   "cockpit.restore": "恢复",

src/renderer/styles.css

@@ -287,7 +287,7 @@ button.primary:hover { background: var(--accent-hover); }
 .ck-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--neutral); }
 .ck-spin { width: 10px; height: 10px; border: 1.6px solid #3fb950; border-right-color: transparent; border-radius: 50%; animation: ck-spin .7s linear infinite; }
 @keyframes ck-spin { to { transform: rotate(360deg); } }
-.ck-row.act-turn .ck-dot { background: var(--warn); }
+.ck-row.act-turn .ck-dot { background: var(--accent); }
 .ck-row.act-idle .ck-dot { background: var(--neutral); opacity: .55; }
 .ck-row.act-exited .ck-dot { background: transparent; border: 1.5px solid var(--text-faint); }
 .ck-row.act-attention { background: #241512; border-left-color: var(--bad); }

src/shared/cockpitModel.test.ts

@@ -30,20 +30,21 @@ describe('groupByActivity', () => {
       s({ id: 'i', name: 'i', activity: 'idle' }),
     ];
     const g = groupByActivity(list);
-    expect(g.map((x) => x.bucket)).toEqual(['attention', 'working', 'idle']);
-    expect(g[0].items.map((x) => x.id)).toEqual(['a', 't']); // attention before turn
+    expect(g.map((x) => x.bucket)).toEqual(['attention', 'working', 'turn', 'idle']);
+    expect(g[0].items.map((x) => x.id)).toEqual(['a']);
     expect(g[1].items.map((x) => x.id)).toEqual(['w']);
-    expect(g[2].items.map((x) => x.id)).toEqual(['i', 'e']); // idle before exited
+    expect(g[2].items.map((x) => x.id)).toEqual(['t']); // 'turn' is its own "Your turn" group
+    expect(g[3].items.map((x) => x.id)).toEqual(['i', 'e']); // idle before exited
   });
   it('omits empty buckets', () => {
     expect(groupByActivity([s({ activity: 'working' })]).map((x) => x.bucket)).toEqual(['working']);
   });
 });
 
 describe('needsAttentionCount', () => {
-  it('counts attention + turn', () => {
+  it('counts only attention (a question) — not turn / typing', () => {
     const list = [s({ activity: 'attention' }), s({ activity: 'turn' }), s({ activity: 'working' }), s({ activity: 'idle' })];
-    expect(needsAttentionCount(list)).toBe(2);
+    expect(needsAttentionCount(list)).toBe(1);
   });
 });
 

src/shared/cockpitModel.ts

@@ -22,19 +22,23 @@ export function filterSessions(list: CockpitSession[], query: string): CockpitSe
     s.name.toLowerCase().includes(q) || (s.branch ?? '').toLowerCase().includes(q));
 }
 
-const ACTIVITY_RANK: Record<ActivityState, number> = { attention: 0, turn: 1, working: 2, idle: 3, exited: 4 };
-const BUCKET_OF: Record<ActivityState, 'attention' | 'working' | 'idle'> = { attention: 'attention', turn: 'attention', working: 'working', idle: 'idle', exited: 'idle' };
-const BUCKET_ORDER = ['attention', 'working', 'idle'] as const;
+type Bucket = 'attention' | 'working' | 'turn' | 'idle';
+const ACTIVITY_RANK: Record<ActivityState, number> = { attention: 0, working: 1, turn: 2, idle: 3, exited: 4 };
+// 'turn' is its own calm "Your turn" bucket (separate from "Needs you"), so an active/just-finished
+// session isn't lumped with genuine agent questions and doesn't inflate the needs-you badge.
+const BUCKET_OF: Record<ActivityState, Bucket> = { attention: 'attention', working: 'working', turn: 'turn', idle: 'idle', exited: 'idle' };
+const BUCKET_ORDER = ['attention', 'working', 'turn', 'idle'] as const;
 
-export function groupByActivity(list: CockpitSession[]): { bucket: 'attention' | 'working' | 'idle'; items: CockpitSession[] }[] {
+export function groupByActivity(list: CockpitSession[]): { bucket: Bucket; items: CockpitSession[] }[] {
   const sorted = [...list].sort((a, b) => ACTIVITY_RANK[a.activity] - ACTIVITY_RANK[b.activity] || a.name.localeCompare(b.name));
   return BUCKET_ORDER
     .map((bucket) => ({ bucket, items: sorted.filter((s) => BUCKET_OF[s.activity] === bucket) }))
     .filter((g) => g.items.length > 0);
 }
 
+/** The rail badge surfaces only sessions where the AGENT is waiting on you (a question) — not your turn / typing. */
 export function needsAttentionCount(list: CockpitSession[]): number {
-  return list.filter((s) => s.activity === 'attention' || s.activity === 'turn').length;
+  return list.filter((s) => s.activity === 'attention').length;
 }
 
 /** The cockpit (embedded node-pty terminals) is Windows-only for now; other OSes keep the external terminal. */