ttp-agent-sdk 2.48.1 → 2.48.2

package/dist/demos/test-widget.html

@@ -273,6 +273,7 @@
         <div class="config-group">
           <label for="agentId">Agent ID *</label>
           <input type="text" id="agentId" value="agent_e5cf06457" placeholder="agent_123">
+          <p style="font-size: 12px; color: #6b7280; margin-top: 6px;">Saved in this browser after you set them once.</p>
         </div>
 
         <div class="config-group">
@@ -412,9 +413,51 @@
 
   <script src="demo-sdk-loader.js"></script>
   <script>
+    const DEMO_IDS_KEY = 'ttp-demo-widget-ids';
+    const DEFAULT_AGENT_ID = 'agent_e5cf06457';
+    const DEFAULT_APP_ID = 'app_Bc01EqMQt2Euehl4qqZSi6l3FJP42Q9vJ0pC';
+
+    function loadSavedDemoIds() {
+      try {
+        const parsed = JSON.parse(localStorage.getItem(DEMO_IDS_KEY) || 'null');
+        if (parsed && typeof parsed.agentId === 'string' && typeof parsed.appId === 'string'
+            && parsed.agentId.trim() && parsed.appId.trim()) {
+          return { agentId: parsed.agentId.trim(), appId: parsed.appId.trim() };
+        }
+      } catch (e) { /* ignore bad localStorage */ }
+      return null;
+    }
+
+    function saveDemoIds(agentId, appId) {
+      const next = { agentId: (agentId || '').trim(), appId: (appId || '').trim() };
+      if (!next.agentId || !next.appId) return;
+      localStorage.setItem(DEMO_IDS_KEY, JSON.stringify(next));
+    }
+
+    function applySavedDemoIds() {
+      const saved = loadSavedDemoIds();
+      if (!saved) return saved;
+      const agentEl = document.getElementById('agentId');
+      const appEl = document.getElementById('appId');
+      if (agentEl) agentEl.value = saved.agentId;
+      if (appEl) appEl.value = saved.appId;
+      return saved;
+    }
+
+    applySavedDemoIds();
+    ['agentId', 'appId'].forEach((id) => {
+      document.getElementById(id)?.addEventListener('change', () => {
+        saveDemoIds(
+          document.getElementById('agentId')?.value,
+          document.getElementById('appId')?.value
+        );
+      });
+    });
+
     console.log('🔵 Waiting for SDK to load (use top-right toggle for prod/dev)...');
 
     function initSDK() {
+      applySavedDemoIds();
       if (typeof window.TTPAgentSDK === 'undefined') {
         return;
       }
@@ -462,6 +505,8 @@
           return;
         }
 
