From 3ea0a3da98864bbd075f2d2d32a2a8c542deda06 Mon Sep 17 00:00:00 2001
From: Emre Caglar <63402376+emrecaglarid@users.noreply.github.com>
Date: Fri, 16 Oct 2026 10:26:06 +0000
Subject: [PATCH] fix(editor): Join the check conversation box to the
 practice-run strip (no-changelog) (#41168)

Co-authored-by: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 .../src/features/agents/components/AgentEvalTryRow.vue   | 1 +
 .../src/features/agents/components/EvalInitialSample.vue | 9 ++++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/editor-ui/src/features/agents/components/AgentEvalTryRow.vue b/packages/frontend/editor-ui/src/features/agents/components/AgentEvalTryRow.vue
index 0df2928d40f..6022f452a2b 100644
--- a/packages/frontend/editor-ui/src/features/agents/components/AgentEvalTryRow.vue
+++ b/packages/frontend/editor-ui/src/features/agents/components/AgentEvalTryRow.vue
@@ -351,6 +351,7 @@ watch(
 					:status="status"
 					:tool-calls="toolCalls"
 					:project-id="projectId"
+					:joined-below="!practiceBannerDismissed"
 				/>
 				<div v-if="!practiceBannerDismissed" :class="$style.practiceBanner">
 					<N8nText size="small">
diff --git a/packages/frontend/editor-ui/src/features/agents/components/EvalInitialSample.vue b/packages/frontend/editor-ui/src/features/agents/components/EvalInitialSample.vue
index 638c1b8526d..34aab81025a 100644
--- a/packages/frontend/editor-ui/src/features/agents/components/EvalInitialSample.vue
+++ b/packages/frontend/editor-ui/src/features/agents/components/EvalInitialSample.vue
@@ -18,6 +18,8 @@ const props = defineProps<{
 	toolCalls?: ToolCall[];
 	projectId?: string;
 	hideBanner?: boolean;
+	/** Another element sits right below it, so the bottom corners are square to meet it. */
+	joinedBelow?: boolean;
 }>();
 
 const i18n = useI18n();
@@ -30,7 +32,7 @@ const isFailing = computed(() => props.status === 'work' || props.status === 'fa
 </script>
 
 <template>
-	<div :class="$style.evalPreview">
+	<div :class="[$style.evalPreview, { [$style.joinedBelow]: joinedBelow }]">
 		<div :class="$style.evalPreviewUserMessage">
 			<ChatBubble :text="previewInput" :status="status" />
 		</div>
@@ -81,6 +83,11 @@ const isFailing = computed(() => props.status === 'work' || props.status === 'fa
 	}
 }
 
+.joinedBelow {
+	border-bottom-left-radius: 0;
+	border-bottom-right-radius: 0;
+}
+
 .tools {
 	margin-left: 35px;
 }