From 0ce5d9774e545d3d645113a65245a01b3515bec9 Mon Sep 17 00:00:00 2001
From: Xin Wang <your-email@example.com>
Date: Tue, 4 Aug 2026 23:04:17 +0800
Subject: [PATCH] fix preview dialog and waveform behavior

---
 frontend/src/components/assistant-editor/debug-preview.tsx | 3 +--
 frontend/src/components/client-message-dialog.tsx          | 3 +++
 frontend/src/components/ui/dialog.tsx                      | 4 +++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/assistant-editor/debug-preview.tsx b/frontend/src/components/assistant-editor/debug-preview.tsx
index 5d368a1..1d43939 100644
--- a/frontend/src/components/assistant-editor/debug-preview.tsx
+++ b/frontend/src/components/assistant-editor/debug-preview.tsx
@@ -1050,9 +1050,8 @@ function DebugVoicePanel({
         </div>
       </div>
 
-      {/* 底部双轨波形:会话连通后默认展开,空闲时收起 */}
+      {/* 底部双轨波形默认收起；展开状态只由用户操作控制。 */}
       <WaveformTimelinePanel
-        key={status === "connected" ? "active" : "idle"}
         defaultOpen={false}
         userStream={localStream}
         agentStream={remoteStream}
diff --git a/frontend/src/components/client-message-dialog.tsx b/frontend/src/components/client-message-dialog.tsx
index 9b3228d..447041f 100644
--- a/frontend/src/components/client-message-dialog.tsx
+++ b/frontend/src/components/client-message-dialog.tsx
@@ -215,6 +215,9 @@ export function ClientMessageDialog({
         className="gap-5 sm:max-w-md"
         portalContainer={container}
         contained={contained}
+        overlayClassName={
+          contained ? "bg-black/20 backdrop-blur-md" : undefined
+        }
         showCloseButton={message?.dismissible ?? true}
         onEscapeKeyDown={(event) => {
           if (!message?.dismissible) event.preventDefault();
diff --git a/frontend/src/components/ui/dialog.tsx b/frontend/src/components/ui/dialog.tsx
index 61ce300..4d1e9cd 100644
--- a/frontend/src/components/ui/dialog.tsx
+++ b/frontend/src/components/ui/dialog.tsx
@@ -57,15 +57,17 @@ function DialogContent({
   showCloseButton = true,
   portalContainer,
   contained = false,
+  overlayClassName,
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Content> & {
   showCloseButton?: boolean
   portalContainer?: Element | DocumentFragment | null
   contained?: boolean
+  overlayClassName?: string
 }) {
   return (
     <DialogPortal container={portalContainer}>
-      <DialogOverlay contained={contained} />
+      <DialogOverlay contained={contained} className={overlayClassName} />
       <DialogPrimitive.Content
         data-slot="dialog-content"
         className={cn(