vanilla-agent 1.15.0 → 1.17.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vanilla-agent",
-  "version": "1.15.0",
+  "version": "1.17.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/ui.ts

@@ -139,7 +139,8 @@ export const createAgentExperience = (
   }
 
   let config = mergeWithDefaults(initialConfig) as AgentWidgetConfig;
-  applyThemeVariables(mount, config);
+  // Note: applyThemeVariables is called after applyFullHeightStyles() below
+  // because applyFullHeightStyles resets mount.style.cssText
 
   // Get plugins for this instance
   const plugins = pluginRegistry.getForInstance(config.plugins);
@@ -446,19 +447,27 @@ export const createAgentExperience = (
     container.style.borderRadius = panelBorderRadius;
     
     if (fullHeight) {
+      // Check if this is inline embed mode (launcher disabled) vs launcher mode
+      const isInlineEmbed = config.launcher?.enabled === false;
+      
       // Mount container
       mount.style.display = 'flex';
       mount.style.flexDirection = 'column';
       mount.style.height = '100%';
       mount.style.minHeight = '0';
       
-      // Wrapper - no overflow:hidden to allow panel's box-shadow to render fully
+      // Wrapper
+      // - Inline embed: needs overflow:hidden to contain the flex layout
+      // - Launcher mode: no overflow:hidden to allow panel's box-shadow to render fully
       wrapper.style.display = 'flex';
       wrapper.style.flexDirection = 'column';
       wrapper.style.flex = '1 1 0%';
       wrapper.style.minHeight = '0';
       wrapper.style.maxHeight = '100%';
       wrapper.style.height = '100%';
+      if (isInlineEmbed) {
+        wrapper.style.overflow = 'hidden';
+      }
       
       // Panel
       panel.style.display = 'flex';
@@ -570,6 +579,8 @@ export const createAgentExperience = (
     wrapper.style.cssText += maxHeightStyles + paddingStyles;
   };
   applyFullHeightStyles();
+  // Apply theme variables after applyFullHeightStyles since it resets mount.style.cssText
+  applyThemeVariables(mount, config);
 
   const destroyCallbacks: Array<() => void> = [];
   const suggestionsManager = createSuggestions(suggestions);
@@ -1728,8 +1739,9 @@ export const createAgentExperience = (
     update(nextConfig: AgentWidgetConfig) {
       const previousToolCallConfig = config.toolCall;
       config = { ...config, ...nextConfig };
-      applyThemeVariables(mount, config);
+      // applyFullHeightStyles resets mount.style.cssText, so call it before applyThemeVariables
       applyFullHeightStyles();
+      applyThemeVariables(mount, config);
 
       // Update plugins
       const newPlugins = pluginRegistry.getForInstance(config.plugins);