From c1464f97dfa98077d6649e38b2e07e63e2fa8e7b Mon Sep 17 00:00:00 2001
From: root <root@vps1170145.hostsailor.com>
Date: Tue, 24 Feb 2026 15:21:46 +0000
Subject: [PATCH] Try iframe with more permissions

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

diff --git a/components/SiteMenteVoiceWidget.tsx b/components/SiteMenteVoiceWidget.tsx
index fc2b375..94ed446 100644
--- a/components/SiteMenteVoiceWidget.tsx
+++ b/components/SiteMenteVoiceWidget.tsx
@@ -158,17 +158,16 @@ export default function SiteMenteVoiceWidget({
         </button>
       </div>
 
-      {/* Synthflow Widget - Opens in new window instead of iframe */}
+      {/* Synthflow Widget - Embedded iframe */}
       {mode === "synthflow" && (
-        <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 className="absolute bottom-16 right-0 w-[380px] h-[520px] mb-2 rounded-xl overflow-hidden shadow-2xl border-2 border-green-500">
+          <iframe 
+            src="https://widget.synthflow.ai/widget/v2/0ee1b79c-43c2-41e0-aa6a-d2a560e0ca6a/1771945296284x399137457562280600?theme=dark"
+            className="w-full h-full"
+            allow="microphone; autoplay; fullscreen"
+            sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-modals"
+            title="Synthflow AI Voice Assistant"
+          />
         </div>
       )}