vanilla-agent 0.2.0 → 1.0.0

package/dist/install.global.js

@@ -1,2 +1,2 @@
-"use strict";var SiteAgentInstaller=(()=>{(function(){"use strict";if(window.__siteAgentInstallerLoaded)return;window.__siteAgentInstallerLoaded=!0;let n=window.siteAgentConfig||{},o=n.version||"latest",l=n.cdn||"jsdelivr",d=n.autoInit!==!1,c=()=>{if(n.cssUrl&&n.jsUrl)return{cssUrl:n.cssUrl,jsUrl:n.jsUrl};let t=`/npm/vanilla-agent@${o}/dist`;return l==="unpkg"?{cssUrl:`https://unpkg.com${t}/widget.css`,jsUrl:`https://unpkg.com${t}/index.global.js`}:{cssUrl:`https://cdn.jsdelivr.net${t}/widget.css`,jsUrl:`https://cdn.jsdelivr.net${t}/index.global.js`}},{cssUrl:a,jsUrl:r}=c(),g=()=>!!document.head.querySelector("link[data-vanilla-agent]")||!!document.head.querySelector('link[href*="widget.css"]'),u=()=>!!window.ChatWidget,f=()=>new Promise((i,t)=>{if(g()){i();return}let e=document.createElement("link");e.rel="stylesheet",e.href=a,e.setAttribute("data-vanilla-agent","true"),e.onload=()=>i(),e.onerror=()=>t(new Error(`Failed to load CSS from ${a}`)),document.head.appendChild(e)}),h=()=>new Promise((i,t)=>{if(u()){i();return}let e=document.createElement("script");e.src=r,e.async=!0,e.onload=()=>i(),e.onerror=()=>t(new Error(`Failed to load JS from ${r}`)),document.head.appendChild(e)}),w=()=>{if(!window.ChatWidget||!window.ChatWidget.initChatWidget){console.warn("ChatWidget not available. Make sure the script loaded successfully.");return}let i=n.target||"body",t={...n.config};if(n.apiUrl&&!t.apiUrl&&(t.apiUrl=n.apiUrl),!(!t.apiUrl&&Object.keys(t).length===0))try{window.ChatWidget.initChatWidget({target:i,config:t})}catch(e){console.error("Failed to initialize ChatWidget:",e)}},s=async()=>{try{await f(),await h(),d&&(n.config||n.apiUrl)&&setTimeout(w,0)}catch(i){console.error("Failed to install ChatWidget:",i)}};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",s):s()})();})();
+"use strict";var SiteAgentInstaller=(()=>{(function(){"use strict";if(window.__siteAgentInstallerLoaded)return;window.__siteAgentInstallerLoaded=!0;let n=window.siteAgentConfig||{},o=n.version||"latest",l=n.cdn||"jsdelivr",d=n.autoInit!==!1,c=()=>{if(n.cssUrl&&n.jsUrl)return{cssUrl:n.cssUrl,jsUrl:n.jsUrl};let e=`/npm/vanilla-agent@${o}/dist`;return l==="unpkg"?{cssUrl:`https://unpkg.com${e}/widget.css`,jsUrl:`https://unpkg.com${e}/index.global.js`}:{cssUrl:`https://cdn.jsdelivr.net${e}/widget.css`,jsUrl:`https://cdn.jsdelivr.net${e}/index.global.js`}},{cssUrl:r,jsUrl:s}=c(),g=()=>!!document.head.querySelector("link[data-vanilla-agent]")||!!document.head.querySelector('link[href*="widget.css"]'),u=()=>!!window.AgentWidget,f=()=>new Promise((i,e)=>{if(g()){i();return}let t=document.createElement("link");t.rel="stylesheet",t.href=r,t.setAttribute("data-vanilla-agent","true"),t.onload=()=>i(),t.onerror=()=>e(new Error(`Failed to load CSS from ${r}`)),document.head.appendChild(t)}),w=()=>new Promise((i,e)=>{if(u()){i();return}let t=document.createElement("script");t.src=s,t.async=!0,t.onload=()=>i(),t.onerror=()=>e(new Error(`Failed to load JS from ${s}`)),document.head.appendChild(t)}),p=()=>{if(!window.AgentWidget||!window.AgentWidget.initAgentWidget){console.warn("AgentWidget not available. Make sure the script loaded successfully.");return}let i=n.target||"body",e={...n.config};if(n.apiUrl&&!e.apiUrl&&(e.apiUrl=n.apiUrl),!(!e.apiUrl&&Object.keys(e).length===0))try{window.AgentWidget.initAgentWidget({target:i,config:e})}catch(t){console.error("Failed to initialize AgentWidget:",t)}},a=async()=>{try{await f(),await w(),d&&(n.config||n.apiUrl)&&setTimeout(p,0)}catch(i){console.error("Failed to install AgentWidget:",i)}};document.readyState==="loading"?document.addEventListener("DOMContentLoaded",a):a()})();})();
 //# sourceMappingURL=install.global.js.map

package/dist/install.global.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/install.ts"],"sourcesContent":["/**\n * Standalone installer script for easy script tag installation\n * This script automatically loads CSS and JS, then initializes the widget\n * if configuration is provided via window.siteAgentConfig\n */\n\ninterface SiteAgentInstallConfig {\n  version?: string;\n  cdn?: \"unpkg\" | \"jsdelivr\";\n  cssUrl?: string;\n  jsUrl?: string;\n  target?: string | HTMLElement;\n  config?: any;\n  autoInit?: boolean;\n}\n\ndeclare global {\n  interface Window {\n    siteAgentConfig?: SiteAgentInstallConfig;\n    ChatWidget?: any;\n  }\n}\n\n(function() {\n  \"use strict\";\n\n  // Prevent double installation\n  if ((window as any).__siteAgentInstallerLoaded) {\n    return;\n  }\n  (window as any).__siteAgentInstallerLoaded = true;\n\n  const config: SiteAgentInstallConfig = window.siteAgentConfig || {};\n  const version = config.version || \"latest\";\n  const cdn = config.cdn || \"jsdelivr\";\n  const autoInit = config.autoInit !== false; // Default to true\n\n  // Determine CDN base URL\n  const getCdnBase = () => {\n    if (config.cssUrl && config.jsUrl) {\n      return { cssUrl: config.cssUrl, jsUrl: config.jsUrl };\n    }\n    \n    const packageName = \"vanilla-agent\";\n    const basePath = `/npm/${packageName}@${version}/dist`;\n    \n    if (cdn === \"unpkg\") {\n      return {\n        cssUrl: `https://unpkg.com${basePath}/widget.css`,\n        jsUrl: `https://unpkg.com${basePath}/index.global.js`\n      };\n    } else {\n      return {\n        cssUrl: `https://cdn.jsdelivr.net${basePath}/widget.css`,\n        jsUrl: `https://cdn.jsdelivr.net${basePath}/index.global.js`\n      };\n    }\n  };\n\n  const { cssUrl, jsUrl } = getCdnBase();\n\n  // Check if CSS is already loaded\n  const isCssLoaded = () => {\n    return !!document.head.querySelector('link[data-vanilla-agent]') ||\n           !!document.head.querySelector(`link[href*=\"widget.css\"]`);\n  };\n\n  // Check if JS is already loaded\n  const isJsLoaded = () => {\n    return !!(window as any).ChatWidget;\n  };\n\n  // Load CSS\n  const loadCSS = (): Promise<void> => {\n    return new Promise((resolve, reject) => {\n      if (isCssLoaded()) {\n        resolve();\n        return;\n      }\n\n      const link = document.createElement(\"link\");\n      link.rel = \"stylesheet\";\n      link.href = cssUrl;\n      link.setAttribute(\"data-vanilla-agent\", \"true\");\n      link.onload = () => resolve();\n      link.onerror = () => reject(new Error(`Failed to load CSS from ${cssUrl}`));\n      document.head.appendChild(link);\n    });\n  };\n\n  // Load JS\n  const loadJS = (): Promise<void> => {\n    return new Promise((resolve, reject) => {\n      if (isJsLoaded()) {\n        resolve();\n        return;\n      }\n\n      const script = document.createElement(\"script\");\n      script.src = jsUrl;\n      script.async = true;\n      script.onload = () => resolve();\n      script.onerror = () => reject(new Error(`Failed to load JS from ${jsUrl}`));\n      document.head.appendChild(script);\n    });\n  };\n\n  // Initialize widget\n  const initWidget = () => {\n    if (!window.ChatWidget || !window.ChatWidget.initChatWidget) {\n      console.warn(\"ChatWidget not available. Make sure the script loaded successfully.\");\n      return;\n    }\n\n    const target = config.target || \"body\";\n    // Merge apiUrl from top-level config into widget config if present\n    const widgetConfig = { ...config.config };\n    if ((config as any).apiUrl && !widgetConfig.apiUrl) {\n      widgetConfig.apiUrl = (config as any).apiUrl;\n    }\n\n    // Only initialize if config is provided\n    if (!widgetConfig.apiUrl && Object.keys(widgetConfig).length === 0) {\n      return;\n    }\n\n    try {\n      window.ChatWidget.initChatWidget({\n        target,\n        config: widgetConfig\n      });\n    } catch (error) {\n      console.error(\"Failed to initialize ChatWidget:\", error);\n    }\n  };\n\n  // Main installation flow\n  const install = async () => {\n    try {\n      await loadCSS();\n      await loadJS();\n      \n      if (autoInit && (config.config || (config as any).apiUrl)) {\n        // Wait a tick to ensure ChatWidget is fully initialized\n        setTimeout(initWidget, 0);\n      }\n    } catch (error) {\n      console.error(\"Failed to install ChatWidget:\", error);\n    }\n  };\n\n  // Start installation\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", install);\n  } else {\n    install();\n  }\n})();\n\n"],"mappings":"2CAuBC,UAAW,CACV,aAGA,GAAK,OAAe,2BAClB,OAED,OAAe,2BAA6B,GAE7C,IAAMA,EAAiC,OAAO,iBAAmB,CAAC,EAC5DC,EAAUD,EAAO,SAAW,SAC5BE,EAAMF,EAAO,KAAO,WACpBG,EAAWH,EAAO,WAAa,GAG/BI,EAAa,IAAM,CACvB,GAAIJ,EAAO,QAAUA,EAAO,MAC1B,MAAO,CAAE,OAAQA,EAAO,OAAQ,MAAOA,EAAO,KAAM,EAItD,IAAMK,EAAW,sBAAuBJ,CAAO,QAE/C,OAAIC,IAAQ,QACH,CACL,OAAQ,oBAAoBG,CAAQ,cACpC,MAAO,oBAAoBA,CAAQ,kBACrC,EAEO,CACL,OAAQ,2BAA2BA,CAAQ,cAC3C,MAAO,2BAA2BA,CAAQ,kBAC5C,CAEJ,EAEM,CAAE,OAAAC,EAAQ,MAAAC,CAAM,EAAIH,EAAW,EAG/BI,EAAc,IACX,CAAC,CAAC,SAAS,KAAK,cAAc,0BAA0B,GACxD,CAAC,CAAC,SAAS,KAAK,cAAc,0BAA0B,EAI3DC,EAAa,IACV,CAAC,CAAE,OAAe,WAIrBC,EAAU,IACP,IAAI,QAAQ,CAACC,EAASC,IAAW,CACtC,GAAIJ,EAAY,EAAG,CACjBG,EAAQ,EACR,MACF,CAEA,IAAME,EAAO,SAAS,cAAc,MAAM,EAC1CA,EAAK,IAAM,aACXA,EAAK,KAAOP,EACZO,EAAK,aAAa,qBAAsB,MAAM,EAC9CA,EAAK,OAAS,IAAMF,EAAQ,EAC5BE,EAAK,QAAU,IAAMD,EAAO,IAAI,MAAM,2BAA2BN,CAAM,EAAE,CAAC,EAC1E,SAAS,KAAK,YAAYO,CAAI,CAChC,CAAC,EAIGC,EAAS,IACN,IAAI,QAAQ,CAACH,EAASC,IAAW,CACtC,GAAIH,EAAW,EAAG,CAChBE,EAAQ,EACR,MACF,CAEA,IAAMI,EAAS,SAAS,cAAc,QAAQ,EAC9CA,EAAO,IAAMR,EACbQ,EAAO,MAAQ,GACfA,EAAO,OAAS,IAAMJ,EAAQ,EAC9BI,EAAO,QAAU,IAAMH,EAAO,IAAI,MAAM,0BAA0BL,CAAK,EAAE,CAAC,EAC1E,SAAS,KAAK,YAAYQ,CAAM,CAClC,CAAC,EAIGC,EAAa,IAAM,CACvB,GAAI,CAAC,OAAO,YAAc,CAAC,OAAO,WAAW,eAAgB,CAC3D,QAAQ,KAAK,qEAAqE,EAClF,MACF,CAEA,IAAMC,EAASjB,EAAO,QAAU,OAE1BkB,EAAe,CAAE,GAAGlB,EAAO,MAAO,EAMxC,GALKA,EAAe,QAAU,CAACkB,EAAa,SAC1CA,EAAa,OAAUlB,EAAe,QAIpC,GAACkB,EAAa,QAAU,OAAO,KAAKA,CAAY,EAAE,SAAW,GAIjE,GAAI,CACF,OAAO,WAAW,eAAe,CAC/B,OAAAD,EACA,OAAQC,CACV,CAAC,CACH,OAASC,EAAO,CACd,QAAQ,MAAM,mCAAoCA,CAAK,CACzD,CACF,EAGMC,EAAU,SAAY,CAC1B,GAAI,CACF,MAAMV,EAAQ,EACd,MAAMI,EAAO,EAETX,IAAaH,EAAO,QAAWA,EAAe,SAEhD,WAAWgB,EAAY,CAAC,CAE5B,OAASG,EAAO,CACd,QAAQ,MAAM,gCAAiCA,CAAK,CACtD,CACF,EAGI,SAAS,aAAe,UAC1B,SAAS,iBAAiB,mBAAoBC,CAAO,EAErDA,EAAQ,CAEZ,GAAG","names":["config","version","cdn","autoInit","getCdnBase","basePath","cssUrl","jsUrl","isCssLoaded","isJsLoaded","loadCSS","resolve","reject","link","loadJS","script","initWidget","target","widgetConfig","error","install"]}
+{"version":3,"sources":["../src/install.ts"],"sourcesContent":["/**\n * Standalone installer script for easy script tag installation\n * This script automatically loads CSS and JS, then initializes the widget\n * if configuration is provided via window.siteAgentConfig\n */\n\ninterface SiteAgentInstallConfig {\n  version?: string;\n  cdn?: \"unpkg\" | \"jsdelivr\";\n  cssUrl?: string;\n  jsUrl?: string;\n  target?: string | HTMLElement;\n  config?: any;\n  autoInit?: boolean;\n}\n\ndeclare global {\n  interface Window {\n    siteAgentConfig?: SiteAgentInstallConfig;\n    AgentWidget?: any;\n  }\n}\n\n(function() {\n  \"use strict\";\n\n  // Prevent double installation\n  if ((window as any).__siteAgentInstallerLoaded) {\n    return;\n  }\n  (window as any).__siteAgentInstallerLoaded = true;\n\n  const config: SiteAgentInstallConfig = window.siteAgentConfig || {};\n  const version = config.version || \"latest\";\n  const cdn = config.cdn || \"jsdelivr\";\n  const autoInit = config.autoInit !== false; // Default to true\n\n  // Determine CDN base URL\n  const getCdnBase = () => {\n    if (config.cssUrl && config.jsUrl) {\n      return { cssUrl: config.cssUrl, jsUrl: config.jsUrl };\n    }\n    \n    const packageName = \"vanilla-agent\";\n    const basePath = `/npm/${packageName}@${version}/dist`;\n    \n    if (cdn === \"unpkg\") {\n      return {\n        cssUrl: `https://unpkg.com${basePath}/widget.css`,\n        jsUrl: `https://unpkg.com${basePath}/index.global.js`\n      };\n    } else {\n      return {\n        cssUrl: `https://cdn.jsdelivr.net${basePath}/widget.css`,\n        jsUrl: `https://cdn.jsdelivr.net${basePath}/index.global.js`\n      };\n    }\n  };\n\n  const { cssUrl, jsUrl } = getCdnBase();\n\n  // Check if CSS is already loaded\n  const isCssLoaded = () => {\n    return !!document.head.querySelector('link[data-vanilla-agent]') ||\n           !!document.head.querySelector(`link[href*=\"widget.css\"]`);\n  };\n\n  // Check if JS is already loaded\n  const isJsLoaded = () => {\n    return !!(window as any).AgentWidget;\n  };\n\n  // Load CSS\n  const loadCSS = (): Promise<void> => {\n    return new Promise((resolve, reject) => {\n      if (isCssLoaded()) {\n        resolve();\n        return;\n      }\n\n      const link = document.createElement(\"link\");\n      link.rel = \"stylesheet\";\n      link.href = cssUrl;\n      link.setAttribute(\"data-vanilla-agent\", \"true\");\n      link.onload = () => resolve();\n      link.onerror = () => reject(new Error(`Failed to load CSS from ${cssUrl}`));\n      document.head.appendChild(link);\n    });\n  };\n\n  // Load JS\n  const loadJS = (): Promise<void> => {\n    return new Promise((resolve, reject) => {\n      if (isJsLoaded()) {\n        resolve();\n        return;\n      }\n\n      const script = document.createElement(\"script\");\n      script.src = jsUrl;\n      script.async = true;\n      script.onload = () => resolve();\n      script.onerror = () => reject(new Error(`Failed to load JS from ${jsUrl}`));\n      document.head.appendChild(script);\n    });\n  };\n\n  // Initialize widget\n  const initWidget = () => {\n    if (!window.AgentWidget || !window.AgentWidget.initAgentWidget) {\n      console.warn(\"AgentWidget not available. Make sure the script loaded successfully.\");\n      return;\n    }\n\n    const target = config.target || \"body\";\n    // Merge apiUrl from top-level config into widget config if present\n    const widgetConfig = { ...config.config };\n    if ((config as any).apiUrl && !widgetConfig.apiUrl) {\n      widgetConfig.apiUrl = (config as any).apiUrl;\n    }\n\n    // Only initialize if config is provided\n    if (!widgetConfig.apiUrl && Object.keys(widgetConfig).length === 0) {\n      return;\n    }\n\n    try {\n      window.AgentWidget.initAgentWidget({\n        target,\n        config: widgetConfig\n      });\n    } catch (error) {\n      console.error(\"Failed to initialize AgentWidget:\", error);\n    }\n  };\n\n  // Main installation flow\n  const install = async () => {\n    try {\n      await loadCSS();\n      await loadJS();\n      \n      if (autoInit && (config.config || (config as any).apiUrl)) {\n        // Wait a tick to ensure AgentWidget is fully initialized\n        setTimeout(initWidget, 0);\n      }\n    } catch (error) {\n      console.error(\"Failed to install AgentWidget:\", error);\n    }\n  };\n\n  // Start installation\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", install);\n  } else {\n    install();\n  }\n})();\n\n"],"mappings":"2CAuBC,UAAW,CACV,aAGA,GAAK,OAAe,2BAClB,OAED,OAAe,2BAA6B,GAE7C,IAAMA,EAAiC,OAAO,iBAAmB,CAAC,EAC5DC,EAAUD,EAAO,SAAW,SAC5BE,EAAMF,EAAO,KAAO,WACpBG,EAAWH,EAAO,WAAa,GAG/BI,EAAa,IAAM,CACvB,GAAIJ,EAAO,QAAUA,EAAO,MAC1B,MAAO,CAAE,OAAQA,EAAO,OAAQ,MAAOA,EAAO,KAAM,EAItD,IAAMK,EAAW,sBAAuBJ,CAAO,QAE/C,OAAIC,IAAQ,QACH,CACL,OAAQ,oBAAoBG,CAAQ,cACpC,MAAO,oBAAoBA,CAAQ,kBACrC,EAEO,CACL,OAAQ,2BAA2BA,CAAQ,cAC3C,MAAO,2BAA2BA,CAAQ,kBAC5C,CAEJ,EAEM,CAAE,OAAAC,EAAQ,MAAAC,CAAM,EAAIH,EAAW,EAG/BI,EAAc,IACX,CAAC,CAAC,SAAS,KAAK,cAAc,0BAA0B,GACxD,CAAC,CAAC,SAAS,KAAK,cAAc,0BAA0B,EAI3DC,EAAa,IACV,CAAC,CAAE,OAAe,YAIrBC,EAAU,IACP,IAAI,QAAQ,CAACC,EAASC,IAAW,CACtC,GAAIJ,EAAY,EAAG,CACjBG,EAAQ,EACR,MACF,CAEA,IAAME,EAAO,SAAS,cAAc,MAAM,EAC1CA,EAAK,IAAM,aACXA,EAAK,KAAOP,EACZO,EAAK,aAAa,qBAAsB,MAAM,EAC9CA,EAAK,OAAS,IAAMF,EAAQ,EAC5BE,EAAK,QAAU,IAAMD,EAAO,IAAI,MAAM,2BAA2BN,CAAM,EAAE,CAAC,EAC1E,SAAS,KAAK,YAAYO,CAAI,CAChC,CAAC,EAIGC,EAAS,IACN,IAAI,QAAQ,CAACH,EAASC,IAAW,CACtC,GAAIH,EAAW,EAAG,CAChBE,EAAQ,EACR,MACF,CAEA,IAAMI,EAAS,SAAS,cAAc,QAAQ,EAC9CA,EAAO,IAAMR,EACbQ,EAAO,MAAQ,GACfA,EAAO,OAAS,IAAMJ,EAAQ,EAC9BI,EAAO,QAAU,IAAMH,EAAO,IAAI,MAAM,0BAA0BL,CAAK,EAAE,CAAC,EAC1E,SAAS,KAAK,YAAYQ,CAAM,CAClC,CAAC,EAIGC,EAAa,IAAM,CACvB,GAAI,CAAC,OAAO,aAAe,CAAC,OAAO,YAAY,gBAAiB,CAC9D,QAAQ,KAAK,sEAAsE,EACnF,MACF,CAEA,IAAMC,EAASjB,EAAO,QAAU,OAE1BkB,EAAe,CAAE,GAAGlB,EAAO,MAAO,EAMxC,GALKA,EAAe,QAAU,CAACkB,EAAa,SAC1CA,EAAa,OAAUlB,EAAe,QAIpC,GAACkB,EAAa,QAAU,OAAO,KAAKA,CAAY,EAAE,SAAW,GAIjE,GAAI,CACF,OAAO,YAAY,gBAAgB,CACjC,OAAAD,EACA,OAAQC,CACV,CAAC,CACH,OAASC,EAAO,CACd,QAAQ,MAAM,oCAAqCA,CAAK,CAC1D,CACF,EAGMC,EAAU,SAAY,CAC1B,GAAI,CACF,MAAMV,EAAQ,EACd,MAAMI,EAAO,EAETX,IAAaH,EAAO,QAAWA,EAAe,SAEhD,WAAWgB,EAAY,CAAC,CAE5B,OAASG,EAAO,CACd,QAAQ,MAAM,iCAAkCA,CAAK,CACvD,CACF,EAGI,SAAS,aAAe,UAC1B,SAAS,iBAAiB,mBAAoBC,CAAO,EAErDA,EAAQ,CAEZ,GAAG","names":["config","version","cdn","autoInit","getCdnBase","basePath","cssUrl","jsUrl","isCssLoaded","isJsLoaded","loadCSS","resolve","reject","link","loadJS","script","initWidget","target","widgetConfig","error","install"]}

