feat: add 'blocked' status to tasks and todos (#22735)

packages/cli/src/ui/components/ChecklistItem.test.tsx

@@ -15,6 +15,7 @@ describe('<ChecklistItem />', () => {
     { status: 'in_progress', label: 'Doing this' },
     { status: 'completed', label: 'Done this' },
     { status: 'cancelled', label: 'Skipped this' },
+    { status: 'blocked', label: 'Blocked this' },
   ] as ChecklistItemData[])('renders %s item correctly', async (item) => {
     const { lastFrame, waitUntilReady } = render(<ChecklistItem item={item} />);
     await waitUntilReady();

packages/cli/src/ui/components/ChecklistItem.tsx

@@ -13,7 +13,8 @@ export type ChecklistStatus =
   | 'pending'
   | 'in_progress'
   | 'completed'
-  | 'cancelled';
+  | 'cancelled'
+  | 'blocked';
 
 export interface ChecklistItemData {
   status: ChecklistStatus;
@@ -48,6 +49,12 @@ const ChecklistStatusDisplay: React.FC<{ status: ChecklistStatus }> = ({
           ✗
         </Text>
       );
+    case 'blocked':
+      return (
+        <Text color={theme.status.warning} aria-label="Blocked">
+          ⛔
+        </Text>
+      );
     default:
       checkExhaustive(status);
   }
@@ -70,6 +77,7 @@ export const ChecklistItem: React.FC<ChecklistItemProps> = ({
         return theme.text.accent;
       case 'completed':
       case 'cancelled':
+      case 'blocked':
         return theme.text.secondary;
       case 'pending':
         return theme.text.primary;

packages/cli/src/ui/components/__snapshots__/ChecklistItem.test.tsx.snap

@@ -1,5 +1,10 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
+exports[`<ChecklistItem /> > renders { status: 'blocked', label: 'Blocked this' } item correctly 1`] = `
+"⛔ Blocked this
+"
+`;
+
 exports[`<ChecklistItem /> > renders { status: 'cancelled', label: 'Skipped this' } item correctly 1`] = `
 "✗ Skipped this
 "