@lokutor/sdk 1.1.29 → 1.1.31

package/dist/index.d.mts

@@ -657,6 +657,8 @@ declare class ConversationalPanel {
     stop(): void;
     /** Update accent color dynamically */
     setColor(color: string): void;
+    /** Update background color dynamically */
+    setBackgroundColor(color: string): void;
     /** Update title text */
     setTitle(title: string): void;
     /** Update description text */

package/dist/index.d.ts

@@ -657,6 +657,8 @@ declare class ConversationalPanel {
     stop(): void;
     /** Update accent color dynamically */
     setColor(color: string): void;
+    /** Update background color dynamically */
+    setBackgroundColor(color: string): void;
     /** Update title text */
     setTitle(title: string): void;
     /** Update description text */

package/dist/index.js

@@ -889,9 +889,11 @@ var VoiceAgentClient = class {
           });
           if (msg.role === "user") {
             if (this.onTranscription) this.onTranscription(msg.data);
+            this.emit("transcription", msg.data);
             console.log(`\u{1F4AC} You: ${msg.data}`);
           } else {
             if (this.onResponse) this.onResponse(msg.data);
+            this.emit("response", msg.data);
             console.log(`\u{1F916} Agent: ${msg.data}`);
           }
           break;
@@ -908,6 +910,7 @@ var VoiceAgentClient = class {
             this.audioManager.stopPlayback();
           }
           if (this.onStatus) this.onStatus(msg.data);
+          this.emit("status", msg.data);
           const icons = {
             "interrupted": "\u26A1",
             "thinking": "\u{1F9E0}",
@@ -945,10 +948,12 @@ var VoiceAgentClient = class {
             retryable: backendRetryable
           });
           if (this.onError) this.onError(error);
+          this.emit("error", error);
           console.error(`\u274C Server error: [${error.code}] ${error.message}`);
           break;
         }
         case "tool_call":
+          this.emit("tool_call", { name: msg.name, arguments: msg.arguments });
           console.log(`\u{1F6E0}\uFE0F Tool Call: ${msg.name}(${msg.arguments})`);
           this.emit("tool_call", msg);
           break;
@@ -1616,8 +1621,9 @@ var ConversationalPanel = class {
     this.startBtn.disabled = true;
     this.errorEl.classList.remove("is-visible");
     this.playConnectingSound();
-    const rect = this.el.getBoundingClientRect();
-    this.el.style.height = rect.height + "px";
+    const rect = this.container.getBoundingClientRect();
+    this.container.style.width = rect.width + "px";
+    this.container.style.height = rect.height + "px";
     try {
       const ConvoAgent = this.cfg.ConvoAgent;
       const SphereVisualizer = this.cfg.SphereVisualizer;
@@ -1738,6 +1744,11 @@ var ConversationalPanel = class {
       this.visualizer.setAccentColor(r, g, b);
     }
   }
+  /** Update background color dynamically */
+  setBackgroundColor(color) {
+    this.cfg.backgroundColor = color;
+    this.container.style.setProperty("--cv-bg", color);
+  }
   /** Update title text */
   setTitle(title) {
     this.cfg.title = title;

package/dist/index.mjs

@@ -842,9 +842,11 @@ var VoiceAgentClient = class {
           });
           if (msg.role === "user") {
             if (this.onTranscription) this.onTranscription(msg.data);
+            this.emit("transcription", msg.data);
             console.log(`\u{1F4AC} You: ${msg.data}`);
           } else {
             if (this.onResponse) this.onResponse(msg.data);
+            this.emit("response", msg.data);
             console.log(`\u{1F916} Agent: ${msg.data}`);
           }
           break;
@@ -861,6 +863,7 @@ var VoiceAgentClient = class {
             this.audioManager.stopPlayback();
           }
           if (this.onStatus) this.onStatus(msg.data);
+          this.emit("status", msg.data);
           const icons = {
             "interrupted": "\u26A1",
             "thinking": "\u{1F9E0}",
@@ -898,10 +901,12 @@ var VoiceAgentClient = class {
             retryable: backendRetryable
           });
           if (this.onError) this.onError(error);
+          this.emit("error", error);
           console.error(`\u274C Server error: [${error.code}] ${error.message}`);
           break;
         }
         case "tool_call":
