From 4237a10f35b789bf5f7cf11dde5bd848c7072546 Mon Sep 17 00:00:00 2001
From: yyh <yuanyouhuilyz@gmail.com>
Date: Sun, 19 Apr 2026 16:22:22 +0800
Subject: [PATCH] fix(web): collapse nested card decoration in
 modelNotSupported popover

The popup wrapper carried its own panel-bg + padding + shadow on top of
an inner card that already provides border / tooltip-bg / blur / shadow,
producing a "card on card" look. Make the popup wrapper transparent so
only the inner styled card shows.

Made-with: Cursor
---
 .../workflow/nodes/llm/components/panel-output-section.tsx      | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/app/components/workflow/nodes/llm/components/panel-output-section.tsx b/web/app/components/workflow/nodes/llm/components/panel-output-section.tsx
index ae75d842ae..952d2b0142 100644
--- a/web/app/components/workflow/nodes/llm/components/panel-output-section.tsx
+++ b/web/app/components/workflow/nodes/llm/components/panel-output-section.tsx
@@ -51,7 +51,7 @@ const PanelOutputSection: FC<Props> = ({
                     </div>
                   )}
                 />
-                <PopoverContent popupClassName="max-w-[300px] rounded-md border-0 bg-components-panel-bg px-3 py-2 system-xs-regular text-text-tertiary shadow-lg">
+                <PopoverContent popupClassName="border-0 bg-transparent p-0 shadow-none">
                   <div className="w-[232px] rounded-xl border-[0.5px] border-components-panel-border bg-components-tooltip-bg px-4 py-3.5 shadow-lg backdrop-blur-[5px]">
                     <div className="title-xs-semi-bold text-text-primary">{t('structOutput.modelNotSupported', { ns: 'app' })}</div>
                     <div className="mt-1 body-xs-regular text-text-secondary">{t('structOutput.modelNotSupportedTip', { ns: 'app' })}</div>