huskies: merge 487_story_display_story_dependencies_in_web_ui_and_chat_commands

frontend/src/components/LozengeFlyContext.test.tsx

@@ -61,6 +61,7 @@ describe("AgentLozenge fixed intrinsic width", () => {
 				agent: { agent_name: "coder-1", model: "sonnet", status: "running" },
 				review_hold: null,
 				qa: null,
+				depends_on: null,
 			},
 		];
 		const pipeline = makePipeline({ current: items });
@@ -115,6 +116,7 @@ describe("LozengeFlyProvider fly-in visibility", () => {
 					agent: { agent_name: "coder-1", model: null, status: "running" },
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -157,6 +159,7 @@ describe("LozengeFlyProvider fly-in visibility", () => {
 					},
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -221,6 +224,7 @@ describe("LozengeFlyProvider fly-in clone", () => {
 					agent: { agent_name: "coder-1", model: "sonnet", status: "running" },
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -264,6 +268,7 @@ describe("LozengeFlyProvider fly-in clone", () => {
 					agent: { agent_name: "coder-1", model: null, status: "running" },
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -313,6 +318,7 @@ describe("LozengeFlyProvider fly-in clone", () => {
 					agent: { agent_name: "coder-1", model: null, status: "running" },
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -384,6 +390,7 @@ describe("LozengeFlyProvider fly-out", () => {
 					agent: { agent_name: "coder-1", model: "haiku", status: "completed" },
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -411,6 +418,7 @@ describe("LozengeFlyProvider fly-out", () => {
 					agent: null,
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -445,6 +453,7 @@ describe("AgentLozenge idle vs active appearance", () => {
 				agent: { agent_name: "coder-1", model: null, status: "running" },
 				review_hold: null,
 				qa: null,
+				depends_on: null,
 			},
 		];
 		const { container } = render(
@@ -471,6 +480,7 @@ describe("AgentLozenge idle vs active appearance", () => {
 				agent: { agent_name: "coder-1", model: null, status: "pending" },
 				review_hold: null,
 				qa: null,
+				depends_on: null,
 			},
 		];
 		const { container } = render(
@@ -497,6 +507,7 @@ describe("AgentLozenge idle vs active appearance", () => {
 				agent: { agent_name: "coder-1", model: null, status: "running" },
 				review_hold: null,
 				qa: null,
+				depends_on: null,
 			},
 		];
 		const { container } = render(
@@ -550,6 +561,7 @@ describe("hiddenRosterAgents: assigned agents are absent from roster", () => {
 					agent: { agent_name: "coder-1", model: null, status: "running" },
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -573,6 +585,7 @@ describe("hiddenRosterAgents: assigned agents are absent from roster", () => {
 					agent: null,
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -597,6 +610,7 @@ describe("hiddenRosterAgents: assigned agents are absent from roster", () => {
 					agent: { agent_name: "coder-1", model: null, status: "running" },
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -659,6 +673,7 @@ describe("hiddenRosterAgents: fly-out keeps agent hidden until clone lands", ()
 					agent: { agent_name: "coder-1", model: null, status: "completed" },
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -672,6 +687,7 @@ describe("hiddenRosterAgents: fly-out keeps agent hidden until clone lands", ()
 					agent: null,
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -716,6 +732,7 @@ describe("hiddenRosterAgents: fly-out keeps agent hidden until clone lands", ()
 					agent: { agent_name: "coder-1", model: null, status: "completed" },
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -729,6 +746,7 @@ describe("hiddenRosterAgents: fly-out keeps agent hidden until clone lands", ()
 					agent: null,
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -804,6 +822,7 @@ describe("LozengeFlyProvider agent swap (name change)", () => {
 					agent: { agent_name: "coder-1", model: "sonnet", status: "running" },
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -817,6 +836,7 @@ describe("LozengeFlyProvider agent swap (name change)", () => {
 					agent: { agent_name: "coder-2", model: "haiku", status: "running" },
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -903,6 +923,7 @@ describe("LozengeFlyProvider fly-out without roster element", () => {
 					},
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -916,6 +937,7 @@ describe("LozengeFlyProvider fly-out without roster element", () => {
 					agent: null,
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -989,6 +1011,7 @@ describe("FlyingLozengeClone initial non-flying render", () => {
 					agent: { agent_name: "coder-1", model: null, status: "running" },
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -1066,6 +1089,7 @@ describe("Bug 137: no animation actions lost during rapid pipeline updates", ()
 					agent: { agent_name: "coder-1", model: "sonnet", status: "running" },
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -1079,6 +1103,7 @@ describe("Bug 137: no animation actions lost during rapid pipeline updates", ()
 					agent: { agent_name: "coder-2", model: "haiku", status: "running" },
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -1147,6 +1172,7 @@ describe("Bug 137: no animation actions lost during rapid pipeline updates", ()
 					agent: { agent_name: "coder-1", model: null, status: "running" },
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -1160,6 +1186,7 @@ describe("Bug 137: no animation actions lost during rapid pipeline updates", ()
 					agent: { agent_name: "coder-2", model: null, status: "running" },
 					review_hold: null,
 					qa: null,
+					depends_on: null,
 				},
 			],
 		});
@@ -1247,6 +1274,7 @@ describe("Bug 137: animations remain functional through sustained agent activity
 						agent: { agent_name: agentName, model: null, status: "running" },
 						review_hold: null,
 						qa: null,
+						depends_on: null,
 					},
 				],
 			});

frontend/src/components/StagePanel.test.tsx

@@ -19,6 +19,7 @@ describe("StagePanel", () => {
 				agent: null,
 				review_hold: null,
 				qa: null,
+				depends_on: null,
 			},
 		];
 		render(<StagePanel title="Current" items={items} />);
@@ -41,6 +42,7 @@ describe("StagePanel", () => {
 				},
 				review_hold: null,
 				qa: null,
+				depends_on: null,
 			},
 		];
 		render(<StagePanel title="Current" items={items} />);
@@ -62,6 +64,7 @@ describe("StagePanel", () => {
 				},
 				review_hold: null,
 				qa: null,
+				depends_on: null,
 			},
 		];
 		render(<StagePanel title="Current" items={items} />);
@@ -82,6 +85,7 @@ describe("StagePanel", () => {
 				},
 				review_hold: null,
 				qa: null,
+				depends_on: null,
 			},
 		];
 		render(<StagePanel title="QA" items={items} />);
@@ -98,6 +102,7 @@ describe("StagePanel", () => {
 				agent: null,
 				review_hold: null,
 				qa: null,
+				depends_on: null,
 			},
 		];
 		render(<StagePanel title="Current" items={items} />);
@@ -114,6 +119,7 @@ describe("StagePanel", () => {
 				agent: null,
 				review_hold: null,
 				qa: null,
+				depends_on: null,
 			},
 		];
 		render(<StagePanel title="Upcoming" items={items} />);
@@ -130,6 +136,7 @@ describe("StagePanel", () => {
 				agent: null,
 				review_hold: null,
 				qa: null,
+				depends_on: null,
 			},
 		];
 		render(<StagePanel title="Upcoming" items={items} />);
@@ -148,6 +155,7 @@ describe("StagePanel", () => {
 				agent: null,
 				review_hold: null,
 				qa: null,
+				depends_on: null,
 			},
 		];
 		render(<StagePanel title="Current" items={items} />);
@@ -166,6 +174,7 @@ describe("StagePanel", () => {
 				agent: null,
 				review_hold: null,
 				qa: null,
+				depends_on: null,
 			},
 		];
 		render(<StagePanel title="QA" items={items} />);
@@ -184,6 +193,7 @@ describe("StagePanel", () => {
 				agent: null,
 				review_hold: null,
 				qa: null,
+				depends_on: null,
 			},
 		];
 		render(<StagePanel title="Done" items={items} />);
@@ -202,6 +212,7 @@ describe("StagePanel", () => {
 				agent: null,
 				review_hold: null,
 				qa: null,
+				depends_on: null,
 			},
 		];
 		render(<StagePanel title="Upcoming" items={items} />);
@@ -223,6 +234,7 @@ describe("StagePanel", () => {
 				agent: null,
 				review_hold: null,
 				qa: null,
+				depends_on: null,
 			},
 		];
 		render(<StagePanel title="Current" items={items} />);
@@ -241,6 +253,7 @@ describe("StagePanel", () => {
 				agent: null,
 				review_hold: null,
 				qa: null,
+				depends_on: null,
 			},
 		];
 		render(<StagePanel title="QA" items={items} />);
@@ -259,6 +272,7 @@ describe("StagePanel", () => {
 				agent: null,
 				review_hold: null,
 				qa: null,
+				depends_on: null,
 			},
 		];
 		render(<StagePanel title="Done" items={items} />);
@@ -277,6 +291,7 @@ describe("StagePanel", () => {
 				agent: null,
 				review_hold: null,
 				qa: null,
+				depends_on: null,
 			},
 		];
 		render(<StagePanel title="Merge" items={items} />);
@@ -298,6 +313,7 @@ describe("StagePanel", () => {
 				agent: null,
 				review_hold: null,
 				qa: null,
+				depends_on: null,
 			},
 		];
 		render(<StagePanel title="Merge" items={items} />);

frontend/src/components/StagePanel.tsx

@@ -420,6 +420,19 @@ export function StagePanel({
 											{item.merge_failure}
 										</div>
 									)}
+									{item.depends_on && item.depends_on.length > 0 && (
+										<div
+											data-testid={`depends-on-${item.story_id}`}
+											style={{
+												fontSize: "0.75em",
+												color: "#888",
+												marginTop: "4px",
+											}}
+										>
+											Depends on:{" "}
+											{item.depends_on.map((n) => `#${n}`).join(", ")}
+										</div>
+									)}
 								</div>
 								{item.agent && (
 									<AgentLozenge