package/dist/widget.css

@@ -572,6 +572,10 @@
   width: 360px;
 }
 
+.tvw-w-\[400px\] {
+  width: 400px;
+}
+
 .tvw-h-\[640px\] {
   height: 640px;
 }
@@ -687,6 +691,35 @@ form:focus-within textarea {
   opacity: 1;
 }
 
+/* Clear chat button tooltip */
+.tvw-clear-chat-button-wrapper {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.tvw-clear-chat-tooltip {
+  background-color: #111827;
+  color: #ffffff;
+  padding: 6px 12px;
+  border-radius: 0.5rem;
+  font-size: 12px;
+  white-space: nowrap;
+  pointer-events: none;
+  z-index: 10000;
+}
+
+.tvw-clear-chat-tooltip-arrow {
+  content: "";
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  border: 4px solid transparent;
+  border-top-color: #111827;
+}
+
 /* Typing indicator animation */
 @keyframes typing {
   0%, 100% {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vanilla-agent",
-  "version": "0.2.0",
+  "version": "1.0.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",
@@ -53,7 +53,7 @@
   "scripts": {
     "build": "rimraf dist && npm run build:styles && npm run build:client && npm run build:installer",
     "build:styles": "node -e \"const fs=require('fs');fs.mkdirSync('dist',{recursive:true});fs.copyFileSync('src/styles/widget.css','dist/widget.css');\"",
-    "build:client": "tsup src/index.ts --format esm,cjs,iife --global-name ChatWidget --minify --sourcemap --splitting false --dts --loader \".css=text\"",
+    "build:client": "tsup src/index.ts --format esm,cjs,iife --global-name AgentWidget --minify --sourcemap --splitting false --dts --loader \".css=text\"",
     "build:installer": "tsup src/install.ts --format iife --global-name SiteAgentInstaller --out-dir dist --minify --sourcemap --no-splitting",
     "lint": "eslint . --ext .ts",
     "typecheck": "tsc --noEmit"

package/src/client.ts

@@ -1,20 +1,20 @@
-import { ChatWidgetConfig, ChatWidgetMessage, ChatWidgetEvent } from "./types";
+import { AgentWidgetConfig, AgentWidgetMessage, AgentWidgetEvent } from "./types";
 
 type DispatchOptions = {
-  messages: ChatWidgetMessage[];
+  messages: AgentWidgetMessage[];
   signal?: AbortSignal;
 };
 
-type SSEHandler = (event: ChatWidgetEvent) => void;
+type SSEHandler = (event: AgentWidgetEvent) => void;
 
 const DEFAULT_ENDPOINT = "https://api.travrse.ai/v1/dispatch";
 
-export class ChatWidgetClient {
+export class AgentWidgetClient {
   private readonly apiUrl: string;
   private readonly headers: Record<string, string>;
   private readonly debug: boolean;
 
-  constructor(private config: ChatWidgetConfig = {}) {
+  constructor(private config: AgentWidgetConfig = {}) {
     this.apiUrl = config.apiUrl ?? DEFAULT_ENDPOINT;
     this.headers = {
       "Content-Type": "application/json",
@@ -51,7 +51,7 @@ export class ChatWidgetClient {
 
     if (this.debug) {
       // eslint-disable-next-line no-console
-      console.debug("[ChatWidgetClient] dispatch body", body);
+      console.debug("[AgentWidgetClient] dispatch body", body);
     }
 
     const response = await fetch(this.apiUrl, {
@@ -89,7 +89,7 @@ export class ChatWidgetClient {
     let sequenceCounter = 0;
     const nextSequence = () => baseSequence + sequenceCounter++;
 
-    const cloneMessage = (msg: ChatWidgetMessage): ChatWidgetMessage => {
+    const cloneMessage = (msg: AgentWidgetMessage): AgentWidgetMessage => {
       const reasoning = msg.reasoning
         ? {
             ...msg.reasoning,
@@ -117,16 +117,16 @@ export class ChatWidgetClient {
       };
     };
 
-    const emitMessage = (msg: ChatWidgetMessage) => {
+    const emitMessage = (msg: AgentWidgetMessage) => {
       onEvent({
         type: "message",
         message: cloneMessage(msg)
       });
     };
 
-    let assistantMessage: ChatWidgetMessage | null = null;
-    const reasoningMessages = new Map<string, ChatWidgetMessage>();
-    const toolMessages = new Map<string, ChatWidgetMessage>();
+    let assistantMessage: AgentWidgetMessage | null = null;
+    const reasoningMessages = new Map<string, AgentWidgetMessage>();
+    const toolMessages = new Map<string, AgentWidgetMessage>();
     const reasoningContext = {
       lastId: null as string | null,
       byStep: new Map<string, string>()
@@ -224,7 +224,7 @@ export class ChatWidgetClient {
         return existing;
       }
 
-      const message: ChatWidgetMessage = {
+      const message: AgentWidgetMessage = {
         id: `reason-${reasoningId}`,
         role: "assistant",
         content: "",
@@ -286,7 +286,7 @@ export class ChatWidgetClient {
         return existing;
       }
 
-      const message: ChatWidgetMessage = {
+      const message: AgentWidgetMessage = {
         id: `tool-${toolId}`,
         role: "assistant",
         content: "",
@@ -556,7 +556,7 @@ export class ChatWidgetClient {
           } else {
             const existingAssistant = assistantMessage;
             if (existingAssistant) {
-              const assistantFinal = existingAssistant as ChatWidgetMessage;
+              const assistantFinal = existingAssistant as AgentWidgetMessage;
               assistantFinal.streaming = false;
               emitMessage(assistantFinal);
             }

package/src/components/forms.ts

@@ -1,6 +1,6 @@
 import { createElement } from "../utils/dom";
-import { ChatWidgetMessage, ChatWidgetConfig } from "../types";
-import { ChatWidgetSession } from "../session";
+import { AgentWidgetMessage, AgentWidgetConfig } from "../types";
+import { AgentWidgetSession } from "../session";
 
 export const formDefinitions: Record<
   string,
@@ -40,9 +40,9 @@ export const formDefinitions: Record<
 
 export const enhanceWithForms = (
   bubble: HTMLElement,
-  message: ChatWidgetMessage,
-  config: ChatWidgetConfig,
-  session: ChatWidgetSession
+  message: AgentWidgetMessage,
+  config: AgentWidgetConfig,
+  session: AgentWidgetSession
 ) => {
   const placeholders = bubble.querySelectorAll<HTMLElement>("[data-tv-form]");
   if (placeholders.length) {
@@ -163,3 +163,5 @@ export const enhanceWithForms = (
 
 
 
+
+

package/src/components/launcher.ts

@@ -1,16 +1,16 @@
 import { createElement } from "../utils/dom";
-import { ChatWidgetConfig } from "../types";
+import { AgentWidgetConfig } from "../types";
 import { positionMap } from "../utils/positioning";
 import { renderLucideIcon } from "../utils/icons";
 
 export interface LauncherButton {
   element: HTMLButtonElement;
-  update: (config: ChatWidgetConfig) => void;
+  update: (config: AgentWidgetConfig) => void;
   destroy: () => void;
 }
 
 export const createLauncherButton = (
-  config: ChatWidgetConfig | undefined,
+  config: AgentWidgetConfig | undefined,
   onToggle: () => void
 ): LauncherButton => {
   const button = createElement("button") as HTMLButtonElement;
@@ -26,7 +26,7 @@ export const createLauncherButton = (
   `;
   button.addEventListener("click", onToggle);
 
-  const update = (newConfig: ChatWidgetConfig) => {
+  const update = (newConfig: AgentWidgetConfig) => {
     const launcher = newConfig.launcher ?? {};
 
     const titleEl = button.querySelector("[data-role='launcher-title']");

package/src/components/message-bubble.ts

@@ -1,14 +1,14 @@
 import { createElement } from "../utils/dom";
-import { ChatWidgetMessage } from "../types";
+import { AgentWidgetMessage } from "../types";
 
 export type MessageTransform = (context: {
   text: string;
-  message: ChatWidgetMessage;
+  message: AgentWidgetMessage;
   streaming: boolean;
 }) => string;
 
 export const createStandardBubble = (
-  message: ChatWidgetMessage,
+  message: AgentWidgetMessage,
   transform: MessageTransform
 ): HTMLElement => {
   const classes = [

package/src/components/messages.ts

@@ -1,5 +1,5 @@
 import { createElement, createFragment } from "../utils/dom";
-import { ChatWidgetMessage } from "../types";
+import { AgentWidgetMessage } from "../types";
 import { MessageTransform } from "./message-bubble";
 import { createStandardBubble } from "./message-bubble";
 import { createReasoningBubble } from "./reasoning-bubble";
@@ -7,7 +7,7 @@ import { createToolBubble } from "./tool-bubble";
 
 export const renderMessages = (
   container: HTMLElement,
-  messages: ChatWidgetMessage[],
+  messages: AgentWidgetMessage[],
   transform: MessageTransform,
   showReasoning: boolean,
   showToolCalls: boolean
@@ -41,3 +41,5 @@ export const renderMessages = (
 
 
 
+
+

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",