fix(ui): resolve task status glyphs through one shared mapping (BUG-07)

The same task state rendered different status icons across views. A blocked
task covered by an active sub-task ("in queue") showed the blue queued glyph
in the task header and status trigger, but the status menu's current row, the
chat chip and the coordinator sidebar recents/project rows showed the red
blocked glyph, because those surfaces dropped blockerAttention (and some
dropped externalConversationState) before calling StatusIcon.

- Add ui/src/lib/task-status-presentation.ts: one resolver for glyph, label
  and accessible copy, plus taskStatusIconProps() so call sites pass every
  presentation field from a task record.
- StatusIcon and IssueStatusBadge use the resolver; the picker draws the
  current row with the trigger's presentation.
- Task call sites (sidebar, lists, inbox, properties, pills, search, chat
  chips, status cards) spread taskStatusIconProps.
- /issues/summaries returns blockerAttention for blocked rows; recent-task
  snapshots store and refresh it; sidebar project rows use the rows projection.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
DottaandClaude Opus 5.5 committed 2026-11-05 13:40:26 -06:00
1 parent 03eb49053f
commit 2c0cc8ee64
37 files changed
+418 -130

No files matched your search

@@ -2,6 +2,7 @@ import { ArrowUpRight, ListTree } from "lucide-react";
import { Link } from "@/lib/router";
import { IssueStatusBadge } from "@/components/StatusBadge";
import type { TaskChatTaskCreatedItem } from "./task-chat-model";
import { taskStatusIconProps } from "@/lib/task-status-presentation";
export function TaskChatTaskCreatedCard({ item }: { item: TaskChatTaskCreatedItem }) {
const { task } = item;
@@ -18,7 +19,7 @@ export function TaskChatTaskCreatedCard({ item }: { item: TaskChatTaskCreatedIte
<span className="block break-words text-sm font-medium">{task.title}</span>
<span className="flex flex-wrap items-center gap-2">
{task.identifier && <span className="font-mono text-xs text-muted-foreground">{task.identifier}</span>}
<IssueStatusBadge status={task.status} />
<IssueStatusBadge {...taskStatusIconProps(task)} />
</span>
</span>
<ArrowUpRight className="size-4 shrink-0 text-muted-foreground" aria-hidden />