+          this.emit("tool_call", { name: msg.name, arguments: msg.arguments });
           console.log(`\u{1F6E0}\uFE0F Tool Call: ${msg.name}(${msg.arguments})`);
           this.emit("tool_call", msg);
           break;
@@ -1569,8 +1574,9 @@ var ConversationalPanel = class {
     this.startBtn.disabled = true;
     this.errorEl.classList.remove("is-visible");
     this.playConnectingSound();
-    const rect = this.el.getBoundingClientRect();
-    this.el.style.height = rect.height + "px";
+    const rect = this.container.getBoundingClientRect();
+    this.container.style.width = rect.width + "px";
+    this.container.style.height = rect.height + "px";
     try {
       const ConvoAgent = this.cfg.ConvoAgent;
       const SphereVisualizer = this.cfg.SphereVisualizer;
@@ -1691,6 +1697,11 @@ var ConversationalPanel = class {
       this.visualizer.setAccentColor(r, g, b);
     }
   }
+  /** Update background color dynamically */
+  setBackgroundColor(color) {
+    this.cfg.backgroundColor = color;
+    this.container.style.setProperty("--cv-bg", color);
+  }
   /** Update title text */
   setTitle(title) {
     this.cfg.title = title;

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@lokutor/sdk",
-  "version": "1.1.29",
+
+  "version": "1.1.31",
   "description": "JavaScript/TypeScript SDK for Lokutor Real-time Voice AI",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/client.ts

@@ -456,9 +456,11 @@ export class VoiceAgentClient {
 
           if (msg.role === 'user') {
             if (this.onTranscription) this.onTranscription(msg.data);
+            this.emit('transcription', msg.data);
             console.log(`💬 You: ${msg.data}`);
           } else {
             if (this.onResponse) this.onResponse(msg.data);
+            this.emit('response', msg.data);
             console.log(`🤖 Agent: ${msg.data}`);
           }
           break;
@@ -475,6 +477,7 @@ export class VoiceAgentClient {
             this.audioManager.stopPlayback();
           }
           if (this.onStatus) this.onStatus(msg.data);
+          this.emit('status', msg.data);
           const icons: Record<string, string> = {
             'interrupted': '⚡',
             'thinking': '🧠',
@@ -512,10 +515,12 @@ export class VoiceAgentClient {
             retryable: backendRetryable,
           });
           if (this.onError) this.onError(error);
+          this.emit('error', error);
           console.error(`❌ Server error: [${error.code}] ${error.message}`);
           break;
         }
         case 'tool_call':
+          this.emit('tool_call', { name: msg.name, arguments: msg.arguments });
           console.log(`🛠️ Tool Call: ${msg.name}(${msg.arguments})`);
           this.emit('tool_call', msg);
           break;

package/src/conversational-panel.ts

@@ -401,9 +401,10 @@ export class ConversationalPanel {
     this.errorEl.classList.remove('is-visible');
     this.playConnectingSound();
 
-    // Lock panel height to prevent any content changes from shifting layout
-    const rect = this.el.getBoundingClientRect();
-    this.el.style.height = rect.height + 'px';
+    // Freeze panel dimensions so content changes can't shift layout
+    const rect = this.container.getBoundingClientRect();
+    this.container.style.width = rect.width + 'px';
+    this.container.style.height = rect.height + 'px';
 
     try {
       const ConvoAgent = this.cfg.ConvoAgent;
@@ -527,6 +528,12 @@ export class ConversationalPanel {
     }
   }
 
+  /** Update background color dynamically */
+  setBackgroundColor(color: string) {
+    this.cfg.backgroundColor = color;
+    this.container.style.setProperty('--cv-bg', color);
+  }
+
   /** Update title text */
   setTitle(title: string) {
     this.cfg.title = title;