+        saveDemoIds(agentId, appId);
+
         // Destroy existing widget if any
         if (window.widgetInstance) {
           window.destroyWidget();
@@ -476,6 +521,9 @@
             language: language,
             primaryColor: primaryColor,
             useShadowDOM: useShadowDOM,
+            // Same last-hop as platform Test AI Agent (2.48.0 destination).
+            // 2.48.1 HTML <audio> hop played 24 kHz TTS ~2× on this page.
+            htmlAudioPlayback: false,
             behavior: {
               mode: mode
             }
@@ -559,8 +607,9 @@
       };
 
       window.resetConfig = function() {
-        document.getElementById('agentId').value = 'agent_e5cf06457';
-        document.getElementById('appId').value = 'app_Bc01EqMQt2Euehl4qqZSi6l3FJP42Q9vJ0pC';
+        localStorage.removeItem(DEMO_IDS_KEY);
+        document.getElementById('agentId').value = DEFAULT_AGENT_ID;
+        document.getElementById('appId').value = DEFAULT_APP_ID;
         document.getElementById('getSessionUrl').value = '';
         document.getElementById('position').value = 'bottom-right';
         document.getElementById('language').value = 'en';

package/dist/examples/test-widget.html

@@ -673,6 +673,11 @@
     window.TTPDemoSdkLoader.waitForReady().then(() => {
       updateWsUrlDisplay();
       initSDK();
+      // Auto-init on load so you don't have to click "Initialize Widget" every refresh
+      if (typeof window.initializeWidget === 'function'
+          && document.getElementById('widgetStatus')?.textContent !== 'Yes') {
+        window.initializeWidget();
+      }
     }).catch((e) => {
       console.error('❌ SDK load failed:', e);
       alert('SDK load failed. Check Network for agent-widget*.js');

package/dist/index.html

@@ -23,7 +23,7 @@
           <img src="https://talktopc.com/logo192.png" alt="TTP Logo" style="width: 40px; height: 40px; border-radius: 8px;">
           <div>
             <h1 style="margin: 0; font-size: 1.4rem;">TTP Agent SDK</h1>
-            <p class="version" style="margin: 0;">v2.45.16</p>
+            <p class="version" style="margin: 0;">v2.48.2</p>
           </div>
         </div>
       </div>
@@ -3850,6 +3850,12 @@ async (ctx) => {
                 <td>No</td>
                 <td>Frame duration for raw PCM streaming in milliseconds (default: 600)</td>
               </tr>
+              <tr>
+                <td><code>htmlAudioPlayback</code></td>
+                <td>boolean</td>
+                <td>No</td>
+                <td>Play TTS through a hidden <code>&lt;audio&gt;</code> element (AEC far-end). Default <code>true</code>. The playback AudioContext runs at the device rate (typically 48 kHz); PCM buffers stay at <code>outputSampleRate</code> (default 24 kHz). Set <code>false</code> to use <code>AudioContext.destination</code> (2.48.0 path).</td>
+              </tr>
               <tr>
                 <td><code>protocolVersion</code></td>
                 <td>number</td>

package/examples/test-widget.html

@@ -273,6 +273,7 @@
         <div class="config-group">
           <label for="agentId">Agent ID *</label>
           <input type="text" id="agentId" value="agent_e5cf06457" placeholder="agent_123">
+          <p style="font-size: 12px; color: #6b7280; margin-top: 6px;">Saved in this browser after you set them once.</p>
         </div>
 
         <div class="config-group">
@@ -412,9 +413,51 @@
 
   <script src="demo-sdk-loader.js"></script>
   <script>
+    const DEMO_IDS_KEY = 'ttp-demo-widget-ids';
+    const DEFAULT_AGENT_ID = 'agent_e5cf06457';
+    const DEFAULT_APP_ID = 'app_Bc01EqMQt2Euehl4qqZSi6l3FJP42Q9vJ0pC';
+
+    function loadSavedDemoIds() {
+      try {
+        const parsed = JSON.parse(localStorage.getItem(DEMO_IDS_KEY) || 'null');
+        if (parsed && typeof parsed.agentId === 'string' && typeof parsed.appId === 'string'
+            && parsed.agentId.trim() && parsed.appId.trim()) {
+          return { agentId: parsed.agentId.trim(), appId: parsed.appId.trim() };
+        }
+      } catch (e) { /* ignore bad localStorage */ }
+      return null;
+    }
+
+    function saveDemoIds(agentId, appId) {
+      const next = { agentId: (agentId || '').trim(), appId: (appId || '').trim() };
+      if (!next.agentId || !next.appId) return;
+      localStorage.setItem(DEMO_IDS_KEY, JSON.stringify(next));
+    }
+
+    function applySavedDemoIds() {
+      const saved = loadSavedDemoIds();
+      if (!saved) return saved;
+      const agentEl = document.getElementById('agentId');
+      const appEl = document.getElementById('appId');
+      if (agentEl) agentEl.value = saved.agentId;
+      if (appEl) appEl.value = saved.appId;
+      return saved;
+    }
+
+    applySavedDemoIds();
+    ['agentId', 'appId'].forEach((id) => {
+      document.getElementById(id)?.addEventListener('change', () => {
+        saveDemoIds(
+          document.getElementById('agentId')?.value,
+          document.getElementById('appId')?.value
+        );
+      });
+    });
+
     console.log('🔵 Waiting for SDK to load (use top-right toggle for prod/dev)...');
 
     function initSDK() {
+      applySavedDemoIds();
       if (typeof window.TTPAgentSDK === 'undefined') {
         return;
       }
@@ -462,6 +505,8 @@
           return;
         }
 
+        saveDemoIds(agentId, appId);
+
         // Destroy existing widget if any
         if (window.widgetInstance) {
           window.destroyWidget();
@@ -559,8 +604,9 @@
       };
 
       window.resetConfig = function() {
-        document.getElementById('agentId').value = 'agent_e5cf06457';
-        document.getElementById('appId').value = 'app_Bc01EqMQt2Euehl4qqZSi6l3FJP42Q9vJ0pC';
+        localStorage.removeItem(DEMO_IDS_KEY);
+        document.getElementById('agentId').value = DEFAULT_AGENT_ID;
+        document.getElementById('appId').value = DEFAULT_APP_ID;
         document.getElementById('getSessionUrl').value = '';
         document.getElementById('position').value = 'bottom-right';
         document.getElementById('language').value = 'en';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ttp-agent-sdk",
-  "version": "2.48.1",
+  "version": "2.48.2",
   "description": "Comprehensive Voice Agent SDK with Customizable Widget - Real-time audio, WebSocket communication, React components, and extensive customization options",
   "main": "dist/agent-widget.js",
   "module": "dist/agent-widget.esm.js",