crashlabs/huskies
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 31 Wiki Activity

huskies: merge 975

Browse Source
This commit is contained in:
dave
2026-05-13 13:39:24 +00:00
parent 5617da5c27
commit 6fc6c9fcb2
3 changed files with 148 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/GatewayPanel.tsx
+39 -7
View File
@@ -63,9 +63,11 @@ const STAGE_LABELS: Record<string, string> = {
};
/// A single story row inside a project pipeline card.
function StoryRow({ item }: { item: PipelineItem }) {
/** Render one story row in a gateway-aggregate panel: `#<id> <name>` with stage badge. */
export function StoryRow({ item }: { item: PipelineItem }) {
const color = STAGE_COLORS[item.stage] ?? "#8b949e";
const label = STAGE_LABELS[item.stage] ?? item.stage;
const idNum = item.story_id.match(/^(\d+)/)?.[1];
return (
<div
@@ -91,6 +93,7 @@ function StoryRow({ item }: { item: PipelineItem }) {
{label}
</span>
<span style={{ color: "#e6edf3", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
{idNum && <span style={{ color: "#8b949e", fontFamily: "monospace" }}>#{idNum}{" "}</span>}
{item.name}
</span>
</div>
@@ -110,7 +113,9 @@ function ProjectPipelineCard({
onSwitch: (name: string) => void;
}) {
const activeItems = pipeline.active ?? [];
const backlogItems = pipeline.backlog ?? [];
const backlogCount = pipeline.backlog_count ?? 0;
const remainingBacklog = backlogCount - backlogItems.length;
const hasError = Boolean(pipeline.error);
return (
@@ -131,7 +136,7 @@ function ProjectPipelineCard({
display: "flex",
alignItems: "center",
gap: "8px",
marginBottom: activeItems.length > 0 ? "8px" : 0,
marginBottom: activeItems.length > 0 || backlogItems.length > 0 ? "8px" : 0,
}}
>
<span style={{ fontWeight: 600, color: "#e6edf3" }}>{name}</span>
@@ -149,20 +154,47 @@ function ProjectPipelineCard({
active
</span>
)}
<span style={{ marginLeft: "auto", fontSize: "0.75em", color: "#6e7681" }}>
{backlogCount > 0 ? `${backlogCount} in backlog` : ""}
</span>
</div>
{hasError ? (
<div style={{ fontSize: "0.8em", color: "#f85149" }}>{pipeline.error}</div>
) : activeItems.length === 0 ? (
<div style={{ fontSize: "0.8em", color: "#6e7681" }}>No active stories</div>
) : activeItems.length === 0 && backlogItems.length === 0 ? (
<div style={{ fontSize: "0.8em", color: "#6e7681" }}>
{backlogCount > 0 ? `${backlogCount} in backlog` : "No active stories"}
</div>
) : (
<div>
{activeItems.map((item) => (
<StoryRow key={item.story_id} item={item} />
))}
{backlogItems.length > 0 && (
<div style={{ marginTop: activeItems.length > 0 ? "6px" : 0, borderTop: activeItems.length > 0 ? "1px solid #21262d" : "none", paddingTop: activeItems.length > 0 ? "6px" : 0 }}>
{backlogItems.map((item) => {
const idNum = item.story_id.match(/^(\d+)/)?.[1];
return (
<div
key={item.story_id}
style={{
display: "flex",
alignItems: "center",
gap: "6px",
padding: "2px 0",
fontSize: "0.82em",
color: "#6e7681",
}}
>
{idNum && <span style={{ fontFamily: "monospace", flexShrink: 0 }}>#{idNum}</span>}
<span style={{ overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>{item.name}</span>
</div>
);
})}
{remainingBacklog > 0 && (
<div style={{ fontSize: "0.75em", color: "#6e7681", paddingTop: "2px" }}>
…and {remainingBacklog} more
</div>
)}
</div>
)}
</div>
)}
</div>