From bfa128a3acaadece11ffc280b9b9f29f12c70925 Mon Sep 17 00:00:00 2001
From: Guilhem <guilhemlemouel@gmail.com>
Date: Fri, 6 Feb 2026 16:30:44 +0000
Subject: [PATCH] nit

---
 .../components/FlowStatusViewerInner.svelte   |  8 +++++--
 .../(root)/(logged)/run/[...run]/+page.svelte | 23 ++++++++-----------
 2 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/frontend/src/lib/components/FlowStatusViewerInner.svelte b/frontend/src/lib/components/FlowStatusViewerInner.svelte
index 7d76cf6964..e7359efe75 100644
--- a/frontend/src/lib/components/FlowStatusViewerInner.svelte
+++ b/frontend/src/lib/components/FlowStatusViewerInner.svelte
@@ -1391,7 +1391,9 @@
 				{:else}
 					<!-- Default single-column result -->
 					<div id="result">
-						<h3 class="text-xs font-semibold text-emphasis mb-1 flex items-center gap-2 group">
+						<h3
+							class="text-sm font-semibold text-emphasis mb-1 flex items-center gap-2 group sticky top-0 bg-surface py-2 z-50"
+						>
 							Result
 							<button
 								type="button"
@@ -1403,7 +1405,9 @@
 							</button>
 						</h3>
 					</div>
-					<div class="flex-1 overflow-auto rounded-md border bg-surface-tertiary p-4 max-h-[95vh]">
+					<div
+						class="flex-1 overflow-auto rounded-md border bg-surface-tertiary p-4 max-h-[calc(100vh-60px)]"
+					>
 						{#if job !== undefined && (job.result_stream || (job.type == 'CompletedJob' && 'result' in job && job.result !== undefined))}
 							<DisplayResult
 								workspaceId={job?.workspace_id}
diff --git a/frontend/src/routes/(root)/(logged)/run/[...run]/+page.svelte b/frontend/src/routes/(root)/(logged)/run/[...run]/+page.svelte
index b8419dab78..0c9cb9956c 100644
--- a/frontend/src/routes/(root)/(logged)/run/[...run]/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/run/[...run]/+page.svelte
@@ -755,7 +755,9 @@
 
 		<!-- Arguments and actions -->
 		<div class="max-w-7xl mx-auto w-full px-4 mt-12" id="inputs">
-			<div class="text-xs text-emphasis font-semibold mb-1 flex items-center gap-2 group">
+			<div
+				class="text-sm text-emphasis font-semibold mb-1 flex items-center gap-2 group sticky top-0 bg-surface py-2 z-50"
+			>
 				Inputs
 				<button
 					type="button"
@@ -820,7 +822,9 @@
 				<!-- Result Section (moved outside tabs) -->
 				{#if job}
 					<div class="mr-2 sm:mr-0 mt-12 mb-6" id="result">
-						<h3 class="text-xs font-semibold text-emphasis mb-1 flex items-center gap-2 group">
+						<h3
+							class="text-sm font-semibold text-emphasis mb-1 flex items-center gap-2 group sticky top-0 bg-surface py-2 z-50"
+						>
 							Result
 							<button
 								type="button"
@@ -831,7 +835,9 @@
 								<Hash size={14} />
 							</button>
 						</h3>
-						<div class="border rounded-md bg-surface-tertiary p-4 overflow-auto max-h-[95vh]">
+						<div
+							class="border rounded-md bg-surface-tertiary p-4 overflow-auto max-h-[calc(100vh-60px)]"
+						>
 							{#if job.result_stream || (job.type == 'CompletedJob' && job.result !== undefined)}
 								<DisplayResult
 									workspaceId={job?.workspace_id}
@@ -850,17 +856,6 @@
 
 				<!-- Logs and outputs-->
 				<div class="mr-2 sm:mr-0 mt-6" id="metrics">
-					<div class="text-xs text-emphasis font-semibold mb-1 flex items-center gap-2 group">
-						Logs & Metrics
-						<button
-							type="button"
-							onclick={() => handleSectionHashClick('metrics')}
-							class="text-muted-foreground hover:text-primary transition-colors opacity-0 group-hover:opacity-100"
-							title="Link to this section"
-						>
-							<Hash size={14} />
-						</button>
-					</div>
 					<Tabs bind:selected={viewTab}>
 						<Tab value="logs" label="Logs" />
 						<Tab value="stats" label="Metrics" />