ttp-agent-sdk 2.48.0 → 2.48.1

package/dist/demos/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/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;

package/dist/index.html

@@ -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>

package/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ttp-agent-sdk",
-  "version": "2.48.0",
+  "version": "2.48.1",
   "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"
   },