Dashboard Console State Loss Issue

Details

Raw Data

{
  "id": "eb0c1158-8b39-4bc2-a877-802b687bf8c4",
  "type": "general",
  "status": "completed",
  "title": "Dashboard Console State Loss Issue",
  "description": "Status bar and progress bar reset prematurely when stream ends",
  "context": {
    "output": "<div style=\"background:#1e1e1e;color:#e0e0e0;padding:20px;border-radius:8px;font-family:system-ui,-apple-system,sans-serif;\">\n<h2 style=\"color:#fff;margin:0 0 16px 0;\">Dashboard Console State Loss</h2>\n\n<div style=\"background:#ef444420;border-left:4px solid #ef4444;padding:12px 16px;border-radius:0 6px 6px 0;margin-bottom:16px;\">\n<strong>Issue:</strong> Status bar shows \"READY\" and progress bar disappears while Claude is still working\n</div>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\">\n<h4 style=\"margin:0 0 12px 0;color:#f97316;\">Root Cause</h4>\n<p style=\"margin:0;line-height:1.6;\">In <code style=\"background:#374151;padding:2px 6px;border-radius:3px;\">dashboard-console.ts:1893</code>, <code>setRunning(false)</code> is called immediately when the HTTP stream ends.</p>\n<p style=\"margin:12px 0 0 0;\">This triggers:</p>\n<ol style=\"margin:8px 0 0 0;padding-left:20px;line-height:1.8;\">\n<li><code>setStatus('Ready', false)</code> - Status bar → \"READY\"</li>\n<li><code>hideTodoProgress()</code> - Progress bar hidden</li>\n<li><code>stopHeartbeat()</code> - Connection state → idle</li>\n</ol>\n</div>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\">\n<h4 style=\"margin:0 0 12px 0;color:#8b5cf6;\">What User Sees</h4>\n<table style=\"width:100%;color:#e0e0e0;font-size:0.9rem;border-collapse:collapse;\">\n<tr><td style=\"padding:8px;border-bottom:1px solid #444;\"><strong>Expected</strong></td><td style=\"padding:8px;border-bottom:1px solid #444;\">Progress bar, Working status, tool events streaming</td></tr>\n<tr><td style=\"padding:8px;\"><strong>Actual</strong></td><td style=\"padding:8px;\">Tool events streaming BUT status shows READY, progress bar gone</td></tr>\n</table>\n</div>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\">\n<h4 style=\"margin:0 0 12px 0;color:#22c55e;\">Proposed Fix</h4>\n<p style=\"margin:0;line-height:1.6;\">Don't call <code>setRunning(false)</code> until we either:</p>\n<ol style=\"margin:8px 0 0 0;padding-left:20px;line-height:1.8;\">\n<li>Receive the kontask output (success)</li>\n<li>Timeout waiting for output (failure)</li>\n<li>User explicitly cancels</li>\n</ol>\n<p style=\"margin:12px 0 0 0;\">The <code>checkForNewKontask()</code> on line 1885 already waits - we should only reset state AFTER it confirms output was received.</p>\n</div>\n\n<div style=\"background:#2d2d2d;padding:16px;border-radius:6px;\">\n<h4 style=\"margin:0 0 12px 0;color:#61afef;\">Naming Clarification</h4>\n<p style=\"margin:0;line-height:1.6;\">You asked what we call the \"inline Claude Code and Comments narrative\":</p>\n<ul style=\"margin:8px 0 0 0;padding-left:20px;line-height:1.8;\">\n<li><strong>Tool events</strong> - The streaming lines (📖 Reading, 🔍 Searching, etc.)</li>\n<li><strong>Working history</strong> - The accumulated tool calls in a session</li>\n<li><strong>Assistant text</strong> - Claude's natural language feedback (● messages)</li>\n</ul>\n</div>\n</div>",
    "requestedAt": "2026-01-02T22:15:00Z",
    "requestId": "11327d07-a505-4009-819a-d29a23d83036"
  },
  "createdBy": "claude",
  "createdAt": "2026-01-02T05:17:04.517Z",
  "updatedAt": "2026-01-02T05:17:04.648Z",
  "requestId": "11327d07-a505-4009-819a-d29a23d83036",
  "scope": "vibetools",
  "tags": [
    "console",
    "status-bar",
    "bug"
  ],
  "targetUser": "claude"
}