Finishing agent merge

frontend/src/components/UpcomingPanel.tsx

@@ -146,20 +146,41 @@ export function UpcomingPanel({
 								gap: "8px",
 							}}
 						>
-							<div style={{ fontWeight: 600, fontSize: "0.9em" }}>
-								{story.name ?? story.story_id}
-							</div>
-							{story.name && (
+							<div style={{ flex: 1 }}>
 								<div
 									style={{
-										fontSize: "0.75em",
-										color: "#777",
-										fontFamily: "monospace",
+										display: "flex",
+										alignItems: "center",
+										gap: "8px",
 									}}
 								>
-									{story.story_id}
+									<div style={{ fontWeight: 600, fontSize: "0.9em" }}>
+										{story.name ?? story.story_id}
+									</div>
+									{story.name && (
+										<div
+											style={{
+												fontSize: "0.75em",
+												color: "#777",
+												fontFamily: "monospace",
+											}}
+										>
+											{story.story_id}
+										</div>
+									)}
 								</div>
-							)}
+								{story.error && (
+									<div
+										style={{
+											fontSize: "0.8em",
+											color: "#ff7b72",
+											marginTop: "4px",
+										}}
+									>
+										{story.error}
+									</div>
+								)}
+							</div>
 						</div>
 					))}
 				</div>