Accept story 28: Show Remaining Test TODOs in the UI

All acceptance criteria verified. Always show story name/id in TODO
panel regardless of story count. Archive story.

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

.story_kit/stories/archived/28_ui_show_test_todos.md

@@ -4,10 +4,10 @@
 As a user, I want the UI to show the remaining test TODOs for the current story, so I can track which Acceptance Criteria are still untested.
 
 ## Acceptance Criteria
-- The UI lists unchecked acceptance criteria (`- [ ]`) from the current story file.
-- Each TODO is displayed as its full text.
-- When a criterion is checked off in the story file (`- [x]`), it disappears from the TODO list.
-- If no unchecked criteria remain, the UI clearly indicates completion.
+- [x] The UI lists unchecked acceptance criteria (`- [ ]`) from the current story file.
+- [x] Each TODO is displayed as its full text.
+- [x] When a criterion is checked off in the story file (`- [x]`), it disappears from the TODO list.
+- [x] If no unchecked criteria remain, the UI clearly indicates completion.
 
 ## Out of Scope
 - Editing or checking off criteria from the UI.

frontend/src/components/ChatHeader.tsx

@@ -176,9 +176,7 @@ export function ChatHeader({
 						}}
 					>
 						<optgroup label="Claude Code (PTY)">
-							<option value="claude-code-pty">
-								claude-code-pty
-							</option>
+							<option value="claude-code-pty">claude-code-pty</option>
 						</optgroup>
 						{(claudeModels.length > 0 || !hasAnthropicKey) && (
 							<optgroup label="Anthropic">

frontend/src/components/TodoPanel.tsx

@@ -143,17 +143,15 @@ export function TodoPanel({
 						.filter((s) => s.items.length > 0)
 						.map((story) => (
 							<div key={story.storyId}>
-								{todos.length > 1 && (
-									<div
-										style={{
-											fontSize: "0.8em",
-											color: "#777",
-											marginBottom: "4px",
-										}}
-									>
-										{story.storyName ?? story.storyId}
-									</div>
-								)}
+								<div
+									style={{
+										fontSize: "0.8em",
+										color: "#777",
+										marginBottom: "4px",
+									}}
+								>
+									{story.storyName ?? story.storyId}
+								</div>
 								<ul
 									style={{
 										margin: "0 0 0 16px",