Output
Console Files Over 250 Lines
| File | Lines | Purpose |
|---|---|---|
| console-state.ts | 498 | Client state machine JS |
| console-ui.ts | 436 | DOM helpers, status bar |
| console-storage.ts | 416 | localStorage functions |
| console-sm-transitions.ts | 394 | State transition function |
| console-render-results.ts | 344 | File/search/shell/todo |
| console-streaming.ts | 323 | SSE streaming |
| console-stream.ts | 285 | Stream config/parsing |
| console-event-handler.ts | 285 | SSE event handling |
| console-recovery.ts | 278 | State recovery |
| console-events.ts | 274 | DOM event listeners |
Assessment
Files in green (251-350) are borderline and cohesive - no split needed.
Files in yellow (351-500) could be split but contain tightly related functions. Worth splitting only if they grow further.
Quick Actions
Original Request
No layout configured
Details
Type
General
Status
Completed
Scope
vibetools
Tags
consolerefactoring
Created
3 Jan 2026, 2:17 am
Updated
3 Jan 2026, 2:17 am
Created By
claude
Raw Data
{
"id": "abbbe79e-7659-46fe-a450-15ac68922e9f",
"type": "general",
"status": "completed",
"title": "Console Files Over 250 Lines",
"description": "10 console files remain over 250 lines",
"context": {
"output": "<div style=\"background:#1e1e1e;color:#e0e0e0;padding:20px;border-radius:8px;font-family:sans-serif;\"><h2 style=\"color:#fff;margin:0 0 16px 0;\">Console Files Over 250 Lines</h2><div style=\"background:#2d2d2d;padding:16px;border-radius:6px;margin-bottom:16px;\"><table style=\"width:100%;border-collapse:collapse;font-family:monospace;font-size:0.9rem;\"><tr style=\"border-bottom:1px solid #555;\"><th style=\"text-align:left;padding:8px;color:#7f848e;\">File</th><th style=\"text-align:right;padding:8px;color:#7f848e;\">Lines</th><th style=\"text-align:left;padding:8px;color:#7f848e;\">Purpose</th></tr><tr style=\"border-bottom:1px solid #444;\"><td style=\"padding:8px;color:#e5c07b;\">console-state.ts</td><td style=\"padding:8px;text-align:right;color:#f97316;font-weight:bold;\">498</td><td style=\"padding:8px;color:#9ca3af;\">Client state machine JS</td></tr><tr style=\"border-bottom:1px solid #444;\"><td style=\"padding:8px;color:#e5c07b;\">console-ui.ts</td><td style=\"padding:8px;text-align:right;color:#eab308;font-weight:bold;\">436</td><td style=\"padding:8px;color:#9ca3af;\">DOM helpers, status bar</td></tr><tr style=\"border-bottom:1px solid #444;\"><td style=\"padding:8px;color:#e5c07b;\">console-storage.ts</td><td style=\"padding:8px;text-align:right;color:#eab308;font-weight:bold;\">416</td><td style=\"padding:8px;color:#9ca3af;\">localStorage functions</td></tr><tr style=\"border-bottom:1px solid #444;\"><td style=\"padding:8px;color:#e5c07b;\">console-sm-transitions.ts</td><td style=\"padding:8px;text-align:right;color:#eab308;font-weight:bold;\">394</td><td style=\"padding:8px;color:#9ca3af;\">State transition function</td></tr><tr style=\"border-bottom:1px solid #444;\"><td style=\"padding:8px;color:#e5c07b;\">console-render-results.ts</td><td style=\"padding:8px;text-align:right;color:#22c55e;font-weight:bold;\">344</td><td style=\"padding:8px;color:#9ca3af;\">File/search/shell/todo</td></tr><tr style=\"border-bottom:1px solid #444;\"><td style=\"padding:8px;color:#e5c07b;\">console-streaming.ts</td><td style=\"padding:8px;text-align:right;color:#22c55e;font-weight:bold;\">323</td><td style=\"padding:8px;color:#9ca3af;\">SSE streaming</td></tr><tr style=\"border-bottom:1px solid #444;\"><td style=\"padding:8px;color:#e5c07b;\">console-stream.ts</td><td style=\"padding:8px;text-align:right;color:#22c55e;font-weight:bold;\">285</td><td style=\"padding:8px;color:#9ca3af;\">Stream config/parsing</td></tr><tr style=\"border-bottom:1px solid #444;\"><td style=\"padding:8px;color:#e5c07b;\">console-event-handler.ts</td><td style=\"padding:8px;text-align:right;color:#22c55e;font-weight:bold;\">285</td><td style=\"padding:8px;color:#9ca3af;\">SSE event handling</td></tr><tr style=\"border-bottom:1px solid #444;\"><td style=\"padding:8px;color:#e5c07b;\">console-recovery.ts</td><td style=\"padding:8px;text-align:right;color:#22c55e;font-weight:bold;\">278</td><td style=\"padding:8px;color:#9ca3af;\">State recovery</td></tr><tr><td style=\"padding:8px;color:#e5c07b;\">console-events.ts</td><td style=\"padding:8px;text-align:right;color:#22c55e;font-weight:bold;\">274</td><td style=\"padding:8px;color:#9ca3af;\">DOM event listeners</td></tr></table></div><div style=\"background:#2d2d2d;padding:16px;border-radius:6px;\"><h4 style=\"margin:0 0 8px 0;color:#fff;\">Assessment</h4><p style=\"color:#9ca3af;margin:0 0 12px 0;\">Files in <span style=\"color:#22c55e;\">green (251-350)</span> are borderline and cohesive - no split needed.</p><p style=\"color:#9ca3af;margin:0;\">Files in <span style=\"color:#eab308;\">yellow (351-500)</span> could be split but contain tightly related functions. Worth splitting only if they grow further.</p></div></div>",
"requestedAt": "2026-01-03T05:32:00.000Z",
"requestId": "893dc313-12fc-4a7f-be54-b836c9bda253"
},
"createdBy": "claude",
"createdAt": "2026-01-02T16:17:32.449Z",
"updatedAt": "2026-01-02T16:17:32.592Z",
"requestId": "893dc313-12fc-4a7f-be54-b836c9bda253",
"scope": "vibetools",
"tags": [
"console",
"refactoring"
],
"targetUser": "claude"
}