vanilla-agent 0.2.0 → 1.1.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% {
@@ -750,3 +783,43 @@ form:focus-within textarea {
 .tvw-voice-recording svg {
   animation: voice-recording-pulse 1.5s ease-in-out infinite;
 }
+
+/* Markdown content overflow handling */
+#vanilla-agent-root pre {
+  overflow-x: auto;
+  max-width: 100%;
+  word-wrap: break-word;
+  word-break: break-word;
+  white-space: pre-wrap;
+  background-color: #f3f4f6;
+  padding: 0.75rem;
+  border-radius: 0.375rem;
+  margin: 0.5rem 0;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  border: 1px solid #e5e7eb;
+}
+
+#vanilla-agent-root code {
+  word-break: break-word;
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  overflow-wrap: break-word;
+  font-family: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
+  font-size: 0.875em;
+}
+
+#vanilla-agent-root pre code {
+  font-size: inherit;
+  background-color: transparent;
+  padding: 0;
+  border-radius: 0;
+}
+
+#vanilla-agent-root img {
+  max-width: 100%;
+  height: auto;
+  display: block;
+  margin: 0.5rem 0;
+  border-radius: 0.375rem;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vanilla-agent",
-  "version": "0.2.0",
+  "version": "1.1.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,43 @@
 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;
 
+// Create typing indicator element
+export const createTypingIndicator = (): HTMLElement => {
+  const container = document.createElement("div");
+  container.className = "tvw-flex tvw-items-center tvw-space-x-1 tvw-h-5 tvw-mt-2";
+
+  const dot1 = document.createElement("div");
+  dot1.className = "tvw-bg-cw-primary tvw-animate-typing tvw-rounded-full tvw-h-1.5 tvw-w-1.5";
+  dot1.style.animationDelay = "0ms";
+
+  const dot2 = document.createElement("div");
+  dot2.className = "tvw-bg-cw-primary tvw-animate-typing tvw-rounded-full tvw-h-1.5 tvw-w-1.5";
+  dot2.style.animationDelay = "250ms";
+
+  const dot3 = document.createElement("div");
+  dot3.className = "tvw-bg-cw-primary tvw-animate-typing tvw-rounded-full tvw-h-1.5 tvw-w-1.5";
+  dot3.style.animationDelay = "500ms";
+
+  const srOnly = document.createElement("span");
+  srOnly.className = "tvw-sr-only";
+  srOnly.textContent = "Loading";
+
+  container.appendChild(dot1);
+  container.appendChild(dot2);
+  container.appendChild(dot3);
+  container.appendChild(srOnly);
+
+  return container;
+};
+
 export const createStandardBubble = (
-  message: ChatWidgetMessage,
+  message: AgentWidgetMessage,
   transform: MessageTransform
 ): HTMLElement => {
   const classes = [
@@ -39,11 +68,21 @@ export const createStandardBubble = (
   }
 
   const bubble = createElement("div", classes.join(" "));
-  bubble.innerHTML = transform({
+
+  // Add message content
+  const contentDiv = document.createElement("div");
+  contentDiv.innerHTML = transform({
     text: message.content,
     message,
     streaming: Boolean(message.streaming)
   });
+  bubble.appendChild(contentDiv);
+
+  // Add typing indicator if this is a streaming assistant message with content
+  if (message.streaming && message.role === "assistant" && message.content && message.content.trim()) {
+    const typingIndicator = createTypingIndicator();
+    bubble.appendChild(typingIndicator);
+  }
 
   return bubble;
 };

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 = (
 
 
 
+
+