From baeb0f480dbe00c11064bd7779f5dfff9c29bec2 Mon Sep 17 00:00:00 2001
From: eti <eti@eti.tf>
Date: Wed, 2 Sep 2026 16:35:27 +0200
Subject: [PATCH] web/repo: move the pipeline status into the commit header

Signed-off-by: eti <eti@eti.tf>
---
 .../lib/components/repo/CommitHeader.svelte   | 45 +++++++++++--------
 web/src/lib/components/repo/CommitView.svelte |  4 +-
 .../routes/[handle]/[repo]/+layout@.svelte    |  2 +-
 3 files changed, 29 insertions(+), 22 deletions(-)

diff --git a/web/src/lib/components/repo/CommitHeader.svelte b/web/src/lib/components/repo/CommitHeader.svelte
index 82d4140de..a327e8fb8 100644
--- a/web/src/lib/components/repo/CommitHeader.svelte
+++ b/web/src/lib/components/repo/CommitHeader.svelte
@@ -6,7 +6,7 @@
 			root: "flex flex-col gap-4 text-foreground-default",
 			header: "flex flex-col gap-2",
 			headerSubject: "typography-paragraph-large",
-			headerBody: "typography-monospace-regular whitespace-pre-wrap text-foreground-muted",
+			headerBody: "typography-monospace-regular whitespace-pre-wrap",
 			commitDetails: "flex flex-col gap-2 typography-paragraph-regular",
 			commitDetailsRow: "inline-flex flex-wrap items-center",
 			commitDetailsTitle: "w-32 text-foreground-muted select-none"
@@ -62,7 +62,31 @@
 
 <section class={styles.root()}>
 	<div class={styles.header()}>
-		<p class={styles.headerSubject()}>{commit.subject}</p>
+		<span class="flex min-h-9 flex-row items-center justify-between">
+			<p class={styles.headerSubject()}>
+				{commit.subject}
+				<span
+					class="ml-1 min-w-0 rounded-sm bg-background-inset px-1 typography-monospace-regular text-foreground-default"
+				>
+					<!-- todo: print actual branch/bookmark name -->
+					master
+				</span>
+			</p>
+			{#if pipelineStatuses}
+				<Pending>
+					{@const pipeline = (await pipelineStatuses)[commit.hash]}
+					{#if pipeline}
+						<PipelineWorkflows
+							{ownerHandle}
+							{repoName}
+							{pipeline}
+							variant="symbol"
+							summary="long"
+						/>
+					{/if}
+				</Pending>
+			{/if}
+		</span>
 		{#if commit.body}
 			<p class={styles.headerBody()}>
 				{commit.body}
@@ -154,21 +178,4 @@
 			</span>
 		{/if}
 	</div>
-
-	{#if pipelineStatuses}
-		<Pending>
-			{@const pipeline = (await pipelineStatuses)[commit.hash]}
-			{#if pipeline}
-				<div class="pt-4">
-					<PipelineWorkflows
-						{ownerHandle}
-						{repoName}
-						{pipeline}
-						variant="symbol"
-						summary="long"
-					/>
-				</div>
-			{/if}
-		</Pending>
-	{/if}
 </section>
diff --git a/web/src/lib/components/repo/CommitView.svelte b/web/src/lib/components/repo/CommitView.svelte
index 465448a79..220fe314f 100644
--- a/web/src/lib/components/repo/CommitView.svelte
+++ b/web/src/lib/components/repo/CommitView.svelte
@@ -59,8 +59,8 @@
 	const blobBase = $derived(resolve(`${base}/blob/${encodeURIComponent(ref)}` as "/"));
 </script>
 
-<div class="flex flex-col gap-4">
-	<TabPanel>
+<div class="flex flex-col gap-4 px-4">
+	<TabPanel class="rounded-tl-none">
 		<CommitHeader {ownerHandle} {repoName} {commit} {parent} {changeId} {pipelineStatuses} />
 	</TabPanel>
 	{#if mirror}
diff --git a/web/src/routes/[handle]/[repo]/+layout@.svelte b/web/src/routes/[handle]/[repo]/+layout@.svelte
index 54a08ea51..487cb9478 100644
--- a/web/src/routes/[handle]/[repo]/+layout@.svelte
+++ b/web/src/routes/[handle]/[repo]/+layout@.svelte
@@ -113,7 +113,7 @@
 </svelte:head>
 
 <section
-	class={standalone ? "contents" : fullWidth ? "w-full pt-6" : "mx-auto w-full max-w-5xl py-6"}
+	class={standalone ? "contents" : fullWidth ? "w-full pt-2" : "mx-auto w-full max-w-5xl py-6"}
 >
 	<!-- remount on navigation, svelte only paints a pending snippet when the boundary is new -->
 	{#key `${page.params.handle}/${page.params.repo}`}
-- 
2.51.2