@makemore/agent-frontend 2.9.0 → 2.11.0

package/dist/chat-widget.esm.js

@@ -1,6 +1,6 @@
-var gt=Object.defineProperty;var ft=(e,t,s)=>t in e?gt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var Fe=(e,t,s)=>(ft(e,typeof t!="symbol"?t+"":t,s),s);import{render as ht}from"preact";import{html as Mt}from"htm/preact";import{html as G}from"htm/preact";import{useState as q,useEffect as pe,useCallback as le,useMemo as Ae}from"preact/hooks";import{html as ee}from"htm/preact";function $t(e){return e.replace(/_([a-z])/g,(t,s)=>s.toUpperCase())}function Te(e){return e.replace(/[A-Z]/g,t=>`_${t.toLowerCase()}`)}function me(e){return Array.isArray(e)?e.map(me):e!==null&&typeof e=="object"?Object.fromEntries(Object.entries(e).map(([t,s])=>[$t(t),me(s)])):e}function ge(e){return Array.isArray(e)?e.map(ge):e!==null&&typeof e=="object"?Object.fromEntries(Object.entries(e).map(([t,s])=>[Te(t),ge(s)])):e}function fe(){return"msg-"+Date.now()+"-"+Math.random().toString(36).substr(2,9)}function H(e){let t=document.createElement("div");return t.textContent=e,t.innerHTML}function Pe(e){if(!e)return"";try{let t=new Date(e),n=new Date-t,l=Math.floor(n/6e4),r=Math.floor(n/36e5),$=Math.floor(n/864e5);return l<1?"Just now":l<60?`${l}m ago`:r<24?`${r}h ago`:$<7?`${$}d ago`:t.toLocaleDateString()}catch{return""}}function Ke(e,t=null){if(t)return t(e);let s=H(e);return s=s.replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>"),s=s.replace(/__(.+?)__/g,"<strong>$1</strong>"),s=s.replace(/\*(.+?)\*/g,"<em>$1</em>"),s=s.replace(/_(.+?)_/g,"<em>$1</em>"),s=s.replace(/`(.+?)`/g,"<code>$1</code>"),s=s.replace(/\[(.+?)\]\((.+?)\)/g,'<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>'),s=s.replace(/\n/g,"<br>"),s}function Le(e=""){let t=s=>e?`${s}_${e}`:s;return{get(s){try{return localStorage.getItem(t(s))}catch{return null}},set(s,n){try{let l=t(s);n===null?localStorage.removeItem(l):localStorage.setItem(l,n)}catch{}}}}function Ne(e="csrftoken"){let t=document.cookie.split(";");for(let n of t){let[l,r]=n.trim().split("=");if(l===e)return decodeURIComponent(r)}let s=document.querySelector('meta[name="csrf-token"]');return s?s.getAttribute("content"):null}function $e(e){if(e===0)return"0 B";let t=1024,s=["B","KB","MB","GB"],n=Math.floor(Math.log(e)/Math.log(t));return parseFloat((e/Math.pow(t,n)).toFixed(1))+" "+s[n]}function ye(e){return e?e.startsWith("image/")?"\u{1F5BC}\uFE0F":e.startsWith("video/")?"\u{1F3AC}":e.startsWith("audio/")?"\u{1F3B5}":e.includes("pdf")?"\u{1F4D5}":e.includes("spreadsheet")||e.includes("excel")?"\u{1F4CA}":e.includes("document")||e.includes("word")?"\u{1F4DD}":e.includes("presentation")||e.includes("powerpoint")?"\u{1F4FD}\uFE0F":e.includes("zip")||e.includes("compressed")?"\u{1F5DC}\uFE0F":(e.includes("text/"),"\u{1F4C4}"):"\u{1F4C4}"}function yt(e){if(!e||typeof e!="string")return 0;let t=e.replace("#","");if(t.length!==6&&t.length!==3)return 0;let s=t.length===3?t.split("").map(i=>i+i).join(""):t,n=parseInt(s.substr(0,2),16)/255,l=parseInt(s.substr(2,2),16)/255,r=parseInt(s.substr(4,2),16)/255,$=i=>i<=.03928?i/12.92:Math.pow((i+.055)/1.055,2.4);return .2126*$(n)+.7152*$(l)+.0722*$(r)}function We(e){return yt(e)>.179?"#000000":"#ffffff"}function He({config:e,debugMode:t,isExpanded:s,isSpeaking:n,messagesCount:l,isLoading:r,currentAgent:$,onClose:i,onToggleExpand:f,onToggleDebug:y,onToggleTTS:u,onClear:k,onToggleSidebar:c}){let{title:S,primaryColor:a,embedded:g,showConversationSidebar:w,showClearButton:v,showDebugButton:T,enableDebugMode:m,showTTSButton:N,showExpandButton:U,enableTTS:x,elevenLabsApiKey:R,ttsProxyUrl:D}=e,P=R||D;return ee`
-    <div class="cw-header" style=${{backgroundColor:a}}>
-      ${w&&ee`
+var vt=Object.defineProperty;var kt=(e,t,s)=>t in e?vt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var Pe=(e,t,s)=>(kt(e,typeof t!="symbol"?t+"":t,s),s);import{render as yt}from"preact";import{html as Wt}from"htm/preact";import{html as G}from"htm/preact";import{useState as Y,useEffect as he,useCallback as ie,useMemo as Re}from"preact/hooks";import{html as te}from"htm/preact";function bt(e){return e.replace(/_([a-z])/g,(t,s)=>s.toUpperCase())}function Me(e){return e.replace(/[A-Z]/g,t=>`_${t.toLowerCase()}`)}function ge(e){return Array.isArray(e)?e.map(ge):e!==null&&typeof e=="object"?Object.fromEntries(Object.entries(e).map(([t,s])=>[bt(t),ge(s)])):e}function fe(e){return Array.isArray(e)?e.map(fe):e!==null&&typeof e=="object"?Object.fromEntries(Object.entries(e).map(([t,s])=>[Me(t),fe(s)])):e}function $e(){return"msg-"+Date.now()+"-"+Math.random().toString(36).substr(2,9)}function B(e){let t=document.createElement("div");return t.textContent=e,t.innerHTML}function Le(e){if(!e)return"";try{let t=new Date(e),n=new Date-t,o=Math.floor(n/6e4),r=Math.floor(n/36e5),y=Math.floor(n/864e5);return o<1?"Just now":o<60?`${o}m ago`:r<24?`${r}h ago`:y<7?`${y}d ago`:t.toLocaleDateString()}catch{return""}}function Ke(e,t=null){if(t)return t(e);let s=B(e);return s=s.replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>"),s=s.replace(/__(.+?)__/g,"<strong>$1</strong>"),s=s.replace(/\*(.+?)\*/g,"<em>$1</em>"),s=s.replace(/_(.+?)_/g,"<em>$1</em>"),s=s.replace(/`(.+?)`/g,"<code>$1</code>"),s=s.replace(/\[(.+?)\]\((.+?)\)/g,'<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>'),s=s.replace(/\n/g,"<br>"),s}function Ne(e=""){let t=s=>e?`${s}_${e}`:s;return{get(s){try{return localStorage.getItem(t(s))}catch{return null}},set(s,n){try{let o=t(s);n===null?localStorage.removeItem(o):localStorage.setItem(o,n)}catch{}}}}function Be(e="csrftoken"){let t=document.cookie.split(";");for(let n of t){let[o,r]=n.trim().split("=");if(o===e)return decodeURIComponent(r)}let s=document.querySelector('meta[name="csrf-token"]');return s?s.getAttribute("content"):null}function ye(e){if(e===0)return"0 B";let t=1024,s=["B","KB","MB","GB"],n=Math.floor(Math.log(e)/Math.log(t));return parseFloat((e/Math.pow(t,n)).toFixed(1))+" "+s[n]}function we(e){return e?e.startsWith("image/")?"\u{1F5BC}\uFE0F":e.startsWith("video/")?"\u{1F3AC}":e.startsWith("audio/")?"\u{1F3B5}":e.includes("pdf")?"\u{1F4D5}":e.includes("spreadsheet")||e.includes("excel")?"\u{1F4CA}":e.includes("document")||e.includes("word")?"\u{1F4DD}":e.includes("presentation")||e.includes("powerpoint")?"\u{1F4FD}\uFE0F":e.includes("zip")||e.includes("compressed")?"\u{1F5DC}\uFE0F":(e.includes("text/"),"\u{1F4C4}"):"\u{1F4C4}"}function Ct(e){if(!e||typeof e!="string")return 0;let t=e.replace("#","");if(t.length!==6&&t.length!==3)return 0;let s=t.length===3?t.split("").map(i=>i+i).join(""):t,n=parseInt(s.substr(0,2),16)/255,o=parseInt(s.substr(2,2),16)/255,r=parseInt(s.substr(4,2),16)/255,y=i=>i<=.03928?i/12.92:Math.pow((i+.055)/1.055,2.4);return .2126*y(n)+.7152*y(o)+.0722*y(r)}function He(e){return Ct(e)>.179?"#000000":"#ffffff"}function We({config:e,debugMode:t,isExpanded:s,isSpeaking:n,messagesCount:o,isLoading:r,currentAgent:y,onClose:i,onToggleExpand:$,onToggleDebug:g,onToggleTTS:u,onClear:b,onToggleSidebar:c}){let{title:C,primaryColor:l,embedded:f,showConversationSidebar:w,showClearButton:v,showDebugButton:_,enableDebugMode:m,showTTSButton:H,showExpandButton:U,enableTTS:A,elevenLabsApiKey:O,ttsProxyUrl:F}=e,L=O||F;return te`
+    <div class="cw-header" style=${{backgroundColor:l}}>
+      ${w&&te`
         <button
           class="cw-header-btn cw-hamburger"
           onClick=${c}
@@ -15,50 +15,50 @@ var gt=Object.defineProperty;var ft=(e,t,s)=>t in e?gt(e,t,{enumerable:!0,config
       `}
 
       <div class="cw-title-container">
-        <span class="cw-title">${H(S)}</span>
-        ${$&&ee`
+        <span class="cw-title">${B(C)}</span>
+        ${y&&te`
           <span class="cw-current-agent" title="Currently active agent">
             <span class="cw-agent-indicator">🤖</span>
-            <span class="cw-agent-name">${H($.name||$.key)}</span>
+            <span class="cw-agent-name">${B(y.name||y.key)}</span>
           </span>
         `}
       </div>
       
       <div class="cw-header-actions">
-        ${v&&ee`
+        ${v&&te`
           <button 
             class="cw-header-btn" 
-            onClick=${k}
+            onClick=${b}
             title="Clear"
-            disabled=${r||l===0}
+            disabled=${r||o===0}
           >🗑️</button>
         `}
         
-        ${T&&m&&ee`
+        ${_&&m&&te`
           <button 
             class="cw-header-btn ${t?"cw-btn-active":""}" 
-            onClick=${y}
+            onClick=${g}
             title="Debug"
           >🐛</button>
         `}
         
-        ${N&&P&&ee`
+        ${H&&L&&te`
           <button 
-            class="cw-header-btn ${x?"cw-btn-active":""}" 
+            class="cw-header-btn ${A?"cw-btn-active":""}" 
             onClick=${u}
             title="TTS"
-          >${x?"\u{1F50A}":"\u{1F507}"}</button>
+          >${A?"\u{1F50A}":"\u{1F507}"}</button>
         `}
         
-        ${U&&!g&&ee`
+        ${U&&!f&&te`
           <button 
             class="cw-header-btn" 
-            onClick=${f}
+            onClick=${$}
             title=${s?"Minimize":"Expand"}
           >${s?"\u2296":"\u2295"}</button>
         `}
         
-        ${!g&&ee`
+        ${!f&&te`
           <button 
             class="cw-header-btn" 
             onClick=${i}
@@ -67,20 +67,107 @@ var gt=Object.defineProperty;var ft=(e,t,s)=>t in e?gt(e,t,{enumerable:!0,config
         `}
       </div>
     </div>
-  `}import{html as se}from"htm/preact";import{useRef as Be,useEffect as je}from"preact/hooks";import{html as L}from"htm/preact";import{useState as we,useRef as wt,useEffect as vt}from"preact/hooks";function _e({msg:e,show:t,onToggle:s}){return t?L`
+  `}import{html as ne}from"htm/preact";import{useRef as qe,useEffect as Ye}from"preact/hooks";import{html as K}from"htm/preact";import{useState as ke,useRef as Ot,useEffect as Ft}from"preact/hooks";import{html as x}from"htm/preact";import{useState as Ve}from"preact/hooks";function Ue({block:e,onAction:t,markdownParser:s}){return x`
+    <div class="cw-block-card">
+      ${e.image&&x`<img class="cw-block-card-image" src=${e.image} alt=${e.title||""} />`}
+      <div class="cw-block-card-body">
+        ${e.badge&&x`<span class="cw-block-card-badge">${e.badge}</span>`}
+        ${e.title&&x`<div class="cw-block-card-title">${e.title}</div>`}
+        ${e.subtitle&&x`<div class="cw-block-card-subtitle">${e.subtitle}</div>`}
+        ${e.metadata&&e.metadata.length>0&&x`
+          <div class="cw-block-card-meta">
+            ${e.metadata.map(n=>x`
+              <span class="cw-block-meta-pair">
+                <span class="cw-block-meta-label">${n.label}:</span> ${n.value}
+              </span>
+            `)}
+          </div>
+        `}
+        ${e.actions&&e.actions.length>0&&x`
+          <div class="cw-block-card-actions">
+            ${e.actions.map(n=>x`<${je} action=${n} onAction=${t} />`)}
+          </div>
+        `}
+      </div>
+    </div>
+  `}function St({block:e,onAction:t,markdownParser:s}){let n=e.layout||"vertical";return x`
+    <div class="cw-block-card-list cw-block-card-list-${n}">
+      ${(e.items||[]).map(o=>x`
+        <${Ue} block=${{type:"card",...o}} onAction=${t} markdownParser=${s} />
+      `)}
+    </div>
+  `}function je({action:e,onAction:t}){let s=e.style||"primary",n=()=>{t&&t(e)};return e.type==="link"?x`<a class="cw-block-btn cw-block-btn-${s}" href=${e.url} target="_blank" rel="noopener">${e.label}</a>`:x`<button class="cw-block-btn cw-block-btn-${s}" onClick=${n}>${e.label}</button>`}function Tt({block:e,onAction:t}){return x`
+    <div class="cw-block-action-buttons">
+      ${(e.buttons||[]).map(s=>x`<${je} action=${s} onAction=${t} />`)}
+    </div>
+  `}function _t({block:e}){let t=e.style||"info";return x`
+    <div class="cw-block-callout cw-block-callout-${t}">
+      <span class="cw-block-callout-icon">${{info:"\u2139\uFE0F",success:"\u2705",warning:"\u26A0\uFE0F"}[t]||"\u2139\uFE0F"}</span>
+      <div class="cw-block-callout-content">
+        ${e.title&&x`<strong>${e.title}</strong>`}
+        ${e.body&&x`<span>${e.body}</span>`}
+      </div>
+    </div>
+  `}function Mt({block:e}){return x`
+    <figure class="cw-block-image">
+      <img src=${e.url} alt=${e.alt||""} />
+      ${e.caption&&x`<figcaption>${e.caption}</figcaption>`}
+    </figure>
+  `}function Et(){return x`<hr class="cw-block-divider" />`}function It({block:e}){return x`
+    <div class="cw-block-table-wrapper">
+      <table class="cw-block-table">
+        ${e.headers&&e.headers.length>0&&x`
+          <thead><tr>${e.headers.map(t=>x`<th>${t}</th>`)}</tr></thead>
+        `}
+        <tbody>
+          ${(e.rows||[]).map(t=>x`
+            <tr>${t.map(s=>x`<td>${s}</td>`)}</tr>
+          `)}
+        </tbody>
+      </table>
+    </div>
+  `}function xt({block:e}){let[t,s]=Ve(!1),n=()=>{navigator.clipboard.writeText(e.code).then(()=>{s(!0),setTimeout(()=>s(!1),1500)})};return x`
+    <div class="cw-block-code">
+      ${e.filename&&x`<div class="cw-block-code-filename">${e.filename}</div>`}
+      <pre><code>${B(e.code)}</code></pre>
+      ${e.copyable!==!1&&x`
+        <button class="cw-block-code-copy" onClick=${n}>${t?"\u2713":"\u2398"}</button>
+      `}
+    </div>
+  `}function At({block:e}){let[t,s]=Ve(e.defaultOpen||!1);return x`
+    <details class="cw-block-collapsible" open=${t} onClick=${n=>{n.preventDefault(),s(!t)}}>
+      <summary>${e.title}</summary>
+      <div class="cw-block-collapsible-body">${e.body}</div>
+    </details>
+  `}function Rt({block:e}){let t={loading:"\u23F3",success:"\u2705",error:"\u274C",warning:"\u26A0\uFE0F",info:"\u2139\uFE0F"};return x`
+    <div class="cw-block-status cw-block-status-${e.state||"info"}">
+      <span class="cw-block-status-icon">${t[e.state]||"\u2139\uFE0F"}</span>
+      <div>
+        <strong>${e.title}</strong>
+        ${e.body&&x`<div>${e.body}</div>`}
+        ${e.progress!=null&&x`
+          <div class="cw-block-progress"><div class="cw-block-progress-bar" style=${{width:`${e.progress*100}%`}}></div></div>
+        `}
+      </div>
+    </div>
+  `}var Dt={card:Ue,cardList:St,actionButtons:Tt,callout:_t,image:Mt,divider:Et,table:It,code:xt,collapsible:At,status:Rt};function Je({blocks:e,onAction:t,markdownParser:s}){return!e||e.length===0?null:x`
+    <div class="cw-content-blocks">
+      ${e.map((n,o)=>{let r=Dt[n.type];return r?x`<${r} key=${o} block=${n} onAction=${t} markdownParser=${s} />`:null})}
+    </div>
+  `}function ve({msg:e,show:t,onToggle:s}){return t?K`
     <div class="cw-debug-payload">
       <button class="cw-debug-payload-close" onClick=${s}>×</button>
       <pre class="cw-debug-payload-content">${JSON.stringify(e,null,2)}</pre>
     </div>
-  `:L`
+  `:K`
       <button
         class="cw-debug-payload-btn"
         onClick=${s}
         title="Show message payload"
       >{ }</button>
-    `}function Ve({onEdit:e,onRetry:t,isLoading:s,position:n,showEdit:l=!0}){return s?null:L`
+    `}function ze({onEdit:e,onRetry:t,isLoading:s,position:n,showEdit:o=!0}){return s?null:K`
     <div class="cw-message-actions cw-message-actions-${n||"left"}">
-      ${l&&L`
+      ${o&&K`
         <button
           class="cw-message-action-btn"
           onClick=${e}
@@ -104,14 +191,14 @@ var gt=Object.defineProperty;var ft=(e,t,s)=>t in e?gt(e,t,{enumerable:!0,config
         </svg>
       </button>
     </div>
-  `}function kt({initialContent:e,onSave:t,onCancel:s}){let[n,l]=we(e),r=wt(null);return vt(()=>{r.current&&(r.current.focus(),r.current.setSelectionRange(n.length,n.length),r.current.style.height="auto",r.current.style.height=r.current.scrollHeight+"px")},[]),L`
+  `}function Pt({initialContent:e,onSave:t,onCancel:s}){let[n,o]=ke(e),r=Ot(null);return Ft(()=>{r.current&&(r.current.focus(),r.current.setSelectionRange(n.length,n.length),r.current.style.height="auto",r.current.style.height=r.current.scrollHeight+"px")},[]),K`
     <div class="cw-inline-edit">
       <textarea
         ref=${r}
         class="cw-inline-edit-input"
         value=${n}
-        onInput=${f=>{l(f.target.value),f.target.style.height="auto",f.target.style.height=f.target.scrollHeight+"px"}}
-        onKeyDown=${f=>{f.key==="Enter"&&!f.shiftKey?(f.preventDefault(),n.trim()&&t(n.trim())):f.key==="Escape"&&s()}}
+        onInput=${$=>{o($.target.value),$.target.style.height="auto",$.target.style.height=$.target.scrollHeight+"px"}}
+        onKeyDown=${$=>{$.key==="Enter"&&!$.shiftKey?($.preventDefault(),n.trim()&&t(n.trim())):$.key==="Escape"&&s()}}
         rows="1"
       />
       <div class="cw-inline-edit-actions">
@@ -128,111 +215,120 @@ var gt=Object.defineProperty;var ft=(e,t,s)=>t in e?gt(e,t,{enumerable:!0,config
         >Save & Send</button>
       </div>
     </div>
-  `}function Ue({msg:e,debugMode:t,markdownParser:s,onEdit:n,onRetry:l,isLoading:r,messageIndex:$}){let[i,f]=we(!1),[y,u]=we(!1),[k,c]=we(!1),S=e.role==="user",a=e.role==="system",g=e.type==="tool_call",w=e.type==="tool_result",v=e.type==="error",T=e.type==="sub_agent_start",m=e.type==="sub_agent_end",N=e.type==="agent_context";if(a&&!t)return null;if(T||m||N)return L`
-      <div class="cw-agent-context ${T?"cw-agent-delegating":""} ${m?"cw-agent-returned":""}" style="position: relative;">
-        <span class="cw-agent-context-icon">${T?"\u{1F517}":m?"\u2713":"\u{1F916}"}</span>
+  `}function Ge({msg:e,debugMode:t,markdownParser:s,onEdit:n,onRetry:o,isLoading:r,messageIndex:y}){let[i,$]=ke(!1),[g,u]=ke(!1),[b,c]=ke(!1),C=e.role==="user",l=e.role==="system",f=e.type==="tool_call",w=e.type==="tool_result",v=e.type==="error",_=e.type==="sub_agent_start",m=e.type==="sub_agent_end",H=e.type==="agent_context";if(l&&!t)return null;if(_||m||H)return K`
+      <div class="cw-agent-context ${_?"cw-agent-delegating":""} ${m?"cw-agent-returned":""}" style="position: relative;">
+        <span class="cw-agent-context-icon">${_?"\u{1F517}":m?"\u2713":"\u{1F916}"}</span>
         <span class="cw-agent-context-text">${e.content}</span>
-        ${e.metadata?.agentName&&L`
+        ${e.metadata?.agentName&&K`
           <span class="cw-agent-context-name">${e.metadata.agentName}</span>
         `}
-        ${t&&L`<${_e} msg=${e} show=${y} onToggle=${()=>u(!y)} />`}
+        ${t&&K`<${ve} msg=${e} show=${g} onToggle=${()=>u(!g)} />`}
+      </div>
+    `;if(e.type==="content_blocks"&&e.metadata?.blocks){let k=T=>{T.type==="message"&&e._onSendMessage&&e._onSendMessage(T.message),T.type==="callback"&&e._onCallback&&e._onCallback(T.callbackId)};return K`
+      <div class="cw-message-row" style="position: relative;">
+        <${Je}
+          blocks=${e.metadata.blocks}
+          onAction=${k}
+          markdownParser=${s}
+        />
+        ${t&&K`<${ve} msg=${e} show=${g} onToggle=${()=>u(!g)} />`}
       </div>
-    `;if(g||w){let b=e.metadata?.arguments||e.metadata?.result,E=d=>{if(typeof d=="string")try{return JSON.stringify(JSON.parse(d),null,2)}catch{return d}return JSON.stringify(d,null,2)};return L`
+    `}if(f||w){let k=e.metadata?.arguments||e.metadata?.result,T=d=>{if(typeof d=="string")try{return JSON.stringify(JSON.parse(d),null,2)}catch{return d}return JSON.stringify(d,null,2)};return K`
       <div class="cw-tool-message ${w?"cw-tool-result":"cw-tool-call"}" style="position: relative;">
-        <span class="cw-tool-label" onClick=${()=>b&&f(!i)}>
+        <span class="cw-tool-label" onClick=${()=>k&&$(!i)}>
           ${e.content}
-          ${b&&L`<span class="cw-tool-expand">${i?"\u25BC":"\u25B6"}</span>`}
+          ${k&&K`<span class="cw-tool-expand">${i?"\u25BC":"\u25B6"}</span>`}
         </span>
-        ${i&&b&&L`
-          <pre class="cw-tool-details">${H(E(g?e.metadata.arguments:e.metadata.result))}</pre>
+        ${i&&k&&K`
+          <pre class="cw-tool-details">${B(T(f?e.metadata.arguments:e.metadata.result))}</pre>
         `}
-        ${t&&L`<${_e} msg=${e} show=${y} onToggle=${()=>u(!y)} />`}
+        ${t&&K`<${ve} msg=${e} show=${g} onToggle=${()=>u(!g)} />`}
       </div>
-    `}let U=["cw-message",S&&"cw-message-user",v&&"cw-message-error"].filter(Boolean).join(" "),x=`cw-message-row ${S?"cw-message-row-user":""}`,R=e.role==="assistant"?Ke(e.content,s):H(e.content),D=e.files&&e.files.length>0,P=()=>D?L`
+    `}let U=["cw-message",C&&"cw-message-user",v&&"cw-message-error"].filter(Boolean).join(" "),A=`cw-message-row ${C?"cw-message-row-user":""}`,O=e.role==="assistant"?Ke(e.content,s):B(e.content),F=e.files&&e.files.length>0,L=()=>F?K`
       <div class="cw-message-attachments">
-        ${e.files.map(b=>b.type&&b.type.startsWith("image/")?L`
-              <a class="cw-attachment-thumbnail" href=${b.url} target="_blank" title=${b.name}>
-                <img src=${b.url} alt=${b.name} />
+        ${e.files.map(k=>k.type&&k.type.startsWith("image/")?K`
+              <a class="cw-attachment-thumbnail" href=${k.url} target="_blank" title=${k.name}>
+                <img src=${k.url} alt=${k.name} />
               </a>
-            `:L`
-            <a class="cw-attachment-file" href=${b.url} target="_blank" title=${b.name}>
-              <span class="cw-attachment-icon">${ye(b.type)}</span>
+            `:K`
+            <a class="cw-attachment-file" href=${k.url} target="_blank" title=${k.name}>
+              <span class="cw-attachment-icon">${we(k.type)}</span>
               <span class="cw-attachment-info">
-                <span class="cw-attachment-name">${b.name}</span>
-                <span class="cw-attachment-size">${$e(b.size)}</span>
+                <span class="cw-attachment-name">${k.name}</span>
+                <span class="cw-attachment-size">${ye(k.size)}</span>
               </span>
             </a>
           `)}
       </div>
-    `:null,B=b=>{c(!1),n&&n($,b)},W=()=>{l&&l($)};if(S&&k)return L`
-      <div class=${x} style="position: relative;">
-        ${P()}
-        <${kt}
+    `:null,j=k=>{c(!1),n&&n(y,k)},W=()=>{o&&o(y)};if(C&&b)return K`
+      <div class=${A} style="position: relative;">
+        ${L()}
+        <${Pt}
           initialContent=${e.content}
-          onSave=${B}
+          onSave=${j}
           onCancel=${()=>c(!1)}
         />
       </div>
-    `;let h=S&&n&&l,p=e.role==="assistant"&&l&&!r;return L`
-    <div class="${x} ${h||p?"cw-message-row-with-actions":""}">
-      ${P()}
-      ${h&&L`
+    `;let h=C&&n&&o,p=e.role==="assistant"&&o&&!r;return K`
+    <div class="${A} ${h||p?"cw-message-row-with-actions":""}">
+      ${L()}
+      ${h&&K`
         <div class="cw-user-actions-wrapper">
-          <${Ve}
+          <${ze}
             onEdit=${()=>c(!0)}
             onRetry=${W}
             isLoading=${r}
             position="left"
             showEdit=${!0}
           />
-          <div class=${U} dangerouslySetInnerHTML=${{__html:R}} />
+          <div class=${U} dangerouslySetInnerHTML=${{__html:O}} />
         </div>
       `}
-      ${!h&&L`
-        <div class=${U} dangerouslySetInnerHTML=${{__html:R}} />
+      ${!h&&K`
+        <div class=${U} dangerouslySetInnerHTML=${{__html:O}} />
       `}
-      ${p&&L`
-        <${Ve}
+      ${p&&K`
+        <${ze}
           onRetry=${W}
           isLoading=${r}
           position="right"
           showEdit=${!1}
         />
       `}
-      ${t&&L`<${_e} msg=${e} show=${y} onToggle=${()=>u(!y)} />`}
+      ${t&&K`<${ve} msg=${e} show=${g} onToggle=${()=>u(!g)} />`}
     </div>
-  `}function Je({messages:e,isLoading:t,hasMoreMessages:s,loadingMoreMessages:n,onLoadMore:l,onEditMessage:r,onRetryMessage:$,debugMode:i,markdownParser:f,emptyStateTitle:y,emptyStateMessage:u}){let k=Be(null),c=Be(!0),S=g=>{let w=g.target,v=w.scrollHeight-w.scrollTop-w.clientHeight<100;if(c.current=v,w.scrollTop<50&&s&&!n){let T=w.scrollHeight;l().then(()=>{let m=w.scrollHeight;w.scrollTop=m-T+w.scrollTop})}};je(()=>{let g=k.current;g&&c.current&&requestAnimationFrame(()=>{g.scrollTop=g.scrollHeight})},[e,t]),je(()=>{let g=k.current;g&&e.length<=2&&(c.current=!0,requestAnimationFrame(()=>{g.scrollTop=g.scrollHeight}))},[e.length]);let a=e.length===0;return se`
-    <div class="cw-messages" ref=${k} onScroll=${S}>
-      ${a&&se`
+  `}function Xe({messages:e,isLoading:t,hasMoreMessages:s,loadingMoreMessages:n,onLoadMore:o,onEditMessage:r,onRetryMessage:y,debugMode:i,markdownParser:$,emptyStateTitle:g,emptyStateMessage:u}){let b=qe(null),c=qe(!0),C=f=>{let w=f.target,v=w.scrollHeight-w.scrollTop-w.clientHeight<100;if(c.current=v,w.scrollTop<50&&s&&!n){let _=w.scrollHeight;o().then(()=>{let m=w.scrollHeight;w.scrollTop=m-_+w.scrollTop})}};Ye(()=>{let f=b.current;f&&c.current&&requestAnimationFrame(()=>{f.scrollTop=f.scrollHeight})},[e,t]),Ye(()=>{let f=b.current;f&&e.length<=2&&(c.current=!0,requestAnimationFrame(()=>{f.scrollTop=f.scrollHeight}))},[e.length]);let l=e.length===0;return ne`
+    <div class="cw-messages" ref=${b} onScroll=${C}>
+      ${l&&ne`
         <div class="cw-empty-state">
           <svg class="cw-empty-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
             <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
           </svg>
-          <h3>${H(y)}</h3>
-          <p>${H(u)}</p>
+          <h3>${B(g)}</h3>
+          <p>${B(u)}</p>
         </div>
       `}
       
-      ${!a&&s&&se`
-        <div class="cw-load-more" onClick=${l}>
-          ${n?se`<span class="cw-spinner"></span><span>Loading...</span>`:se`<span>↑ Scroll up or click to load older messages</span>`}
+      ${!l&&s&&ne`
+        <div class="cw-load-more" onClick=${o}>
+          ${n?ne`<span class="cw-spinner"></span><span>Loading...</span>`:ne`<span>↑ Scroll up or click to load older messages</span>`}
         </div>
       `}
       
-      ${e.map((g,w)=>se`
-        <${Ue}
-          key=${g.id}
-          msg=${g}
+      ${e.map((f,w)=>ne`
+        <${Ge}
+          key=${f.id}
+          msg=${f}
           messageIndex=${w}
           debugMode=${i}
-          markdownParser=${f}
+          markdownParser=${$}
           onEdit=${r}
-          onRetry=${$}
+          onRetry=${y}
           isLoading=${t}
         />
       `)}
       
-      ${t&&se`
+      ${t&&ne`
         <div class="cw-message-row">
           <div class="cw-typing">
             <span class="cw-spinner"></span>
@@ -241,23 +337,23 @@ var gt=Object.defineProperty;var ft=(e,t,s)=>t in e?gt(e,t,{enumerable:!0,config
         </div>
       `}
     </div>
-  `}import{html as X}from"htm/preact";import{useState as ie,useRef as ve,useEffect as Me}from"preact/hooks";var Ee=typeof window<"u"?window.SpeechRecognition||window.webkitSpeechRecognition:null;function ze({onSend:e,onCancel:t,isLoading:s,placeholder:n,primaryColor:l,enableVoice:r=!0,enableFiles:$=!0}){let[i,f]=ie(""),[y,u]=ie([]),[k,c]=ie(!1),[S,a]=ie(!1),[g]=ie(()=>!!Ee),w=ve(null),v=ve(null),T=ve(null),m=ve(!1);Me(()=>{!s&&w.current&&w.current.focus()},[s]),Me(()=>{w.current&&(w.current.style.height="auto",w.current.style.height=Math.min(w.current.scrollHeight,150)+"px")},[i]),Me(()=>()=>{m.current=!1,T.current&&T.current.abort()},[]);let N=d=>{d.preventDefault(),(i.trim()||y.length>0)&&!s&&(e(i,y),f(""),u([]),w.current&&(w.current.style.height="auto"),v.current&&(v.current.value=""))},U=d=>{let A=Array.from(d.target.files||[]);A.length>0&&u(F=>[...F,...A])},x=d=>{u(A=>A.filter((F,o)=>o!==d))},R=d=>{d.preventDefault(),v.current&&!s&&v.current.click()},D=d=>{d.key==="Enter"&&!d.shiftKey&&(d.preventDefault(),N(d))},P=d=>{s&&t&&(d.preventDefault(),t())},B=()=>{if(!Ee||s)return;m.current=!0;let d=new Ee;d.continuous=!0,d.interimResults=!0,d.lang=navigator.language||"en-US";let A=i,F="";d.onstart=()=>{a(!0)},d.onresult=o=>{F="";for(let I=o.resultIndex;I<o.results.length;I++){let K=o.results[I][0].transcript;o.results[I].isFinal?A+=(A?" ":"")+K:F+=K}f(A+(F?" "+F:""))},d.onerror=o=>{if(o.error==="no-speech"||o.error==="aborted"){console.log("[ChatWidget] Speech recognition:",o.error,"- continuing...");return}console.warn("[ChatWidget] Speech recognition error:",o.error),m.current=!1,a(!1),f(A||i)},d.onend=()=>{if(m.current){console.log("[ChatWidget] Recognition paused, restarting...");try{d.start();return}catch(o){console.warn("[ChatWidget] Could not restart recognition:",o)}}a(!1),A&&f(A),T.current=null},T.current=d,d.start()},W=()=>{m.current=!1,T.current&&T.current.stop()},h=d=>{d.preventDefault(),S?W():B()},M=X`
+  `}import{html as Z}from"htm/preact";import{useState as ce,useRef as be,useEffect as Ee}from"preact/hooks";var Ie=typeof window<"u"?window.SpeechRecognition||window.webkitSpeechRecognition:null;function Ze({onSend:e,onCancel:t,isLoading:s,placeholder:n,primaryColor:o,enableVoice:r=!0,enableFiles:y=!0}){let[i,$]=ce(""),[g,u]=ce([]),[b,c]=ce(!1),[C,l]=ce(!1),[f]=ce(()=>!!Ie),w=be(null),v=be(null),_=be(null),m=be(!1);Ee(()=>{!s&&w.current&&w.current.focus()},[s]),Ee(()=>{w.current&&(w.current.style.height="auto",w.current.style.height=Math.min(w.current.scrollHeight,150)+"px")},[i]),Ee(()=>()=>{m.current=!1,_.current&&_.current.abort()},[]);let H=d=>{d.preventDefault(),(i.trim()||g.length>0)&&!s&&(e(i,g),$(""),u([]),w.current&&(w.current.style.height="auto"),v.current&&(v.current.value=""))},U=d=>{let R=Array.from(d.target.files||[]);R.length>0&&u(D=>[...D,...R])},A=d=>{u(R=>R.filter((D,a)=>a!==d))},O=d=>{d.preventDefault(),v.current&&!s&&v.current.click()},F=d=>{d.key==="Enter"&&!d.shiftKey&&(d.preventDefault(),H(d))},L=d=>{s&&t&&(d.preventDefault(),t())},j=()=>{if(!Ie||s)return;m.current=!0;let d=new Ie;d.continuous=!0,d.interimResults=!0,d.lang=navigator.language||"en-US";let R=i,D="";d.onstart=()=>{l(!0)},d.onresult=a=>{D="";for(let M=a.resultIndex;M<a.results.length;M++){let N=a.results[M][0].transcript;a.results[M].isFinal?R+=(R?" ":"")+N:D+=N}$(R+(D?" "+D:""))},d.onerror=a=>{if(a.error==="no-speech"||a.error==="aborted"){console.log("[ChatWidget] Speech recognition:",a.error,"- continuing...");return}console.warn("[ChatWidget] Speech recognition error:",a.error),m.current=!1,l(!1),$(R||i)},d.onend=()=>{if(m.current){console.log("[ChatWidget] Recognition paused, restarting...");try{d.start();return}catch(a){console.warn("[ChatWidget] Could not restart recognition:",a)}}l(!1),R&&$(R),_.current=null},_.current=d,d.start()},W=()=>{m.current=!1,_.current&&_.current.stop()},h=d=>{d.preventDefault(),C?W():j()},I=Z`
     <svg width="14" height="14" viewBox="0 0 14 14" fill="currentColor">
       <rect x="2" y="2" width="10" height="10" rx="1" />
     </svg>
-  `,p=X`
+  `,p=Z`
     <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path>
       <path d="M19 10v2a7 7 0 0 1-14 0v-2"></path>
       <line x1="12" y1="19" x2="12" y2="23"></line>
       <line x1="8" y1="23" x2="16" y2="23"></line>
     </svg>
-  `,C=X`
+  `,S=Z`
     <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
       <path d="M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"></path>
     </svg>
-  `,b=r&&g,E=$;return X`
-    <form class="cw-input-form" onSubmit=${N}>
+  `,k=r&&f,T=y;return Z`
+    <form class="cw-input-form" onSubmit=${H}>
       <input
         type="file"
         ref=${v}
@@ -265,17 +361,17 @@ var gt=Object.defineProperty;var ft=(e,t,s)=>t in e?gt(e,t,{enumerable:!0,config
         multiple
         onChange=${U}
       />
-      ${y.length>0&&X`
+      ${g.length>0&&Z`
         <div class="cw-file-chips">
-          ${y.map((d,A)=>X`
-            <div class="cw-file-chip" key=${A}>
-              <span class="cw-file-chip-icon">${ye(d.type)}</span>
+          ${g.map((d,R)=>Z`
+            <div class="cw-file-chip" key=${R}>
+              <span class="cw-file-chip-icon">${we(d.type)}</span>
               <span class="cw-file-chip-name" title=${d.name}>${d.name.length>20?d.name.substring(0,17)+"...":d.name}</span>
-              <span class="cw-file-chip-size">(${$e(d.size)})</span>
+              <span class="cw-file-chip-size">(${ye(d.size)})</span>
               <button
                 type="button"
                 class="cw-file-chip-remove"
-                onClick=${()=>x(A)}
+                onClick=${()=>A(R)}
                 title="Remove file"
               >×</button>
             </div>
@@ -285,52 +381,52 @@ var gt=Object.defineProperty;var ft=(e,t,s)=>t in e?gt(e,t,{enumerable:!0,config
       <textarea
         ref=${w}
         class="cw-input"
-        placeholder=${H(n)}
+        placeholder=${B(n)}
         value=${i}
-        onInput=${d=>f(d.target.value)}
-        onKeyDown=${D}
+        onInput=${d=>$(d.target.value)}
+        onKeyDown=${F}
         disabled=${s}
         rows="1"
       />
-      ${E&&X`
+      ${T&&Z`
         <button
           type="button"
           class="cw-attach-btn"
-          onClick=${R}
+          onClick=${O}
           disabled=${s}
           title="Attach files"
         >
-          ${C}
+          ${S}
         </button>
       `}
-      ${b&&X`
+      ${k&&Z`
         <button
           type="button"
-          class=${`cw-voice-btn ${S?"cw-voice-btn-recording":""}`}
+          class=${`cw-voice-btn ${C?"cw-voice-btn-recording":""}`}
           onClick=${h}
           disabled=${s}
-          title=${S?"Stop recording":"Voice input"}
+          title=${C?"Stop recording":"Voice input"}
         >
           ${p}
         </button>
       `}
       <button
         type=${s?"button":"submit"}
-        class=${`cw-send-btn ${s?"cw-send-btn-loading":""} ${s&&k?"cw-send-btn-stop":""}`}
-        style=${{backgroundColor:s&&k?"#dc2626":l}}
-        onClick=${P}
+        class=${`cw-send-btn ${s?"cw-send-btn-loading":""} ${s&&b?"cw-send-btn-stop":""}`}
+        style=${{backgroundColor:s&&b?"#dc2626":o}}
+        onClick=${L}
         onMouseEnter=${()=>c(!0)}
         onMouseLeave=${()=>c(!1)}
         title=${s?"Stop":"Send"}
       >
-        ${s?k?M:X`<span class="cw-spinner"></span>`:"\u27A4"}
+        ${s?b?I:Z`<span class="cw-spinner"></span>`:"\u27A4"}
       </button>
     </form>
-  `}import{html as ke}from"htm/preact";function Ge({isOpen:e,conversations:t,conversationsLoading:s,currentConversationId:n,onClose:l,onNewConversation:r,onSwitchConversation:$}){return ke`
+  `}import{html as Ce}from"htm/preact";function Qe({isOpen:e,conversations:t,conversationsLoading:s,currentConversationId:n,onClose:o,onNewConversation:r,onSwitchConversation:y}){return Ce`
     <div class="cw-sidebar ${e?"cw-sidebar-open":""}">
       <div class="cw-sidebar-header">
         <span>Conversations</span>
-        <button class="cw-sidebar-close" onClick=${l}>✕</button>
+        <button class="cw-sidebar-close" onClick=${o}>✕</button>
       </div>
       
       <button class="cw-new-conversation" onClick=${r}>
@@ -338,24 +434,24 @@ var gt=Object.defineProperty;var ft=(e,t,s)=>t in e?gt(e,t,{enumerable:!0,config
       </button>
       
       <div class="cw-conversation-list">
-        ${s&&ke`
+        ${s&&Ce`
           <div class="cw-sidebar-loading">
             <span class="cw-spinner"></span>
           </div>
         `}
         
-        ${!s&&t.length===0&&ke`
+        ${!s&&t.length===0&&Ce`
           <div class="cw-sidebar-empty">No conversations yet</div>
         `}
         
-        ${t.map(i=>ke`
+        ${t.map(i=>Ce`
           <div 
             key=${i.id}
             class="cw-conversation-item ${i.id===n?"cw-conversation-active":""}"
-            onClick=${()=>$(i.id)}
+            onClick=${()=>y(i.id)}
           >
-            <div class="cw-conversation-title">${H(i.title||"Untitled")}</div>
-            <div class="cw-conversation-date">${Pe(i.updatedAt||i.createdAt)}</div>
+            <div class="cw-conversation-title">${B(i.title||"Untitled")}</div>
+            <div class="cw-conversation-date">${Le(i.updatedAt||i.createdAt)}</div>
           </div>
         `)}
       </div>
@@ -363,25 +459,25 @@ var gt=Object.defineProperty;var ft=(e,t,s)=>t in e?gt(e,t,{enumerable:!0,config
     
     <div 
       class="cw-sidebar-overlay ${e?"cw-sidebar-overlay-visible":""}" 
-      onClick=${l}
+      onClick=${o}
     />
-  `}import{html as oe}from"htm/preact";import{useState as bt}from"preact/hooks";function qe({availableModels:e,selectedModel:t,onSelectModel:s,thinkingEnabled:n,onToggleThinking:l,disabled:r}){let[$,i]=bt(!1);if(!e||e.length===0)return null;let f=e.find(a=>a.id===t),y=f?.name||"Select Model",u=f?.supports_thinking||!1,k=()=>{r||i(!$)},c=a=>{s(a),i(!1)},S=a=>{a.stopPropagation(),l&&u&&l(!n)};return oe`
+  `}import{html as re}from"htm/preact";import{useState as Lt}from"preact/hooks";function et({availableModels:e,selectedModel:t,onSelectModel:s,thinkingEnabled:n,onToggleThinking:o,disabled:r}){let[y,i]=Lt(!1);if(!e||e.length===0)return null;let $=e.find(l=>l.id===t),g=$?.name||"Select Model",u=$?.supports_thinking||!1,b=()=>{r||i(!y)},c=l=>{s(l),i(!1)},C=l=>{l.stopPropagation(),o&&u&&o(!n)};return re`
     <div class="cw-model-selector">
       <button
         class="cw-model-btn"
-        onClick=${k}
+        onClick=${b}
         disabled=${r}
         title="Select Model"
       >
         <span class="cw-model-icon">🤖</span>
-        <span class="cw-model-name">${H(y)}</span>
-        <span class="cw-model-chevron">${$?"\u25B2":"\u25BC"}</span>
+        <span class="cw-model-name">${B(g)}</span>
+        <span class="cw-model-chevron">${y?"\u25B2":"\u25BC"}</span>
       </button>
 
-      ${u&&l&&oe`
+      ${u&&o&&re`
         <button
           class="cw-thinking-toggle ${n?"cw-thinking-enabled":""}"
-          onClick=${S}
+          onClick=${C}
           disabled=${r}
           title=${n?"Thinking enabled - click to disable":"Enable extended thinking"}
         >
@@ -389,48 +485,48 @@ var gt=Object.defineProperty;var ft=(e,t,s)=>t in e?gt(e,t,{enumerable:!0,config
         </button>
       `}
 
-      ${$&&oe`
+      ${y&&re`
         <div class="cw-model-dropdown">
-          ${e.map(a=>oe`
+          ${e.map(l=>re`
             <button
-              key=${a.id}
-              class="cw-model-option ${a.id===t?"cw-model-option-selected":""}"
-              onClick=${()=>c(a.id)}
+              key=${l.id}
+              class="cw-model-option ${l.id===t?"cw-model-option-selected":""}"
+              onClick=${()=>c(l.id)}
             >
               <span class="cw-model-option-name">
-                ${H(a.name)}
-                ${a.supports_thinking&&oe`<span class="cw-thinking-badge" title="Supports extended thinking">🧠</span>`}
+                ${B(l.name)}
+                ${l.supports_thinking&&re`<span class="cw-thinking-badge" title="Supports extended thinking">🧠</span>`}
               </span>
-              <span class="cw-model-option-provider">${H(a.provider)}</span>
-              ${a.description&&oe`
-                <span class="cw-model-option-desc">${H(a.description)}</span>
+              <span class="cw-model-option-provider">${B(l.provider)}</span>
+              ${l.description&&re`
+                <span class="cw-model-option-desc">${B(l.description)}</span>
               `}
             </button>
           `)}
         </div>
       `}
     </div>
-  `}import{html as Z}from"htm/preact";import{useState as Ye,useCallback as ce}from"preact/hooks";var St={not_started:"\u25CB",in_progress:"\u25D0",complete:"\u25CF",cancelled:"\u2298"},Ct={not_started:"Not Started",in_progress:"In Progress",complete:"Complete",cancelled:"Cancelled"};function Tt({task:e,onUpdate:t,onRemove:s,depth:n=0}){let[l,r]=Ye(!1),[$,i]=Ye(e.name),f=ce(()=>{let c={not_started:"in_progress",in_progress:"complete",complete:"not_started",cancelled:"not_started"};t(e.id,{state:c[e.state]||"not_started"})},[e,t]),y=ce(()=>{$.trim()&&$!==e.name&&t(e.id,{name:$.trim()}),r(!1)},[e,$,t]),u=ce(c=>{c.key==="Enter"&&y(),c.key==="Escape"&&(i(e.name),r(!1))},[y,e.name]),k=`cw-task-state-${e.state.replace("_","-")}`;return Z`
-    <div class="cw-task-item ${k}" style=${{paddingLeft:`${n*16+8}px`}}>
+  `}import{html as Q}from"htm/preact";import{useState as tt,useCallback as de}from"preact/hooks";var Kt={not_started:"\u25CB",in_progress:"\u25D0",complete:"\u25CF",cancelled:"\u2298"},Nt={not_started:"Not Started",in_progress:"In Progress",complete:"Complete",cancelled:"Cancelled"};function Bt({task:e,onUpdate:t,onRemove:s,depth:n=0}){let[o,r]=tt(!1),[y,i]=tt(e.name),$=de(()=>{let c={not_started:"in_progress",in_progress:"complete",complete:"not_started",cancelled:"not_started"};t(e.id,{state:c[e.state]||"not_started"})},[e,t]),g=de(()=>{y.trim()&&y!==e.name&&t(e.id,{name:y.trim()}),r(!1)},[e,y,t]),u=de(c=>{c.key==="Enter"&&g(),c.key==="Escape"&&(i(e.name),r(!1))},[g,e.name]),b=`cw-task-state-${e.state.replace("_","-")}`;return Q`
+    <div class="cw-task-item ${b}" style=${{paddingLeft:`${n*16+8}px`}}>
       <button 
         class="cw-task-state-btn" 
-        onClick=${f}
-        title=${Ct[e.state]}
+        onClick=${$}
+        title=${Nt[e.state]}
       >
-        ${St[e.state]}
+        ${Kt[e.state]}
       </button>
       
-      ${l?Z`
+      ${o?Q`
         <input
           type="text"
           class="cw-task-edit-input"
-          value=${$}
+          value=${y}
           onInput=${c=>i(c.target.value)}
-          onBlur=${y}
+          onBlur=${g}
           onKeyDown=${u}
           autoFocus
         />
-      `:Z`
+      `:Q`
         <span 
           class="cw-task-name" 
           onClick=${()=>r(!0)}
@@ -448,16 +544,16 @@ var gt=Object.defineProperty;var ft=(e,t,s)=>t in e?gt(e,t,{enumerable:!0,config
         ×
       </button>
     </div>
-  `}function Xe({tasks:e,progress:t,isLoading:s,error:n,onUpdate:l,onRemove:r,onClear:$,onRefresh:i}){let f=ce(k=>{let c=new Map,S=[];return k.forEach(a=>{c.set(a.id,{...a,children:[]})}),k.forEach(a=>{let g=c.get(a.id);a.parent_id&&c.has(a.parent_id)?c.get(a.parent_id).children.push(g):S.push(g)}),S},[]),y=ce((k,c=0)=>Z`
-      <${Tt}
-        key=${k.id}
-        task=${k}
+  `}function st({tasks:e,progress:t,isLoading:s,error:n,onUpdate:o,onRemove:r,onClear:y,onRefresh:i}){let $=de(b=>{let c=new Map,C=[];return b.forEach(l=>{c.set(l.id,{...l,children:[]})}),b.forEach(l=>{let f=c.get(l.id);l.parent_id&&c.has(l.parent_id)?c.get(l.parent_id).children.push(f):C.push(f)}),C},[]),g=de((b,c=0)=>Q`
+      <${Bt}
+        key=${b.id}
+        task=${b}
         depth=${c}
-        onUpdate=${l}
+        onUpdate=${o}
         onRemove=${r}
       />
-      ${k.children?.map(S=>y(S,c+1))}
-    `,[l,r]),u=f(e);return s&&e.length===0?Z`<div class="cw-tasks-loading">Loading tasks...</div>`:Z`
+      ${b.children?.map(C=>g(C,c+1))}
+    `,[o,r]),u=$(e);return s&&e.length===0?Q`<div class="cw-tasks-loading">Loading tasks...</div>`:Q`
     <div class="cw-tasks-container">
       <div class="cw-tasks-header">
         <div class="cw-tasks-progress">
@@ -473,24 +569,24 @@ var gt=Object.defineProperty;var ft=(e,t,s)=>t in e?gt(e,t,{enumerable:!0,config
         </div>
         <div class="cw-tasks-actions">
           <button class="cw-tasks-action-btn" onClick=${i} title="Refresh">↻</button>
-          ${e.length>0&&Z`
-            <button class="cw-tasks-action-btn" onClick=${$} title="Clear all">🗑</button>
+          ${e.length>0&&Q`
+            <button class="cw-tasks-action-btn" onClick=${y} title="Clear all">🗑</button>
           `}
         </div>
       </div>
       
-      ${n&&Z`<div class="cw-tasks-error">${n}</div>`}
+      ${n&&Q`<div class="cw-tasks-error">${n}</div>`}
       
       <div class="cw-tasks-list">
-        ${u.length===0?Z`
+        ${u.length===0?Q`
           <div class="cw-tasks-empty">
             <p>No tasks yet</p>
             <p class="cw-tasks-empty-hint">Tasks will appear here when the agent creates them</p>
           </div>
-        `:u.map(k=>y(k))}
+        `:u.map(b=>g(b))}
       </div>
     </div>
-  `}import{html as J}from"htm/preact";function Ze({systems:e,agents:t,selectedSystem:s,selectedAgent:n,selectedSystemVersion:l,selectedAgentVersion:r,onSelectSystem:$,onSelectAgent:i,onSelectSystemVersion:f,onSelectAgentVersion:y,disabled:u}){let k=e.find(m=>m.slug===s),c=t.find(m=>m.slug===n),S=k?.versions||[],a=c?.versions||[];if(e.length===0&&t.length===0)return null;let g=e.length>1,w=t.length>1,v=S.length>1,T=a.length>1;return J`
+  `}import{html as z}from"htm/preact";function nt({systems:e,agents:t,selectedSystem:s,selectedAgent:n,selectedSystemVersion:o,selectedAgentVersion:r,onSelectSystem:y,onSelectAgent:i,onSelectSystemVersion:$,onSelectAgentVersion:g,disabled:u}){let b=e.find(m=>m.slug===s),c=t.find(m=>m.slug===n),C=b?.versions||[],l=c?.versions||[];if(e.length===0&&t.length===0)return null;let f=e.length>1,w=t.length>1,v=C.length>1,_=l.length>1;return z`
     <div class="cw-dev-toolbar">
       <div class="cw-dev-toolbar-label">
         <span class="cw-dev-toolbar-icon">🛠️</span>
@@ -501,89 +597,89 @@ var gt=Object.defineProperty;var ft=(e,t,s)=>t in e?gt(e,t,{enumerable:!0,config
         <!-- System -->
         <div class="cw-dev-select-group">
           <label class="cw-dev-label">System</label>
-          ${g?J`
+          ${f?z`
             <select
               class="cw-dev-select"
               value=${s||""}
-              onChange=${m=>$(m.target.value)}
+              onChange=${m=>y(m.target.value)}
               disabled=${u}
             >
-              ${e.map(m=>J`
+              ${e.map(m=>z`
                 <option key=${m.slug} value=${m.slug}>
                   ${m.name}
                 </option>
               `)}
             </select>
-          `:J`
-            <span class="cw-dev-badge">${k?.name||"\u2014"}</span>
+          `:z`
+            <span class="cw-dev-badge">${b?.name||"\u2014"}</span>
           `}
         </div>
 
         <!-- System Version -->
         <div class="cw-dev-select-group">
           <label class="cw-dev-label">Sys Ver</label>
-          ${v?J`
+          ${v?z`
             <select
               class="cw-dev-select"
-              value=${l||""}
-              onChange=${m=>f(m.target.value||null)}
+              value=${o||""}
+              onChange=${m=>$(m.target.value||null)}
               disabled=${u}
             >
-              ${S.map(m=>J`
+              ${C.map(m=>z`
                 <option key=${m.version} value=${m.version}>
                   ${m.version}${m.is_active?" \u2713":""}${m.is_draft?" (draft)":""}
                 </option>
               `)}
             </select>
-          `:J`
-            <span class="cw-dev-badge">${S.length===1?S[0].version:"none"}</span>
+          `:z`
+            <span class="cw-dev-badge">${C.length===1?C[0].version:"none"}</span>
           `}
         </div>
 
         <!-- Agent -->
         <div class="cw-dev-select-group">
           <label class="cw-dev-label">Agent</label>
-          ${w?J`
+          ${w?z`
             <select
               class="cw-dev-select"
               value=${n||""}
               onChange=${m=>i(m.target.value)}
               disabled=${u}
             >
-              ${t.map(m=>J`
+              ${t.map(m=>z`
                 <option key=${m.slug} value=${m.slug}>
-                  ${m.name}${k?.entry_agent?.slug===m.slug?" \u2605":""}
+                  ${m.name}${b?.entry_agent?.slug===m.slug?" \u2605":""}
                 </option>
               `)}
             </select>
-          `:J`
-            <span class="cw-dev-badge">${c?.name||t[0]?.name||"\u2014"}${k?.entry_agent?.slug===(c?.slug||t[0]?.slug)?" \u2605":""}</span>
+          `:z`
+            <span class="cw-dev-badge">${c?.name||t[0]?.name||"\u2014"}${b?.entry_agent?.slug===(c?.slug||t[0]?.slug)?" \u2605":""}</span>
           `}
         </div>
 
         <!-- Agent Version -->
         <div class="cw-dev-select-group">
           <label class="cw-dev-label">Agent Ver</label>
-          ${T?J`
+          ${_?z`
             <select
               class="cw-dev-select"
               value=${r||""}
-              onChange=${m=>y(m.target.value||null)}
+              onChange=${m=>g(m.target.value||null)}
               disabled=${u}
             >
-              ${a.map(m=>J`
+              ${l.map(m=>z`
                 <option key=${m.version} value=${m.version}>
                   ${m.version}${m.is_active?" \u2713":""}${m.is_draft?" (draft)":""}
                 </option>
               `)}
             </select>
-          `:J`
-            <span class="cw-dev-badge">${a.length===1?a[0].version:c?.active_version||"\u2014"}</span>
+          `:z`
+            <span class="cw-dev-badge">${l.length===1?l[0].version:c?.active_version||"\u2014"}</span>
           `}
         </div>
       </div>
     </div>
-  `}import{useState as ne,useCallback as te,useRef as Qe,useEffect as et}from"preact/hooks";function tt(e,t,s){let[n,l]=ne([]),[r,$]=ne(!1),[i,f]=ne(null),[y,u]=ne(()=>s?.get(e.conversationIdKey)||null),[k,c]=ne(!1),[S,a]=ne(!1),[g,w]=ne(0),v=Qe(null),T=Qe(null);et(()=>{y&&s?.set(e.conversationIdKey,y)},[y,e.conversationIdKey,s]);let m=te(async(h,M,p)=>{v.current&&v.current.close();let C=e.apiPaths.runEvents.replace("{runId}",h),b=`${e.backendUrl}${C}`;M&&(b+=`?anonymous_token=${encodeURIComponent(M)}`);let E=new EventSource(b);v.current=E;let d="";E.addEventListener("assistant.message",F=>{try{let o=JSON.parse(F.data);e.onEvent&&e.onEvent("assistant.message",o.payload);let I=o.payload.content;I&&(d+=I,l(K=>{let j=K[K.length-1];return j?.role==="assistant"&&j.id.startsWith("assistant-stream-")?[...K.slice(0,-1),{...j,content:d}]:[...K,{id:"assistant-stream-"+Date.now(),role:"assistant",content:d,timestamp:new Date,type:"message"}]}))}catch(o){console.error("[ChatWidget] Parse error:",o)}}),E.addEventListener("tool.call",F=>{try{let o=JSON.parse(F.data);e.onEvent&&e.onEvent("tool.call",o.payload),l(I=>[...I,{id:"tool-call-"+Date.now(),role:"assistant",content:`\u{1F527} ${o.payload.name}`,timestamp:new Date,type:"tool_call",metadata:{toolName:o.payload.name,arguments:o.payload.arguments,toolCallId:o.payload.id}}])}catch(o){console.error("[ChatWidget] Parse error:",o)}}),E.addEventListener("tool.result",F=>{try{let o=JSON.parse(F.data);e.onEvent&&e.onEvent("tool.result",o.payload);let I=o.payload.result,K=I?.error;l(j=>[...j,{id:"tool-result-"+Date.now(),role:"system",content:K?`\u274C ${I.error}`:"\u2713 Done",timestamp:new Date,type:"tool_result",metadata:{toolName:o.payload.name,result:I,toolCallId:o.payload.tool_call_id}}])}catch(o){console.error("[ChatWidget] Parse error:",o)}}),E.addEventListener("custom",F=>{try{let o=JSON.parse(F.data);e.onEvent&&e.onEvent("custom",o.payload),o.payload?.type==="ui_control"&&e.onUIControl&&e.onUIControl(o.payload),o.payload?.type==="agent_context"&&l(I=>[...I,{id:"agent-context-"+Date.now(),role:"system",content:`\u{1F517} ${o.payload.agent_name||"Sub-agent"} is now handling this request`,timestamp:new Date,type:"agent_context",metadata:{agentKey:o.payload.agent_key,agentName:o.payload.agent_name,action:o.payload.action}}])}catch(o){console.error("[ChatWidget] Parse error:",o)}}),E.addEventListener("sub_agent.start",F=>{try{let o=JSON.parse(F.data);e.onEvent&&e.onEvent("sub_agent.start",o.payload),l(I=>[...I,{id:"sub-agent-start-"+Date.now(),role:"system",content:`\u{1F517} Delegating to ${o.payload.agent_name||o.payload.sub_agent_key||"sub-agent"}...`,timestamp:new Date,type:"sub_agent_start",metadata:{subAgentKey:o.payload.sub_agent_key,agentName:o.payload.agent_name,invocationMode:o.payload.invocation_mode}}])}catch(o){console.error("[ChatWidget] Parse error:",o)}}),E.addEventListener("sub_agent.end",F=>{try{let o=JSON.parse(F.data);e.onEvent&&e.onEvent("sub_agent.end",o.payload),l(I=>[...I,{id:"sub-agent-end-"+Date.now(),role:"system",content:`\u2713 ${o.payload.agent_name||"Sub-agent"} completed`,timestamp:new Date,type:"sub_agent_end",metadata:{subAgentKey:o.payload.sub_agent_key,agentName:o.payload.agent_name}}])}catch(o){console.error("[ChatWidget] Parse error:",o)}});let A=F=>{try{let o=JSON.parse(F.data);if(e.onEvent&&e.onEvent(o.type,o.payload),o.type==="run.failed"){let I=o.payload.error||"Agent run failed";f(I),l(K=>[...K,{id:"error-"+Date.now(),role:"system",content:`\u274C Error: ${I}`,timestamp:new Date,type:"error"}])}}catch(o){console.error("[ChatWidget] Parse error:",o)}$(!1),E.close(),v.current=null,d&&p&&p(d)};E.addEventListener("run.succeeded",A),E.addEventListener("run.failed",A),E.addEventListener("run.cancelled",A),E.addEventListener("run.timed_out",A),E.onerror=()=>{$(!1),E.close(),v.current=null}},[e]),N=te(async(h,M={},p={})=>{if(!h.trim()||r)return;let C=[],b={};typeof M=="function"?b={onAssistantMessage:M}:Array.isArray(M)?(C=M,b=p):b=M||{};let{model:E,thinking:d,onAssistantMessage:A,supersedeFromMessageIndex:F}=b;$(!0),f(null);let o={id:fe(),role:"user",content:h.trim(),timestamp:new Date,type:"message",files:C.length>0?C.map(I=>({name:I.name,size:I.size,type:I.type})):void 0};l(I=>[...I,o]);try{let I=await t.getOrCreateSession(),K;if(C.length>0){let V=e.apiCaseStyle!=="camel",Oe=he=>V?Te(he):he,Q=new FormData;Q.append(Oe("agentKey"),e.agentKey),y&&Q.append(Oe("conversationId"),y),Q.append("messages",JSON.stringify([{role:"user",content:h.trim()}])),Q.append("metadata",JSON.stringify(V?{...e.metadata,journey_type:e.defaultJourneyType}:{...e.metadata,journeyType:e.defaultJourneyType})),E&&Q.append("model",E),d&&Q.append("thinking","true"),C.forEach(he=>{Q.append("files",he)}),K=t.getFetchOptions({method:"POST",body:Q},I)}else{let V=t.transformRequest({agentKey:e.agentKey,conversationId:y,messages:[{role:"user",content:h.trim()}],metadata:{...e.metadata,journeyType:e.defaultJourneyType},...E&&{model:E},...d&&{thinking:!0},...F!==void 0&&{supersedeFromMessageIndex:F}});K=t.getFetchOptions({method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(V)},I)}let j=await fetch(`${e.backendUrl}${e.apiPaths.runs}`,K),_=I;if(j.status===401){t.clearSession();let V=await t.getOrCreateSession(!0);V&&(_=V,C.length>0?K=t.getFetchOptions({method:"POST",body:K.body},V):K=t.getFetchOptions({method:"POST",headers:{"Content-Type":"application/json"},body:K.body},V),j=await fetch(`${e.backendUrl}${e.apiPaths.runs}`,K))}if(!j.ok){let V=await j.json().catch(()=>({}));throw new Error(V.error||V.detail||`HTTP ${j.status}`)}let z=await j.json(),Y=t.transformResponse(z);T.current=Y.id,!y&&Y.conversationId&&u(Y.conversationId),await m(Y.id,_,A)}catch(I){f(I.message||"Failed to send message"),$(!1)}finally{T.current=null}},[e,t,y,r,m]),U=te(async()=>{let h=T.current;if(!(!h||!r))try{let M=e.apiPaths.cancelRun?e.apiPaths.cancelRun.replace("{runId}",h):`${e.apiPaths.runs}${h}/cancel/`;(await fetch(`${e.backendUrl}${M}`,t.getFetchOptions({method:"POST",headers:{"Content-Type":"application/json"}}))).ok&&(v.current&&(v.current.close(),v.current=null),$(!1),T.current=null,l(C=>[...C,{id:"cancelled-"+Date.now(),role:"system",content:"\u23F9 Run cancelled",timestamp:new Date,type:"cancelled"}]))}catch(M){console.error("[ChatWidget] Failed to cancel run:",M)}},[e,t,r]),x=te(()=>{l([]),u(null),f(null),c(!1),w(0),s?.set(e.conversationIdKey,null)},[e.conversationIdKey,s]),R=h=>{let M={id:fe(),role:h.role,timestamp:h.timestamp?new Date(h.timestamp):new Date};if(h.role==="tool")return{...M,role:"system",content:"\u2713 Done",type:"tool_result",metadata:{result:h.content,toolCallId:h.toolCallId}};if(h.role==="assistant"&&h.toolCalls&&h.toolCalls.length>0)return h.toolCalls.map(C=>({id:fe(),role:"assistant",content:`\u{1F527} ${C.function?.name||C.name||"tool"}`,timestamp:M.timestamp,type:"tool_call",metadata:{toolName:C.function?.name||C.name,arguments:C.function?.arguments||C.arguments,toolCallId:C.id}}));let p=typeof h.content=="string"?h.content:JSON.stringify(h.content);return h.role==="assistant"&&!p?.trim()?null:{...M,content:p,type:"message"}},D=te(async h=>{console.log("[ChatWidget] loadConversation called with:",h),$(!0),l([]),u(h);try{let M=await t.getOrCreateSession(),C=`${e.backendUrl}${e.apiPaths.conversations}${h}/?limit=10&offset=0`;console.log("[ChatWidget] Fetching conversation from:",C);let b=await fetch(C,t.getFetchOptions({method:"GET"},M));if(console.log("[ChatWidget] Response status:",b.status),b.ok){let E=await b.json();console.log("[ChatWidget] Raw conversation:",E);let d=t.transformResponse(E);if(console.log("[ChatWidget] Transformed conversation:",d),d.messages){let A=d.messages.flatMap(R).filter(Boolean);console.log("[ChatWidget] Mapped messages:",A),l(A)}c(d.hasMore||!1),w(d.messages?.length||0)}else b.status===404?(console.log("[ChatWidget] Conversation not found, clearing"),u(null),s?.set(e.conversationIdKey,null)):console.error("[ChatWidget] Unexpected response status:",b.status)}catch(M){console.error("[ChatWidget] Failed to load conversation:",M)}finally{$(!1)}},[e,t,s]),P=te(async()=>{if(!(!y||S||!k)){a(!0);try{let h=await t.getOrCreateSession(),p=`${e.backendUrl}${e.apiPaths.conversations}${y}/?limit=10&offset=${g}`,C=await fetch(p,t.getFetchOptions({method:"GET"},h));if(C.ok){let b=await C.json(),E=t.transformResponse(b);if(E.messages?.length>0){let d=E.messages.flatMap(R).filter(Boolean);l(A=>[...d,...A]),w(A=>A+E.messages.length),c(E.hasMore||!1)}else c(!1)}}catch(h){console.error("[ChatWidget] Failed to load more messages:",h)}finally{a(!1)}}},[e,t,y,g,S,k]),B=te(async(h,M,p={})=>{if(r)return;let C=n[h];if(!C||C.role!=="user")return;let b=n.slice(0,h);l(b),await N(M,{...p,supersedeFromMessageIndex:h})},[n,r,N]),W=te(async(h,M={})=>{if(r)return;let p=n[h];if(!p)return;let C=h,b=p;if(p.role==="assistant"){for(let d=h-1;d>=0;d--)if(n[d].role==="user"){C=d,b=n[d];break}if(b.role!=="user")return}else if(p.role!=="user")return;let E=n.slice(0,C);l(E),await N(b.content,{...M,supersedeFromMessageIndex:C})},[n,r,N]);return et(()=>()=>{v.current&&v.current.close()},[]),{messages:n,isLoading:r,error:i,conversationId:y,hasMoreMessages:k,loadingMoreMessages:S,sendMessage:N,cancelRun:U,clearMessages:x,loadConversation:D,loadMoreMessages:P,setConversationId:u,editMessage:B,retryMessage:W}}import{useState as de,useEffect as _t,useCallback as be}from"preact/hooks";var st="cw_thinking_enabled";function nt(e,t,s){let[n,l]=de([]),[r,$]=de(null),[i,f]=de(null),[y,u]=de(!1),[k,c]=de(!1);_t(()=>{(async()=>{if(e.showModelSelector){u(!0);try{let T=await fetch(`${e.backendUrl}${e.apiPaths.models}`,t.getFetchOptions({method:"GET"}));if(T.ok){let m=await T.json(),N=m.models||[];l(N),f(m.default);let U=s?.get(e.modelKey);U&&N.some(R=>R.id===U)?$(U):$(m.default),s?.get(st)==="true"&&c(!0)}}catch(T){console.warn("[ChatWidget] Failed to load models:",T)}finally{u(!1)}}})()},[e.backendUrl,e.apiPaths.models,e.showModelSelector,e.modelKey,t,s]);let S=be(v=>{$(v),s?.set(e.modelKey,v)},[e.modelKey,s]),a=be(v=>{c(v),s?.set(st,v?"true":"false")},[s]),g=be(()=>n.find(v=>v.id===r)||null,[n,r]),w=be(()=>g()?.supports_thinking||!1,[g]);return{availableModels:n,selectedModel:r,defaultModel:i,isLoading:y,selectModel:S,getSelectedModelInfo:g,thinkingEnabled:k,toggleThinking:a,supportsThinking:w}}import{useState as Ie,useCallback as re}from"preact/hooks";function at(e,t){let[s,n]=Ie(null),[l,r]=Ie(!1),[$,i]=Ie(null),f=e.apiPaths?.tasks||"/api/agent/tasks/",y=re(async()=>{r(!0),i(null);try{let g=`${e.backendUrl}${f}`,w=await fetch(g,t.getFetchOptions({method:"GET"}));if(w.ok){let v=await w.json();n(v)}else{let v=await w.json().catch(()=>({}));i(v.error||"Failed to load tasks")}}catch(g){console.error("[useTasks] Failed to load task list:",g),i("Failed to load tasks")}finally{r(!1)}},[e.backendUrl,f,t]),u=re(async g=>{if(!s)return null;try{let w=`${e.backendUrl}${f}${s.id}/add_task/`,v=await fetch(w,t.getFetchOptions({method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(g)}));if(v.ok){let T=await v.json();return await y(),T}else{let T=await v.json().catch(()=>({}));return i(T.error||"Failed to add task"),null}}catch(w){return console.error("[useTasks] Failed to add task:",w),i("Failed to add task"),null}},[e.backendUrl,f,s,t,y]),k=re(async(g,w)=>{if(!s)return null;try{let v=`${e.backendUrl}${f}${s.id}/update_task/${g}/`,T=await fetch(v,t.getFetchOptions({method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(w)}));if(T.ok){let m=await T.json();return await y(),m}else{let m=await T.json().catch(()=>({}));return i(m.error||"Failed to update task"),null}}catch(v){return console.error("[useTasks] Failed to update task:",v),i("Failed to update task"),null}},[e.backendUrl,f,s,t,y]),c=re(async g=>{if(!s)return!1;try{let w=`${e.backendUrl}${f}${s.id}/remove_task/${g}/`,v=await fetch(w,t.getFetchOptions({method:"DELETE"}));if(v.ok)return await y(),!0;{let T=await v.json().catch(()=>({}));return i(T.error||"Failed to remove task"),!1}}catch(w){return console.error("[useTasks] Failed to remove task:",w),i("Failed to remove task"),!1}},[e.backendUrl,f,s,t,y]),S=re(async()=>{if(!s)return!1;try{let g=`${e.backendUrl}${f}${s.id}/clear/`,w=await fetch(g,t.getFetchOptions({method:"POST"}));if(w.ok)return await y(),!0;{let v=await w.json().catch(()=>({}));return i(v.error||"Failed to clear tasks"),!1}}catch(g){return console.error("[useTasks] Failed to clear tasks:",g),i("Failed to clear tasks"),!1}},[e.backendUrl,f,s,t,y]),a=re(()=>i(null),[]);return{taskList:s,tasks:s?.tasks||[],progress:s?.progress||{total:0,completed:0,percent_complete:0},isLoading:l,error:$,loadTaskList:y,addTask:u,updateTask:k,removeTask:c,clearTasks:S,clearError:a}}import{useState as ae,useEffect as ot,useCallback as ue}from"preact/hooks";var rt="cw_selected_system",xe="cw_selected_agent",lt="cw_selected_system_version",Se="cw_selected_agent_version";function it(e,t,s){let[n,l]=ae([]),[r,$]=ae([]),[i,f]=ae(null),[y,u]=ae(null),[k,c]=ae(null),[S,a]=ae(null),[g,w]=ae(!1),v=ue(()=>{if(y)return y;if(i){let x=n.find(R=>R.slug===i);if(x?.entry_agent)return x.entry_agent.slug}return e.agentKey},[y,i,n,e.agentKey]);ot(()=>{if(!e.showDevTools)return;(async()=>{w(!0);try{let R=await fetch(`${e.backendUrl}${e.apiPaths.systems}`,t.getFetchOptions({method:"GET"}));if(R.ok){let D=await R.json(),P=D.results||D;l(P);let B=s?.get(rt);B&&P.some(W=>W.slug===B)?f(B):P.length===1&&f(P[0].slug)}}catch(R){console.warn("[ChatWidget] Failed to load systems:",R)}finally{w(!1)}})()},[e.backendUrl,e.apiPaths.systems,e.showDevTools,t,s]),ot(()=>{if(!e.showDevTools)return;(async()=>{try{let R=i?`?system=${encodeURIComponent(i)}`:"",D=await fetch(`${e.backendUrl}${e.apiPaths.agents}${R}`,t.getFetchOptions({method:"GET"}));if(D.ok){let P=await D.json(),B=P.results||P;$(B);let W=s?.get(xe);if(W&&B.some(M=>M.slug===W))u(W);else if(i){let M=n.find(p=>p.slug===i);M?.entry_agent&&u(M.entry_agent.slug)}let h=s?.get(Se);h&&a(h)}}catch(R){console.warn("[ChatWidget] Failed to load agents:",R)}})()},[e.backendUrl,e.apiPaths.agents,e.showDevTools,i,t,s,n]);let T=ue(x=>{f(x),s?.set(rt,x),u(null),a(null),s?.set(xe,null),s?.set(Se,null);let D=n.find(P=>P.slug===x)?.active_version||null;c(D),s?.set(lt,D)},[s,n]),m=ue(x=>{u(x),s?.set(xe,x);let D=r.find(P=>P.slug===x)?.active_version||null;a(D),s?.set(Se,D)},[s,r]),N=ue(x=>{c(x),s?.set(lt,x)},[s]),U=ue(x=>{a(x),s?.set(Se,x)},[s]);return{systems:n,agents:r,selectedSystem:i,selectedAgent:y,selectedSystemVersion:k,selectedAgentVersion:S,isLoading:g,selectSystem:T,selectAgent:m,selectSystemVersion:N,selectAgentVersion:U,getEffectiveAgentKey:v}}function ct(e,t,s){let n=u=>!u||typeof u!="object"||e.apiCaseStyle==="camel"?u:ge(u),l=u=>!u||typeof u!="object"||e.apiCaseStyle==="snake"?u:me(u),r=()=>e.authStrategy?e.authStrategy:e.authToken?"token":e.apiPaths.anonymousSession||e.anonymousSessionEndpoint?"anonymous":"none",$=(u=null)=>{let k=r(),c={},S=u||e.authToken||t().authToken;if(k==="token"&&S){let a=e.authHeader||"Authorization",g=e.authTokenPrefix!==void 0?e.authTokenPrefix:"Token";c[a]=g?`${g} ${S}`:S}else if(k==="jwt"&&S){let a=e.authHeader||"Authorization",g=e.authTokenPrefix!==void 0?e.authTokenPrefix:"Bearer";c[a]=g?`${g} ${S}`:S}else if(k==="anonymous"&&S){let a=e.authHeader||e.anonymousTokenHeader||"X-Anonymous-Token";c[a]=S}if(k==="session"){let a=Ne(e.csrfCookieName);a&&(c["X-CSRFToken"]=a)}return c};return{getAuthStrategy:r,getAuthHeaders:$,getFetchOptions:(u={},k=null)=>{let c=r(),S={...u},a=$(k);return console.log("[ChatWidget] getFetchOptions - strategy:",c,"overrideToken:",k,"authHeaders:",a),S.headers={...S.headers,...a},c==="session"&&(S.credentials="include"),S},getOrCreateSession:async(u=!1)=>{let k=r(),c=t(),S=e.anonymousTokenKey||e.sessionTokenKey;if(k!=="anonymous")return e.authToken||c.authToken;if(!u){if(c.authToken)return c.authToken;let a=c.storage?.get(S);if(a)return s(g=>({...g,authToken:a})),a}try{let a=e.anonymousSessionEndpoint||e.apiPaths.anonymousSession,g=await fetch(`${e.backendUrl}${a}`,{method:"POST",headers:{"Content-Type":"application/json"}});if(g.ok){let w=await g.json();return s(v=>({...v,authToken:w.token})),c.storage?.set(S,w.token),w.token}}catch(a){console.warn("[ChatWidget] Failed to create session:",a)}return null},clearSession:()=>{let u=e.anonymousTokenKey||e.sessionTokenKey,k=t();s(c=>({...c,authToken:null})),k.storage?.set(u,null)},transformRequest:n,transformResponse:l}}function dt({config:e,onStateChange:t,markdownParser:s,apiRef:n}){console.log("[ChatWidget] Config:",{showConversationSidebar:e.showConversationSidebar,apiPaths:e.apiPaths});let[l,r]=q(e.embedded||e.forceOpen===!0),[$,i]=q(!1),[f,y]=q(!1),[u,k]=q(!1),[c,S]=q([]),[a,g]=q("chat"),[w,v]=q(!1),[T,m]=q(e.enableTTS),[N,U]=q(!1),[x,R]=q(null);pe(()=>{e.forceOpen!==void 0&&r(e.forceOpen)},[e.forceOpen]);let D=Ae(()=>Le(e.containerId),[e.containerId]),[P,B]=q(e.authToken||null),W=Ae(()=>ct(e,()=>({authToken:P,storage:D}),Y=>{let V=Y({authToken:P,storage:D});V.authToken!==P&&B(V.authToken)}),[e,P,D]),h=it(e,W,D),M=Ae(()=>{if(!e.showDevTools)return e;let _=h.getEffectiveAgentKey();return _&&_!==e.agentKey?{...e,agentKey:_}:e},[e,h.getEffectiveAgentKey]),p=tt(M,W,D),C=nt(e,W,D),b=at(e,W);pe(()=>{for(let _=p.messages.length-1;_>=0;_--){let z=p.messages[_];if(z.type==="sub_agent_start"){R({key:z.metadata?.subAgentKey,name:z.metadata?.agentName});return}if(z.type==="sub_agent_end"){R(null);return}}},[p.messages]),pe(()=>{let _=D.get(e.conversationIdKey);console.log("[ChatWidget] Initial load - storedConvId:",_,"key:",e.conversationIdKey),console.log("[ChatWidget] apiPaths.conversations:",e.apiPaths.conversations),_&&(console.log("[ChatWidget] Loading conversation:",_),p.loadConversation(_))},[]),pe(()=>{t&&t({isOpen:l,isExpanded:$,debugMode:f,messages:p.messages,conversationId:p.conversationId,isLoading:p.isLoading,error:p.error})},[l,$,f,p.messages,p.conversationId,p.isLoading,p.error]);let E=le(async()=>{if(e.showConversationSidebar){v(!0);try{let _=M.agentKey,z=`${e.backendUrl}${e.apiPaths.conversations}?agent_key=${encodeURIComponent(_)}`,Y=await fetch(z,W.getFetchOptions({method:"GET"}));if(Y.ok){let V=await Y.json();S(V.results||V)}}catch(_){console.error("[ChatWidget] Failed to load conversations:",_),S([])}finally{v(!1)}}},[e,M,W]),d=le(()=>{let _=!u;k(_),_&&E()},[u,E]),A=le(_=>{_!==p.conversationId&&p.loadConversation(_),k(!1)},[p]),F=le(()=>{p.clearMessages(),k(!1)},[p]),o=le(_=>{p.sendMessage(_,{model:C.selectedModel,thinking:C.thinkingEnabled&&C.supportsThinking(),onAssistantMessage:z=>{}})},[p,T,C.selectedModel,C.thinkingEnabled,C.supportsThinking]),I=le(_=>{g(_),_==="tasks"&&b.loadTaskList()},[b]);if(pe(()=>{n&&(n.current={open:()=>r(!0),close:()=>r(!1),send:_=>o(_),clearMessages:()=>p.clearMessages(),toggleTTS:()=>m(_=>!_),stopSpeech:()=>U(!1),setAuth:_=>{_.token!==void 0&&B(_.token)},clearAuth:()=>B(null)})},[p,n,o]),!e.embedded&&!l)return G`
+  `}import{useState as ae,useCallback as se,useRef as at,useEffect as ot}from"preact/hooks";function rt(e,t,s){let[n,o]=ae([]),[r,y]=ae(!1),[i,$]=ae(null),[g,u]=ae(()=>s?.get(e.conversationIdKey)||null),[b,c]=ae(!1),[C,l]=ae(!1),[f,w]=ae(0),v=at(null),_=at(null);ot(()=>{g&&s?.set(e.conversationIdKey,g)},[g,e.conversationIdKey,s]);let m=se(async(h,I,p)=>{v.current&&v.current.close();let S=e.apiPaths.runEvents.replace("{runId}",h),k=`${e.backendUrl}${S}`;I&&(k+=`?anonymous_token=${encodeURIComponent(I)}`);let T=new EventSource(k);v.current=T;let d="";T.addEventListener("assistant.message",D=>{try{let a=JSON.parse(D.data);e.onEvent&&e.onEvent("assistant.message",a.payload);let M=a.payload.content;M&&(d+=M,o(N=>{let J=N[N.length-1];return J?.role==="assistant"&&J.id.startsWith("assistant-stream-")?[...N.slice(0,-1),{...J,content:d}]:[...N,{id:"assistant-stream-"+Date.now(),role:"assistant",content:d,timestamp:new Date,type:"message"}]}))}catch(a){console.error("[ChatWidget] Parse error:",a)}}),T.addEventListener("tool.call",D=>{try{let a=JSON.parse(D.data);e.onEvent&&e.onEvent("tool.call",a.payload),o(M=>[...M,{id:"tool-call-"+Date.now(),role:"assistant",content:`\u{1F527} ${a.payload.name}`,timestamp:new Date,type:"tool_call",metadata:{toolName:a.payload.name,arguments:a.payload.arguments,toolCallId:a.payload.id}}])}catch(a){console.error("[ChatWidget] Parse error:",a)}}),T.addEventListener("tool.result",D=>{try{let a=JSON.parse(D.data);e.onEvent&&e.onEvent("tool.result",a.payload);let M=a.payload.result,N=M?.error;o(J=>[...J,{id:"tool-result-"+Date.now(),role:"system",content:N?`\u274C ${M.error}`:"\u2713 Done",timestamp:new Date,type:"tool_result",metadata:{toolName:a.payload.name,result:M,toolCallId:a.payload.tool_call_id}}])}catch(a){console.error("[ChatWidget] Parse error:",a)}}),T.addEventListener("custom",D=>{try{let a=JSON.parse(D.data);e.onEvent&&e.onEvent("custom",a.payload),a.payload?.type==="ui_control"&&e.onUIControl&&e.onUIControl(a.payload),a.payload?.type==="agent_context"&&o(M=>[...M,{id:"agent-context-"+Date.now(),role:"system",content:`\u{1F517} ${a.payload.agent_name||"Sub-agent"} is now handling this request`,timestamp:new Date,type:"agent_context",metadata:{agentKey:a.payload.agent_key,agentName:a.payload.agent_name,action:a.payload.action}}])}catch(a){console.error("[ChatWidget] Parse error:",a)}}),T.addEventListener("sub_agent.start",D=>{try{let a=JSON.parse(D.data);e.onEvent&&e.onEvent("sub_agent.start",a.payload),o(M=>[...M,{id:"sub-agent-start-"+Date.now(),role:"system",content:`\u{1F517} Delegating to ${a.payload.agent_name||a.payload.sub_agent_key||"sub-agent"}...`,timestamp:new Date,type:"sub_agent_start",metadata:{subAgentKey:a.payload.sub_agent_key,agentName:a.payload.agent_name,invocationMode:a.payload.invocation_mode}}])}catch(a){console.error("[ChatWidget] Parse error:",a)}}),T.addEventListener("sub_agent.end",D=>{try{let a=JSON.parse(D.data);e.onEvent&&e.onEvent("sub_agent.end",a.payload),o(M=>[...M,{id:"sub-agent-end-"+Date.now(),role:"system",content:`\u2713 ${a.payload.agent_name||"Sub-agent"} completed`,timestamp:new Date,type:"sub_agent_end",metadata:{subAgentKey:a.payload.sub_agent_key,agentName:a.payload.agent_name}}])}catch(a){console.error("[ChatWidget] Parse error:",a)}}),T.addEventListener("content.blocks",D=>{try{let a=JSON.parse(D.data);e.onEvent&&e.onEvent("content.blocks",a.payload),o(M=>[...M,{id:"content-blocks-"+Date.now(),role:"assistant",content:"",timestamp:new Date,type:"content_blocks",metadata:{toolName:a.payload.tool_name,toolCallId:a.payload.tool_call_id,blocks:a.payload.blocks}}])}catch(a){console.error("[ChatWidget] Parse error:",a)}});let R=D=>{try{let a=JSON.parse(D.data);if(e.onEvent&&e.onEvent(a.type,a.payload),a.type==="run.failed"){let M=a.payload.error||"Agent run failed";$(M),o(N=>[...N,{id:"error-"+Date.now(),role:"system",content:`\u274C Error: ${M}`,timestamp:new Date,type:"error"}])}}catch(a){console.error("[ChatWidget] Parse error:",a)}y(!1),T.close(),v.current=null,d&&p&&p(d)};T.addEventListener("run.succeeded",R),T.addEventListener("run.failed",R),T.addEventListener("run.cancelled",R),T.addEventListener("run.timed_out",R),T.onerror=()=>{y(!1),T.close(),v.current=null}},[e]),H=se(async(h,I={},p={})=>{if(!h.trim()||r)return;let S=[],k={};typeof I=="function"?k={onAssistantMessage:I}:Array.isArray(I)?(S=I,k=p):k=I||{};let{model:T,thinking:d,onAssistantMessage:R,supersedeFromMessageIndex:D}=k;y(!0),$(null);let a={id:$e(),role:"user",content:h.trim(),timestamp:new Date,type:"message",files:S.length>0?S.map(M=>({name:M.name,size:M.size,type:M.type})):void 0};o(M=>[...M,a]);try{let M=await t.getOrCreateSession(),N;if(S.length>0){let V=e.apiCaseStyle!=="camel",Fe=me=>V?Me(me):me,ee=new FormData;ee.append(Fe("agentKey"),e.agentKey),g&&ee.append(Fe("conversationId"),g),ee.append("messages",JSON.stringify([{role:"user",content:h.trim()}])),ee.append("metadata",JSON.stringify(V?{...e.metadata,journey_type:e.defaultJourneyType}:{...e.metadata,journeyType:e.defaultJourneyType})),T&&ee.append("model",T),d&&ee.append("thinking","true"),S.forEach(me=>{ee.append("files",me)}),N=t.getFetchOptions({method:"POST",body:ee},M)}else{let V=t.transformRequest({agentKey:e.agentKey,conversationId:g,messages:[{role:"user",content:h.trim()}],metadata:{...e.metadata,journeyType:e.defaultJourneyType},...T&&{model:T},...d&&{thinking:!0},...D!==void 0&&{supersedeFromMessageIndex:D}});N=t.getFetchOptions({method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(V)},M)}let J=await fetch(`${e.backendUrl}${e.apiPaths.runs}`,N),E=M;if(J.status===401){t.clearSession();let V=await t.getOrCreateSession(!0);V&&(E=V,S.length>0?N=t.getFetchOptions({method:"POST",body:N.body},V):N=t.getFetchOptions({method:"POST",headers:{"Content-Type":"application/json"},body:N.body},V),J=await fetch(`${e.backendUrl}${e.apiPaths.runs}`,N))}if(!J.ok){let V=await J.json().catch(()=>({}));throw new Error(V.error||V.detail||`HTTP ${J.status}`)}let q=await J.json(),X=t.transformResponse(q);_.current=X.id,!g&&X.conversationId&&u(X.conversationId),await m(X.id,E,R)}catch(M){$(M.message||"Failed to send message"),y(!1)}finally{_.current=null}},[e,t,g,r,m]),U=se(async()=>{let h=_.current;if(!(!h||!r))try{let I=e.apiPaths.cancelRun?e.apiPaths.cancelRun.replace("{runId}",h):`${e.apiPaths.runs}${h}/cancel/`;(await fetch(`${e.backendUrl}${I}`,t.getFetchOptions({method:"POST",headers:{"Content-Type":"application/json"}}))).ok&&(v.current&&(v.current.close(),v.current=null),y(!1),_.current=null,o(S=>[...S,{id:"cancelled-"+Date.now(),role:"system",content:"\u23F9 Run cancelled",timestamp:new Date,type:"cancelled"}]))}catch(I){console.error("[ChatWidget] Failed to cancel run:",I)}},[e,t,r]),A=se(()=>{o([]),u(null),$(null),c(!1),w(0),s?.set(e.conversationIdKey,null)},[e.conversationIdKey,s]),O=h=>{let I={id:$e(),role:h.role,timestamp:h.timestamp?new Date(h.timestamp):new Date};if(h.role==="tool")return{...I,role:"system",content:"\u2713 Done",type:"tool_result",metadata:{result:h.content,toolCallId:h.toolCallId}};if(h.role==="assistant"&&h.toolCalls&&h.toolCalls.length>0)return h.toolCalls.map(S=>({id:$e(),role:"assistant",content:`\u{1F527} ${S.function?.name||S.name||"tool"}`,timestamp:I.timestamp,type:"tool_call",metadata:{toolName:S.function?.name||S.name,arguments:S.function?.arguments||S.arguments,toolCallId:S.id}}));let p=typeof h.content=="string"?h.content:JSON.stringify(h.content);return h.role==="assistant"&&!p?.trim()?null:{...I,content:p,type:"message"}},F=se(async h=>{console.log("[ChatWidget] loadConversation called with:",h),y(!0),o([]),u(h);try{let I=await t.getOrCreateSession(),S=`${e.backendUrl}${e.apiPaths.conversations}${h}/?limit=10&offset=0`;console.log("[ChatWidget] Fetching conversation from:",S);let k=await fetch(S,t.getFetchOptions({method:"GET"},I));if(console.log("[ChatWidget] Response status:",k.status),k.ok){let T=await k.json();console.log("[ChatWidget] Raw conversation:",T);let d=t.transformResponse(T);if(console.log("[ChatWidget] Transformed conversation:",d),d.messages){let R=d.messages.flatMap(O).filter(Boolean);console.log("[ChatWidget] Mapped messages:",R),o(R)}c(d.hasMore||!1),w(d.messages?.length||0)}else k.status===404?(console.log("[ChatWidget] Conversation not found, clearing"),u(null),s?.set(e.conversationIdKey,null)):console.error("[ChatWidget] Unexpected response status:",k.status)}catch(I){console.error("[ChatWidget] Failed to load conversation:",I)}finally{y(!1)}},[e,t,s]),L=se(async()=>{if(!(!g||C||!b)){l(!0);try{let h=await t.getOrCreateSession(),p=`${e.backendUrl}${e.apiPaths.conversations}${g}/?limit=10&offset=${f}`,S=await fetch(p,t.getFetchOptions({method:"GET"},h));if(S.ok){let k=await S.json(),T=t.transformResponse(k);if(T.messages?.length>0){let d=T.messages.flatMap(O).filter(Boolean);o(R=>[...d,...R]),w(R=>R+T.messages.length),c(T.hasMore||!1)}else c(!1)}}catch(h){console.error("[ChatWidget] Failed to load more messages:",h)}finally{l(!1)}}},[e,t,g,f,C,b]),j=se(async(h,I,p={})=>{if(r)return;let S=n[h];if(!S||S.role!=="user")return;let k=n.slice(0,h);o(k),await H(I,{...p,supersedeFromMessageIndex:h})},[n,r,H]),W=se(async(h,I={})=>{if(r)return;let p=n[h];if(!p)return;let S=h,k=p;if(p.role==="assistant"){for(let d=h-1;d>=0;d--)if(n[d].role==="user"){S=d,k=n[d];break}if(k.role!=="user")return}else if(p.role!=="user")return;let T=n.slice(0,S);o(T),await H(k.content,{...I,supersedeFromMessageIndex:S})},[n,r,H]);return ot(()=>()=>{v.current&&v.current.close()},[]),{messages:n,isLoading:r,error:i,conversationId:g,hasMoreMessages:b,loadingMoreMessages:C,sendMessage:H,cancelRun:U,clearMessages:A,loadConversation:F,loadMoreMessages:L,setConversationId:u,editMessage:j,retryMessage:W}}import{useState as ue,useEffect as Ht,useCallback as Se}from"preact/hooks";var lt="cw_thinking_enabled";function it(e,t,s){let[n,o]=ue([]),[r,y]=ue(null),[i,$]=ue(null),[g,u]=ue(!1),[b,c]=ue(!1);Ht(()=>{(async()=>{if(e.showModelSelector){u(!0);try{let _=await fetch(`${e.backendUrl}${e.apiPaths.models}`,t.getFetchOptions({method:"GET"}));if(_.ok){let m=await _.json(),H=m.models||[];o(H),$(m.default);let U=s?.get(e.modelKey);U&&H.some(O=>O.id===U)?y(U):y(m.default),s?.get(lt)==="true"&&c(!0)}}catch(_){console.warn("[ChatWidget] Failed to load models:",_)}finally{u(!1)}}})()},[e.backendUrl,e.apiPaths.models,e.showModelSelector,e.modelKey,t,s]);let C=Se(v=>{y(v),s?.set(e.modelKey,v)},[e.modelKey,s]),l=Se(v=>{c(v),s?.set(lt,v?"true":"false")},[s]),f=Se(()=>n.find(v=>v.id===r)||null,[n,r]),w=Se(()=>f()?.supports_thinking||!1,[f]);return{availableModels:n,selectedModel:r,defaultModel:i,isLoading:g,selectModel:C,getSelectedModelInfo:f,thinkingEnabled:b,toggleThinking:l,supportsThinking:w}}import{useState as xe,useCallback as le}from"preact/hooks";function ct(e,t){let[s,n]=xe(null),[o,r]=xe(!1),[y,i]=xe(null),$=e.apiPaths?.tasks||"/api/agent/tasks/",g=le(async()=>{r(!0),i(null);try{let f=`${e.backendUrl}${$}`,w=await fetch(f,t.getFetchOptions({method:"GET"}));if(w.ok){let v=await w.json();n(v)}else{let v=await w.json().catch(()=>({}));i(v.error||"Failed to load tasks")}}catch(f){console.error("[useTasks] Failed to load task list:",f),i("Failed to load tasks")}finally{r(!1)}},[e.backendUrl,$,t]),u=le(async f=>{if(!s)return null;try{let w=`${e.backendUrl}${$}${s.id}/add_task/`,v=await fetch(w,t.getFetchOptions({method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(f)}));if(v.ok){let _=await v.json();return await g(),_}else{let _=await v.json().catch(()=>({}));return i(_.error||"Failed to add task"),null}}catch(w){return console.error("[useTasks] Failed to add task:",w),i("Failed to add task"),null}},[e.backendUrl,$,s,t,g]),b=le(async(f,w)=>{if(!s)return null;try{let v=`${e.backendUrl}${$}${s.id}/update_task/${f}/`,_=await fetch(v,t.getFetchOptions({method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(w)}));if(_.ok){let m=await _.json();return await g(),m}else{let m=await _.json().catch(()=>({}));return i(m.error||"Failed to update task"),null}}catch(v){return console.error("[useTasks] Failed to update task:",v),i("Failed to update task"),null}},[e.backendUrl,$,s,t,g]),c=le(async f=>{if(!s)return!1;try{let w=`${e.backendUrl}${$}${s.id}/remove_task/${f}/`,v=await fetch(w,t.getFetchOptions({method:"DELETE"}));if(v.ok)return await g(),!0;{let _=await v.json().catch(()=>({}));return i(_.error||"Failed to remove task"),!1}}catch(w){return console.error("[useTasks] Failed to remove task:",w),i("Failed to remove task"),!1}},[e.backendUrl,$,s,t,g]),C=le(async()=>{if(!s)return!1;try{let f=`${e.backendUrl}${$}${s.id}/clear/`,w=await fetch(f,t.getFetchOptions({method:"POST"}));if(w.ok)return await g(),!0;{let v=await w.json().catch(()=>({}));return i(v.error||"Failed to clear tasks"),!1}}catch(f){return console.error("[useTasks] Failed to clear tasks:",f),i("Failed to clear tasks"),!1}},[e.backendUrl,$,s,t,g]),l=le(()=>i(null),[]);return{taskList:s,tasks:s?.tasks||[],progress:s?.progress||{total:0,completed:0,percent_complete:0},isLoading:o,error:y,loadTaskList:g,addTask:u,updateTask:b,removeTask:c,clearTasks:C,clearError:l}}import{useState as oe,useEffect as dt,useCallback as pe}from"preact/hooks";var ut="cw_selected_system",Ae="cw_selected_agent",pt="cw_selected_system_version",Te="cw_selected_agent_version";function ht(e,t,s){let[n,o]=oe([]),[r,y]=oe([]),[i,$]=oe(null),[g,u]=oe(null),[b,c]=oe(null),[C,l]=oe(null),[f,w]=oe(!1),v=pe(()=>{if(g)return g;if(i){let A=n.find(O=>O.slug===i);if(A?.entry_agent)return A.entry_agent.slug}return e.agentKey},[g,i,n,e.agentKey]);dt(()=>{if(!e.showDevTools)return;(async()=>{w(!0);try{let O=await fetch(`${e.backendUrl}${e.apiPaths.systems}`,t.getFetchOptions({method:"GET"}));if(O.ok){let F=await O.json(),L=F.results||F;o(L);let j=s?.get(ut);j&&L.some(W=>W.slug===j)?$(j):L.length===1&&$(L[0].slug)}}catch(O){console.warn("[ChatWidget] Failed to load systems:",O)}finally{w(!1)}})()},[e.backendUrl,e.apiPaths.systems,e.showDevTools,t,s]),dt(()=>{if(!e.showDevTools)return;(async()=>{try{let O=i?`?system=${encodeURIComponent(i)}`:"",F=await fetch(`${e.backendUrl}${e.apiPaths.agents}${O}`,t.getFetchOptions({method:"GET"}));if(F.ok){let L=await F.json(),j=L.results||L;y(j);let W=s?.get(Ae);if(W&&j.some(I=>I.slug===W))u(W);else if(i){let I=n.find(p=>p.slug===i);I?.entry_agent&&u(I.entry_agent.slug)}let h=s?.get(Te);h&&l(h)}}catch(O){console.warn("[ChatWidget] Failed to load agents:",O)}})()},[e.backendUrl,e.apiPaths.agents,e.showDevTools,i,t,s,n]);let _=pe(A=>{$(A),s?.set(ut,A),u(null),l(null),s?.set(Ae,null),s?.set(Te,null);let F=n.find(L=>L.slug===A)?.active_version||null;c(F),s?.set(pt,F)},[s,n]),m=pe(A=>{u(A),s?.set(Ae,A);let F=r.find(L=>L.slug===A)?.active_version||null;l(F),s?.set(Te,F)},[s,r]),H=pe(A=>{c(A),s?.set(pt,A)},[s]),U=pe(A=>{l(A),s?.set(Te,A)},[s]);return{systems:n,agents:r,selectedSystem:i,selectedAgent:g,selectedSystemVersion:b,selectedAgentVersion:C,isLoading:f,selectSystem:_,selectAgent:m,selectSystemVersion:H,selectAgentVersion:U,getEffectiveAgentKey:v}}function mt(e,t,s){let n=u=>!u||typeof u!="object"||e.apiCaseStyle==="camel"?u:fe(u),o=u=>!u||typeof u!="object"||e.apiCaseStyle==="snake"?u:ge(u),r=()=>e.authStrategy?e.authStrategy:e.authToken?"token":e.apiPaths.anonymousSession||e.anonymousSessionEndpoint?"anonymous":"none",y=(u=null)=>{let b=r(),c={},C=u||e.authToken||t().authToken;if(b==="token"&&C){let l=e.authHeader||"Authorization",f=e.authTokenPrefix!==void 0?e.authTokenPrefix:"Token";c[l]=f?`${f} ${C}`:C}else if(b==="jwt"&&C){let l=e.authHeader||"Authorization",f=e.authTokenPrefix!==void 0?e.authTokenPrefix:"Bearer";c[l]=f?`${f} ${C}`:C}else if(b==="anonymous"&&C){let l=e.authHeader||e.anonymousTokenHeader||"X-Anonymous-Token";c[l]=C}if(b==="session"){let l=Be(e.csrfCookieName);l&&(c["X-CSRFToken"]=l)}return c};return{getAuthStrategy:r,getAuthHeaders:y,getFetchOptions:(u={},b=null)=>{let c=r(),C={...u},l=y(b);return console.log("[ChatWidget] getFetchOptions - strategy:",c,"overrideToken:",b,"authHeaders:",l),C.headers={...C.headers,...l},c==="session"&&(C.credentials="include"),C},getOrCreateSession:async(u=!1)=>{let b=r(),c=t(),C=e.anonymousTokenKey||e.sessionTokenKey;if(b!=="anonymous")return e.authToken||c.authToken;if(!u){if(c.authToken)return c.authToken;let l=c.storage?.get(C);if(l)return s(f=>({...f,authToken:l})),l}try{let l=e.anonymousSessionEndpoint||e.apiPaths.anonymousSession,f=await fetch(`${e.backendUrl}${l}`,{method:"POST",headers:{"Content-Type":"application/json"}});if(f.ok){let w=await f.json();return s(v=>({...v,authToken:w.token})),c.storage?.set(C,w.token),w.token}}catch(l){console.warn("[ChatWidget] Failed to create session:",l)}return null},clearSession:()=>{let u=e.anonymousTokenKey||e.sessionTokenKey,b=t();s(c=>({...c,authToken:null})),b.storage?.set(u,null)},transformRequest:n,transformResponse:o}}function gt({config:e,onStateChange:t,markdownParser:s,apiRef:n}){console.log("[ChatWidget] Config:",{showConversationSidebar:e.showConversationSidebar,apiPaths:e.apiPaths});let[o,r]=Y(e.embedded||e.forceOpen===!0),[y,i]=Y(!1),[$,g]=Y(!1),[u,b]=Y(!1),[c,C]=Y([]),[l,f]=Y("chat"),[w,v]=Y(!1),[_,m]=Y(e.enableTTS),[H,U]=Y(!1),[A,O]=Y(null);he(()=>{e.forceOpen!==void 0&&r(e.forceOpen)},[e.forceOpen]);let F=Re(()=>Ne(e.containerId),[e.containerId]),[L,j]=Y(e.authToken||null),W=Re(()=>mt(e,()=>({authToken:L,storage:F}),X=>{let V=X({authToken:L,storage:F});V.authToken!==L&&j(V.authToken)}),[e,L,F]),h=ht(e,W,F),I=Re(()=>{if(!e.showDevTools)return e;let E=h.getEffectiveAgentKey();return E&&E!==e.agentKey?{...e,agentKey:E}:e},[e,h.getEffectiveAgentKey]),p=rt(I,W,F),S=it(e,W,F),k=ct(e,W);he(()=>{for(let E=p.messages.length-1;E>=0;E--){let q=p.messages[E];if(q.type==="sub_agent_start"){O({key:q.metadata?.subAgentKey,name:q.metadata?.agentName});return}if(q.type==="sub_agent_end"){O(null);return}}},[p.messages]),he(()=>{let E=F.get(e.conversationIdKey);console.log("[ChatWidget] Initial load - storedConvId:",E,"key:",e.conversationIdKey),console.log("[ChatWidget] apiPaths.conversations:",e.apiPaths.conversations),E&&(console.log("[ChatWidget] Loading conversation:",E),p.loadConversation(E))},[]),he(()=>{t&&t({isOpen:o,isExpanded:y,debugMode:$,messages:p.messages,conversationId:p.conversationId,isLoading:p.isLoading,error:p.error})},[o,y,$,p.messages,p.conversationId,p.isLoading,p.error]);let T=ie(async()=>{if(e.showConversationSidebar){v(!0);try{let E=I.agentKey,q=`${e.backendUrl}${e.apiPaths.conversations}?agent_key=${encodeURIComponent(E)}`,X=await fetch(q,W.getFetchOptions({method:"GET"}));if(X.ok){let V=await X.json();C(V.results||V)}}catch(E){console.error("[ChatWidget] Failed to load conversations:",E),C([])}finally{v(!1)}}},[e,I,W]),d=ie(()=>{let E=!u;b(E),E&&T()},[u,T]),R=ie(E=>{E!==p.conversationId&&p.loadConversation(E),b(!1)},[p]),D=ie(()=>{p.clearMessages(),b(!1)},[p]),a=ie(E=>{p.sendMessage(E,{model:S.selectedModel,thinking:S.thinkingEnabled&&S.supportsThinking(),onAssistantMessage:q=>{}})},[p,_,S.selectedModel,S.thinkingEnabled,S.supportsThinking]),M=ie(E=>{f(E),E==="tasks"&&k.loadTaskList()},[k]);if(he(()=>{n&&(n.current={open:()=>r(!0),close:()=>r(!1),send:E=>a(E),clearMessages:()=>p.clearMessages(),toggleTTS:()=>m(E=>!E),stopSpeech:()=>U(!1),setAuth:E=>{E.token!==void 0&&j(E.token)},clearAuth:()=>j(null)})},[p,n,a]),!e.embedded&&!o)return G`
       <button 
         class="cw-fab" 
         style=${{backgroundColor:e.primaryColor}}
@@ -593,38 +689,40 @@ var gt=Object.defineProperty;var ft=(e,t,s)=>t in e?gt(e,t,{enumerable:!0,config
           <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
         </svg>
       </button>
-    `;let K=["cw-widget",$&&"cw-widget-expanded",e.embedded&&"cw-widget-embedded"].filter(Boolean).join(" "),j=e.headerTextColor||We(e.primaryColor);return G`
-    <div class=${K} style=${{"--cw-primary":e.primaryColor,"--cw-header-text":j}}>
+    `;let N=["cw-widget",y&&"cw-widget-expanded",e.embedded&&"cw-widget-embedded"].filter(Boolean).join(" "),J=e.headerTextColor||He(e.primaryColor);return G`
+    <div class=${N} style=${{"--cw-primary":e.primaryColor,"--cw-header-text":J}}>
       ${e.showConversationSidebar&&G`
-        <${Ge}
+        <${Qe}
           isOpen=${u}
           conversations=${c}
           conversationsLoading=${w}
           currentConversationId=${p.conversationId}
-          onClose=${()=>k(!1)}
-          onNewConversation=${F}
-          onSwitchConversation=${A}
+          onClose=${()=>b(!1)}
+          onNewConversation=${D}
+          onSwitchConversation=${R}
         />
       `}
       
-      <${He}
-        config=${e}
-        debugMode=${f}
-        isExpanded=${$}
-        isSpeaking=${N}
-        messagesCount=${p.messages.length}
-        isLoading=${p.isLoading}
-        currentAgent=${x}
-        onClose=${()=>r(!1)}
-        onToggleExpand=${()=>i(!$)}
-        onToggleDebug=${()=>y(!f)}
-        onToggleTTS=${()=>m(!T)}
-        onClear=${p.clearMessages}
-        onToggleSidebar=${d}
-      />
+      ${e.showHeader!==!1&&G`
+        <${We}
+          config=${e}
+          debugMode=${$}
+          isExpanded=${y}
+          isSpeaking=${H}
+          messagesCount=${p.messages.length}
+          isLoading=${p.isLoading}
+          currentAgent=${A}
+          onClose=${()=>r(!1)}
+          onToggleExpand=${()=>i(!y)}
+          onToggleDebug=${()=>g(!$)}
+          onToggleTTS=${()=>m(!_)}
+          onClear=${p.clearMessages}
+          onToggleSidebar=${d}
+        />
+      `}
 
       ${e.showDevTools&&G`
-        <${Ze}
+        <${nt}
           systems=${h.systems}
           agents=${h.agents}
           selectedSystem=${h.selectedSystem}
@@ -642,24 +740,24 @@ var gt=Object.defineProperty;var ft=(e,t,s)=>t in e?gt(e,t,{enumerable:!0,config
       ${e.showTasksTab!==!1&&G`
         <div class="cw-tabs">
           <button
-            class=${`cw-tab ${a==="chat"?"cw-tab-active":""}`}
-            onClick=${()=>I("chat")}
+            class=${`cw-tab ${l==="chat"?"cw-tab-active":""}`}
+            onClick=${()=>M("chat")}
           >
             Chat
           </button>
           <button
-            class=${`cw-tab ${a==="tasks"?"cw-tab-active":""}`}
-            onClick=${()=>I("tasks")}
+            class=${`cw-tab ${l==="tasks"?"cw-tab-active":""}`}
+            onClick=${()=>M("tasks")}
           >
-            Tasks ${b.progress.total>0?G`<span class="cw-tab-badge">${b.progress.completed}/${b.progress.total}</span>`:""}
+            Tasks ${k.progress.total>0?G`<span class="cw-tab-badge">${k.progress.completed}/${k.progress.total}</span>`:""}
           </button>
         </div>
       `}
 
-      ${f&&G`<div class="cw-status-bar"><span>🐛 Debug</span></div>`}
+      ${$&&G`<div class="cw-status-bar"><span>🐛 Debug</span></div>`}
 
-      ${a==="chat"?G`
-        <${Je}
+      ${l==="chat"?G`
+        <${Xe}
           messages=${p.messages}
           isLoading=${p.isLoading}
           hasMoreMessages=${p.hasMoreMessages}
@@ -667,7 +765,7 @@ var gt=Object.defineProperty;var ft=(e,t,s)=>t in e?gt(e,t,{enumerable:!0,config
           onLoadMore=${p.loadMoreMessages}
           onEditMessage=${p.editMessage}
           onRetryMessage=${p.retryMessage}
-          debugMode=${f}
+          debugMode=${$}
           markdownParser=${s}
           emptyStateTitle=${e.emptyStateTitle}
           emptyStateMessage=${e.emptyStateMessage}
@@ -675,41 +773,42 @@ var gt=Object.defineProperty;var ft=(e,t,s)=>t in e?gt(e,t,{enumerable:!0,config
 
         ${p.error&&G`<div class="cw-error-bar">${p.error}</div>`}
 
-        ${e.showModelSelector&&C.availableModels.length>0&&G`
-          <${qe}
-            availableModels=${C.availableModels}
-            selectedModel=${C.selectedModel}
-            onSelectModel=${C.selectModel}
-            thinkingEnabled=${C.thinkingEnabled}
-            onToggleThinking=${C.toggleThinking}
+        ${e.showModelSelector&&S.availableModels.length>0&&G`
+          <${et}
+            availableModels=${S.availableModels}
+            selectedModel=${S.selectedModel}
+            onSelectModel=${S.selectModel}
+            thinkingEnabled=${S.thinkingEnabled}
+            onToggleThinking=${S.toggleThinking}
             disabled=${p.isLoading}
           />
         `}
 
-        <${ze}
-          onSend=${o}
+        <${Ze}
+          onSend=${a}
           onCancel=${p.cancelRun}
           isLoading=${p.isLoading}
           placeholder=${e.placeholder}
           primaryColor=${e.primaryColor}
           enableVoice=${e.enableVoice}
+          enableFiles=${e.showFileAttachment!==!1}
         />
       `:G`
-        <${Xe}
-          tasks=${b.tasks}
-          progress=${b.progress}
-          isLoading=${b.isLoading}
-          error=${b.error}
-          onUpdate=${b.updateTask}
-          onRemove=${b.removeTask}
-          onClear=${b.clearTasks}
-          onRefresh=${b.loadTaskList}
+        <${st}
+          tasks=${k.tasks}
+          progress=${k.progress}
+          isLoading=${k.isLoading}
+          error=${k.error}
+          onUpdate=${k.updateTask}
+          onRemove=${k.removeTask}
+          onClear=${k.clearTasks}
+          onRefresh=${k.loadTaskList}
         />
       `}
     </div>
-  `}var ut={backendUrl:"http://localhost:8000",agentKey:"default-agent",title:"Chat Assistant",subtitle:"How can we help you today?",primaryColor:"#0066cc",headerTextColor:null,position:"bottom-right",defaultJourneyType:"general",enableDebugMode:!0,enableAutoRun:!0,journeyTypes:{},customerPrompts:{},placeholder:"Type your message...",emptyStateTitle:"Start a Conversation",emptyStateMessage:"Send a message to get started.",authStrategy:null,authToken:null,authHeader:null,authTokenPrefix:null,anonymousSessionEndpoint:null,anonymousTokenKey:"chat_widget_anonymous_token",onAuthError:null,anonymousTokenHeader:"X-Anonymous-Token",conversationIdKey:"chat_widget_conversation_id",sessionTokenKey:"chat_widget_session_token",apiPaths:{anonymousSession:"/api/accounts/anonymous-session/",conversations:"/api/agent-runtime/conversations/",runs:"/api/agent-runtime/runs/",runEvents:"/api/agent-runtime/runs/{runId}/events/",simulateCustomer:"/api/agent-runtime/simulate-customer/",ttsVoices:"/api/tts/voices/",ttsSetVoice:"/api/tts/set-voice/",models:"/api/agent-runtime/models/",systems:"/api/agent-runtime/systems/",agents:"/api/agent-runtime/agents/"},apiCaseStyle:"auto",theme:"light",showConversationSidebar:!0,showClearButton:!0,showDebugButton:!0,showTTSButton:!0,showVoiceSettings:!0,showExpandButton:!0,showModelSelector:!1,showDevTools:!1,enableVoice:!0,modelKey:"chat_widget_selected_model",autoRunDelay:1e3,autoRunMode:"automatic",enableTTS:!1,ttsProxyUrl:null,elevenLabsApiKey:null,ttsVoices:{assistant:null,user:null},ttsModel:"eleven_turbo_v2_5",ttsSettings:{stability:.5,similarity_boost:.75,style:0,use_speaker_boost:!0},availableVoices:[],onEvent:null,containerId:null,embedded:!1,metadata:{}};function pt(e){let t={...ut.apiPaths,...e.apiPaths||{}};return{...ut,...e,apiPaths:t}}var Ce=new Map,Et=0,O=null,Re=class{constructor(t={}){Fe(this,"_handleStateChange",t=>{this._state=t});this.instanceId=`cw-${++Et}`,this.config=pt(t),this.container=null,this._state={},this._apiRef={current:null},Ce.set(this.instanceId,this)}init(){if(this.config.containerId){if(this.container=document.getElementById(this.config.containerId),!this.container)return console.error(`[ChatWidget] Container not found: ${this.config.containerId}`),this;this.container.classList.add("cw-container-embedded")}else this.container=document.createElement("div"),this.container.id=this.instanceId,this.container.className=`cw-container cw-position-${this.config.position}`,document.body.appendChild(this.container);return this._applyTheme(),this._render(),console.log(`[ChatWidget] Instance ${this.instanceId} initialized`),this}_applyTheme(){this.container&&(this.container.classList.remove("cw-dark","cw-auto"),this.config.theme==="dark"?this.container.classList.add("cw-dark"):this.config.theme==="auto"&&this.container.classList.add("cw-auto"))}_render(t={}){this.container&&ht(Mt`<${dt}
+  `}var ft={backendUrl:"http://localhost:8000",agentKey:"default-agent",title:"Chat Assistant",subtitle:"How can we help you today?",primaryColor:"#0066cc",headerTextColor:null,position:"bottom-right",defaultJourneyType:"general",enableDebugMode:!0,enableAutoRun:!0,journeyTypes:{},customerPrompts:{},placeholder:"Type your message...",emptyStateTitle:"Start a Conversation",emptyStateMessage:"Send a message to get started.",authStrategy:null,authToken:null,authHeader:null,authTokenPrefix:null,anonymousSessionEndpoint:null,anonymousTokenKey:"chat_widget_anonymous_token",onAuthError:null,anonymousTokenHeader:"X-Anonymous-Token",conversationIdKey:"chat_widget_conversation_id",sessionTokenKey:"chat_widget_session_token",apiPaths:{anonymousSession:"/api/accounts/anonymous-session/",conversations:"/api/agent-runtime/conversations/",runs:"/api/agent-runtime/runs/",runEvents:"/api/agent-runtime/runs/{runId}/events/",simulateCustomer:"/api/agent-runtime/simulate-customer/",ttsVoices:"/api/tts/voices/",ttsSetVoice:"/api/tts/set-voice/",models:"/api/agent-runtime/models/",systems:"/api/agent-runtime/systems/",agents:"/api/agent-runtime/agents/"},apiCaseStyle:"auto",theme:"light",showHeader:!0,showFileAttachment:!0,showTasksTab:!0,showConversationSidebar:!0,showClearButton:!0,showDebugButton:!0,showTTSButton:!0,showVoiceSettings:!0,showExpandButton:!0,showModelSelector:!1,showDevTools:!1,enableVoice:!0,modelKey:"chat_widget_selected_model",autoRunDelay:1e3,autoRunMode:"automatic",enableTTS:!1,ttsProxyUrl:null,elevenLabsApiKey:null,ttsVoices:{assistant:null,user:null},ttsModel:"eleven_turbo_v2_5",ttsSettings:{stability:.5,similarity_boost:.75,style:0,use_speaker_boost:!0},availableVoices:[],onEvent:null,containerId:null,embedded:!1,metadata:{}};function $t(e){let t={...ft.apiPaths,...e.apiPaths||{}};return{...ft,...e,apiPaths:t}}var _e=new Map,Vt=0,P=null,De=class{constructor(t={}){Pe(this,"_handleStateChange",t=>{this._state=t});this.instanceId=`cw-${++Vt}`,this.config=$t(t),this.container=null,this._state={},this._apiRef={current:null},_e.set(this.instanceId,this)}init(){if(this.config.containerId){if(this.container=document.getElementById(this.config.containerId),!this.container)return console.error(`[ChatWidget] Container not found: ${this.config.containerId}`),this;this.container.classList.add("cw-container-embedded")}else this.container=document.createElement("div"),this.container.id=this.instanceId,this.container.className=`cw-container cw-position-${this.config.position}`,document.body.appendChild(this.container);return this._applyTheme(),this._render(),console.log(`[ChatWidget] Instance ${this.instanceId} initialized`),this}_applyTheme(){this.container&&(this.container.classList.remove("cw-dark","cw-auto"),this.config.theme==="dark"?this.container.classList.add("cw-dark"):this.config.theme==="auto"&&this.container.classList.add("cw-auto"))}_render(t={}){this.container&&yt(Wt`<${gt}
         config=${{...this.config,...t}}
         onStateChange=${this._handleStateChange}
-        markdownParser=${De._enhancedMarkdownParser}
+        markdownParser=${Oe._enhancedMarkdownParser}
         apiRef=${this._apiRef}
-      />`,this.container)}destroy(){this.container&&(ht(null,this.container),this.config.containerId?this.container.classList.remove("cw-container-embedded"):this.container.remove(),this.container=null),Ce.delete(this.instanceId),console.log(`[ChatWidget] Instance ${this.instanceId} destroyed`)}open(){this._apiRef.current?this._apiRef.current.open():this._render({forceOpen:!0})}close(){this._apiRef.current?this._apiRef.current.close():this._render({forceOpen:!1})}send(t){this._apiRef.current&&this._apiRef.current.send(t)}clearMessages(){this._apiRef.current&&this._apiRef.current.clearMessages()}toggleTTS(){this._apiRef.current&&this._apiRef.current.toggleTTS()}stopSpeech(){this._apiRef.current&&this._apiRef.current.stopSpeech()}setAuth(t){this._apiRef.current&&this._apiRef.current.setAuth(t)}clearAuth(){this._apiRef.current&&this._apiRef.current.clearAuth()}getState(){return{...this._state}}getConfig(){return{...this.config}}updateMetadata(t){this.config.metadata={...this.config.metadata,...t},this._render(),console.log(`[ChatWidget] Instance ${this.instanceId} metadata updated:`,t)}updateConfig(t){this.config={...this.config,...t},"theme"in t&&this._applyTheme(),this._render(),console.log(`[ChatWidget] Instance ${this.instanceId} config updated`)}};function mt(e={}){return new Re(e).init()}function It(e={}){return O&&O.destroy(),O=mt(e),O}function xt(){O&&(O.destroy(),O=null)}function At(){O&&O.open()}function Rt(){O&&O.close()}function Dt(e){O&&O.send(e)}function Ot(){O&&O.clearMessages()}function Ft(){O&&O.toggleTTS()}function Pt(){O&&O.stopSpeech()}function Kt(e){O&&O.setAuth(e)}function Lt(){O&&O.clearAuth()}function Nt(){return O?O.getState():null}function Wt(){return O?O.getConfig():null}var De={createInstance:mt,getInstance:e=>Ce.get(e),getAllInstances:()=>Array.from(Ce.values()),init:It,destroy:xt,open:At,close:Rt,send:Dt,clearMessages:Ot,toggleTTS:Ft,stopSpeech:Pt,setAuth:Kt,clearAuth:Lt,getState:Nt,getConfig:Wt,_enhancedMarkdownParser:null};var Qs=De;typeof window<"u"&&(window.ChatWidget=De);export{De as ChatWidget,Qs as default};
+      />`,this.container)}destroy(){this.container&&(yt(null,this.container),this.config.containerId?this.container.classList.remove("cw-container-embedded"):this.container.remove(),this.container=null),_e.delete(this.instanceId),console.log(`[ChatWidget] Instance ${this.instanceId} destroyed`)}open(){this._apiRef.current?this._apiRef.current.open():this._render({forceOpen:!0})}close(){this._apiRef.current?this._apiRef.current.close():this._render({forceOpen:!1})}send(t){this._apiRef.current&&this._apiRef.current.send(t)}clearMessages(){this._apiRef.current&&this._apiRef.current.clearMessages()}toggleTTS(){this._apiRef.current&&this._apiRef.current.toggleTTS()}stopSpeech(){this._apiRef.current&&this._apiRef.current.stopSpeech()}setAuth(t){this._apiRef.current&&this._apiRef.current.setAuth(t)}clearAuth(){this._apiRef.current&&this._apiRef.current.clearAuth()}getState(){return{...this._state}}getConfig(){return{...this.config}}updateMetadata(t){this.config.metadata={...this.config.metadata,...t},this._render(),console.log(`[ChatWidget] Instance ${this.instanceId} metadata updated:`,t)}updateConfig(t){this.config={...this.config,...t},"theme"in t&&this._applyTheme(),this._render(),console.log(`[ChatWidget] Instance ${this.instanceId} config updated`)}};function wt(e={}){return new De(e).init()}function Ut(e={}){return P&&P.destroy(),P=wt(e),P}function jt(){P&&(P.destroy(),P=null)}function Jt(){P&&P.open()}function zt(){P&&P.close()}function Gt(e){P&&P.send(e)}function qt(){P&&P.clearMessages()}function Yt(){P&&P.toggleTTS()}function Xt(){P&&P.stopSpeech()}function Zt(e){P&&P.setAuth(e)}function Qt(){P&&P.clearAuth()}function es(){return P?P.getState():null}function ts(){return P?P.getConfig():null}var Oe={createInstance:wt,getInstance:e=>_e.get(e),getAllInstances:()=>Array.from(_e.values()),init:Ut,destroy:jt,open:Jt,close:zt,send:Gt,clearMessages:qt,toggleTTS:Yt,stopSpeech:Xt,setAuth:Zt,clearAuth:Qt,getState:es,getConfig:ts,_enhancedMarkdownParser:null};var kn=Oe;typeof window<"u"&&(window.ChatWidget=Oe);export{Oe as ChatWidget,kn as default};