vanilla-agent 0.2.0 → 1.1.0

package/src/components/panel.ts

@@ -1,6 +1,6 @@
 import { createElement } from "../utils/dom";
 import { renderLucideIcon } from "../utils/icons";
-import { ChatWidgetConfig } from "../types";
+import { AgentWidgetConfig } from "../types";
 import { positionMap } from "../utils/positioning";
 
 export interface PanelWrapper {
@@ -8,7 +8,7 @@ export interface PanelWrapper {
   panel: HTMLElement;
 }
 
-export const createWrapper = (config?: ChatWidgetConfig): PanelWrapper => {
+export const createWrapper = (config?: AgentWidgetConfig): PanelWrapper => {
   const launcherEnabled = config?.launcher?.enabled ?? true;
 
   if (!launcherEnabled) {
@@ -40,7 +40,7 @@ export const createWrapper = (config?: ChatWidgetConfig): PanelWrapper => {
     "tvw-relative tvw-min-h-[320px]"
   );
   const launcherWidth = config?.launcher?.width ?? config?.launcherWidth;
-  const width = launcherWidth ?? "min(360px, calc(100vw - 24px))";
+  const width = launcherWidth ?? "min(400px, calc(100vw - 24px))";
   panel.style.width = width;
   panel.style.maxWidth = width;
 
@@ -63,10 +63,13 @@ export interface PanelElements {
   introTitle: HTMLElement;
   introSubtitle: HTMLElement;
   closeButton: HTMLButtonElement;
+  closeButtonWrapper: HTMLElement;
+  clearChatButton: HTMLButtonElement | null;
+  clearChatButtonWrapper: HTMLElement | null;
   iconHolder: HTMLElement;
 }
 
-export const buildPanel = (config?: ChatWidgetConfig, showClose = true): PanelElements => {
+export const buildPanel = (config?: AgentWidgetConfig, showClose = true): PanelElements => {
   const container = createElement(
     "div",
     "tvw-flex tvw-h-full tvw-w-full tvw-flex-col tvw-bg-cw-surface tvw-text-cw-primary tvw-rounded-2xl tvw-overflow-hidden tvw-shadow-2xl tvw-border tvw-border-cw-border"
@@ -141,19 +144,184 @@ export const buildPanel = (config?: ChatWidgetConfig, showClose = true): PanelEl
     header.append(headerCopy);
   }
 
+  // Create clear chat button if enabled
+  const clearChatConfig = launcher.clearChat ?? {};
+  const clearChatEnabled = clearChatConfig.enabled ?? true;
+  let clearChatButton: HTMLButtonElement | null = null;
+  let clearChatButtonWrapper: HTMLElement | null = null;
+
+  if (clearChatEnabled) {
+    const clearChatSize = clearChatConfig.size ?? "32px";
+    const clearChatIconName = clearChatConfig.iconName ?? "refresh-cw";
+    const clearChatIconColor = clearChatConfig.iconColor ?? "";
+    const clearChatBgColor = clearChatConfig.backgroundColor ?? "";
+    const clearChatBorderWidth = clearChatConfig.borderWidth ?? "";
+    const clearChatBorderColor = clearChatConfig.borderColor ?? "";
+    const clearChatBorderRadius = clearChatConfig.borderRadius ?? "";
+    const clearChatPaddingX = clearChatConfig.paddingX ?? "";
+    const clearChatPaddingY = clearChatConfig.paddingY ?? "";
+    const clearChatTooltipText = clearChatConfig.tooltipText ?? "Clear chat";
+    const clearChatShowTooltip = clearChatConfig.showTooltip ?? true;
+
+    // Create button wrapper for tooltip
+    clearChatButtonWrapper = createElement(
+      "div",
+      "tvw-relative tvw-ml-auto tvw-clear-chat-button-wrapper"
+    );
+
+    clearChatButton = createElement(
+      "button",
+      "tvw-inline-flex tvw-items-center tvw-justify-center tvw-rounded-full tvw-text-cw-muted hover:tvw-bg-gray-100 tvw-cursor-pointer tvw-border-none"
+    ) as HTMLButtonElement;
+
+    clearChatButton.style.height = clearChatSize;
+    clearChatButton.style.width = clearChatSize;
+    clearChatButton.type = "button";
+    clearChatButton.setAttribute("aria-label", clearChatTooltipText);
+
+    // Add icon
+    const iconSvg = renderLucideIcon(clearChatIconName, "20px", clearChatIconColor || "", 2);
+    if (iconSvg) {
+      clearChatButton.appendChild(iconSvg);
+    }
+
+    // Apply styling from config
+    if (clearChatIconColor) {
+      clearChatButton.style.color = clearChatIconColor;
+      clearChatButton.classList.remove("tvw-text-cw-muted");
+    }
+
+    if (clearChatBgColor) {
+      clearChatButton.style.backgroundColor = clearChatBgColor;
+      clearChatButton.classList.remove("hover:tvw-bg-gray-100");
+    }
+
+    if (clearChatBorderWidth || clearChatBorderColor) {
+      const borderWidth = clearChatBorderWidth || "0px";
+      const borderColor = clearChatBorderColor || "transparent";
+      clearChatButton.style.border = `${borderWidth} solid ${borderColor}`;
+      clearChatButton.classList.remove("tvw-border-none");
+    }
+
+    if (clearChatBorderRadius) {
+      clearChatButton.style.borderRadius = clearChatBorderRadius;
+      clearChatButton.classList.remove("tvw-rounded-full");
+    }
+
+    // Apply padding styling
+    if (clearChatPaddingX) {
+      clearChatButton.style.paddingLeft = clearChatPaddingX;
+      clearChatButton.style.paddingRight = clearChatPaddingX;
+    } else {
+      clearChatButton.style.paddingLeft = "";
+      clearChatButton.style.paddingRight = "";
+    }
+    if (clearChatPaddingY) {
+      clearChatButton.style.paddingTop = clearChatPaddingY;
+      clearChatButton.style.paddingBottom = clearChatPaddingY;
+    } else {
+      clearChatButton.style.paddingTop = "";
+      clearChatButton.style.paddingBottom = "";
+    }
+
+    clearChatButtonWrapper.appendChild(clearChatButton);
+
+    // Add tooltip with portaling to document.body to escape overflow clipping
+    if (clearChatShowTooltip && clearChatTooltipText && clearChatButton && clearChatButtonWrapper) {
+      let portaledTooltip: HTMLElement | null = null;
+
+      const showTooltip = () => {
+        if (portaledTooltip || !clearChatButton) return; // Already showing or button doesn't exist
+
+        // Create tooltip element
+        portaledTooltip = createElement("div", "tvw-clear-chat-tooltip");
+        portaledTooltip.textContent = clearChatTooltipText;
+
+        // Add arrow
+        const arrow = createElement("div");
+        arrow.className = "tvw-clear-chat-tooltip-arrow";
+        portaledTooltip.appendChild(arrow);
+
+        // Get button position
+        const buttonRect = clearChatButton.getBoundingClientRect();
+
+        // Position tooltip above button
+        portaledTooltip.style.position = "fixed";
+        portaledTooltip.style.left = `${buttonRect.left + buttonRect.width / 2}px`;
+        portaledTooltip.style.top = `${buttonRect.top - 8}px`;
+        portaledTooltip.style.transform = "translate(-50%, -100%)";
+
+        // Append to body
+        document.body.appendChild(portaledTooltip);
+      };
+
+      const hideTooltip = () => {
+        if (portaledTooltip && portaledTooltip.parentNode) {
+          portaledTooltip.parentNode.removeChild(portaledTooltip);
+          portaledTooltip = null;
+        }
+      };
+
+      // Add event listeners
+      clearChatButtonWrapper.addEventListener("mouseenter", showTooltip);
+      clearChatButtonWrapper.addEventListener("mouseleave", hideTooltip);
+      clearChatButton.addEventListener("focus", showTooltip);
+      clearChatButton.addEventListener("blur", hideTooltip);
+
+      // Store cleanup function on the button for later use
+      (clearChatButtonWrapper as any)._cleanupTooltip = () => {
+        hideTooltip();
+        if (clearChatButtonWrapper) {
+          clearChatButtonWrapper.removeEventListener("mouseenter", showTooltip);
+          clearChatButtonWrapper.removeEventListener("mouseleave", hideTooltip);
+        }
+        if (clearChatButton) {
+          clearChatButton.removeEventListener("focus", showTooltip);
+          clearChatButton.removeEventListener("blur", hideTooltip);
+        }
+      };
+    }
+
+    header.appendChild(clearChatButtonWrapper);
+  }
+
+  // Create close button wrapper for tooltip positioning
+  const closeButtonWrapper = createElement(
+    "div",
+    closeButtonPlacement === "top-right"
+      ? "tvw-absolute tvw-top-4 tvw-right-4 tvw-z-50"
+      : (clearChatEnabled
+          ? ""
+          : "tvw-ml-auto")
+  );
+
   // Create close button with base classes
   const closeButton = createElement(
     "button",
-    closeButtonPlacement === "top-right"
-      ? "tvw-absolute tvw-top-4 tvw-right-4 tvw-z-50 tvw-inline-flex tvw-items-center tvw-justify-center tvw-rounded-full tvw-text-cw-muted hover:tvw-bg-gray-100 tvw-cursor-pointer tvw-border-none"
-      : "tvw-ml-auto tvw-inline-flex tvw-items-center tvw-justify-center tvw-rounded-full tvw-text-cw-muted hover:tvw-bg-gray-100 tvw-cursor-pointer tvw-border-none"
+    "tvw-inline-flex tvw-items-center tvw-justify-center tvw-rounded-full tvw-text-cw-muted hover:tvw-bg-gray-100 tvw-cursor-pointer tvw-border-none"
   ) as HTMLButtonElement;
   closeButton.style.height = closeButtonSize;
   closeButton.style.width = closeButtonSize;
   closeButton.type = "button";
-  closeButton.setAttribute("aria-label", "Close chat");
-  closeButton.textContent = "×";
+
+  // Get tooltip config
+  const closeButtonTooltipText = launcher.closeButtonTooltipText ?? "Close chat";
+  const closeButtonShowTooltip = launcher.closeButtonShowTooltip ?? true;
+
+  closeButton.setAttribute("aria-label", closeButtonTooltipText);
   closeButton.style.display = showClose ? "" : "none";
+
+  // Add icon or fallback text
+  const closeButtonIconName = launcher.closeButtonIconName ?? "x";
+  const closeButtonIconText = launcher.closeButtonIconText ?? "×";
+
+  // Try to render Lucide icon, fallback to text if not provided or fails
+  const iconSvg = renderLucideIcon(closeButtonIconName, "20px", launcher.closeButtonColor || "", 2);
+  if (iconSvg) {
+    closeButton.appendChild(iconSvg);
+  } else {
+    closeButton.textContent = closeButtonIconText;
+  }
   
   // Apply close button styling from config
   if (launcher.closeButtonColor) {
@@ -190,15 +358,85 @@ export const buildPanel = (config?: ChatWidgetConfig, showClose = true): PanelEl
     closeButton.style.borderRadius = "";
     closeButton.classList.add("tvw-rounded-full");
   }
-  
-  // Position close button based on placement
+
+  // Apply padding styling
+  if (launcher.closeButtonPaddingX) {
+    closeButton.style.paddingLeft = launcher.closeButtonPaddingX;
+    closeButton.style.paddingRight = launcher.closeButtonPaddingX;
+  } else {
+    closeButton.style.paddingLeft = "";
+    closeButton.style.paddingRight = "";
+  }
+  if (launcher.closeButtonPaddingY) {
+    closeButton.style.paddingTop = launcher.closeButtonPaddingY;
+    closeButton.style.paddingBottom = launcher.closeButtonPaddingY;
+  } else {
+    closeButton.style.paddingTop = "";
+    closeButton.style.paddingBottom = "";
+  }
+
+  closeButtonWrapper.appendChild(closeButton);
+
+  // Add tooltip with portaling to document.body to escape overflow clipping
+  if (closeButtonShowTooltip && closeButtonTooltipText) {
+    let portaledTooltip: HTMLElement | null = null;
+
+    const showTooltip = () => {
+      if (portaledTooltip) return; // Already showing
+
+      // Create tooltip element
+      portaledTooltip = createElement("div", "tvw-clear-chat-tooltip");
+      portaledTooltip.textContent = closeButtonTooltipText;
+
+      // Add arrow
+      const arrow = createElement("div");
+      arrow.className = "tvw-clear-chat-tooltip-arrow";
+      portaledTooltip.appendChild(arrow);
+
+      // Get button position
+      const buttonRect = closeButton.getBoundingClientRect();
+
+      // Position tooltip above button
+      portaledTooltip.style.position = "fixed";
+      portaledTooltip.style.left = `${buttonRect.left + buttonRect.width / 2}px`;
+      portaledTooltip.style.top = `${buttonRect.top - 8}px`;
+      portaledTooltip.style.transform = "translate(-50%, -100%)";
+
+      // Append to body
+      document.body.appendChild(portaledTooltip);
+    };
+
+    const hideTooltip = () => {
+      if (portaledTooltip && portaledTooltip.parentNode) {
+        portaledTooltip.parentNode.removeChild(portaledTooltip);
+        portaledTooltip = null;
+      }
+    };
+
+    // Add event listeners
+    closeButtonWrapper.addEventListener("mouseenter", showTooltip);
+    closeButtonWrapper.addEventListener("mouseleave", hideTooltip);
+    closeButton.addEventListener("focus", showTooltip);
+    closeButton.addEventListener("blur", hideTooltip);
+
+    // Store cleanup function on the wrapper for later use
+    (closeButtonWrapper as any)._cleanupTooltip = () => {
+      hideTooltip();
+      closeButtonWrapper.removeEventListener("mouseenter", showTooltip);
+      closeButtonWrapper.removeEventListener("mouseleave", hideTooltip);
+      closeButton.removeEventListener("focus", showTooltip);
+      closeButton.removeEventListener("blur", hideTooltip);
+    };
+  }
+
+  // Position close button wrapper based on placement
   if (closeButtonPlacement === "top-right") {
     // Make container position relative for absolute positioning
     container.style.position = "relative";
-    container.appendChild(closeButton);
+    container.appendChild(closeButtonWrapper);
   } else {
     // Inline placement: append to header
-    header.appendChild(closeButton);
+    header.appendChild(closeButtonWrapper);
   }
 
   const body = createElement(
@@ -547,6 +785,9 @@ export const buildPanel = (config?: ChatWidgetConfig, showClose = true): PanelEl
     introTitle,
     introSubtitle,
     closeButton,
+    closeButtonWrapper,
+    clearChatButton,
+    clearChatButtonWrapper,
     iconHolder
   };
 };

package/src/components/reasoning-bubble.ts

@@ -1,11 +1,11 @@
 import { createElement } from "../utils/dom";
-import { ChatWidgetMessage } from "../types";
+import { AgentWidgetMessage } from "../types";
 import { describeReasonStatus } from "../utils/formatting";
 
 // Expansion state per widget instance
 const reasoningExpansionState = new Set<string>();
 
-export const createReasoningBubble = (message: ChatWidgetMessage): HTMLElement => {
+export const createReasoningBubble = (message: AgentWidgetMessage): HTMLElement => {
   const reasoning = message.reasoning;
   const bubble = createElement(
     "div",

package/src/components/suggestions.ts

@@ -1,16 +1,16 @@
 import { createElement } from "../utils/dom";
-import { ChatWidgetSession } from "../session";
-import { ChatWidgetMessage } from "../types";
+import { AgentWidgetSession } from "../session";
+import { AgentWidgetMessage } from "../types";
 
 export interface SuggestionButtons {
   buttons: HTMLButtonElement[];
-  render: (chips: string[] | undefined, session: ChatWidgetSession, textarea: HTMLTextAreaElement, messages?: ChatWidgetMessage[]) => void;
+  render: (chips: string[] | undefined, session: AgentWidgetSession, textarea: HTMLTextAreaElement, messages?: AgentWidgetMessage[]) => void;
 }
 
 export const createSuggestions = (container: HTMLElement): SuggestionButtons => {
   const suggestionButtons: HTMLButtonElement[] = [];
 
-  const render = (chips: string[] | undefined, session: ChatWidgetSession, textarea: HTMLTextAreaElement, messages?: ChatWidgetMessage[]) => {
+  const render = (chips: string[] | undefined, session: AgentWidgetSession, textarea: HTMLTextAreaElement, messages?: AgentWidgetMessage[]) => {
     container.innerHTML = "";
     suggestionButtons.length = 0;
     if (!chips || !chips.length) return;

package/src/components/tool-bubble.ts

@@ -1,11 +1,11 @@
 import { createElement } from "../utils/dom";
-import { ChatWidgetMessage } from "../types";
+import { AgentWidgetMessage } from "../types";
 import { formatUnknownValue, describeToolTitle } from "../utils/formatting";
 
 // Expansion state per widget instance
 const toolExpansionState = new Set<string>();
 
-export const createToolBubble = (message: ChatWidgetMessage): HTMLElement => {
+export const createToolBubble = (message: AgentWidgetMessage): HTMLElement => {
   const tool = message.toolCall;
   const bubble = createElement(
     "div",

package/src/defaults.ts

@@ -0,0 +1,180 @@
+import type { AgentWidgetConfig } from "./types";
+
+/**
+ * Default widget configuration
+ * Single source of truth for all default values
+ */
+export const DEFAULT_WIDGET_CONFIG: Partial<AgentWidgetConfig> = {
+  apiUrl: "http://localhost:43111/api/chat/dispatch",
+  theme: {
+    primary: "#111827",
+    accent: "#1d4ed8",
+    surface: "#ffffff",
+    muted: "#6b7280",
+    container: "#f8fafc",
+    border: "#f1f5f9",
+    divider: "#f1f5f9",
+    messageBorder: "#f1f5f9",
+    inputBackground: "#ffffff",
+    callToAction: "#000000",
+    callToActionBackground: "#ffffff",
+    sendButtonBackgroundColor: "#111827",
+    sendButtonTextColor: "#ffffff",
+    sendButtonBorderColor: "#60a5fa",
+    closeButtonColor: "#6b7280",
+    closeButtonBackgroundColor: "transparent",
+    closeButtonBorderColor: "",
+    clearChatIconColor: "#6b7280",
+    clearChatBackgroundColor: "transparent",
+    clearChatBorderColor: "transparent",
+    micIconColor: "#111827",
+    micBackgroundColor: "transparent",
+    micBorderColor: "transparent",
+    recordingIconColor: "#ffffff",
+    recordingBackgroundColor: "#ef4444",
+    recordingBorderColor: "transparent",
+    inputFontFamily: "sans-serif",
+    inputFontWeight: "400",
+    radiusSm: "0.75rem",
+    radiusMd: "1rem",
+    radiusLg: "1.5rem",
+    launcherRadius: "9999px",
+    buttonRadius: "9999px",
+  },
+  launcher: {
+    enabled: true,
+    title: "Chat Assistant",
+    subtitle: "Here to help you get answers fast",
+    agentIconText: "💬",
+    position: "bottom-right",
+    width: "min(400px, calc(100vw - 24px))",
+    autoExpand: false,
+    callToActionIconHidden: false,
+    agentIconSize: "40px",
+    headerIconSize: "40px",
+    closeButtonSize: "32px",
+    callToActionIconName: "arrow-up-right",
+    callToActionIconText: "",
+    callToActionIconSize: "32px",
+    callToActionIconPadding: "5px",
+    callToActionIconColor: "#000000",
+    callToActionIconBackgroundColor: "#ffffff",
+    closeButtonColor: "#6b7280",
+    closeButtonBackgroundColor: "transparent",
+    clearChat: {
+      iconColor: "#6b7280",
+      backgroundColor: "transparent",
+      borderColor: "transparent",
+      enabled: true,
+      iconName: "refresh-cw",
+      size: "29px",
+      showTooltip: true,
+      tooltipText: "Clear chat",
+      paddingX: "0px",
+      paddingY: "0px",
+    },
+    headerIconHidden: false,
+  },
+  copy: {
+    welcomeTitle: "Hello 👋",
+    welcomeSubtitle: "Ask anything about your account or products.",
+    inputPlaceholder: "How can I help...",
+    sendButtonLabel: "Send",
+  },
+  sendButton: {
+    borderWidth: "0px",
+    paddingX: "12px",
+    paddingY: "10px",
+    backgroundColor: "#111827",
+    textColor: "#ffffff",
+    borderColor: "#60a5fa",
+    useIcon: true,
+    iconText: "↑",
+    size: "40px",
+    showTooltip: true,
+    tooltipText: "Send message",
+    iconName: "send",
+  },
+  statusIndicator: {
+    visible: true,
+    idleText: "Online",
+    connectingText: "Connecting…",
+    connectedText: "Streaming…",
+    errorText: "Offline",
+  },
+  voiceRecognition: {
+    enabled: true,
+    pauseDuration: 2000,
+    iconName: "mic",
+    iconSize: "39px",
+    borderWidth: "0px",
+    paddingX: "9px",
+    paddingY: "14px",
+    iconColor: "#111827",
+    backgroundColor: "transparent",
+    borderColor: "transparent",
+    recordingIconColor: "#ffffff",
+    recordingBackgroundColor: "#ef4444",
+    recordingBorderColor: "transparent",
+    showTooltip: true,
+    tooltipText: "Start voice recognition",
+  },
+  features: {
+    showReasoning: true,
+    showToolCalls: true,
+  },
+  suggestionChips: [
+    "What can you help me with?",
+    "Tell me about your features",
+    "How does this work?",
+  ],
+  debug: false,
+};
+
+/**
+ * Helper to deep merge user config with defaults
+ * This ensures all default values are present while allowing selective overrides
+ */
+export function mergeWithDefaults(
+  config?: Partial<AgentWidgetConfig>
+): Partial<AgentWidgetConfig> {
+  if (!config) return DEFAULT_WIDGET_CONFIG;
+
+  return {
+    ...DEFAULT_WIDGET_CONFIG,
+    ...config,
+    theme: {
+      ...DEFAULT_WIDGET_CONFIG.theme,
+      ...config.theme,
+    },
+    launcher: {
+      ...DEFAULT_WIDGET_CONFIG.launcher,
+      ...config.launcher,
+      clearChat: {
+        ...DEFAULT_WIDGET_CONFIG.launcher?.clearChat,
+        ...config.launcher?.clearChat,
+      },
+    },
+    copy: {
+      ...DEFAULT_WIDGET_CONFIG.copy,
+      ...config.copy,
+    },
+    sendButton: {
+      ...DEFAULT_WIDGET_CONFIG.sendButton,
+      ...config.sendButton,
+    },
+    statusIndicator: {
+      ...DEFAULT_WIDGET_CONFIG.statusIndicator,
+      ...config.statusIndicator,
+    },
+    voiceRecognition: {
+      ...DEFAULT_WIDGET_CONFIG.voiceRecognition,
+      ...config.voiceRecognition,
+    },
+    features: {
+      ...DEFAULT_WIDGET_CONFIG.features,
+      ...config.features,
+    },
+    suggestionChips: config.suggestionChips ?? DEFAULT_WIDGET_CONFIG.suggestionChips,
+  };
+}

package/src/index.ts

@@ -1,37 +1,40 @@
 import {
-  initChatWidget as initChatWidgetFn,
-  type ChatWidgetInitHandle
+  initAgentWidget as initAgentWidgetFn,
+  type AgentWidgetInitHandle
 } from "./runtime/init";
 
 export type {
-  ChatWidgetConfig,
-  ChatWidgetTheme,
-  ChatWidgetFeatureFlags,
-  ChatWidgetInitOptions,
-  ChatWidgetMessage,
-  ChatWidgetLauncherConfig,
-  ChatWidgetEvent
+  AgentWidgetConfig,
+  AgentWidgetTheme,
+  AgentWidgetFeatureFlags,
+  AgentWidgetInitOptions,
+  AgentWidgetMessage,
+  AgentWidgetLauncherConfig,
+  AgentWidgetEvent
 } from "./types";
 
-export { initChatWidgetFn as initChatWidget };
+export { initAgentWidgetFn as initAgentWidget };
 export {
-  createChatExperience,
-  type ChatWidgetController
+  createAgentExperience,
+  type AgentWidgetController
 } from "./ui";
 export {
-  ChatWidgetSession,
-  type ChatWidgetSessionStatus
+  AgentWidgetSession,
+  type AgentWidgetSessionStatus
 } from "./session";
-export { ChatWidgetClient } from "./client";
+export { AgentWidgetClient } from "./client";
 export {
   markdownPostprocessor,
   escapeHtml,
   directivePostprocessor
 } from "./postprocessors";
-export type { ChatWidgetInitHandle };
+export type { AgentWidgetInitHandle };
 
 // Plugin system exports
-export type { ChatWidgetPlugin } from "./plugins/types";
+export type { AgentWidgetPlugin } from "./plugins/types";
 export { pluginRegistry } from "./plugins/registry";
 
-export default initChatWidgetFn;
+// Default configuration exports
+export { DEFAULT_WIDGET_CONFIG, mergeWithDefaults } from "./defaults";
+
+export default initAgentWidgetFn;

package/src/install.ts

@@ -17,7 +17,7 @@ interface SiteAgentInstallConfig {
 declare global {
   interface Window {
     siteAgentConfig?: SiteAgentInstallConfig;
-    ChatWidget?: any;
+    AgentWidget?: any;
   }
 }
 
@@ -67,7 +67,7 @@ declare global {
 
   // Check if JS is already loaded
   const isJsLoaded = () => {
-    return !!(window as any).ChatWidget;
+    return !!(window as any).AgentWidget;
   };
 
   // Load CSS
@@ -107,8 +107,8 @@ declare global {
 
   // Initialize widget
   const initWidget = () => {
-    if (!window.ChatWidget || !window.ChatWidget.initChatWidget) {
-      console.warn("ChatWidget not available. Make sure the script loaded successfully.");
+    if (!window.AgentWidget || !window.AgentWidget.initAgentWidget) {
+      console.warn("AgentWidget not available. Make sure the script loaded successfully.");
       return;
     }
 
@@ -125,12 +125,12 @@ declare global {
     }
 
     try {
-      window.ChatWidget.initChatWidget({
+      window.AgentWidget.initAgentWidget({
         target,
         config: widgetConfig
       });
     } catch (error) {
-      console.error("Failed to initialize ChatWidget:", error);
+      console.error("Failed to initialize AgentWidget:", error);
     }
   };
 
@@ -141,11 +141,11 @@ declare global {
       await loadJS();
       
       if (autoInit && (config.config || (config as any).apiUrl)) {
-        // Wait a tick to ensure ChatWidget is fully initialized
+        // Wait a tick to ensure AgentWidget is fully initialized
         setTimeout(initWidget, 0);
       }
     } catch (error) {
-      console.error("Failed to install ChatWidget:", error);
+      console.error("Failed to install AgentWidget:", error);
     }
   };