vanilla-agent 1.18.0 → 1.19.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vanilla-agent",
-  "version": "1.18.0",
+  "version": "1.19.0",
   "description": "Themeable, plugable streaming agent widget for websites, in plain JS with support for voice input and reasoning / tool output.",
   "type": "module",
   "main": "dist/index.cjs",

package/src/components/panel.ts

@@ -18,12 +18,18 @@ export const createWrapper = (config?: AgentWidgetConfig): PanelWrapper => {
     // and only the chat messages area scrolls
     const wrapper = createElement(
       "div",
-      "tvw-relative tvw-w-full tvw-h-full tvw-flex tvw-flex-col tvw-flex-1 tvw-min-h-0"
+      "tvw-relative tvw-h-full tvw-flex tvw-flex-col tvw-flex-1 tvw-min-h-0"
     );
     const panel = createElement(
       "div",
-      "tvw-relative tvw-w-full tvw-flex-1 tvw-flex tvw-flex-col tvw-min-h-0"
+      "tvw-relative tvw-flex-1 tvw-flex tvw-flex-col tvw-min-h-0"
     );
+    
+    // Apply width from config, defaulting to 100% for inline embed mode
+    const inlineWidth = config?.launcher?.width ?? "100%";
+    wrapper.style.width = inlineWidth;
+    panel.style.width = "100%";
+    
     wrapper.appendChild(panel);
     return { wrapper, panel };
   }

package/src/runtime/init.ts

@@ -94,12 +94,9 @@ export const initAgentWidget = (
   host.className = "vanilla-agent-host";
   
   // When launcher is disabled (inline embed mode), ensure the host fills its container
-  // This allows the widget to respect the parent container's height
   const launcherEnabled = options.config?.launcher?.enabled ?? true;
   if (!launcherEnabled) {
     host.style.height = "100%";
-    host.style.display = "flex";
-    host.style.flexDirection = "column";
   }
   
   target.appendChild(host);