Add effect on debug drawer start button

frontend/src/components/assistant-editor/debug-preview.tsx

@@ -1081,15 +1081,29 @@ function DebugIdleHub({
 
   return (
     <div className="flex min-h-0 flex-1 flex-col items-center justify-center gap-3 px-6 py-8 text-center">
-      <Button
-        disabled={Boolean(message)}
-        onClick={() => void connect()}
-        className="h-11 gap-2 rounded-full px-6 text-sm font-medium shadow-sm"
-        aria-label={status === "failed" ? "重新连接" : "开始语音测试"}
-      >
-        <Mic size={18} />
-        {status === "failed" ? "重新连接" : "开始对话"}
-      </Button>
+      <div className="relative inline-flex">
+        {!message && (
+          <>
+            <span
+              aria-hidden
+              className="mobile-call-ripple pointer-events-none absolute inset-0 rounded-full bg-primary/35"
+            />
+            <span
+              aria-hidden
+              className="mobile-call-ripple mobile-call-ripple-delay pointer-events-none absolute inset-0 rounded-full bg-primary/25"
+            />
+          </>
+        )}
+        <Button
+          disabled={Boolean(message)}
+          onClick={() => void connect()}
+          className="relative z-10 h-11 gap-2 rounded-full px-6 text-sm font-medium shadow-sm"
+          aria-label={status === "failed" ? "重新连接" : "开始语音测试"}
+        >
+          <Mic size={18} />
+          {status === "failed" ? "重新连接" : "开始对话"}
+        </Button>
+      </div>
       {helperText && (
         <p
           className={[