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>
This commit is contained in:
Emre Caglar 2026-10-16 10:26:06 +00:00 committed by GitHub
parent fed8b1ec69
commit 3ea0a3da98
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 1 deletions

View File

@ -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">

View File

@ -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;
}