Open Synthflow in popup instead of iframe

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">
+        <div className="absolute bottom-16 right-0 mb-2">
-          <iframe 
+          <button
-            id="audio_iframe" 
+            onClick={() => window.open('https://widget.synthflow.ai/widget/v2/0ee1b79c-43c2-41e0-aa6a-d2a560e0ca6a/1771945296284x399137457562280600', 'synthflow', 'width=450,height=600,scrollbars=yes')}
-            src={`https://widget.synthflow.ai/widget/v2/${SYNTHFLOW_WIDGET_ID}/1771945296284x399137457562280600`} 
+            className="flex items-center gap-2 bg-green-500 hover:bg-green-600 text-white px-4 py-2 rounded-full shadow-lg transition"
-            allow="microphone" 
+          >
-            width="400px" 
+            <span>🎙️</span>
-            height="550px" 
+            <span className="font-medium">Talk to AI</span>
-            pointerEvents="auto" 
+          </button>
-            scrolling="no" 
+          <p className="text-xs text-white/50 mt-1 text-center">Click to open voice chat</p>
-            style={{ background: "transparent", border: "none", zIndex: 999 }} 
-            title="Synthflow AI Voice"
-          />
         </div>
       )}