vanilla-agent 1.20.0 → 1.22.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 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()})();})();
+"use strict";var SiteAgentInstaller=(()=>{(function(){"use strict";if(window.__siteAgentInstallerLoaded)return;window.__siteAgentInstallerLoaded=!0;let c=(()=>{let e=document.currentScript;if(!e)return{};let t={},i=e.getAttribute("data-travrse-token");i&&(t.clientToken=i);let o=e.getAttribute("data-flow-id");o&&(t.flowId=o);let l=e.getAttribute("data-api-url");return l&&(t.apiUrl=l),t})(),n={...window.siteAgentConfig||{},...c},d=n.version||"latest",g=n.cdn||"jsdelivr",f=n.autoInit!==!1,u=()=>{if(n.cssUrl&&n.jsUrl)return{cssUrl:n.cssUrl,jsUrl:n.jsUrl};let t=`/npm/vanilla-agent@${d}/dist`;return g==="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:r,jsUrl:s}=u(),w=()=>!!document.head.querySelector("link[data-vanilla-agent]")||!!document.head.querySelector('link[href*="widget.css"]'),p=()=>!!window.AgentWidget,A=()=>new Promise((e,t)=>{if(w()){e();return}let i=document.createElement("link");i.rel="stylesheet",i.href=r,i.setAttribute("data-vanilla-agent","true"),i.onload=()=>e(),i.onerror=()=>t(new Error(`Failed to load CSS from ${r}`)),document.head.appendChild(i)}),m=()=>new Promise((e,t)=>{if(p()){e();return}let i=document.createElement("script");i.src=s,i.async=!0,i.onload=()=>e(),i.onerror=()=>t(new Error(`Failed to load JS from ${s}`)),document.head.appendChild(i)}),C=()=>{if(!window.AgentWidget||!window.AgentWidget.initAgentWidget){console.warn("AgentWidget not available. Make sure the script loaded successfully.");return}let e=n.target||"body",t={...n.config};if(n.apiUrl&&!t.apiUrl&&(t.apiUrl=n.apiUrl),n.clientToken&&!t.clientToken&&(t.clientToken=n.clientToken),n.flowId&&!t.flowId&&(t.flowId=n.flowId),!(!(t.apiUrl||t.clientToken)&&Object.keys(t).length===0))try{window.AgentWidget.initAgentWidget({target:e,config:t})}catch(o){console.error("Failed to initialize AgentWidget:",o)}},a=async()=>{try{await A(),await m(),f&&(n.config||n.apiUrl||n.clientToken)&&setTimeout(C,0)}catch(e){console.error("Failed to install AgentWidget:",e)}};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    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"]}
+{"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  // Client token mode options (can also be set via data attributes)\n  clientToken?: string;\n  flowId?: string;\n  apiUrl?: string;\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  /**\n   * Read configuration from data attributes on the current script tag.\n   * Supports: data-travrse-token, data-flow-id, data-api-url\n   */\n  const getConfigFromScript = (): Partial<SiteAgentInstallConfig> => {\n    // Try to get the current script element\n    const script = document.currentScript as HTMLScriptElement | null;\n    if (!script) return {};\n\n    const scriptConfig: Partial<SiteAgentInstallConfig> = {};\n\n    // Client token from data attribute (primary method for client token mode)\n    const token = script.getAttribute('data-travrse-token');\n    if (token) {\n      scriptConfig.clientToken = token;\n    }\n\n    // Optional flow ID\n    const flowId = script.getAttribute('data-flow-id');\n    if (flowId) {\n      scriptConfig.flowId = flowId;\n    }\n\n    // Optional API URL override\n    const apiUrl = script.getAttribute('data-api-url');\n    if (apiUrl) {\n      scriptConfig.apiUrl = apiUrl;\n    }\n\n    return scriptConfig;\n  };\n\n  // Get config from script attributes (must be called synchronously during script execution)\n  const scriptConfig = getConfigFromScript();\n\n  // Merge script attributes with window config (script attributes take precedence)\n  const windowConfig: SiteAgentInstallConfig = window.siteAgentConfig || {};\n  const config: SiteAgentInstallConfig = { ...windowConfig, ...scriptConfig };\n  \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 top-level config options into widget config\n    const widgetConfig = { ...config.config };\n    \n    // Merge apiUrl from top-level config into widget config if present\n    if (config.apiUrl && !widgetConfig.apiUrl) {\n      widgetConfig.apiUrl = config.apiUrl;\n    }\n    \n    // Merge clientToken from top-level config into widget config if present\n    if (config.clientToken && !widgetConfig.clientToken) {\n      widgetConfig.clientToken = config.clientToken;\n    }\n    \n    // Merge flowId from top-level config into widget config if present\n    if (config.flowId && !widgetConfig.flowId) {\n      widgetConfig.flowId = config.flowId;\n    }\n\n    // Only initialize if we have either apiUrl OR clientToken (or other config)\n    const hasApiConfig = widgetConfig.apiUrl || widgetConfig.clientToken;\n    if (!hasApiConfig && 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      // Auto-init if we have config OR apiUrl OR clientToken\n      const shouldAutoInit = autoInit && (\n        config.config || \n        config.apiUrl || \n        config.clientToken\n      );\n      \n      if (shouldAutoInit) {\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":"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","names":["scriptConfig","script","token","flowId","apiUrl","config","version","cdn","autoInit","getCdnBase","basePath","cssUrl","jsUrl","isCssLoaded","isJsLoaded","loadCSS","resolve","reject","link","loadJS","initWidget","target","widgetConfig","error","install"]}

package/dist/widget.css

@@ -6,6 +6,16 @@
   all: initial;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
   line-height: 1.5;
+  
+  /* Theme-aware markdown variables - inherit from theme colors set by JavaScript */
+  --cw-md-code-block-bg: var(--cw-container, #f3f4f6);
+  --cw-md-code-block-border-color: var(--cw-border, #e5e7eb);
+  --cw-md-inline-code-bg: var(--cw-container, #f3f4f6);
+  --cw-md-table-border-color: var(--cw-border, #e5e7eb);
+  --cw-md-table-header-bg: var(--cw-container, #f8fafc);
+  --cw-md-hr-color: var(--cw-divider, #e5e7eb);
+  --cw-md-blockquote-border-color: var(--cw-accent, #3b82f6);
+  --cw-md-blockquote-text-color: var(--cw-muted, #6b7280);
 }
 
 #vanilla-agent-root * {
@@ -86,6 +96,71 @@
   --cw-radius-lg: 1.5rem;
   --cw-launcher-radius: 9999px;
   --cw-button-radius: 9999px;
+
+  /* Markdown Header Variables */
+  --cw-md-h1-size: 1.5rem;
+  --cw-md-h1-weight: 700;
+  --cw-md-h1-margin: 1rem 0 0.5rem;
+  --cw-md-h1-line-height: 1.25;
+  --cw-md-h2-size: 1.25rem;
+  --cw-md-h2-weight: 700;
+  --cw-md-h2-margin: 0.875rem 0 0.5rem;
+  --cw-md-h2-line-height: 1.3;
+  --cw-md-h3-size: 1.125rem;
+  --cw-md-h3-weight: 600;
+  --cw-md-h3-margin: 0.75rem 0 0.375rem;
+  --cw-md-h3-line-height: 1.4;
+  --cw-md-h4-size: 1rem;
+  --cw-md-h4-weight: 600;
+  --cw-md-h4-margin: 0.625rem 0 0.25rem;
+  --cw-md-h4-line-height: 1.5;
+  --cw-md-h5-size: 0.875rem;
+  --cw-md-h5-weight: 600;
+  --cw-md-h5-margin: 0.5rem 0 0.25rem;
+  --cw-md-h5-line-height: 1.5;
+  --cw-md-h6-size: 0.75rem;
+  --cw-md-h6-weight: 600;
+  --cw-md-h6-margin: 0.5rem 0 0.25rem;
+  --cw-md-h6-line-height: 1.5;
+
+  /* Markdown Table Variables (defaults - theme-aware values set on #vanilla-agent-root) */
+  --cw-md-table-border-color: #e5e7eb;
+  --cw-md-table-header-bg: #f8fafc;
+  --cw-md-table-header-weight: 600;
+  --cw-md-table-cell-padding: 0.5rem 0.75rem;
+  --cw-md-table-border-radius: 0.375rem;
+
+  /* Markdown Horizontal Rule Variables (defaults - theme-aware values set on #vanilla-agent-root) */
+  --cw-md-hr-color: #e5e7eb;
+  --cw-md-hr-height: 1px;
+  --cw-md-hr-margin: 1rem 0;
+
+  /* Markdown Blockquote Variables (defaults - theme-aware values set on #vanilla-agent-root) */
+  --cw-md-blockquote-border-color: #3b82f6;
+  --cw-md-blockquote-border-width: 3px;
+  --cw-md-blockquote-padding: 0.5rem 1rem;
+  --cw-md-blockquote-margin: 0.5rem 0;
+  --cw-md-blockquote-bg: transparent;
+  --cw-md-blockquote-text-color: #6b7280;
+  --cw-md-blockquote-font-style: italic;
+
+  /* Markdown Code Block Variables (defaults - theme-aware values set on #vanilla-agent-root) */
+  --cw-md-code-block-bg: #f3f4f6;
+  --cw-md-code-block-border-color: #e5e7eb;
+  --cw-md-code-block-text-color: inherit;
+  --cw-md-code-block-padding: 0.75rem;
+  --cw-md-code-block-border-radius: 0.375rem;
+  --cw-md-code-block-font-size: 0.875rem;
+
+  /* Markdown Inline Code Variables (defaults - theme-aware values set on #vanilla-agent-root) */
+  --cw-md-inline-code-bg: #f3f4f6;
+  --cw-md-inline-code-padding: 0.125rem 0.375rem;
+  --cw-md-inline-code-border-radius: 0.25rem;
+  --cw-md-inline-code-font-size: 0.875em;
+
+  /* Markdown Strong/Em Variables */
+  --cw-md-strong-weight: 600;
+  --cw-md-em-style: italic;
 }
 
 .tvw-rounded-xl {
@@ -803,13 +878,14 @@ form:focus-within textarea {
   word-wrap: break-word;
   word-break: break-word;
   white-space: pre-wrap;
-  background-color: #f3f4f6;
-  padding: 0.75rem;
-  border-radius: 0.375rem;
+  background-color: var(--cw-md-code-block-bg);
+  color: var(--cw-md-code-block-text-color);
+  padding: var(--cw-md-code-block-padding);
+  border-radius: var(--cw-md-code-block-border-radius);
   margin: 0.5rem 0;
-  font-size: 0.875rem;
+  font-size: var(--cw-md-code-block-font-size);
   line-height: 1.5;
-  border: 1px solid #e5e7eb;
+  border: 1px solid var(--cw-md-code-block-border-color);
 }
 
 .vanilla-message-bubble code {
@@ -938,3 +1014,389 @@ form:focus-within textarea {
   margin: 0.25rem 0;
   padding-left: 0.25rem;
 }
+
+/* ============================================
+   Markdown Header Styles
+   ============================================ */
+.vanilla-message-bubble h1 {
+  font-size: var(--cw-md-h1-size);
+  font-weight: var(--cw-md-h1-weight);
+  margin: var(--cw-md-h1-margin);
+  line-height: var(--cw-md-h1-line-height);
+  color: inherit;
+}
+
+.vanilla-message-bubble h2 {
+  font-size: var(--cw-md-h2-size);
+  font-weight: var(--cw-md-h2-weight);
+  margin: var(--cw-md-h2-margin);
+  line-height: var(--cw-md-h2-line-height);
+  color: inherit;
+}
+
+.vanilla-message-bubble h3 {
+  font-size: var(--cw-md-h3-size);
+  font-weight: var(--cw-md-h3-weight);
+  margin: var(--cw-md-h3-margin);
+  line-height: var(--cw-md-h3-line-height);
+  color: inherit;
+}
+
+.vanilla-message-bubble h4 {
+  font-size: var(--cw-md-h4-size);
+  font-weight: var(--cw-md-h4-weight);
+  margin: var(--cw-md-h4-margin);
+  line-height: var(--cw-md-h4-line-height);
+  color: inherit;
+}
+
+.vanilla-message-bubble h5 {
+  font-size: var(--cw-md-h5-size);
+  font-weight: var(--cw-md-h5-weight);
+  margin: var(--cw-md-h5-margin);
+  line-height: var(--cw-md-h5-line-height);
+  color: inherit;
+}
+
+.vanilla-message-bubble h6 {
+  font-size: var(--cw-md-h6-size);
+  font-weight: var(--cw-md-h6-weight);
+  margin: var(--cw-md-h6-margin);
+  line-height: var(--cw-md-h6-line-height);
+  color: inherit;
+}
+
+/* Remove top margin on first heading */
+.vanilla-message-bubble h1:first-child,
+.vanilla-message-bubble h2:first-child,
+.vanilla-message-bubble h3:first-child,
+.vanilla-message-bubble h4:first-child,
+.vanilla-message-bubble h5:first-child,
+.vanilla-message-bubble h6:first-child {
+  margin-top: 0;
+}
+
+/* ============================================
+   Markdown Table Styles
+   ============================================ */
+.vanilla-message-bubble table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 0.5rem 0;
+  font-size: 0.875rem;
+  overflow: hidden;
+  border-radius: var(--cw-md-table-border-radius);
+  border: 1px solid var(--cw-md-table-border-color);
+}
+
+.vanilla-message-bubble thead {
+  background-color: var(--cw-md-table-header-bg);
+}
+
+.vanilla-message-bubble th {
+  font-weight: var(--cw-md-table-header-weight);
+  text-align: left;
+  padding: var(--cw-md-table-cell-padding);
+  border-bottom: 1px solid var(--cw-md-table-border-color);
+}
+
+.vanilla-message-bubble td {
+  padding: var(--cw-md-table-cell-padding);
+  border-bottom: 1px solid var(--cw-md-table-border-color);
+  text-align: left;
+}
+
+.vanilla-message-bubble tr:last-child td {
+  border-bottom: none;
+}
+
+.vanilla-message-bubble tbody tr:nth-child(even) {
+  background-color: rgba(0, 0, 0, 0.02);
+}
+
+/* ============================================
+   Markdown Horizontal Rule Styles
+   ============================================ */
+.vanilla-message-bubble hr {
+  border: none;
+  height: var(--cw-md-hr-height);
+  background-color: var(--cw-md-hr-color);
+  margin: var(--cw-md-hr-margin);
+}
+
+/* ============================================
+   Markdown Blockquote Styles
+   ============================================ */
+.vanilla-message-bubble blockquote {
+  border-left: var(--cw-md-blockquote-border-width) solid var(--cw-md-blockquote-border-color);
+  padding: var(--cw-md-blockquote-padding);
+  margin: var(--cw-md-blockquote-margin);
+  background-color: var(--cw-md-blockquote-bg);
+  color: var(--cw-md-blockquote-text-color);
+  font-style: var(--cw-md-blockquote-font-style);
+}
+
+.vanilla-message-bubble blockquote p {
+  margin: 0;
+}
+
+.vanilla-message-bubble blockquote p + p {
+  margin-top: 0.5rem;
+}
+
+/* Nested blockquotes */
+.vanilla-message-bubble blockquote blockquote {
+  margin-left: 0.5rem;
+}
+
+/* ============================================
+   Markdown Inline Code Styles (not in pre)
+   ============================================ */
+.vanilla-message-bubble code:not(pre code) {
+  background-color: var(--cw-md-inline-code-bg);
+  padding: var(--cw-md-inline-code-padding);
+  border-radius: var(--cw-md-inline-code-border-radius);
+  font-size: var(--cw-md-inline-code-font-size);
+}
+
+/* ============================================
+   Markdown Strong/Emphasis Styles
+   ============================================ */
+.vanilla-message-bubble strong,
+.vanilla-message-bubble b {
+  font-weight: var(--cw-md-strong-weight);
+}
+
+.vanilla-message-bubble em,
+.vanilla-message-bubble i {
+  font-style: var(--cw-md-em-style);
+}
+
+/* ============================================
+   User Message Markdown Overrides
+   Ensure styles work in user bubbles too
+   ============================================ */
+.vanilla-message-user-bubble h1,
+.vanilla-message-user-bubble h2,
+.vanilla-message-user-bubble h3,
+.vanilla-message-user-bubble h4,
+.vanilla-message-user-bubble h5,
+.vanilla-message-user-bubble h6 {
+  color: inherit;
+}
+
+.vanilla-message-user-bubble table {
+  border-color: rgba(255, 255, 255, 0.3);
+}
+
+.vanilla-message-user-bubble th,
+.vanilla-message-user-bubble td {
+  border-color: rgba(255, 255, 255, 0.3);
+}
+
+.vanilla-message-user-bubble thead {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+.vanilla-message-user-bubble tbody tr:nth-child(even) {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.vanilla-message-user-bubble hr {
+  background-color: rgba(255, 255, 255, 0.3);
+}
+
+.vanilla-message-user-bubble blockquote {
+  border-left-color: rgba(255, 255, 255, 0.5);
+  color: inherit;
+  opacity: 0.9;
+}
+
+.vanilla-message-user-bubble code:not(pre code) {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+/* ============================================
+   Message Action Buttons (Copy, Upvote, Downvote)
+   ============================================ */
+
+/* Make message bubble position relative for overlay positioning */
+.vanilla-message-bubble {
+  position: relative;
+}
+
+/* Fade-in animation for action buttons */
+@keyframes tvw-message-actions-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+/* Base action bar styles */
+.tvw-message-actions {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  margin-top: 0.5rem;
+  padding-top: 0.5rem;
+  border-top: 1px solid var(--cw-divider, #f1f5f9);
+  /* Fade in when first shown (for "always" visibility) */
+  animation: tvw-message-actions-fade-in 0.3s ease-out;
+}
+
+/* Action bar alignment */
+.tvw-message-actions-left {
+  justify-content: flex-start;
+}
+
+.tvw-message-actions-center {
+  justify-content: center;
+}
+
+.tvw-message-actions-right {
+  justify-content: flex-end;
+}
+
+/* Hover visibility mode - overlay on desktop */
+@media (hover: hover) {
+  .tvw-message-actions-hover {
+    /* Hidden by default */
+    opacity: 0;
+    pointer-events: none;
+    transition: opacity 0.15s ease-in-out;
+  }
+
+  /* Pill layout - compact floating pill */
+  .tvw-message-actions-hover.tvw-message-actions-pill {
+    position: absolute;
+    bottom: 0.5rem;
+    margin-top: 0;
+    padding: 0.25rem;
+    border-top: none;
+    width: fit-content;
+    background-color: var(--cw-surface, #ffffff);
+    border: 1px solid var(--cw-divider, #f1f5f9);
+    border-radius: var(--cw-radius-md, 0.75rem);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  }
+
+  /* Pill layout - position based on alignment */
+  .tvw-message-actions-hover.tvw-message-actions-pill.tvw-message-actions-left {
+    left: 0.75rem;
+    right: auto;
+  }
+
+  .tvw-message-actions-hover.tvw-message-actions-pill.tvw-message-actions-center {
+    left: 50%;
+    right: auto;
+    transform: translateX(-50%);
+  }
+
+  .tvw-message-actions-hover.tvw-message-actions-pill.tvw-message-actions-right {
+    right: 0.75rem;
+    left: auto;
+  }
+
+  /* Row layout - full-width bar at bottom */
+  .tvw-message-actions-hover.tvw-message-actions-row {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin-top: 0;
+    padding: 0.5rem 0.75rem;
+    border-top: none;
+    background: linear-gradient(
+      to top,
+      var(--cw-surface, #ffffff) 70%,
+      transparent
+    );
+    border-radius: 0 0 var(--cw-radius-lg, 1.5rem) var(--cw-radius-lg, 1.5rem);
+  }
+
+  .vanilla-message-bubble:hover .tvw-message-actions-hover,
+  .vanilla-message-bubble:focus-within .tvw-message-actions-hover {
+    opacity: 1;
+    pointer-events: auto;
+  }
+}
+
+/* On touch devices (no hover support), show inline and always visible */
+@media (hover: none) {
+  .tvw-message-actions-hover {
+    /* Keep normal flow positioning on mobile */
+    position: static;
+    opacity: 1;
+  }
+}
+
+/* Action button base styles */
+.tvw-message-action-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border: none;
+  border-radius: 6px;
+  background-color: transparent;
+  color: var(--cw-muted, #6b7280);
+  cursor: pointer;
+  transition: background-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
+}
+
+.tvw-message-action-btn:hover {
+  background-color: var(--cw-container, #f8fafc);
+  color: var(--cw-primary, #111827);
+}
+
+.tvw-message-action-btn:active {
+  transform: scale(0.95);
+}
+
+.tvw-message-action-btn:focus {
+  outline: none;
+  box-shadow: 0 0 0 2px var(--cw-accent, #1d4ed8);
+}
+
+.tvw-message-action-btn:focus:not(:focus-visible) {
+  box-shadow: none;
+}
+
+.tvw-message-action-btn:focus-visible {
+  box-shadow: 0 0 0 2px var(--cw-accent, #1d4ed8);
+}
+
+/* Active state (voted) */
+.tvw-message-action-btn.tvw-message-action-active {
+  background-color: var(--cw-accent, #1d4ed8);
+  color: #ffffff;
+}
+
+.tvw-message-action-btn.tvw-message-action-active:hover {
+  background-color: var(--cw-accent, #1d4ed8);
+  color: #ffffff;
+  opacity: 0.9;
+}
+
+/* Success state (after copy) */
+.tvw-message-action-btn.tvw-message-action-success {
+  background-color: #10b981;
+  color: #ffffff;
+}
+
+.tvw-message-action-btn.tvw-message-action-success:hover {
+  background-color: #10b981;
+  color: #ffffff;
+}
+
+/* Icon styling within buttons */
+.tvw-message-action-btn svg {
+  width: 14px;
+  height: 14px;
+  flex-shrink: 0;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vanilla-agent",
-  "version": "1.20.0",
+  "version": "1.22.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",