ttp-agent-sdk 2.48.0 → 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">
@@ -335,6 +336,16 @@
             <span>Use Shadow DOM</span>
           </label>
         </div>
+
+        <div class="config-group">
+          <label style="display: flex; align-items: center; gap: 8px;">
+            <input type="checkbox" id="flavorCallViewMinimized">
+            <span>Flavor: callView minimized</span>
+          </label>
+          <p style="font-size: 12px; color: #6b7280; margin-top: 6px;">
+            When checked, initializes with <code>flavor: { callView: "minimized" }</code>
+          </p>
+        </div>
       </div>
 
       <div class="info-box" style="margin-top: 24px;">
@@ -402,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;
       }
@@ -452,6 +505,8 @@
           return;
         }
 
+        saveDemoIds(agentId, appId);
+
         // Destroy existing widget if any
         if (window.widgetInstance) {
           window.destroyWidget();
@@ -466,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
             }
@@ -501,6 +559,11 @@
             console.log('👁️ Visual Assistant enabled:', config.visualAssistant);
           }
 
+          if (document.getElementById('flavorCallViewMinimized').checked) {
+            config.flavor = { callView: 'minimized' };
+            console.log('Flavor callView:', config.flavor);
+          }
+
           console.log('Initializing widget with config:', config);
           console.log('TTPChatWidget constructor:', window.TTPChatWidget);
           window.widgetInstance = new window.TTPChatWidget(config);
@@ -544,14 +607,16 @@
       };
 
       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';
         document.getElementById('mode').value = 'unified';
         document.getElementById('primaryColor').value = '#7C3AED';
         document.getElementById('useShadowDOM').checked = true;
+        document.getElementById('flavorCallViewMinimized').checked = false;
         // Reset Visual Assistant settings
         document.getElementById('visualAssistantEnabled').checked = true;
         document.getElementById('allowHighlight').checked = true;
@@ -657,6 +722,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/examples/test-widget.html

@@ -335,6 +335,16 @@
             <span>Use Shadow DOM</span>
           </label>
         </div>
+
+        <div class="config-group">
+          <label style="display: flex; align-items: center; gap: 8px;">
+            <input type="checkbox" id="flavorCallViewMinimized">
+            <span>Flavor: callView minimized</span>
+          </label>
+          <p style="font-size: 12px; color: #6b7280; margin-top: 6px;">
+            When checked, initializes with <code>flavor: { callView: "minimized" }</code>
+          </p>
+        </div>
       </div>
 
       <div class="info-box" style="margin-top: 24px;">
@@ -501,6 +511,11 @@
             console.log('👁️ Visual Assistant enabled:', config.visualAssistant);
           }
 
+          if (document.getElementById('flavorCallViewMinimized').checked) {
+            config.flavor = { callView: 'minimized' };
+            console.log('Flavor callView:', config.flavor);
+          }
+
           console.log('Initializing widget with config:', config);
           console.log('TTPChatWidget constructor:', window.TTPChatWidget);
           window.widgetInstance = new window.TTPChatWidget(config);
@@ -552,6 +567,7 @@
         document.getElementById('mode').value = 'unified';
         document.getElementById('primaryColor').value = '#7C3AED';
         document.getElementById('useShadowDOM').checked = true;
+        document.getElementById('flavorCallViewMinimized').checked = false;
         // Reset Visual Assistant settings
         document.getElementById('visualAssistantEnabled').checked = true;
         document.getElementById('allowHighlight').checked = true;
