huskies: merge 895

frontend/src/api/client/types.ts

@@ -60,6 +60,10 @@ export interface PipelineStageItem {
 	review_hold: boolean | null;
 	qa: string | null;
 	depends_on: number[] | null;
+	/** True when the item is in Stage::Blocked — awaiting human unblock. */
+	blocked?: boolean | null;
+	/** True when the item is in Stage::Frozen — paused at its current stage. */
+	frozen?: boolean | null;
 }
 
 /** Snapshot of all pipeline stages returned via WebSocket or REST. */

frontend/src/components/StagePanel.tsx

@@ -396,6 +396,44 @@ export function StagePanel({
 												{typeLabel}
 											</span>
 										)}
+										{item.blocked && !item.merge_failure && (
+											<span
+												data-testid={`blocked-badge-${item.story_id}`}
+												title="Blocked — awaiting human unblock"
+												style={{
+													fontSize: "0.65em",
+													fontWeight: 700,
+													color: "#f85149",
+													background: "#2a1010",
+													border: "1px solid #6e1b1b",
+													borderRadius: "4px",
+													padding: "1px 4px",
+													marginRight: "8px",
+													letterSpacing: "0.05em",
+												}}
+											>
+												⊘ BLOCKED
+											</span>
+										)}
+										{item.frozen && (
+											<span
+												data-testid={`frozen-badge-${item.story_id}`}
+												title="Frozen — auto-assign paused"
+												style={{
+													fontSize: "0.65em",
+													fontWeight: 700,
+													color: "#58a6ff",
+													background: "#0d1f36",
+													border: "1px solid #1a3a6e",
+													borderRadius: "4px",
+													padding: "1px 4px",
+													marginRight: "8px",
+													letterSpacing: "0.05em",
+												}}
+											>
+												❄ FROZEN
+											</span>
+										)}
 										{costs?.has(item.story_id) && (
 											<span
 												data-testid={`cost-badge-${item.story_id}`}