TeamB

id: task-274 title: Fix Kanban boards missing live updates status: Done assignee:

'@claude' created_date: '2025-09-25 18:12' updated_date: '2025-09-26 19:44' labels: [] dependencies: []

Description

Web UI Kanban board does not refresh its status columns when the configuration adds new statuses, so tasks moved into those statuses disappear until the browser reloads.
TUI Kanban board keeps rendering the preloaded snapshot and ignores updates from the task watcher, so tasks created or changed in another terminal instance never appear until the command is restarted.

Make both Kanban experiences reflect live changes (new statuses and new/updated tasks) without requiring a full restart or page reload.

[x] #1 Web Kanban board shows tasks immediately after they move into a newly added status without a manual browser refresh.
[x] #2 Status configuration changes made with 'backlog config set statuses' update the web Kanban column list without restarting the browser session.
[x] #3 While 'backlog board' is running, tasks created or edited in another terminal are rendered in the TUI board without restarting the command.
[x] #4 Make task prop optional in TaskDetailsModal to support create mode
[x] #5 Add title field editing when in create mode (currently title is only in header)
[x] #6 Add onArchive prop and handler to TaskDetailsModal interface
[x] #7 Add archive button at bottom of right sidebar (below Dependencies section)
[x] #8 Show archive button only when editing existing task, not when creating
[x] #9 Update App.tsx to use TaskDetailsModal for both create and edit modes
[x] #10 Handle form validation for required fields when creating new task
[x] #11 Preserve all existing UX improvements (preview mode, inline editing, keyboard shortcuts)
[x] #12 Test both create and edit flows work correctly with all features
[x] #13 Remove TaskForm component after migration is complete

Part A: Fix Kanban boards missing live updates a. Add config watcher to detect status changes b. Implement WebSocket broadcast for config updates c. Update TUI board to subscribe to task updates d. Update web UI to refresh columns on config changes
Part B: Consolidate task forms and restore archive a. Modify TaskDetailsModal to support optional task prop b. Add title field for create mode c. Add archive button to sidebar bottom d. Add onArchive prop and handler e. Update App.tsx to use TaskDetailsModal for both modes f. Add form validation for create mode g. Remove TaskForm component
Testing a. Test live updates in both TUI and web b. Test create/edit flows with all features c. Test archive functionality d. Run type checks and linting

Additional scope: Consolidate task forms and restore archive functionality

Added config watcher to server that broadcasts "config-updated" messages via WebSocket
Updated web UI to reload statuses when receiving config-updated messages
TUI already had task and config watchers in place, confirmed working
Extended TaskDetailsModal to support both create and edit modes
Added title field for create mode
Added archive button at bottom of right sidebar
Consolidated UI by removing TaskForm component
All functionality preserved: preview mode, inline editing, keyboard shortcuts