From 5ceb15bcbc97baf2c2c53986cc8ecef9e4562ac7 Mon Sep 17 00:00:00 2001
From: root <root@vps1170145.hostsailor.com>
Date: Tue, 24 Feb 2026 15:18:25 +0000
Subject: [PATCH] Open Synthflow in popup instead of iframe

---
 components/SiteMenteVoiceWidget.tsx | 23 ++++++++++-------------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/components/SiteMenteVoiceWidget.tsx b/components/SiteMenteVoiceWidget.tsx
index b0b6d7b..fc2b375 100644
--- a/components/SiteMenteVoiceWidget.tsx
+++ b/components/SiteMenteVoiceWidget.tsx
@@ -158,20 +158,17 @@ export default function SiteMenteVoiceWidget({
         </button>
       </div>
 
-      {/* Synthflow Widget */}
+      {/* Synthflow Widget - Opens in new window instead of iframe */}
       {mode === "synthflow" && (
-        <div className="absolute bottom-16 right-0 w-[400px] h-[550px] mb-2 rounded-xl overflow-hidden shadow-2xl">
-          <iframe 
-            id="audio_iframe" 
-            src={`https://widget.synthflow.ai/widget/v2/${SYNTHFLOW_WIDGET_ID}/1771945296284x399137457562280600`} 
-            allow="microphone" 
-            width="400px" 
-            height="550px" 
-            pointerEvents="auto" 
-            scrolling="no" 
-            style={{ background: "transparent", border: "none", zIndex: 999 }} 
-            title="Synthflow AI Voice"
-          />
+        <div className="absolute bottom-16 right-0 mb-2">
+          <button
+            onClick={() => window.open('https://widget.synthflow.ai/widget/v2/0ee1b79c-43c2-41e0-aa6a-d2a560e0ca6a/1771945296284x399137457562280600', 'synthflow', 'width=450,height=600,scrollbars=yes')}
+            className="flex items-center gap-2 bg-green-500 hover:bg-green-600 text-white px-4 py-2 rounded-full shadow-lg transition"
+          >
+            <span>🎙️</span>
+            <span className="font-medium">Talk to AI</span>
+          </button>
+          <p className="text-xs text-white/50 mt-1 text-center">Click to open voice chat</p>
         </div>
       )}