From d4d7c55b379a86d41a804d2a7fa4239b3ec1b4b8 Mon Sep 17 00:00:00 2001
From: emrecaglarid <caglaremre@gmail.com>
Date: Fri, 4 Sep 2026 09:48:35 +0300
Subject: [PATCH] fix(editor): Keep the auto offer inside the checks bar
 (no-changelog)

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
---
 .../agents/components/AgentPreviewReviewers.vue        | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/packages/frontend/editor-ui/src/features/agents/components/AgentPreviewReviewers.vue b/packages/frontend/editor-ui/src/features/agents/components/AgentPreviewReviewers.vue
index 9638bf4c619..b94e89b0ec4 100644
--- a/packages/frontend/editor-ui/src/features/agents/components/AgentPreviewReviewers.vue
+++ b/packages/frontend/editor-ui/src/features/agents/components/AgentPreviewReviewers.vue
@@ -190,6 +190,7 @@ async function submitAdd() {
 				</span>
 				<!-- Keyed so each label re-mounts and fades in; no Transition wrapper (it tripped the async layout on route change). -->
 				<span
+					v-if="!(shouldOfferAuto && !popoverOpen)"
 					:key="barLabel"
 					:class="[$style.badgeLabel, $style.fadeIn]"
 					data-testid="agent-preview-bar-label"
@@ -491,11 +492,20 @@ async function submitAdd() {
 }
 
 .offerText {
+	flex: 1 1 auto;
+	min-width: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
 	color: var(--text-color);
 	font-weight: var(--wireframe--body-weight);
 	white-space: nowrap;
 }
 
+.badge .ghostButton,
+.badge .primaryButton {
+	flex-shrink: 0;
+}
+
 .badge_needsEye {
 	background: color-mix(in srgb, var(--color--warning) 14%, var(--background--surface));
 	color: var(--color--warning);