ttp-agent-sdk 2.40.0 → 2.44.0

package/dist/audio-processor.js

@@ -12,8 +12,8 @@ class AudioProcessor extends AudioWorkletProcessor {
     // Configuration
     this.config = options.processorOptions || {};
     // Use AudioContext sampleRate (available as global 'sampleRate' in AudioWorkletProcessor)
-    // Fall back to config if sampleRate not available, default to 44100 Hz to match server output
-    this.sampleRate = typeof sampleRate !== 'undefined' ? sampleRate : (this.config.sampleRate || this.config.outputSampleRate || 44100);
+    // Fall back to config if sampleRate not available, default to 24 kHz to match typical server/TTS output
+    this.sampleRate = typeof sampleRate !== 'undefined' ? sampleRate : (this.config.sampleRate || this.config.outputSampleRate || 24000);
     this.bufferSize = 128; // Process 128 samples at a time (256 bytes = 8ms at 16kHz)
     this.buffer = new Float32Array(this.bufferSize);
     this.bufferIndex = 0;
@@ -44,6 +44,10 @@ class AudioProcessor extends AudioWorkletProcessor {
     // Batching buffer
     this.sendBuffer = null;
     this.sendBufferBytes = 0;
+
+    // Start true so the first process() call cannot terminate the worklet before
+    // the main thread posts setForceContinuous (WebKit/iOS often renders audio before port messages are handled).
+    this.isProcessing = true;
     
     // Handle messages from main thread
     this.port.onmessage = (event) => {

package/dist/demos/discovery.js

@@ -0,0 +1 @@
+!function(){"use strict";var e=["google.com","googleapis.com","gstatic.com","googletagmanager.com","google-analytics.com","googlesyndication.com","doubleclick.net","facebook.net","facebook.com","fbcdn.net","connect.facebook","cdn.jsdelivr.net","jsdelivr.net","unpkg.com","cdnjs.cloudflare.com","hotjar.com","segment.com","segment.io","mixpanel.com","clarity.ms","licdn.com","bat.bing.com","pinterest.com","tiktok.com","tiktokcdn.com","criteo.com","taboola.com","outbrain.com","cloudflareinsights.com","browser.sentry-cdn.com","sentry.io","amazon-adsystem.com","adsafeprotected.com","scorecardresearch.com","snapchat.com","twitter.com","twimg.com","x.com"];function o(e){if(!e||"string"!=typeof e)return!1;var o=e.trim();return!!o&&(-1!==o.indexOf("fetch")||-1!==o.indexOf("axios")||-1!==o.indexOf("ajax")||-1!==o.indexOf("api")||-1!==o.indexOf("search")||-1!==o.indexOf("query")||-1!==o.indexOf("חיפוש"))}function n(o,n){try{var r=new URL(o,window.location.href);if(function(o){if(!o)return!0;for(var n=String(o).toLowerCase(),r=0;r<e.length;r++)if(n===e[r]||n.endsWith("."+e[r]))return!0;return!1}(r.hostname))return!1;var t=window.location.hostname;if(!t)return!1;if(r.hostname===t)return!0;if(r.hostname.endsWith("."+t))return!0;if(-1!==o.indexOf(t))return!0;var c=n||"";return"/"===c.charAt(0)||0===c.indexOf("./")}catch(e){return!1}}function r(e){if(null==e)return"";var o=String(e);return o.length<=500?o:o.slice(0,500)+"…"}window.ttpDiscover=function(){var e="",t="",c=(new Date).toISOString(),i=[],s=[];try{e=window.location.href,t=window.location.hostname;var l=[];try{l=document.querySelectorAll("script:not([src])")}catch(e){l=[]}for(var a=0;a<l.length;a++)try{var u=(l[a].textContent||"").trim();if(!o(u))continue;i.push(u)}catch(e){}var p=[];try{p=document.querySelectorAll("script[src]")}catch(e){p=[]}for(var g={},d=0;d<p.length;d++)try{var h=p[d],m=h.getAttribute("src")||"",f=h.src||"";if(!n(f,m))continue;if(g[f])continue;g[f]=!0,s.push(f)}catch(e){}}catch(o){return console.error("[TTP Discovery] Unexpected error while scanning:",o),{pageUrl:e||function(){try{return window.location.href}catch(e){return""}}(),hostname:t||function(){try{return window.location.hostname}catch(e){return""}}(),discoveredAt:c,inlineScripts:[],scriptUrls:[],error:String(o&&o.message?o.message:o)}}var v={pageUrl:e,hostname:t,discoveredAt:c,inlineScripts:i,scriptUrls:s};try{console.group("🔍 TTP GO Site Discovery"),console.log("Starting discovery on: "+e),console.group("📄 Inline Scripts"),console.log("Found "+i.length+" relevant inline scripts");for(var y=0;y<i.length;y++)console.log("--- Inline Script #"+(y+1)+" ---"),console.log(r(i[y]));console.groupEnd(),console.group("🔗 Script URLs"),console.log("Found "+s.length+" same-domain script files");for(var w=0;w<s.length;w++)console.log(" - "+s[w]);console.groupEnd(),console.group("📦 Full Payload (ready to send to backend)");try{console.log(JSON.stringify(v,null,2))}catch(e){console.log(v)}console.groupEnd(),console.log("✅ Discovery complete. Call ttpDiscover() again anytime."),console.groupEnd()}catch(e){try{console.log(v)}catch(e){}}return v},window.ttpDiscoverFull=async function(){try{console.group("🚀 TTP GO Discovery Full");var e=await Promise.resolve(window.ttpDiscover()),o=["fetch(","axios.","$.ajax","XMLHttpRequest","/api/","/search","/products","?q=","?search=","?s=","search=","query=","חיפוש"],n=5e5,r=[];console.group("📂 Fetching JS files");for(var t=0;t<e.scriptUrls.length;t++){var c=e.scriptUrls[t];console.log("Fetching:",c);try{var i,s=new AbortController,l=setTimeout(function(){s.abort()},5e3);try{i=await fetch(c,{signal:s.signal})}finally{clearTimeout(l)}if(!i.ok){console.warn("⚠️ HTTP "+i.status+": "+c),r.push({url:c,skipped:!0,reason:"http_"+i.status,snippets:[]});continue}var a=i.headers.get("content-length");if(a&&parseInt(a,10)>n){console.warn("⚠️ Skipped (too large): "+c),r.push({url:c,skipped:!0,reason:"too_large",snippets:[]});continue}var u=await i.text();if(u.length>n){console.warn("⚠️ Skipped after read (too large): "+c),r.push({url:c,skipped:!0,reason:"too_large",snippets:[]});continue}for(var p=u.split("\n"),g=[],d=0;d<p.length;d++){for(var h=p[d],m=!1,f=0;f<o.length;f++)if(-1!==h.indexOf(o[f])){m=!0;break}if(m){for(var v=Math.max(0,d-2),y=Math.min(p.length-1,d+2),w=[],x=0;x<o.length;x++)-1!==h.indexOf(o[x])&&w.push(o[x]);g.push({lineNumber:d+1,matchedKeywords:w,context:p.slice(v,y+1).join("\n")})}}console.log("  → "+g.length+" matches found");for(var S=0;S<g.length;S++){var b=g[S];console.group("  Line "+b.lineNumber+" — ["+b.matchedKeywords.join(", ")+"]"),console.log(b.context),console.groupEnd()}r.push({url:c,skipped:!1,snippets:g})}catch(e){e&&"AbortError"===e.name?(console.warn("⚠️ Timeout: "+c),r.push({url:c,skipped:!0,reason:"timeout",snippets:[]})):(console.warn("⚠️ Failed ("+(e&&e.message?e.message:e)+"): "+c),r.push({url:c,skipped:!0,reason:String(e&&e.message?e.message:e),snippets:[]}))}}console.groupEnd(),console.group("📄 Grepping inline scripts");for(var k=[],O=0;O<e.inlineScripts.length;O++)for(var D=e.inlineScripts[O].split("\n"),T=0;T<D.length;T++){for(var U=D[T],E=!1,F=0;F<o.length;F++)if(-1!==U.indexOf(o[F])){E=!0;break}if(E){for(var A=Math.max(0,T-2),j=Math.min(D.length-1,T+2),P=[],I=0;I<o.length;I++)-1!==U.indexOf(o[I])&&P.push(o[I]);k.push({scriptIndex:O,lineNumber:T+1,matchedKeywords:P,context:D.slice(A,j+1).join("\n")})}}console.log("Found "+k.length+" matches in inline scripts");for(var q=0;q<k.length;q++){var N=k[q];console.group("Inline #"+(N.scriptIndex+1)+" line "+N.lineNumber+" — ["+N.matchedKeywords.join(", ")+"]"),console.log(N.context),console.groupEnd()}console.groupEnd();var L={pageUrl:e.pageUrl,hostname:e.hostname,discoveredAt:e.discoveredAt,inlineScripts:e.inlineScripts,scriptUrls:e.scriptUrls,fileResults:r,inlineSnippets:k};e.error&&(L.error=e.error),console.group("📦 Full Enriched Payload");try{console.log(JSON.stringify(L,null,2))}catch(e){console.log(L)}return console.groupEnd(),console.log("✅ ttpDiscoverFull() complete"),console.groupEnd(),L}catch(e){try{console.error("[TTP Discovery] ttpDiscoverFull failed:",e),console.groupEnd()}catch(e){}return{pageUrl:function(){try{return window.location.href}catch(e){return""}}(),hostname:function(){try{return window.location.hostname}catch(e){return""}}(),discoveredAt:(new Date).toISOString(),inlineScripts:[],scriptUrls:[],fileResults:[],inlineSnippets:[],error:String(e&&e.message?e.message:e)}}},function(){try{console.log("💡 TTP GO Discovery ready — run ttpDiscover() or ttpDiscoverFull() in console to start")}catch(e){}}()}();

package/dist/demos/index.html

@@ -192,19 +192,6 @@
           </div>
         </a>
 
-        <a href="../examples/test-signed-link.html" class="test-card">
-          <span class="test-card__icon">🔐</span>
-          <h3 class="test-card__title">Signed Link Test</h3>
-          <p class="test-card__description">
-            Test secure authentication using signed links. Demonstrates how to use signed URLs 
-            for production-ready voice agent integration without exposing agent IDs.
-          </p>
-          <div class="test-card__badges">
-            <span class="badge badge--voice">Voice</span>
-            <span class="badge badge--sdk">Security</span>
-          </div>
-        </a>
-
         <a href="../examples/test.html" class="test-card">
           <span class="test-card__icon">⚡</span>
           <h3 class="test-card__title">Basic Voice Test</h3>

package/dist/demos/test-ecommerce.html

@@ -166,11 +166,11 @@
       </label>
       <label>STT Provider
         <select id="sttSelect">
+          <option value="soniox" selected>Soniox (default — no override)</option>
           <option value="">Default (server)</option>
-          <option value="azure-stt" selected>Azure STT</option>
+          <option value="azure-stt">Azure STT</option>
           <option value="cartesia-stt">Cartesia (Ink-Whisper)</option>
           <option value="openai-realtime">OpenAI Realtime</option>
-          <option value="soniox">Soniox</option>
         </select>
       </label>
       <label>Start Open
@@ -304,7 +304,8 @@ window.testWidget._flavor.messageHandlers['show_media']({
         agentSettingsOverride: (() => {
           const override = {};
           const stt = document.getElementById('sttSelect').value;
-          if (stt) override.sttProvider = stt;
+          // Soniox is server default; only override when picking a non-default provider
+          if (stt && stt !== 'soniox') override.sttProvider = stt;
           return override;
         })(),
         behavior: {
@@ -316,7 +317,7 @@ window.testWidget._flavor.messageHandlers['show_media']({
         },
         icon: {
           type: 'custom',
-          customImage: 'https://talktopc.com/logo192.png',
+          /* Omit customImage — SDK shows animated waveform (same as mobile), not the old default logo */
           size: 'medium',
           backgroundColor: '#FFFFFF'
         },
@@ -434,5 +435,6 @@ window.testWidget._flavor.messageHandlers['show_media']({
       updateStatus('SDK load failed: ' + e.message, 'error');
     });
   </script>
+  <script src="discovery.js"></script>
 </body>
 </html>

package/dist/demos/test-tour.html

@@ -149,8 +149,9 @@
       </label>
       <label>STT Provider
         <select id="sttSelect">
+          <option value="soniox" selected>Soniox (default — no override)</option>
           <option value="">Default (server)</option>
-          <option value="azure-stt" selected>Azure STT</option>
+          <option value="azure-stt">Azure STT</option>
         </select>
       </label>
     </div>
@@ -251,7 +252,8 @@ window.testWidget._flavor.messageHandlers['show_items']({
         agentSettingsOverride: (() => {
           const override = {};
           const stt = document.getElementById('sttSelect').value;
-          if (stt) override.sttProvider = stt;
+          // Soniox is server default; only override when picking a non-default provider
+          if (stt && stt !== 'soniox') override.sttProvider = stt;
           return override;
         })(),
         behavior: {
@@ -264,7 +266,6 @@ window.testWidget._flavor.messageHandlers['show_items']({
         },
         icon: {
           type: 'custom',
-          customImage: 'https://talktopc.com/logo192.png',
           size: 'medium',
           backgroundColor: '#FFFFFF'
         },

package/dist/demos/widget-customization-dev.html

@@ -1366,7 +1366,6 @@
       },
       icon: {
         type: 'custom',
-        customImage: 'https://talktopc.com/logo192.png',
         size: 'medium',
         backgroundColor: '#FFFFFF'
       },
@@ -1538,7 +1537,7 @@
       const iconConfig = widgetConfig.icon;
       button.innerHTML = ''; // Clear previous content
       
-      if (iconConfig.type === 'custom' && iconConfig.customImage) {
+      if (iconConfig.type === 'custom' && iconConfig.customImage != null && String(iconConfig.customImage).trim() !== '') {
         const img = document.createElement('img');
         img.src = iconConfig.customImage;
         img.alt = 'Chat Assistant';
@@ -1559,15 +1558,12 @@
           <path d="M17 11c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z"/>
         </svg>`;
       } else {
-        // Fallback to custom image if type is custom but no image specified
-        const img = document.createElement('img');
-        img.src = 'https://talktopc.com/logo192.png';
-        img.alt = 'Chat Assistant';
-        const iconSize = Math.floor(getSizeValue(config.size) * 0.6);
-        img.style.width = iconSize + 'px';
-        img.style.height = iconSize + 'px';
-        img.style.objectFit = 'contain';
-        button.appendChild(img);
+        /* custom with no URL (or other types): match SDK — default mic icon for circle launcher */
+        const iconSize = Math.floor(getSizeValue(config.size) * 0.5);
+        button.innerHTML = `<svg viewBox="0 0 24 24" style="width: ${iconSize}px; height: ${iconSize}px; fill: #7C3AED;">
+          <path d="M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3z"/>
+          <path d="M17 11c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z"/>
+        </svg>`;
       }
 
       // Make button highlightable
@@ -2453,7 +2449,7 @@
               </div>
               <div class="control-item" id="iconCustomImageControl" style="display: ${widgetConfig.icon.type === 'custom' ? 'block' : 'none'};">
                 <label>Image URL</label>
-                <input type="text" id="iconCustomImage" value="${widgetConfig.icon.customImage || 'https://talktopc.com/logo192.png'}" placeholder="https://talktopc.com/logo192.png">
+                <input type="text" id="iconCustomImage" value="${widgetConfig.icon.customImage || ''}" placeholder="Optional image URL (empty = default icon)">
               </div>
               <div class="control-item" id="iconEmojiControl" style="display: ${widgetConfig.icon.type === 'emoji' ? 'block' : 'none'};">
                 <label>Emoji</label>
@@ -3690,7 +3686,6 @@
       },
       icon: {
         type: 'custom',
-        customImage: 'https://talktopc.com/logo192.png',
         size: 'medium',
         backgroundColor: '#FFFFFF'
       },
@@ -4192,7 +4187,6 @@
         },
         icon: {
           type: 'custom',
-          customImage: 'https://talktopc.com/logo192.png',
           size: 'medium',
           backgroundColor: '#FFFFFF'
         },

package/dist/demos/widget-customization.html

@@ -816,6 +816,33 @@
       line-height: 1;
     }
 
+    /* Match SDK default pill: waveform in frosted circle */
+    .mock-pill-icon.mock-pill-icon--wave {
+      background: rgba(255, 255, 255, 0.15);
+    }
+    .mock-pill-waveform {
+      display: flex;
+      align-items: center;
+      gap: 2px;
+      height: 16px;
+    }
+    .mock-pill-waveform .bar {
+      width: 2px;
+      background: #fff;
+      border-radius: 1px;
+      animation: mockPillWaveAnim 0.8s ease-in-out infinite;
+      transform-origin: center bottom;
+    }
+    .mock-pill-waveform .bar:nth-child(1) { height: 5px; animation-delay: 0s; }
+    .mock-pill-waveform .bar:nth-child(2) { height: 10px; animation-delay: 0.1s; }
+    .mock-pill-waveform .bar:nth-child(3) { height: 16px; animation-delay: 0.2s; }
+    .mock-pill-waveform .bar:nth-child(4) { height: 8px; animation-delay: 0.3s; }
+    .mock-pill-waveform .bar:nth-child(5) { height: 12px; animation-delay: 0.4s; }
+    @keyframes mockPillWaveAnim {
+      0%, 100% { transform: scaleY(0.4); }
+      50% { transform: scaleY(1); }
+    }
+
     .mock-pill-text {
       display: flex;
       flex-direction: column;
@@ -1815,8 +1842,10 @@
                 <div class="mock-prompt-bubble" id="mockPromptBubble" style="display: none;"></div>
                 <div class="mock-pulse-rings" id="mockPulseRings" style="display: none;"></div>
                 <button class="mock-pill-launcher" id="mockButton" data-element-type="button">
-                  <div class="mock-pill-icon" id="mockPillIcon">
-                    <img src="https://talktopc.com/logo192.png" alt="" style="width:22px;height:22px;border-radius:50%;object-fit:cover;">
+                  <div class="mock-pill-icon mock-pill-icon--wave" id="mockPillIcon">
+                    <div class="mock-pill-waveform" aria-hidden="true">
+                      <span class="bar"></span><span class="bar"></span><span class="bar"></span><span class="bar"></span><span class="bar"></span>
+                    </div>
                   </div>
                   <div class="mock-pill-text" id="mockPillText">
                     <span class="mock-pill-title" id="mockPillTitle">Chat Assistant</span>
@@ -1977,7 +2006,6 @@
       },
       icon: {
         type: 'custom',
-        customImage: 'https://talktopc.com/logo192.png',
         size: 'medium',
         backgroundColor: '#FFFFFF'
       },
@@ -2175,17 +2203,23 @@
       const iconConfig = widgetConfig.icon;
       const headerConfig = widgetConfig.header;
 
-      // Update pill icon
+      // Update pill icon (SDK: custom URL → image; else animated waveform like mobile FAB)
       const pillIcon = document.getElementById('mockPillIcon');
       if (pillIcon) {
-        if (iconConfig.type === 'custom' && iconConfig.customImage) {
+        const hasCustomUrl = iconConfig.type === 'custom' && iconConfig.customImage != null && String(iconConfig.customImage).trim() !== '';
+        if (hasCustomUrl) {
+          pillIcon.className = 'mock-pill-icon';
           pillIcon.innerHTML = `<img src="${iconConfig.customImage}" alt="" style="width:22px;height:22px;border-radius:50%;object-fit:cover;">`;
+          pillIcon.style.backgroundColor = iconConfig.backgroundColor || '#ffffff';
         } else if (iconConfig.type === 'emoji') {
+          pillIcon.className = 'mock-pill-icon';
           pillIcon.innerHTML = `<span class="pill-emoji">${iconConfig.emoji || '🤖'}</span>`;
+          pillIcon.style.backgroundColor = iconConfig.backgroundColor || '#ffffff';
         } else {
-          pillIcon.innerHTML = `<img src="${iconConfig.customImage || 'https://talktopc.com/logo192.png'}" alt="" style="width:22px;height:22px;border-radius:50%;object-fit:cover;">`;
+          pillIcon.className = 'mock-pill-icon mock-pill-icon--wave';
+          pillIcon.innerHTML = '<div class="mock-pill-waveform" aria-hidden="true"><span class="bar"></span><span class="bar"></span><span class="bar"></span><span class="bar"></span><span class="bar"></span></div>';
+          pillIcon.style.backgroundColor = '';
         }
-        pillIcon.style.backgroundColor = iconConfig.backgroundColor || '#ffffff';
       }
 
       // Update pill title and status
@@ -3179,7 +3213,7 @@
               </div>
               <div class="control-item" id="iconCustomImageControl" style="display: ${widgetConfig.icon.type === 'custom' ? 'block' : 'none'};">
                 <label>Image URL</label>
-                <input type="text" id="iconCustomImage" value="${widgetConfig.icon.customImage || 'https://talktopc.com/logo192.png'}" placeholder="https://talktopc.com/logo192.png">
+                <input type="text" id="iconCustomImage" value="${widgetConfig.icon.customImage || ''}" placeholder="Optional image URL — leave empty for waveform">
               </div>
               <div class="control-item" id="iconEmojiControl" style="display: ${widgetConfig.icon.type === 'emoji' ? 'block' : 'none'};">
                 <label>Emoji</label>
@@ -4518,7 +4552,6 @@
       },
       icon: {
         type: 'custom',
-        customImage: 'https://talktopc.com/logo192.png',
         size: 'medium',
         backgroundColor: '#FFFFFF'
       },
@@ -5240,7 +5273,6 @@
         },
         icon: {
           type: 'custom',
-          customImage: 'https://talktopc.com/logo192.png',
           size: 'medium',
           backgroundColor: '#FFFFFF'
         },

package/dist/discovery.js

@@ -0,0 +1 @@
+!function(){"use strict";var e=["google.com","googleapis.com","gstatic.com","googletagmanager.com","google-analytics.com","googlesyndication.com","doubleclick.net","facebook.net","facebook.com","fbcdn.net","connect.facebook","cdn.jsdelivr.net","jsdelivr.net","unpkg.com","cdnjs.cloudflare.com","hotjar.com","segment.com","segment.io","mixpanel.com","clarity.ms","licdn.com","bat.bing.com","pinterest.com","tiktok.com","tiktokcdn.com","criteo.com","taboola.com","outbrain.com","cloudflareinsights.com","browser.sentry-cdn.com","sentry.io","amazon-adsystem.com","adsafeprotected.com","scorecardresearch.com","snapchat.com","twitter.com","twimg.com","x.com"];function o(e){if(!e||"string"!=typeof e)return!1;var o=e.trim();return!!o&&(-1!==o.indexOf("fetch")||-1!==o.indexOf("axios")||-1!==o.indexOf("ajax")||-1!==o.indexOf("api")||-1!==o.indexOf("search")||-1!==o.indexOf("query")||-1!==o.indexOf("חיפוש"))}function n(o,n){try{var r=new URL(o,window.location.href);if(function(o){if(!o)return!0;for(var n=String(o).toLowerCase(),r=0;r<e.length;r++)if(n===e[r]||n.endsWith("."+e[r]))return!0;return!1}(r.hostname))return!1;var t=window.location.hostname;if(!t)return!1;if(r.hostname===t)return!0;if(r.hostname.endsWith("."+t))return!0;if(-1!==o.indexOf(t))return!0;var c=n||"";return"/"===c.charAt(0)||0===c.indexOf("./")}catch(e){return!1}}function r(e){if(null==e)return"";var o=String(e);return o.length<=500?o:o.slice(0,500)+"…"}window.ttpDiscover=function(){var e="",t="",c=(new Date).toISOString(),i=[],s=[];try{e=window.location.href,t=window.location.hostname;var l=[];try{l=document.querySelectorAll("script:not([src])")}catch(e){l=[]}for(var a=0;a<l.length;a++)try{var u=(l[a].textContent||"").trim();if(!o(u))continue;i.push(u)}catch(e){}var p=[];try{p=document.querySelectorAll("script[src]")}catch(e){p=[]}for(var g={},d=0;d<p.length;d++)try{var h=p[d],m=h.getAttribute("src")||"",f=h.src||"";if(!n(f,m))continue;if(g[f])continue;g[f]=!0,s.push(f)}catch(e){}}catch(o){return console.error("[TTP Discovery] Unexpected error while scanning:",o),{pageUrl:e||function(){try{return window.location.href}catch(e){return""}}(),hostname:t||function(){try{return window.location.hostname}catch(e){return""}}(),discoveredAt:c,inlineScripts:[],scriptUrls:[],error:String(o&&o.message?o.message:o)}}var v={pageUrl:e,hostname:t,discoveredAt:c,inlineScripts:i,scriptUrls:s};try{console.group("🔍 TTP GO Site Discovery"),console.log("Starting discovery on: "+e),console.group("📄 Inline Scripts"),console.log("Found "+i.length+" relevant inline scripts");for(var y=0;y<i.length;y++)console.log("--- Inline Script #"+(y+1)+" ---"),console.log(r(i[y]));console.groupEnd(),console.group("🔗 Script URLs"),console.log("Found "+s.length+" same-domain script files");for(var w=0;w<s.length;w++)console.log(" - "+s[w]);console.groupEnd(),console.group("📦 Full Payload (ready to send to backend)");try{console.log(JSON.stringify(v,null,2))}catch(e){console.log(v)}console.groupEnd(),console.log("✅ Discovery complete. Call ttpDiscover() again anytime."),console.groupEnd()}catch(e){try{console.log(v)}catch(e){}}return v},window.ttpDiscoverFull=async function(){try{console.group("🚀 TTP GO Discovery Full");var e=await Promise.resolve(window.ttpDiscover()),o=["fetch(","axios.","$.ajax","XMLHttpRequest","/api/","/search","/products","?q=","?search=","?s=","search=","query=","חיפוש"],n=5e5,r=[];console.group("📂 Fetching JS files");for(var t=0;t<e.scriptUrls.length;t++){var c=e.scriptUrls[t];console.log("Fetching:",c);try{var i,s=new AbortController,l=setTimeout(function(){s.abort()},5e3);try{i=await fetch(c,{signal:s.signal})}finally{clearTimeout(l)}if(!i.ok){console.warn("⚠️ HTTP "+i.status+": "+c),r.push({url:c,skipped:!0,reason:"http_"+i.status,snippets:[]});continue}var a=i.headers.get("content-length");if(a&&parseInt(a,10)>n){console.warn("⚠️ Skipped (too large): "+c),r.push({url:c,skipped:!0,reason:"too_large",snippets:[]});continue}var u=await i.text();if(u.length>n){console.warn("⚠️ Skipped after read (too large): "+c),r.push({url:c,skipped:!0,reason:"too_large",snippets:[]});continue}for(var p=u.split("\n"),g=[],d=0;d<p.length;d++){for(var h=p[d],m=!1,f=0;f<o.length;f++)if(-1!==h.indexOf(o[f])){m=!0;break}if(m){for(var v=Math.max(0,d-2),y=Math.min(p.length-1,d+2),w=[],x=0;x<o.length;x++)-1!==h.indexOf(o[x])&&w.push(o[x]);g.push({lineNumber:d+1,matchedKeywords:w,context:p.slice(v,y+1).join("\n")})}}console.log("  → "+g.length+" matches found");for(var S=0;S<g.length;S++){var b=g[S];console.group("  Line "+b.lineNumber+" — ["+b.matchedKeywords.join(", ")+"]"),console.log(b.context),console.groupEnd()}r.push({url:c,skipped:!1,snippets:g})}catch(e){e&&"AbortError"===e.name?(console.warn("⚠️ Timeout: "+c),r.push({url:c,skipped:!0,reason:"timeout",snippets:[]})):(console.warn("⚠️ Failed ("+(e&&e.message?e.message:e)+"): "+c),r.push({url:c,skipped:!0,reason:String(e&&e.message?e.message:e),snippets:[]}))}}console.groupEnd(),console.group("📄 Grepping inline scripts");for(var k=[],O=0;O<e.inlineScripts.length;O++)for(var D=e.inlineScripts[O].split("\n"),T=0;T<D.length;T++){for(var U=D[T],E=!1,F=0;F<o.length;F++)if(-1!==U.indexOf(o[F])){E=!0;break}if(E){for(var A=Math.max(0,T-2),j=Math.min(D.length-1,T+2),P=[],I=0;I<o.length;I++)-1!==U.indexOf(o[I])&&P.push(o[I]);k.push({scriptIndex:O,lineNumber:T+1,matchedKeywords:P,context:D.slice(A,j+1).join("\n")})}}console.log("Found "+k.length+" matches in inline scripts");for(var q=0;q<k.length;q++){var N=k[q];console.group("Inline #"+(N.scriptIndex+1)+" line "+N.lineNumber+" — ["+N.matchedKeywords.join(", ")+"]"),console.log(N.context),console.groupEnd()}console.groupEnd();var L={pageUrl:e.pageUrl,hostname:e.hostname,discoveredAt:e.discoveredAt,inlineScripts:e.inlineScripts,scriptUrls:e.scriptUrls,fileResults:r,inlineSnippets:k};e.error&&(L.error=e.error),console.group("📦 Full Enriched Payload");try{console.log(JSON.stringify(L,null,2))}catch(e){console.log(L)}return console.groupEnd(),console.log("✅ ttpDiscoverFull() complete"),console.groupEnd(),L}catch(e){try{console.error("[TTP Discovery] ttpDiscoverFull failed:",e),console.groupEnd()}catch(e){}return{pageUrl:function(){try{return window.location.href}catch(e){return""}}(),hostname:function(){try{return window.location.hostname}catch(e){return""}}(),discoveredAt:(new Date).toISOString(),inlineScripts:[],scriptUrls:[],fileResults:[],inlineSnippets:[],error:String(e&&e.message?e.message:e)}}},function(){try{console.log("💡 TTP GO Discovery ready — run ttpDiscover() or ttpDiscoverFull() in console to start")}catch(e){}}()}();

package/dist/examples/demo-v2.html

@@ -721,9 +721,9 @@
 
             <option value="22050">22.05 kHz</option>
 
-            <option value="24000">24 kHz</option>
+            <option value="24000" selected>24 kHz</option>
 
-            <option value="44100" selected>44.1 kHz (CD Quality)</option>
+            <option value="44100">44.1 kHz (CD Quality)</option>
 
             <option value="48000">48 kHz (Pro)</option>
 

package/dist/examples/discovery.js

@@ -0,0 +1 @@
+!function(){"use strict";var e=["google.com","googleapis.com","gstatic.com","googletagmanager.com","google-analytics.com","googlesyndication.com","doubleclick.net","facebook.net","facebook.com","fbcdn.net","connect.facebook","cdn.jsdelivr.net","jsdelivr.net","unpkg.com","cdnjs.cloudflare.com","hotjar.com","segment.com","segment.io","mixpanel.com","clarity.ms","licdn.com","bat.bing.com","pinterest.com","tiktok.com","tiktokcdn.com","criteo.com","taboola.com","outbrain.com","cloudflareinsights.com","browser.sentry-cdn.com","sentry.io","amazon-adsystem.com","adsafeprotected.com","scorecardresearch.com","snapchat.com","twitter.com","twimg.com","x.com"];function o(e){if(!e||"string"!=typeof e)return!1;var o=e.trim();return!!o&&(-1!==o.indexOf("fetch")||-1!==o.indexOf("axios")||-1!==o.indexOf("ajax")||-1!==o.indexOf("api")||-1!==o.indexOf("search")||-1!==o.indexOf("query")||-1!==o.indexOf("חיפוש"))}function n(o,n){try{var r=new URL(o,window.location.href);if(function(o){if(!o)return!0;for(var n=String(o).toLowerCase(),r=0;r<e.length;r++)if(n===e[r]||n.endsWith("."+e[r]))return!0;return!1}(r.hostname))return!1;var t=window.location.hostname;if(!t)return!1;if(r.hostname===t)return!0;if(r.hostname.endsWith("."+t))return!0;if(-1!==o.indexOf(t))return!0;var c=n||"";return"/"===c.charAt(0)||0===c.indexOf("./")}catch(e){return!1}}function r(e){if(null==e)return"";var o=String(e);return o.length<=500?o:o.slice(0,500)+"…"}window.ttpDiscover=function(){var e="",t="",c=(new Date).toISOString(),i=[],s=[];try{e=window.location.href,t=window.location.hostname;var l=[];try{l=document.querySelectorAll("script:not([src])")}catch(e){l=[]}for(var a=0;a<l.length;a++)try{var u=(l[a].textContent||"").trim();if(!o(u))continue;i.push(u)}catch(e){}var p=[];try{p=document.querySelectorAll("script[src]")}catch(e){p=[]}for(var g={},d=0;d<p.length;d++)try{var h=p[d],m=h.getAttribute("src")||"",f=h.src||"";if(!n(f,m))continue;if(g[f])continue;g[f]=!0,s.push(f)}catch(e){}}catch(o){return console.error("[TTP Discovery] Unexpected error while scanning:",o),{pageUrl:e||function(){try{return window.location.href}catch(e){return""}}(),hostname:t||function(){try{return window.location.hostname}catch(e){return""}}(),discoveredAt:c,inlineScripts:[],scriptUrls:[],error:String(o&&o.message?o.message:o)}}var v={pageUrl:e,hostname:t,discoveredAt:c,inlineScripts:i,scriptUrls:s};try{console.group("🔍 TTP GO Site Discovery"),console.log("Starting discovery on: "+e),console.group("📄 Inline Scripts"),console.log("Found "+i.length+" relevant inline scripts");for(var y=0;y<i.length;y++)console.log("--- Inline Script #"+(y+1)+" ---"),console.log(r(i[y]));console.groupEnd(),console.group("🔗 Script URLs"),console.log("Found "+s.length+" same-domain script files");for(var w=0;w<s.length;w++)console.log(" - "+s[w]);console.groupEnd(),console.group("📦 Full Payload (ready to send to backend)");try{console.log(JSON.stringify(v,null,2))}catch(e){console.log(v)}console.groupEnd(),console.log("✅ Discovery complete. Call ttpDiscover() again anytime."),console.groupEnd()}catch(e){try{console.log(v)}catch(e){}}return v},window.ttpDiscoverFull=async function(){try{console.group("🚀 TTP GO Discovery Full");var e=await Promise.resolve(window.ttpDiscover()),o=["fetch(","axios.","$.ajax","XMLHttpRequest","/api/","/search","/products","?q=","?search=","?s=","search=","query=","חיפוש"],n=5e5,r=[];console.group("📂 Fetching JS files");for(var t=0;t<e.scriptUrls.length;t++){var c=e.scriptUrls[t];console.log("Fetching:",c);try{var i,s=new AbortController,l=setTimeout(function(){s.abort()},5e3);try{i=await fetch(c,{signal:s.signal})}finally{clearTimeout(l)}if(!i.ok){console.warn("⚠️ HTTP "+i.status+": "+c),r.push({url:c,skipped:!0,reason:"http_"+i.status,snippets:[]});continue}var a=i.headers.get("content-length");if(a&&parseInt(a,10)>n){console.warn("⚠️ Skipped (too large): "+c),r.push({url:c,skipped:!0,reason:"too_large",snippets:[]});continue}var u=await i.text();if(u.length>n){console.warn("⚠️ Skipped after read (too large): "+c),r.push({url:c,skipped:!0,reason:"too_large",snippets:[]});continue}for(var p=u.split("\n"),g=[],d=0;d<p.length;d++){for(var h=p[d],m=!1,f=0;f<o.length;f++)if(-1!==h.indexOf(o[f])){m=!0;break}if(m){for(var v=Math.max(0,d-2),y=Math.min(p.length-1,d+2),w=[],x=0;x<o.length;x++)-1!==h.indexOf(o[x])&&w.push(o[x]);g.push({lineNumber:d+1,matchedKeywords:w,context:p.slice(v,y+1).join("\n")})}}console.log("  → "+g.length+" matches found");for(var S=0;S<g.length;S++){var b=g[S];console.group("  Line "+b.lineNumber+" — ["+b.matchedKeywords.join(", ")+"]"),console.log(b.context),console.groupEnd()}r.push({url:c,skipped:!1,snippets:g})}catch(e){e&&"AbortError"===e.name?(console.warn("⚠️ Timeout: "+c),r.push({url:c,skipped:!0,reason:"timeout",snippets:[]})):(console.warn("⚠️ Failed ("+(e&&e.message?e.message:e)+"): "+c),r.push({url:c,skipped:!0,reason:String(e&&e.message?e.message:e),snippets:[]}))}}console.groupEnd(),console.group("📄 Grepping inline scripts");for(var k=[],O=0;O<e.inlineScripts.length;O++)for(var D=e.inlineScripts[O].split("\n"),T=0;T<D.length;T++){for(var U=D[T],E=!1,F=0;F<o.length;F++)if(-1!==U.indexOf(o[F])){E=!0;break}if(E){for(var A=Math.max(0,T-2),j=Math.min(D.length-1,T+2),P=[],I=0;I<o.length;I++)-1!==U.indexOf(o[I])&&P.push(o[I]);k.push({scriptIndex:O,lineNumber:T+1,matchedKeywords:P,context:D.slice(A,j+1).join("\n")})}}console.log("Found "+k.length+" matches in inline scripts");for(var q=0;q<k.length;q++){var N=k[q];console.group("Inline #"+(N.scriptIndex+1)+" line "+N.lineNumber+" — ["+N.matchedKeywords.join(", ")+"]"),console.log(N.context),console.groupEnd()}console.groupEnd();var L={pageUrl:e.pageUrl,hostname:e.hostname,discoveredAt:e.discoveredAt,inlineScripts:e.inlineScripts,scriptUrls:e.scriptUrls,fileResults:r,inlineSnippets:k};e.error&&(L.error=e.error),console.group("📦 Full Enriched Payload");try{console.log(JSON.stringify(L,null,2))}catch(e){console.log(L)}return console.groupEnd(),console.log("✅ ttpDiscoverFull() complete"),console.groupEnd(),L}catch(e){try{console.error("[TTP Discovery] ttpDiscoverFull failed:",e),console.groupEnd()}catch(e){}return{pageUrl:function(){try{return window.location.href}catch(e){return""}}(),hostname:function(){try{return window.location.hostname}catch(e){return""}}(),discoveredAt:(new Date).toISOString(),inlineScripts:[],scriptUrls:[],fileResults:[],inlineSnippets:[],error:String(e&&e.message?e.message:e)}}},function(){try{console.log("💡 TTP GO Discovery ready — run ttpDiscover() or ttpDiscoverFull() in console to start")}catch(e){}}()}();

package/dist/examples/test-ecommerce.html

@@ -166,11 +166,11 @@
       </label>
       <label>STT Provider
         <select id="sttSelect">
+          <option value="soniox" selected>Soniox (default — no override)</option>
           <option value="">Default (server)</option>
-          <option value="azure-stt" selected>Azure STT</option>
+          <option value="azure-stt">Azure STT</option>
           <option value="cartesia-stt">Cartesia (Ink-Whisper)</option>
           <option value="openai-realtime">OpenAI Realtime</option>
-          <option value="soniox">Soniox</option>
         </select>
       </label>
       <label>Start Open
@@ -304,7 +304,8 @@ window.testWidget._flavor.messageHandlers['show_media']({
         agentSettingsOverride: (() => {
           const override = {};
           const stt = document.getElementById('sttSelect').value;
-          if (stt) override.sttProvider = stt;
+          // Soniox is server default; only override when picking a non-default provider
+          if (stt && stt !== 'soniox') override.sttProvider = stt;
           return override;
         })(),
         behavior: {
@@ -316,7 +317,7 @@ window.testWidget._flavor.messageHandlers['show_media']({
         },
         icon: {
           type: 'custom',
-          customImage: 'https://talktopc.com/logo192.png',
+          /* Omit customImage — SDK shows animated waveform (same as mobile), not the old default logo */
           size: 'medium',
           backgroundColor: '#FFFFFF'
         },
@@ -434,5 +435,6 @@ window.testWidget._flavor.messageHandlers['show_media']({
       updateStatus('SDK load failed: ' + e.message, 'error');
     });
   </script>
+  <script src="discovery.js"></script>
 </body>
 </html>

package/dist/examples/test-index.html

@@ -192,19 +192,6 @@
           </div>
         </a>
 
-        <a href="../examples/test-signed-link.html" class="test-card">
-          <span class="test-card__icon">🔐</span>
-          <h3 class="test-card__title">Signed Link Test</h3>
-          <p class="test-card__description">
-            Test secure authentication using signed links. Demonstrates how to use signed URLs 
-            for production-ready voice agent integration without exposing agent IDs.
-          </p>
-          <div class="test-card__badges">
-            <span class="badge badge--voice">Voice</span>
-            <span class="badge badge--sdk">Security</span>
-          </div>
-        </a>
-
         <a href="../examples/test.html" class="test-card">
           <span class="test-card__icon">⚡</span>
           <h3 class="test-card__title">Basic Voice Test</h3>

package/dist/examples/test-restaurant.html

@@ -127,7 +127,7 @@
         <li>Uses <code>TTPChatWidget</code> with <code>flavor: { type: 'restaurants', partnerId: 'mock-restaurant' }</code></li>
         <li>The backend injects restaurant tools (<code>search_menu</code>, <code>add_to_order</code>, <code>get_order</code>, <code>show_media</code>)</li>
         <li>Menu item cards display when the agent sends <code>show_items</code> messages</li>
-        <li>Order summary updates on <code>order_updated</code> messages</li>
+        <li>Order summary updates on <code>cart_updated</code> messages (same universal shape as ecommerce: <code>product</code>, <code>cartTotal</code>, <code>cartItemCount</code>)</li>
         <li>Gallery (<code>show_media</code>) opens fullscreen for dish photos, ambiance, etc.</li>
       </ul>
     </div>
@@ -149,8 +149,9 @@
       </label>
       <label>STT Provider
         <select id="sttSelect">
+          <option value="soniox" selected>Soniox (default — no override)</option>
           <option value="">Default (server)</option>
-          <option value="azure-stt" selected>Azure STT</option>
+          <option value="azure-stt">Azure STT</option>
         </select>
       </label>
     </div>
@@ -251,7 +252,8 @@ window.testWidget._flavor.messageHandlers['show_items']({
         agentSettingsOverride: (() => {
           const override = {};
           const stt = document.getElementById('sttSelect').value;
-          if (stt) override.sttProvider = stt;
+          // Soniox is server default; only override when picking a non-default provider
+          if (stt && stt !== 'soniox') override.sttProvider = stt;
           return override;
         })(),
         behavior: {
@@ -259,19 +261,18 @@ window.testWidget._flavor.messageHandlers['show_items']({
           startOpen: true
         },
         flavor: {
-          type: 'ecommerce',
-          partnerId: 'mock-store'
+          type: 'restaurants',
+          partnerId: 'mock-restaurant'
         },
         icon: {
           type: 'custom',
-          customImage: 'https://talktopc.com/logo192.png',
           size: 'medium',
           backgroundColor: '#FFFFFF'
         }
       });
 
       window.testWidget = chatWidget;
-      updateStatus('TTPChatWidget created — ecommerce flavor (mock-store)', 'success');
+      updateStatus('TTPChatWidget created — restaurants flavor (mock-restaurant)', 'success');
     }
 
     document.getElementById('createBtn').onclick = createWidget;
@@ -325,14 +326,15 @@ window.testWidget._flavor.messageHandlers['show_items']({
         updateStatus('Create widget first', 'error');
         return;
       }
-      chatWidget._flavor.messageHandlers['order_updated']({
-        t: 'order_updated',
-        orderItemCount: 3,
-        orderTotal: 67.97,
+      chatWidget._flavor.messageHandlers['cart_updated']({
+        t: 'cart_updated',
+        cartItemCount: 3,
+        cartTotal: 67.97,
+        currency: 'USD',
         action: 'added',
-        item: { id: 'MAIN-001', name: 'Grilled Salmon', price: 24.99 }
+        product: { id: 'MAIN-001', name: 'Grilled Salmon', price: 24.99 }
       });
-      updateStatus('order_updated injected (3 items, $67.97)', 'success');
+      updateStatus('cart_updated injected (3 items, $67.97)', 'success');
     };
 
     document.getElementById('clearOrderBtn').onclick = () => {
@@ -340,10 +342,11 @@ window.testWidget._flavor.messageHandlers['show_items']({
         updateStatus('Create widget first', 'error');
         return;
       }
-      chatWidget._flavor.messageHandlers['order_updated']({
-        t: 'order_updated',
-        orderItemCount: 0,
-        orderTotal: 0,
+      chatWidget._flavor.messageHandlers['cart_updated']({
+        t: 'cart_updated',
+        cartItemCount: 0,
+        cartTotal: 0,
+        currency: 'USD',
         action: 'refreshed'
       });
       updateStatus('Order cleared', '');

package/dist/examples/test-text-chat.html

@@ -94,11 +94,15 @@
         font-size: 13px;
       }
       
-      select, input[type="text"], input[type="number"], input[type="color"] {
+      select, input[type="text"], input[type="number"], input[type="color"], textarea {
         font-size: 16px; /* Prevents iOS zoom on focus */
         padding: 10px 12px;
         min-height: 44px;
       }
+
+      textarea {
+        min-height: 100px;
+      }
       
       input[type="color"] {
         min-width: 50px;
@@ -188,7 +192,8 @@
       background: #4B5563;
     }
 
-    label {
+    /* Scope form labels — global `label { flex-direction: column }` can break in-widget flex rows when useShadowDOM is false */
+    .customization-container label {
       display: flex;
       flex-direction: column;
       gap: 4px;
@@ -196,7 +201,7 @@
       color: #374151;
     }
 
-    select, input[type="text"], input[type="number"], input[type="color"] {
+    select, input[type="text"], input[type="number"], input[type="color"], textarea {
       padding: 8px 12px;
       border: 1px solid #D1D5DB;
       border-radius: 6px;
@@ -206,7 +211,12 @@
       color: #111827;
     }
 
-    select:focus, input:focus {
+    textarea {
+      resize: vertical;
+      min-height: 80px;
+    }
+
+    select:focus, input:focus, textarea:focus {
       outline: none;
       border-color: #667eea;
       box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
@@ -844,7 +854,7 @@
     } else {
       initializeUI();
     }
-    
+
     // Clear hover color (set to empty to test no hover color behavior)
     function clearHoverColor() {
       const hoverColorInput = document.getElementById('buttonHoverColor');
@@ -931,7 +941,6 @@
         
         icon: {
           type: 'custom',
-          customImage: 'https://talktopc.com/logo192.png',
           size: document.getElementById('buttonSize').value,
           backgroundColor: document.getElementById('buttonBgColor').value || '#FFFFFF' // Widget default: white
         },
@@ -1050,7 +1059,7 @@
           textCardIcon: document.getElementById('landingTextIcon').value
         }
       };
-      
+
       // Only include hoverColor if user has set a custom value (not default #7C3AED)
       // If hoverColor is not included, widget will keep original color on hover
       const hoverColorInput = document.getElementById('buttonHoverColor');
@@ -1098,8 +1107,8 @@
         // Skip if already has listener
         if (elementsWithListeners.has(element)) return;
         
-        // For text inputs - apply on every keystroke (input event) with debounce
-        if (element.type === 'text' || element.tagName === 'TEXTAREA') {
+        // For text inputs and textareas - apply on every keystroke (input event) with debounce
+        if (element.type === 'text' || element.type === 'textarea' || element.tagName === 'TEXTAREA') {
           let timeout;
           element.addEventListener('input', function() {
             // Debounce for text inputs to avoid too many updates

package/dist/examples/test-tour.html

@@ -149,8 +149,9 @@
       </label>
       <label>STT Provider
         <select id="sttSelect">
+          <option value="soniox" selected>Soniox (default — no override)</option>
           <option value="">Default (server)</option>
-          <option value="azure-stt" selected>Azure STT</option>
+          <option value="azure-stt">Azure STT</option>
         </select>
       </label>
     </div>
@@ -251,7 +252,8 @@ window.testWidget._flavor.messageHandlers['show_items']({
         agentSettingsOverride: (() => {
           const override = {};
           const stt = document.getElementById('sttSelect').value;
-          if (stt) override.sttProvider = stt;
+          // Soniox is server default; only override when picking a non-default provider
+          if (stt && stt !== 'soniox') override.sttProvider = stt;
           return override;
         })(),
         behavior: {
@@ -264,7 +266,6 @@ window.testWidget._flavor.messageHandlers['show_items']({
         },
         icon: {
           type: 'custom',
-          customImage: 'https://talktopc.com/logo192.png',
           size: 'medium',
           backgroundColor: '#FFFFFF'
         },