@@ -657,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>
@@ -1656,6 +1656,12 @@ document.getElementById('myButton').onclick = () => {
                   <td>auto</td>
                   <td><strong>Root-level override.</strong> Force mobile-style voice call UI (bottom bar + overlay) or desktop hero. Takes precedence over <code>behavior.mobileVoiceUI</code> when both are set. Omit for auto: native iOS/Android, or viewport ≤768px with touch/coarse pointer.</td>
                 </tr>
+                <tr>
+                  <td><code>flavor</code></td>
+                  <td>object</td>
+                  <td>null</td>
+                  <td>Optional flavor object. Verticals use <code>type</code> + <code>partnerId</code> (see <a href="#widget-flavors">Widget Flavors</a>). <code>callView: 'minimized'</code> is a <strong>widget-only</strong> UI flag (desktop &gt;768px bottom voice strip). It is not sent on the hello wire and is ignored by the backend Flavor DTO. Standalone example: <code>flavor: { callView: 'minimized' }</code>. On phones the strip does not apply — mobile uses the normal panel / text chat.</td>
+                </tr>
                 <tr>
                   <td><code>inputFormat</code></td>
                   <td>object</td>
@@ -3519,9 +3525,14 @@ flyToCart.triggerFly(cardElement, product, () => {
   appId: 'app_...',
   flavor: {
     type: 'pharma',        // 'ecommerce' | 'hotels' | 'pharma' | 'restaurants' | 'tours'
-    partnerId: 'mock-pharm' // partner-specific data source
+    partnerId: 'mock-pharm', // partner-specific data source
+    callView: 'minimized'  // optional — desktop bottom voice strip during a call
   }
 });</code></pre>
+          <p><code>callView: 'minimized'</code> also works with no vertical <code>type</code>:</p>
+          <pre><code>flavor: {
+  callView: "minimized"
+}</code></pre>
 
           <h2>Pharma Flavor</h2>
           <p>The pharmacy flavor provides a medication search and prescription management experience.</p>
@@ -3839,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">
@@ -335,6 +336,16 @@
             <span>Use Shadow DOM</span>
           </label>
         </div>
+
+        <div class="config-group">
+          <label style="display: flex; align-items: center; gap: 8px;">
+            <input type="checkbox" id="flavorCallViewMinimized">
+            <span>Flavor: callView minimized</span>
+          </label>
+          <p style="font-size: 12px; color: #6b7280; margin-top: 6px;">
+            When checked, initializes with <code>flavor: { callView: "minimized" }</code>
+          </p>
+        </div>
       </div>
 
       <div class="info-box" style="margin-top: 24px;">
@@ -402,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;
       }
@@ -452,6 +505,8 @@
           return;
         }
 
+        saveDemoIds(agentId, appId);
+
         // Destroy existing widget if any
         if (window.widgetInstance) {
           window.destroyWidget();
@@ -501,6 +556,11 @@
             console.log('👁️ Visual Assistant enabled:', config.visualAssistant);
           }
 
+          if (document.getElementById('flavorCallViewMinimized').checked) {
+            config.flavor = { callView: 'minimized' };
+            console.log('Flavor callView:', config.flavor);
+          }
+
           console.log('Initializing widget with config:', config);
           console.log('TTPChatWidget constructor:', window.TTPChatWidget);
           window.widgetInstance = new window.TTPChatWidget(config);
@@ -544,14 +604,16 @@
       };
 
       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';
         document.getElementById('mode').value = 'unified';
         document.getElementById('primaryColor').value = '#7C3AED';
         document.getElementById('useShadowDOM').checked = true;
+        document.getElementById('flavorCallViewMinimized').checked = false;
         // Reset Visual Assistant settings
         document.getElementById('visualAssistantEnabled').checked = true;
         document.getElementById('allowHighlight').checked = true;
@@ -657,6 +719,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ttp-agent-sdk",
-  "version": "2.48.0",
+  "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",
@@ -39,6 +39,7 @@
     "test:verify-adapter": "node scripts/verify-adapter.test.mjs",
     "test:compile-adapter": "node scripts/compile-adapter.test.mjs",
     "test:adapters": "npm run test:compile-adapter && npm run test:verify-adapter",
+    "test:client-tools": "node --test test/client-tools-registry.test.mjs",
     "clean": "rm -rf dist/",
     "prebuild": "npm run clean"
   },