From be26fdc9dfa0f98af7b588c1df5668f1f15c8341 Mon Sep 17 00:00:00 2001
From: eti <eti@eti.tf>
Date: Wed, 5 Aug 2026 22:22:03 +0300
Subject: [PATCH] web/components: give the commits table a pipeline status
 column

Signed-off-by: eti <eti@eti.tf>
---
 .../lib/components/repo/CommitLogView.svelte  | 46 ++++++++++++-------
 .../repo/pipelines/PipelineWorkflows.svelte   | 15 ++++--
 2 files changed, 40 insertions(+), 21 deletions(-)

diff --git a/web/src/lib/components/repo/CommitLogView.svelte b/web/src/lib/components/repo/CommitLogView.svelte
index ee33d16b..bfba1bf6 100644
--- a/web/src/lib/components/repo/CommitLogView.svelte
+++ b/web/src/lib/components/repo/CommitLogView.svelte
@@ -96,6 +96,25 @@
 	</button>
 {/snippet}
 
+{#snippet pipelineCell(commit: CommitSummary)}
+	{#if pipelineStatuses}
+		{#await pipelineStatuses then statuses}
+			{#if statuses[commit.hash]}
+				<!-- the column is a couple of glyphs wide, so the tally stays in the dropdown
+				     and in the trigger's own aria-label -->
+				<PipelineWorkflows
+					{ownerHandle}
+					{repoName}
+					pipeline={statuses[commit.hash]}
+					variant="symbol"
+					summary="none"
+					size="mini"
+				/>
+			{/if}
+		{/await}
+	{/if}
+{/snippet}
+
 {#snippet messageCell(commit: CommitSummary)}
 	<div>
 		<a
@@ -118,20 +137,6 @@
 		{#each tagsByCommit[commit.hash] ?? [] as name (name)}
 			<Tag color="gray" class="ml-2 font-mono">{name}</Tag>
 		{/each}
-		{#if pipelineStatuses}
-			{#await pipelineStatuses then statuses}
-				{#if statuses[commit.hash]}
-					<span class="ml-2 inline-flex">
-						<PipelineWorkflows
-							{ownerHandle}
-							{repoName}
-							pipeline={statuses[commit.hash]}
-							variant="symbol"
-						/>
-					</span>
-				{/if}
-			{/await}
-		{/if}
 	</div>
 	{#if commit.body && expanded[commit.hash]}
 		<p class="mt-1 typography-paragraph-regular whitespace-pre-wrap text-foreground-muted">
@@ -147,7 +152,7 @@
 		<p class="py-6 text-center text-foreground-subtle">No commits at {ref}.</p>
 	{:else}
 		<div class="hidden divide-y divide-border-default md:flex md:flex-col">
-			<div class="grid grid-cols-14 gap-4">
+			<div class="grid grid-cols-15 gap-4">
 				<div
 					class="col-span-3 py-2 text-left typography-paragraph-regular font-bold text-foreground-muted"
 				>
@@ -163,6 +168,11 @@
 				>
 					Message
 				</div>
+				<div class="col-span-1 py-2">
+					<!-- the symbols speak for themselves, so the header only labels the column
+					     for screen readers, and its width stays reserved either way -->
+					<span class="sr-only">Pipeline</span>
+				</div>
 				<div
 					class="col-span-2 justify-self-end py-2 text-left typography-paragraph-regular font-bold text-foreground-muted"
 				>
@@ -170,7 +180,7 @@
 				</div>
 			</div>
 			{#each commits as commit (commit.hash)}
-				<div class="grid grid-cols-14 gap-4 py-3">
+				<div class="grid grid-cols-15 gap-4 py-3">
 					<div class="col-span-3 align-top">
 						{@render authorCell(commit)}
 					</div>
@@ -187,6 +197,9 @@
 					<div class="col-span-6 align-top">
 						{@render messageCell(commit)}
 					</div>
+					<div class="col-span-1 flex items-start align-top">
+						{@render pipelineCell(commit)}
+					</div>
 					<div class="col-span-2 justify-self-end align-top text-foreground-muted">
 						<TimeAgo value={commit.when} />
 					</div>
@@ -219,6 +232,7 @@
 							<span aria-hidden="true">&middot;</span>
 							<TimeAgo value={commit.when} />
 						{/if}
+						{@render pipelineCell(commit)}
 					</div>
 				</div>
 			{/each}
diff --git a/web/src/lib/components/repo/pipelines/PipelineWorkflows.svelte b/web/src/lib/components/repo/pipelines/PipelineWorkflows.svelte
index 1a35fe0e..3da060f6 100644
--- a/web/src/lib/components/repo/pipelines/PipelineWorkflows.svelte
+++ b/web/src/lib/components/repo/pipelines/PipelineWorkflows.svelte
@@ -53,8 +53,11 @@
 		pipeline: PipelineSummary;
 		/** how the trigger reads: a workflow count, or a status ring plus a tally */
 		variant?: PipelineWorkflowsVariants["variant"];
-		/** symbol variant only: "2/3" against the full "2/3 passed, 1/3 failed" breakdown */
-		summary?: "short" | "long";
+		/**
+		 * symbol variant only: "2/3" against the full "2/3 passed, 1/3 failed" breakdown, or
+		 * "none" for a bare symbol where the column is too narrow to spell anything out
+		 */
+		summary?: "short" | "long" | "none";
 		icon?: Component<SvelteHTMLElements["svg"]>;
 		iconClass?: string;
 		size?: ButtonVariants["size"];
@@ -116,9 +119,11 @@
 					<Icon class="size-3 {iconClass}" aria-hidden="true" />
 				{/if}
 				<PipelineSymbol {pipeline} class={classes.symbol()} />
-				<span class={classes.status()}>
-					{summary === "long" ? longSummary(pipeline) : shortSummary(pipeline)}
-				</span>
+				{#if summary !== "none"}
+					<span class={classes.status()}>
+						{summary === "long" ? longSummary(pipeline) : shortSummary(pipeline)}
+					</span>
+				{/if}
 			</span>
 		{/snippet}
 
-- 
2.51.2