@makemore/agent-frontend 2.11.0 → 2.11.1

package/dist/chat-widget.cjs.js

@@ -1,9 +1,9 @@
-var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Object.getOwnPropertyNames;var ut=Object.prototype.hasOwnProperty;var pt=(e,t,s)=>t in e?me(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var ht=(e,t)=>{for(var s in t)me(e,s,{get:t[s],enumerable:!0})},mt=(e,t,s,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of dt(t))!ut.call(e,a)&&a!==s&&me(e,a,{get:()=>t[a],enumerable:!(n=ct(t,a))||n.enumerable});return e};var gt=e=>mt(me({},"__esModule",{value:!0}),e);var Ae=(e,t,s)=>(pt(e,typeof t!="symbol"?t+"":t,s),s);var Jt={};ht(Jt,{ChatWidget:()=>Ce,default:()=>jt});module.exports=gt(Jt);var Ee=require("preact"),lt=require("htm/preact");var Q=require("htm/preact"),D=require("preact/hooks");var oe=require("htm/preact");function ft(e){return e.replace(/_([a-z])/g,(t,s)=>s.toUpperCase())}function Se(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])=>[ft(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])=>[Se(t),fe(s)])):e}function $e(){return"msg-"+Date.now()+"-"+Math.random().toString(36).substr(2,9)}function W(e){let t=document.createElement("div");return t.textContent=e,t.innerHTML}function Re(e){if(!e)return"";try{let t=new Date(e),n=new Date-t,a=Math.floor(n/6e4),r=Math.floor(n/36e5),y=Math.floor(n/864e5);return a<1?"Just now":a<60?`${a}m ago`:r<24?`${r}h ago`:y<7?`${y}d ago`:t.toLocaleDateString()}catch{return""}}function De(e,t=null){if(t)return t(e);let s=W(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 Oe(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 a=t(s);n===null?localStorage.removeItem(a):localStorage.setItem(a,n)}catch{}}}}function Fe(e="csrftoken"){let t=document.cookie.split(";");for(let n of t){let[a,r]=n.trim().split("=");if(a===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 $t(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,a=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(a)+.0722*y(r)}function Pe(e){return $t(e)>.179?"#000000":"#ffffff"}function Le({config:e,debugMode:t,isExpanded:s,isSpeaking:n,messagesCount:a,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:V,showExpandButton:z,enableTTS:A,elevenLabsApiKey:F,ttsProxyUrl:P}=e,K=F||P;return oe.html`
-    <div class="cw-header" style=${{backgroundColor:l}}>
-      ${w&&oe.html`
+var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Object.getOwnPropertyNames;var ut=Object.prototype.hasOwnProperty;var pt=(e,t,s)=>t in e?me(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var ht=(e,t)=>{for(var s in t)me(e,s,{get:t[s],enumerable:!0})},mt=(e,t,s,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of dt(t))!ut.call(e,o)&&o!==s&&me(e,o,{get:()=>t[o],enumerable:!(n=ct(t,o))||n.enumerable});return e};var gt=e=>mt(me({},"__esModule",{value:!0}),e);var Ae=(e,t,s)=>(pt(e,typeof t!="symbol"?t+"":t,s),s);var Jt={};ht(Jt,{ChatWidget:()=>Ce,default:()=>jt});module.exports=gt(Jt);var Ee=require("preact"),lt=require("htm/preact");var Q=require("htm/preact"),D=require("preact/hooks");var oe=require("htm/preact");function ft(e){return e.replace(/_([a-z])/g,(t,s)=>s.toUpperCase())}function Se(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])=>[ft(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])=>[Se(t),fe(s)])):e}function $e(){return"msg-"+Date.now()+"-"+Math.random().toString(36).substr(2,9)}function V(e){let t=document.createElement("div");return t.textContent=e,t.innerHTML}function Re(e){if(!e)return"";try{let t=new Date(e),n=new Date-t,o=Math.floor(n/6e4),l=Math.floor(n/36e5),y=Math.floor(n/864e5);return o<1?"Just now":o<60?`${o}m ago`:l<24?`${l}h ago`:y<7?`${y}d ago`:t.toLocaleDateString()}catch{return""}}function De(e,t=null){if(t)return t(e);let s=V(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 Oe(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 Fe(e="csrftoken"){let t=document.cookie.split(";");for(let n of t){let[o,l]=n.trim().split("=");if(o===e)return decodeURIComponent(l)}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 $t(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(d=>d+d).join(""):t,n=parseInt(s.substr(0,2),16)/255,o=parseInt(s.substr(2,2),16)/255,l=parseInt(s.substr(4,2),16)/255,y=d=>d<=.03928?d/12.92:Math.pow((d+.055)/1.055,2.4);return .2126*y(n)+.7152*y(o)+.0722*y(l)}function Pe(e){return $t(e)>.179?"#000000":"#ffffff"}function Le({config:e,debugMode:t,isExpanded:s,isSpeaking:n,messagesCount:o,isLoading:l,currentAgent:y,onClose:d,onToggleExpand:h,onToggleDebug:b,onToggleTTS:c,onClear:w,onToggleSidebar:p}){let{title:v,primaryColor:r,embedded:C,showConversationSidebar:$,showClearButton:u,showDebugButton:T,enableDebugMode:m,showTTSButton:B,showExpandButton:G,enableTTS:R,elevenLabsApiKey:P,ttsProxyUrl:O}=e,K=P||O;return oe.html`
+    <div class="cw-header" style=${{backgroundColor:r}}>
+      ${$&&oe.html`
         <button
           class="cw-header-btn cw-hamburger"
-          onClick=${c}
+          onClick=${p}
           title="Conversations"
         >
           <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="16" height="16">
@@ -15,53 +15,53 @@ var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Objec
       `}
 
       <div class="cw-title-container">
-        <span class="cw-title">${W(C)}</span>
+        <span class="cw-title">${V(v)}</span>
         ${y&&oe.html`
           <span class="cw-current-agent" title="Currently active agent">
             <span class="cw-agent-indicator">🤖</span>
-            <span class="cw-agent-name">${W(y.name||y.key)}</span>
+            <span class="cw-agent-name">${V(y.name||y.key)}</span>
           </span>
         `}
       </div>
       
       <div class="cw-header-actions">
-        ${v&&oe.html`
+        ${u&&oe.html`
           <button 
             class="cw-header-btn" 
-            onClick=${b}
+            onClick=${w}
             title="Clear"
-            disabled=${r||a===0}
+            disabled=${l||o===0}
           >🗑️</button>
         `}
         
-        ${_&&m&&oe.html`
+        ${T&&m&&oe.html`
           <button 
             class="cw-header-btn ${t?"cw-btn-active":""}" 
-            onClick=${g}
+            onClick=${b}
             title="Debug"
           >🐛</button>
         `}
         
-        ${V&&K&&oe.html`
+        ${B&&K&&oe.html`
           <button 
-            class="cw-header-btn ${A?"cw-btn-active":""}" 
-            onClick=${u}
+            class="cw-header-btn ${R?"cw-btn-active":""}" 
+            onClick=${c}
             title="TTS"
-          >${A?"\u{1F50A}":"\u{1F507}"}</button>
+          >${R?"\u{1F50A}":"\u{1F507}"}</button>
         `}
         
-        ${z&&!f&&oe.html`
+        ${G&&!C&&oe.html`
           <button 
             class="cw-header-btn" 
-            onClick=${$}
+            onClick=${h}
             title=${s?"Minimize":"Expand"}
           >${s?"\u2296":"\u2295"}</button>
         `}
         
-        ${!f&&oe.html`
+        ${!C&&oe.html`
           <button 
             class="cw-header-btn" 
-            onClick=${i}
+            onClick=${d}
             title="Close"
           >✕</button>
         `}
@@ -92,8 +92,8 @@ var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Objec
     </div>
   `}function yt({block:e,onAction:t,markdownParser:s}){let n=e.layout||"vertical";return x.html`
     <div class="cw-block-card-list cw-block-card-list-${n}">
-      ${(e.items||[]).map(a=>x.html`
-        <${Ke} block=${{type:"card",...a}} onAction=${t} markdownParser=${s} />
+      ${(e.items||[]).map(o=>x.html`
+        <${Ke} block=${{type:"card",...o}} onAction=${t} markdownParser=${s} />
       `)}
     </div>
   `}function Ne({action:e,onAction:t}){let s=e.style||"primary",n=()=>{t&&t(e)};return e.type==="link"?x.html`<a class="cw-block-btn cw-block-btn-${s}" href=${e.url} target="_blank" rel="noopener">${e.label}</a>`:x.html`<button class="cw-block-btn cw-block-btn-${s}" onClick=${n}>${e.label}</button>`}function wt({block:e,onAction:t}){return x.html`
@@ -129,7 +129,7 @@ var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Objec
   `}function St({block:e}){let[t,s]=(0,Te.useState)(!1),n=()=>{navigator.clipboard.writeText(e.code).then(()=>{s(!0),setTimeout(()=>s(!1),1500)})};return x.html`
     <div class="cw-block-code">
       ${e.filename&&x.html`<div class="cw-block-code-filename">${e.filename}</div>`}
-      <pre><code>${W(e.code)}</code></pre>
+      <pre><code>${V(e.code)}</code></pre>
       ${e.copyable!==!1&&x.html`
         <button class="cw-block-code-copy" onClick=${n}>${t?"\u2713":"\u2398"}</button>
       `}
@@ -152,7 +152,7 @@ var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Objec
     </div>
   `}var Mt={card:Ke,cardList:yt,actionButtons:wt,callout:vt,image:kt,divider:bt,table:Ct,code:St,collapsible:Tt,status:_t};function Be({blocks:e,onAction:t,markdownParser:s}){return!e||e.length===0?null:x.html`
     <div class="cw-content-blocks">
-      ${e.map((n,a)=>{let r=Mt[n.type];return r?x.html`<${r} key=${a} block=${n} onAction=${t} markdownParser=${s} />`:null})}
+      ${e.map((n,o)=>{let l=Mt[n.type];return l?x.html`<${l} key=${o} block=${n} onAction=${t} markdownParser=${s} />`:null})}
     </div>
   `}function ve({msg:e,show:t,onToggle:s}){return t?N.html`
     <div class="cw-debug-payload">
@@ -165,9 +165,9 @@ var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Objec
         onClick=${s}
         title="Show message payload"
       >{ }</button>
-    `}function He({onEdit:e,onRetry:t,isLoading:s,position:n,showEdit:a=!0}){return s?null:N.html`
+    `}function He({onEdit:e,onRetry:t,isLoading:s,position:n,showEdit:o=!0}){return s?null:N.html`
     <div class="cw-message-actions cw-message-actions-${n||"left"}">
-      ${a&&N.html`
+      ${o&&N.html`
         <button
           class="cw-message-action-btn"
           onClick=${e}
@@ -191,14 +191,14 @@ var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Objec
         </svg>
       </button>
     </div>
-  `}function Et({initialContent:e,onSave:t,onCancel:s}){let[n,a]=(0,re.useState)(e),r=(0,re.useRef)(null);return(0,re.useEffect)(()=>{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")},[]),N.html`
+  `}function Et({initialContent:e,onSave:t,onCancel:s}){let[n,o]=(0,re.useState)(e),l=(0,re.useRef)(null);return(0,re.useEffect)(()=>{l.current&&(l.current.focus(),l.current.setSelectionRange(n.length,n.length),l.current.style.height="auto",l.current.style.height=l.current.scrollHeight+"px")},[]),N.html`
     <div class="cw-inline-edit">
       <textarea
-        ref=${r}
+        ref=${l}
         class="cw-inline-edit-input"
         value=${n}
-        onInput=${$=>{a($.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()}}
+        onInput=${h=>{o(h.target.value),h.target.style.height="auto",h.target.style.height=h.target.scrollHeight+"px"}}
+        onKeyDown=${h=>{h.key==="Enter"&&!h.shiftKey?(h.preventDefault(),n.trim()&&t(n.trim())):h.key==="Escape"&&s()}}
         rows="1"
       />
       <div class="cw-inline-edit-actions">
@@ -215,36 +215,36 @@ var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Objec
         >Save & Send</button>
       </div>
     </div>
-  `}function We({msg:e,debugMode:t,markdownParser:s,onEdit:n,onRetry:a,isLoading:r,messageIndex:y}){let[i,$]=(0,re.useState)(!1),[g,u]=(0,re.useState)(!1),[b,c]=(0,re.useState)(!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",V=e.type==="agent_context";if(l&&!t)return null;if(_||m||V)return N.html`
-      <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>
+  `}function We({msg:e,debugMode:t,markdownParser:s,onEdit:n,onRetry:o,onSendMessage:l,isLoading:y,messageIndex:d}){let[h,b]=(0,re.useState)(!1),[c,w]=(0,re.useState)(!1),[p,v]=(0,re.useState)(!1),r=e.role==="user",C=e.role==="system",$=e.type==="tool_call",u=e.type==="tool_result",T=e.type==="error",m=e.type==="sub_agent_start",B=e.type==="sub_agent_end",G=e.type==="agent_context";if(C&&!t)return null;if(m||B||G)return N.html`
+      <div class="cw-agent-context ${m?"cw-agent-delegating":""} ${B?"cw-agent-returned":""}" style="position: relative;">
+        <span class="cw-agent-context-icon">${m?"\u{1F517}":B?"\u2713":"\u{1F916}"}</span>
         <span class="cw-agent-context-text">${e.content}</span>
         ${e.metadata?.agentName&&N.html`
           <span class="cw-agent-context-name">${e.metadata.agentName}</span>
         `}
-        ${t&&N.html`<${ve} msg=${e} show=${g} onToggle=${()=>u(!g)} />`}
+        ${t&&N.html`<${ve} msg=${e} show=${c} onToggle=${()=>w(!c)} />`}
       </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 N.html`
+    `;if(e.type==="content_blocks"&&e.metadata?.blocks){let k=i=>{i.type==="message"&&l&&l(i.message),i.type==="callback"&&e._onCallback&&e._onCallback(i.callbackId),i.type==="link"&&i.url&&window.open(i.url,"_blank","noopener")};return N.html`
       <div class="cw-message-row" style="position: relative;">
         <${Be}
           blocks=${e.metadata.blocks}
           onAction=${k}
           markdownParser=${s}
         />
-        ${t&&N.html`<${ve} msg=${e} show=${g} onToggle=${()=>u(!g)} />`}
+        ${t&&N.html`<${ve} msg=${e} show=${c} onToggle=${()=>w(!c)} />`}
       </div>
-    `}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 N.html`
-      <div class="cw-tool-message ${w?"cw-tool-result":"cw-tool-call"}" style="position: relative;">
-        <span class="cw-tool-label" onClick=${()=>k&&$(!i)}>
+    `}if($||u){let k=e.metadata?.arguments||e.metadata?.result,i=A=>{if(typeof A=="string")try{return JSON.stringify(JSON.parse(A),null,2)}catch{return A}return JSON.stringify(A,null,2)};return N.html`
+      <div class="cw-tool-message ${u?"cw-tool-result":"cw-tool-call"}" style="position: relative;">
+        <span class="cw-tool-label" onClick=${()=>k&&b(!h)}>
           ${e.content}
-          ${k&&N.html`<span class="cw-tool-expand">${i?"\u25BC":"\u25B6"}</span>`}
+          ${k&&N.html`<span class="cw-tool-expand">${h?"\u25BC":"\u25B6"}</span>`}
         </span>
-        ${i&&k&&N.html`
-          <pre class="cw-tool-details">${W(T(f?e.metadata.arguments:e.metadata.result))}</pre>
+        ${h&&k&&N.html`
+          <pre class="cw-tool-details">${V(i($?e.metadata.arguments:e.metadata.result))}</pre>
         `}
-        ${t&&N.html`<${ve} msg=${e} show=${g} onToggle=${()=>u(!g)} />`}
+        ${t&&N.html`<${ve} msg=${e} show=${c} onToggle=${()=>w(!c)} />`}
       </div>
-    `}let z=["cw-message",C&&"cw-message-user",v&&"cw-message-error"].filter(Boolean).join(" "),A=`cw-message-row ${C?"cw-message-row-user":""}`,F=e.role==="assistant"?De(e.content,s):W(e.content),P=e.files&&e.files.length>0,K=()=>P?N.html`
+    `}let R=["cw-message",r&&"cw-message-user",T&&"cw-message-error"].filter(Boolean).join(" "),P=`cw-message-row ${r?"cw-message-row-user":""}`,O=e.role==="assistant"?De(e.content,s):V(e.content),K=e.files&&e.files.length>0,J=()=>K?N.html`
       <div class="cw-message-attachments">
         ${e.files.map(k=>k.type&&k.type.startsWith("image/")?N.html`
               <a class="cw-attachment-thumbnail" href=${k.url} target="_blank" title=${k.name}>
@@ -260,70 +260,71 @@ var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Objec
             </a>
           `)}
       </div>
-    `:null,G=k=>{c(!1),n&&n(y,k)},U=()=>{a&&a(y)};if(C&&b)return N.html`
-      <div class=${A} style="position: relative;">
-        ${K()}
+    `:null,U=k=>{v(!1),n&&n(d,k)},g=()=>{o&&o(d)};if(r&&p)return N.html`
+      <div class=${P} style="position: relative;">
+        ${J()}
         <${Et}
           initialContent=${e.content}
-          onSave=${G}
-          onCancel=${()=>c(!1)}
+          onSave=${U}
+          onCancel=${()=>v(!1)}
         />
       </div>
-    `;let h=C&&n&&a,p=e.role==="assistant"&&a&&!r;return N.html`
-    <div class="${A} ${h||p?"cw-message-row-with-actions":""}">
-      ${K()}
-      ${h&&N.html`
+    `;let _=r&&n&&o,S=e.role==="assistant"&&o&&!y;return N.html`
+    <div class="${P} ${_||S?"cw-message-row-with-actions":""}">
+      ${J()}
+      ${_&&N.html`
         <div class="cw-user-actions-wrapper">
           <${He}
-            onEdit=${()=>c(!0)}
-            onRetry=${U}
-            isLoading=${r}
+            onEdit=${()=>v(!0)}
+            onRetry=${g}
+            isLoading=${y}
             position="left"
             showEdit=${!0}
           />
-          <div class=${z} dangerouslySetInnerHTML=${{__html:F}} />
+          <div class=${R} dangerouslySetInnerHTML=${{__html:O}} />
         </div>
       `}
-      ${!h&&N.html`
-        <div class=${z} dangerouslySetInnerHTML=${{__html:F}} />
+      ${!_&&N.html`
+        <div class=${R} dangerouslySetInnerHTML=${{__html:O}} />
       `}
-      ${p&&N.html`
+      ${S&&N.html`
         <${He}
-          onRetry=${U}
-          isLoading=${r}
+          onRetry=${g}
+          isLoading=${y}
           position="right"
           showEdit=${!1}
         />
       `}
-      ${t&&N.html`<${ve} msg=${e} show=${g} onToggle=${()=>u(!g)} />`}
+      ${t&&N.html`<${ve} msg=${e} show=${c} onToggle=${()=>w(!c)} />`}
     </div>
-  `}function Ve({messages:e,isLoading:t,hasMoreMessages:s,loadingMoreMessages:n,onLoadMore:a,onEditMessage:r,onRetryMessage:y,debugMode:i,markdownParser:$,emptyStateTitle:g,emptyStateMessage:u}){let b=(0,ue.useRef)(null),c=(0,ue.useRef)(!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;a().then(()=>{let m=w.scrollHeight;w.scrollTop=m-_+w.scrollTop})}};(0,ue.useEffect)(()=>{let f=b.current;f&&c.current&&requestAnimationFrame(()=>{f.scrollTop=f.scrollHeight})},[e,t]),(0,ue.useEffect)(()=>{let f=b.current;f&&e.length<=2&&(c.current=!0,requestAnimationFrame(()=>{f.scrollTop=f.scrollHeight}))},[e.length]);let l=e.length===0;return ce.html`
-    <div class="cw-messages" ref=${b} onScroll=${C}>
-      ${l&&ce.html`
+  `}function Ve({messages:e,isLoading:t,hasMoreMessages:s,loadingMoreMessages:n,onLoadMore:o,onEditMessage:l,onRetryMessage:y,onSendMessage:d,debugMode:h,markdownParser:b,emptyStateTitle:c,emptyStateMessage:w}){let p=(0,ue.useRef)(null),v=(0,ue.useRef)(!0),r=$=>{let u=$.target,T=u.scrollHeight-u.scrollTop-u.clientHeight<100;if(v.current=T,u.scrollTop<50&&s&&!n){let m=u.scrollHeight;o().then(()=>{let B=u.scrollHeight;u.scrollTop=B-m+u.scrollTop})}};(0,ue.useEffect)(()=>{let $=p.current;$&&v.current&&requestAnimationFrame(()=>{$.scrollTop=$.scrollHeight})},[e,t]),(0,ue.useEffect)(()=>{let $=p.current;$&&e.length<=2&&(v.current=!0,requestAnimationFrame(()=>{$.scrollTop=$.scrollHeight}))},[e.length]);let C=e.length===0;return ce.html`
+    <div class="cw-messages" ref=${p} onScroll=${r}>
+      ${C&&ce.html`
         <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>${W(g)}</h3>
-          <p>${W(u)}</p>
+          <h3>${V(c)}</h3>
+          <p>${V(w)}</p>
         </div>
       `}
       
-      ${!l&&s&&ce.html`
-        <div class="cw-load-more" onClick=${a}>
+      ${!C&&s&&ce.html`
+        <div class="cw-load-more" onClick=${o}>
           ${n?ce.html`<span class="cw-spinner"></span><span>Loading...</span>`:ce.html`<span>↑ Scroll up or click to load older messages</span>`}
         </div>
       `}
       
-      ${e.map((f,w)=>ce.html`
+      ${e.map(($,u)=>ce.html`
         <${We}
-          key=${f.id}
-          msg=${f}
-          messageIndex=${w}
-          debugMode=${i}
-          markdownParser=${$}
-          onEdit=${r}
+          key=${$.id}
+          msg=${$}
+          messageIndex=${u}
+          debugMode=${h}
+          markdownParser=${b}
+          onEdit=${l}
           onRetry=${y}
+          onSendMessage=${d}
           isLoading=${t}
         />
       `)}
@@ -337,11 +338,11 @@ var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Objec
         </div>
       `}
     </div>
-  `}var se=require("htm/preact"),q=require("preact/hooks");var _e=typeof window<"u"?window.SpeechRecognition||window.webkitSpeechRecognition:null;function Ue({onSend:e,onCancel:t,isLoading:s,placeholder:n,primaryColor:a,enableVoice:r=!0,enableFiles:y=!0}){let[i,$]=(0,q.useState)(""),[g,u]=(0,q.useState)([]),[b,c]=(0,q.useState)(!1),[C,l]=(0,q.useState)(!1),[f]=(0,q.useState)(()=>!!_e),w=(0,q.useRef)(null),v=(0,q.useRef)(null),_=(0,q.useRef)(null),m=(0,q.useRef)(!1);(0,q.useEffect)(()=>{!s&&w.current&&w.current.focus()},[s]),(0,q.useEffect)(()=>{w.current&&(w.current.style.height="auto",w.current.style.height=Math.min(w.current.scrollHeight,150)+"px")},[i]),(0,q.useEffect)(()=>()=>{m.current=!1,_.current&&_.current.abort()},[]);let V=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=""))},z=d=>{let R=Array.from(d.target.files||[]);R.length>0&&u(O=>[...O,...R])},A=d=>{u(R=>R.filter((O,o)=>o!==d))},F=d=>{d.preventDefault(),v.current&&!s&&v.current.click()},P=d=>{d.key==="Enter"&&!d.shiftKey&&(d.preventDefault(),V(d))},K=d=>{s&&t&&(d.preventDefault(),t())},G=()=>{if(!_e||s)return;m.current=!0;let d=new _e;d.continuous=!0,d.interimResults=!0,d.lang=navigator.language||"en-US";let R=i,O="";d.onstart=()=>{l(!0)},d.onresult=o=>{O="";for(let M=o.resultIndex;M<o.results.length;M++){let H=o.results[M][0].transcript;o.results[M].isFinal?R+=(R?" ":"")+H:O+=H}$(R+(O?" "+O:""))},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,l(!1),$(R||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)}}l(!1),R&&$(R),_.current=null},_.current=d,d.start()},U=()=>{m.current=!1,_.current&&_.current.stop()},h=d=>{d.preventDefault(),C?U():G()},I=se.html`
+  `}var se=require("htm/preact"),q=require("preact/hooks");var _e=typeof window<"u"?window.SpeechRecognition||window.webkitSpeechRecognition:null;function Ue({onSend:e,onCancel:t,isLoading:s,placeholder:n,primaryColor:o,enableVoice:l=!0,enableFiles:y=!0}){let[d,h]=(0,q.useState)(""),[b,c]=(0,q.useState)([]),[w,p]=(0,q.useState)(!1),[v,r]=(0,q.useState)(!1),[C]=(0,q.useState)(()=>!!_e),$=(0,q.useRef)(null),u=(0,q.useRef)(null),T=(0,q.useRef)(null),m=(0,q.useRef)(!1);(0,q.useEffect)(()=>{!s&&$.current&&$.current.focus()},[s]),(0,q.useEffect)(()=>{$.current&&($.current.style.height="auto",$.current.style.height=Math.min($.current.scrollHeight,150)+"px")},[d]),(0,q.useEffect)(()=>()=>{m.current=!1,T.current&&T.current.abort()},[]);let B=i=>{i.preventDefault(),(d.trim()||b.length>0)&&!s&&(e(d,b),h(""),c([]),$.current&&($.current.style.height="auto"),u.current&&(u.current.value=""))},G=i=>{let A=Array.from(i.target.files||[]);A.length>0&&c(F=>[...F,...A])},R=i=>{c(A=>A.filter((F,a)=>a!==i))},P=i=>{i.preventDefault(),u.current&&!s&&u.current.click()},O=i=>{i.key==="Enter"&&!i.shiftKey&&(i.preventDefault(),B(i))},K=i=>{s&&t&&(i.preventDefault(),t())},J=()=>{if(!_e||s)return;m.current=!0;let i=new _e;i.continuous=!0,i.interimResults=!0,i.lang=navigator.language||"en-US";let A=d,F="";i.onstart=()=>{r(!0)},i.onresult=a=>{F="";for(let M=a.resultIndex;M<a.results.length;M++){let W=a.results[M][0].transcript;a.results[M].isFinal?A+=(A?" ":"")+W:F+=W}h(A+(F?" "+F:""))},i.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,r(!1),h(A||d)},i.onend=()=>{if(m.current){console.log("[ChatWidget] Recognition paused, restarting...");try{i.start();return}catch(a){console.warn("[ChatWidget] Could not restart recognition:",a)}}r(!1),A&&h(A),T.current=null},T.current=i,i.start()},U=()=>{m.current=!1,T.current&&T.current.stop()},g=i=>{i.preventDefault(),v?U():J()},_=se.html`
     <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=se.html`
+  `,f=se.html`
     <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>
@@ -352,26 +353,26 @@ var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Objec
     <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>
-  `,k=r&&f,T=y;return se.html`
-    <form class="cw-input-form" onSubmit=${V}>
+  `,E=l&&C,k=y;return se.html`
+    <form class="cw-input-form" onSubmit=${B}>
       <input
         type="file"
-        ref=${v}
+        ref=${u}
         style="display: none"
         multiple
-        onChange=${z}
+        onChange=${G}
       />
-      ${g.length>0&&se.html`
+      ${b.length>0&&se.html`
         <div class="cw-file-chips">
-          ${g.map((d,R)=>se.html`
-            <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">(${ye(d.size)})</span>
+          ${b.map((i,A)=>se.html`
+            <div class="cw-file-chip" key=${A}>
+              <span class="cw-file-chip-icon">${we(i.type)}</span>
+              <span class="cw-file-chip-name" title=${i.name}>${i.name.length>20?i.name.substring(0,17)+"...":i.name}</span>
+              <span class="cw-file-chip-size">(${ye(i.size)})</span>
               <button
                 type="button"
                 class="cw-file-chip-remove"
-                onClick=${()=>A(R)}
+                onClick=${()=>R(A)}
                 title="Remove file"
               >×</button>
             </div>
@@ -379,57 +380,57 @@ var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Objec
         </div>
       `}
       <textarea
-        ref=${w}
+        ref=${$}
         class="cw-input"
-        placeholder=${W(n)}
-        value=${i}
-        onInput=${d=>$(d.target.value)}
-        onKeyDown=${P}
+        placeholder=${V(n)}
+        value=${d}
+        onInput=${i=>h(i.target.value)}
+        onKeyDown=${O}
         disabled=${s}
         rows="1"
       />
-      ${T&&se.html`
+      ${k&&se.html`
         <button
           type="button"
           class="cw-attach-btn"
-          onClick=${F}
+          onClick=${P}
           disabled=${s}
           title="Attach files"
         >
           ${S}
         </button>
       `}
-      ${k&&se.html`
+      ${E&&se.html`
         <button
           type="button"
-          class=${`cw-voice-btn ${C?"cw-voice-btn-recording":""}`}
-          onClick=${h}
+          class=${`cw-voice-btn ${v?"cw-voice-btn-recording":""}`}
+          onClick=${g}
           disabled=${s}
-          title=${C?"Stop recording":"Voice input"}
+          title=${v?"Stop recording":"Voice input"}
         >
-          ${p}
+          ${f}
         </button>
       `}
       <button
         type=${s?"button":"submit"}
-        class=${`cw-send-btn ${s?"cw-send-btn-loading":""} ${s&&b?"cw-send-btn-stop":""}`}
-        style=${{backgroundColor:s&&b?"#dc2626":a}}
+        class=${`cw-send-btn ${s?"cw-send-btn-loading":""} ${s&&w?"cw-send-btn-stop":""}`}
+        style=${{backgroundColor:s&&w?"#dc2626":o}}
         onClick=${K}
-        onMouseEnter=${()=>c(!0)}
-        onMouseLeave=${()=>c(!1)}
+        onMouseEnter=${()=>p(!0)}
+        onMouseLeave=${()=>p(!1)}
         title=${s?"Stop":"Send"}
       >
-        ${s?b?I:se.html`<span class="cw-spinner"></span>`:"\u27A4"}
+        ${s?w?_:se.html`<span class="cw-spinner"></span>`:"\u27A4"}
       </button>
     </form>
-  `}var pe=require("htm/preact");function je({isOpen:e,conversations:t,conversationsLoading:s,currentConversationId:n,onClose:a,onNewConversation:r,onSwitchConversation:y}){return pe.html`
+  `}var pe=require("htm/preact");function je({isOpen:e,conversations:t,conversationsLoading:s,currentConversationId:n,onClose:o,onNewConversation:l,onSwitchConversation:y}){return pe.html`
     <div class="cw-sidebar ${e?"cw-sidebar-open":""}">
       <div class="cw-sidebar-header">
         <span>Conversations</span>
-        <button class="cw-sidebar-close" onClick=${a}>✕</button>
+        <button class="cw-sidebar-close" onClick=${o}>✕</button>
       </div>
       
-      <button class="cw-new-conversation" onClick=${r}>
+      <button class="cw-new-conversation" onClick=${l}>
         <span>+ New Conversation</span>
       </button>
       
@@ -444,14 +445,14 @@ var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Objec
           <div class="cw-sidebar-empty">No conversations yet</div>
         `}
         
-        ${t.map(i=>pe.html`
+        ${t.map(d=>pe.html`
           <div 
-            key=${i.id}
-            class="cw-conversation-item ${i.id===n?"cw-conversation-active":""}"
-            onClick=${()=>y(i.id)}
+            key=${d.id}
+            class="cw-conversation-item ${d.id===n?"cw-conversation-active":""}"
+            onClick=${()=>y(d.id)}
           >
-            <div class="cw-conversation-title">${W(i.title||"Untitled")}</div>
-            <div class="cw-conversation-date">${Re(i.updatedAt||i.createdAt)}</div>
+            <div class="cw-conversation-title">${V(d.title||"Untitled")}</div>
+            <div class="cw-conversation-date">${Re(d.updatedAt||d.createdAt)}</div>
           </div>
         `)}
       </div>
@@ -459,26 +460,26 @@ var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Objec
     
     <div 
       class="cw-sidebar-overlay ${e?"cw-sidebar-overlay-visible":""}" 
-      onClick=${a}
+      onClick=${o}
     />
-  `}var de=require("htm/preact"),Je=require("preact/hooks");function ze({availableModels:e,selectedModel:t,onSelectModel:s,thinkingEnabled:n,onToggleThinking:a,disabled:r}){let[y,i]=(0,Je.useState)(!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(),a&&u&&a(!n)};return de.html`
+  `}var de=require("htm/preact"),Je=require("preact/hooks");function ze({availableModels:e,selectedModel:t,onSelectModel:s,thinkingEnabled:n,onToggleThinking:o,disabled:l}){let[y,d]=(0,Je.useState)(!1);if(!e||e.length===0)return null;let h=e.find(r=>r.id===t),b=h?.name||"Select Model",c=h?.supports_thinking||!1,w=()=>{l||d(!y)},p=r=>{s(r),d(!1)},v=r=>{r.stopPropagation(),o&&c&&o(!n)};return de.html`
     <div class="cw-model-selector">
       <button
         class="cw-model-btn"
-        onClick=${b}
-        disabled=${r}
+        onClick=${w}
+        disabled=${l}
         title="Select Model"
       >
         <span class="cw-model-icon">🤖</span>
-        <span class="cw-model-name">${W(g)}</span>
+        <span class="cw-model-name">${V(b)}</span>
         <span class="cw-model-chevron">${y?"\u25B2":"\u25BC"}</span>
       </button>
 
-      ${u&&a&&de.html`
+      ${c&&o&&de.html`
         <button
           class="cw-thinking-toggle ${n?"cw-thinking-enabled":""}"
-          onClick=${C}
-          disabled=${r}
+          onClick=${v}
+          disabled=${l}
           title=${n?"Thinking enabled - click to disable":"Enable extended thinking"}
         >
           <span class="cw-thinking-icon">🧠</span>
@@ -487,49 +488,49 @@ var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Objec
 
       ${y&&de.html`
         <div class="cw-model-dropdown">
-          ${e.map(l=>de.html`
+          ${e.map(r=>de.html`
             <button
-              key=${l.id}
-              class="cw-model-option ${l.id===t?"cw-model-option-selected":""}"
-              onClick=${()=>c(l.id)}
+              key=${r.id}
+              class="cw-model-option ${r.id===t?"cw-model-option-selected":""}"
+              onClick=${()=>p(r.id)}
             >
               <span class="cw-model-option-name">
-                ${W(l.name)}
-                ${l.supports_thinking&&de.html`<span class="cw-thinking-badge" title="Supports extended thinking">🧠</span>`}
+                ${V(r.name)}
+                ${r.supports_thinking&&de.html`<span class="cw-thinking-badge" title="Supports extended thinking">🧠</span>`}
               </span>
-              <span class="cw-model-option-provider">${W(l.provider)}</span>
-              ${l.description&&de.html`
-                <span class="cw-model-option-desc">${W(l.description)}</span>
+              <span class="cw-model-option-provider">${V(r.provider)}</span>
+              ${r.description&&de.html`
+                <span class="cw-model-option-desc">${V(r.description)}</span>
               `}
             </button>
           `)}
         </div>
       `}
     </div>
-  `}var ne=require("htm/preact"),le=require("preact/hooks"),It={not_started:"\u25CB",in_progress:"\u25D0",complete:"\u25CF",cancelled:"\u2298"},xt={not_started:"Not Started",in_progress:"In Progress",complete:"Complete",cancelled:"Cancelled"};function At({task:e,onUpdate:t,onRemove:s,depth:n=0}){let[a,r]=(0,le.useState)(!1),[y,i]=(0,le.useState)(e.name),$=(0,le.useCallback)(()=>{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=(0,le.useCallback)(()=>{y.trim()&&y!==e.name&&t(e.id,{name:y.trim()}),r(!1)},[e,y,t]),u=(0,le.useCallback)(c=>{c.key==="Enter"&&g(),c.key==="Escape"&&(i(e.name),r(!1))},[g,e.name]),b=`cw-task-state-${e.state.replace("_","-")}`;return ne.html`
-    <div class="cw-task-item ${b}" style=${{paddingLeft:`${n*16+8}px`}}>
+  `}var ne=require("htm/preact"),le=require("preact/hooks"),It={not_started:"\u25CB",in_progress:"\u25D0",complete:"\u25CF",cancelled:"\u2298"},xt={not_started:"Not Started",in_progress:"In Progress",complete:"Complete",cancelled:"Cancelled"};function At({task:e,onUpdate:t,onRemove:s,depth:n=0}){let[o,l]=(0,le.useState)(!1),[y,d]=(0,le.useState)(e.name),h=(0,le.useCallback)(()=>{let p={not_started:"in_progress",in_progress:"complete",complete:"not_started",cancelled:"not_started"};t(e.id,{state:p[e.state]||"not_started"})},[e,t]),b=(0,le.useCallback)(()=>{y.trim()&&y!==e.name&&t(e.id,{name:y.trim()}),l(!1)},[e,y,t]),c=(0,le.useCallback)(p=>{p.key==="Enter"&&b(),p.key==="Escape"&&(d(e.name),l(!1))},[b,e.name]),w=`cw-task-state-${e.state.replace("_","-")}`;return ne.html`
+    <div class="cw-task-item ${w}" style=${{paddingLeft:`${n*16+8}px`}}>
       <button 
         class="cw-task-state-btn" 
-        onClick=${$}
+        onClick=${h}
         title=${xt[e.state]}
       >
         ${It[e.state]}
       </button>
       
-      ${a?ne.html`
+      ${o?ne.html`
         <input
           type="text"
           class="cw-task-edit-input"
           value=${y}
-          onInput=${c=>i(c.target.value)}
-          onBlur=${g}
-          onKeyDown=${u}
+          onInput=${p=>d(p.target.value)}
+          onBlur=${b}
+          onKeyDown=${c}
           autoFocus
         />
       `:ne.html`
         <span 
           class="cw-task-name" 
-          onClick=${()=>r(!0)}
+          onClick=${()=>l(!0)}
           title="Click to edit"
         >
           ${e.name}
@@ -544,16 +545,16 @@ var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Objec
         ×
       </button>
     </div>
-  `}function Ge({tasks:e,progress:t,isLoading:s,error:n,onUpdate:a,onRemove:r,onClear:y,onRefresh:i}){let $=(0,le.useCallback)(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=(0,le.useCallback)((b,c=0)=>ne.html`
+  `}function Ge({tasks:e,progress:t,isLoading:s,error:n,onUpdate:o,onRemove:l,onClear:y,onRefresh:d}){let h=(0,le.useCallback)(w=>{let p=new Map,v=[];return w.forEach(r=>{p.set(r.id,{...r,children:[]})}),w.forEach(r=>{let C=p.get(r.id);r.parent_id&&p.has(r.parent_id)?p.get(r.parent_id).children.push(C):v.push(C)}),v},[]),b=(0,le.useCallback)((w,p=0)=>ne.html`
       <${At}
-        key=${b.id}
-        task=${b}
-        depth=${c}
-        onUpdate=${a}
-        onRemove=${r}
+        key=${w.id}
+        task=${w}
+        depth=${p}
+        onUpdate=${o}
+        onRemove=${l}
       />
-      ${b.children?.map(C=>g(C,c+1))}
-    `,[a,r]),u=$(e);return s&&e.length===0?ne.html`<div class="cw-tasks-loading">Loading tasks...</div>`:ne.html`
+      ${w.children?.map(v=>b(v,p+1))}
+    `,[o,l]),c=h(e);return s&&e.length===0?ne.html`<div class="cw-tasks-loading">Loading tasks...</div>`:ne.html`
     <div class="cw-tasks-container">
       <div class="cw-tasks-header">
         <div class="cw-tasks-progress">
@@ -568,7 +569,7 @@ var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Objec
           </div>
         </div>
         <div class="cw-tasks-actions">
-          <button class="cw-tasks-action-btn" onClick=${i} title="Refresh">↻</button>
+          <button class="cw-tasks-action-btn" onClick=${d} title="Refresh">↻</button>
           ${e.length>0&&ne.html`
             <button class="cw-tasks-action-btn" onClick=${y} title="Clear all">🗑</button>
           `}
@@ -578,15 +579,15 @@ var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Objec
       ${n&&ne.html`<div class="cw-tasks-error">${n}</div>`}
       
       <div class="cw-tasks-list">
-        ${u.length===0?ne.html`
+        ${c.length===0?ne.html`
           <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(b=>g(b))}
+        `:c.map(w=>b(w))}
       </div>
     </div>
-  `}var X=require("htm/preact");function qe({systems:e,agents:t,selectedSystem:s,selectedAgent:n,selectedSystemVersion:a,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 X.html`
+  `}var X=require("htm/preact");function qe({systems:e,agents:t,selectedSystem:s,selectedAgent:n,selectedSystemVersion:o,selectedAgentVersion:l,onSelectSystem:y,onSelectAgent:d,onSelectSystemVersion:h,onSelectAgentVersion:b,disabled:c}){let w=e.find(m=>m.slug===s),p=t.find(m=>m.slug===n),v=w?.versions||[],r=p?.versions||[];if(e.length===0&&t.length===0)return null;let C=e.length>1,$=t.length>1,u=v.length>1,T=r.length>1;return X.html`
     <div class="cw-dev-toolbar">
       <div class="cw-dev-toolbar-label">
         <span class="cw-dev-toolbar-icon">🛠️</span>
@@ -597,12 +598,12 @@ var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Objec
         <!-- System -->
         <div class="cw-dev-select-group">
           <label class="cw-dev-label">System</label>
-          ${f?X.html`
+          ${C?X.html`
             <select
               class="cw-dev-select"
               value=${s||""}
               onChange=${m=>y(m.target.value)}
-              disabled=${u}
+              disabled=${c}
             >
               ${e.map(m=>X.html`
                 <option key=${m.slug} value=${m.slug}>
@@ -611,167 +612,168 @@ var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Objec
               `)}
             </select>
           `:X.html`
-            <span class="cw-dev-badge">${b?.name||"\u2014"}</span>
+            <span class="cw-dev-badge">${w?.name||"\u2014"}</span>
           `}
         </div>
 
         <!-- System Version -->
         <div class="cw-dev-select-group">
           <label class="cw-dev-label">Sys Ver</label>
-          ${v?X.html`
+          ${u?X.html`
             <select
               class="cw-dev-select"
-              value=${a||""}
-              onChange=${m=>$(m.target.value||null)}
-              disabled=${u}
+              value=${o||""}
+              onChange=${m=>h(m.target.value||null)}
+              disabled=${c}
             >
-              ${C.map(m=>X.html`
+              ${v.map(m=>X.html`
                 <option key=${m.version} value=${m.version}>
                   ${m.version}${m.is_active?" \u2713":""}${m.is_draft?" (draft)":""}
                 </option>
               `)}
             </select>
           `:X.html`
-            <span class="cw-dev-badge">${C.length===1?C[0].version:"none"}</span>
+            <span class="cw-dev-badge">${v.length===1?v[0].version:"none"}</span>
           `}
         </div>
 
         <!-- Agent -->
         <div class="cw-dev-select-group">
           <label class="cw-dev-label">Agent</label>
-          ${w?X.html`
+          ${$?X.html`
             <select
               class="cw-dev-select"
               value=${n||""}
-              onChange=${m=>i(m.target.value)}
-              disabled=${u}
+              onChange=${m=>d(m.target.value)}
+              disabled=${c}
             >
               ${t.map(m=>X.html`
                 <option key=${m.slug} value=${m.slug}>
-                  ${m.name}${b?.entry_agent?.slug===m.slug?" \u2605":""}
+                  ${m.name}${w?.entry_agent?.slug===m.slug?" \u2605":""}
                 </option>
               `)}
             </select>
           `:X.html`
-            <span class="cw-dev-badge">${c?.name||t[0]?.name||"\u2014"}${b?.entry_agent?.slug===(c?.slug||t[0]?.slug)?" \u2605":""}</span>
+            <span class="cw-dev-badge">${p?.name||t[0]?.name||"\u2014"}${w?.entry_agent?.slug===(p?.slug||t[0]?.slug)?" \u2605":""}</span>
           `}
         </div>
 
         <!-- Agent Version -->
         <div class="cw-dev-select-group">
           <label class="cw-dev-label">Agent Ver</label>
-          ${_?X.html`
+          ${T?X.html`
             <select
               class="cw-dev-select"
-              value=${r||""}
-              onChange=${m=>g(m.target.value||null)}
-              disabled=${u}
+              value=${l||""}
+              onChange=${m=>b(m.target.value||null)}
+              disabled=${c}
             >
-              ${l.map(m=>X.html`
+              ${r.map(m=>X.html`
                 <option key=${m.version} value=${m.version}>
                   ${m.version}${m.is_active?" \u2713":""}${m.is_draft?" (draft)":""}
                 </option>
               `)}
             </select>
           `:X.html`
-            <span class="cw-dev-badge">${l.length===1?l[0].version:c?.active_version||"\u2014"}</span>
+            <span class="cw-dev-badge">${r.length===1?r[0].version:p?.active_version||"\u2014"}</span>
           `}
         </div>
       </div>
     </div>
-  `}var B=require("preact/hooks");function Ye(e,t,s){let[n,a]=(0,B.useState)([]),[r,y]=(0,B.useState)(!1),[i,$]=(0,B.useState)(null),[g,u]=(0,B.useState)(()=>s?.get(e.conversationIdKey)||null),[b,c]=(0,B.useState)(!1),[C,l]=(0,B.useState)(!1),[f,w]=(0,B.useState)(0),v=(0,B.useRef)(null),_=(0,B.useRef)(null);(0,B.useEffect)(()=>{g&&s?.set(e.conversationIdKey,g)},[g,e.conversationIdKey,s]);let m=(0,B.useCallback)(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",O=>{try{let o=JSON.parse(O.data);e.onEvent&&e.onEvent("assistant.message",o.payload);let M=o.payload.content;M&&(d+=M,a(H=>{let Y=H[H.length-1];return Y?.role==="assistant"&&Y.id.startsWith("assistant-stream-")?[...H.slice(0,-1),{...Y,content:d}]:[...H,{id:"assistant-stream-"+Date.now(),role:"assistant",content:d,timestamp:new Date,type:"message"}]}))}catch(o){console.error("[ChatWidget] Parse error:",o)}}),T.addEventListener("tool.call",O=>{try{let o=JSON.parse(O.data);e.onEvent&&e.onEvent("tool.call",o.payload),a(M=>[...M,{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)}}),T.addEventListener("tool.result",O=>{try{let o=JSON.parse(O.data);e.onEvent&&e.onEvent("tool.result",o.payload);let M=o.payload.result,H=M?.error;a(Y=>[...Y,{id:"tool-result-"+Date.now(),role:"system",content:H?`\u274C ${M.error}`:"\u2713 Done",timestamp:new Date,type:"tool_result",metadata:{toolName:o.payload.name,result:M,toolCallId:o.payload.tool_call_id}}])}catch(o){console.error("[ChatWidget] Parse error:",o)}}),T.addEventListener("custom",O=>{try{let o=JSON.parse(O.data);e.onEvent&&e.onEvent("custom",o.payload),o.payload?.type==="ui_control"&&e.onUIControl&&e.onUIControl(o.payload),o.payload?.type==="agent_context"&&a(M=>[...M,{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)}}),T.addEventListener("sub_agent.start",O=>{try{let o=JSON.parse(O.data);e.onEvent&&e.onEvent("sub_agent.start",o.payload),a(M=>[...M,{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)}}),T.addEventListener("sub_agent.end",O=>{try{let o=JSON.parse(O.data);e.onEvent&&e.onEvent("sub_agent.end",o.payload),a(M=>[...M,{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)}}),T.addEventListener("content.blocks",O=>{try{let o=JSON.parse(O.data);e.onEvent&&e.onEvent("content.blocks",o.payload),a(M=>[...M,{id:"content-blocks-"+Date.now(),role:"assistant",content:"",timestamp:new Date,type:"content_blocks",metadata:{toolName:o.payload.tool_name,toolCallId:o.payload.tool_call_id,blocks:o.payload.blocks}}])}catch(o){console.error("[ChatWidget] Parse error:",o)}});let R=O=>{try{let o=JSON.parse(O.data);if(e.onEvent&&e.onEvent(o.type,o.payload),o.type==="run.failed"){let M=o.payload.error||"Agent run failed";$(M),a(H=>[...H,{id:"error-"+Date.now(),role:"system",content:`\u274C Error: ${M}`,timestamp:new Date,type:"error"}])}}catch(o){console.error("[ChatWidget] Parse error:",o)}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]),V=(0,B.useCallback)(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:O}=k;y(!0),$(null);let o={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};a(M=>[...M,o]);try{let M=await t.getOrCreateSession(),H;if(S.length>0){let j=e.apiCaseStyle!=="camel",xe=he=>j?Se(he):he,ie=new FormData;ie.append(xe("agentKey"),e.agentKey),g&&ie.append(xe("conversationId"),g),ie.append("messages",JSON.stringify([{role:"user",content:h.trim()}])),ie.append("metadata",JSON.stringify(j?{...e.metadata,journey_type:e.defaultJourneyType}:{...e.metadata,journeyType:e.defaultJourneyType})),T&&ie.append("model",T),d&&ie.append("thinking","true"),S.forEach(he=>{ie.append("files",he)}),H=t.getFetchOptions({method:"POST",body:ie},M)}else{let j=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},...O!==void 0&&{supersedeFromMessageIndex:O}});H=t.getFetchOptions({method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(j)},M)}let Y=await fetch(`${e.backendUrl}${e.apiPaths.runs}`,H),E=M;if(Y.status===401){t.clearSession();let j=await t.getOrCreateSession(!0);j&&(E=j,S.length>0?H=t.getFetchOptions({method:"POST",body:H.body},j):H=t.getFetchOptions({method:"POST",headers:{"Content-Type":"application/json"},body:H.body},j),Y=await fetch(`${e.backendUrl}${e.apiPaths.runs}`,H))}if(!Y.ok){let j=await Y.json().catch(()=>({}));throw new Error(j.error||j.detail||`HTTP ${Y.status}`)}let ee=await Y.json(),ae=t.transformResponse(ee);_.current=ae.id,!g&&ae.conversationId&&u(ae.conversationId),await m(ae.id,E,R)}catch(M){$(M.message||"Failed to send message"),y(!1)}finally{_.current=null}},[e,t,g,r,m]),z=(0,B.useCallback)(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,a(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=(0,B.useCallback)(()=>{a([]),u(null),$(null),c(!1),w(0),s?.set(e.conversationIdKey,null)},[e.conversationIdKey,s]),F=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"}},P=(0,B.useCallback)(async h=>{console.log("[ChatWidget] loadConversation called with:",h),y(!0),a([]),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(F).filter(Boolean);console.log("[ChatWidget] Mapped messages:",R),a(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]),K=(0,B.useCallback)(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(F).filter(Boolean);a(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]),G=(0,B.useCallback)(async(h,I,p={})=>{if(r)return;let S=n[h];if(!S||S.role!=="user")return;let k=n.slice(0,h);a(k),await V(I,{...p,supersedeFromMessageIndex:h})},[n,r,V]),U=(0,B.useCallback)(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);a(T),await V(k.content,{...I,supersedeFromMessageIndex:S})},[n,r,V]);return(0,B.useEffect)(()=>()=>{v.current&&v.current.close()},[]),{messages:n,isLoading:r,error:i,conversationId:g,hasMoreMessages:b,loadingMoreMessages:C,sendMessage:V,cancelRun:z,clearMessages:A,loadConversation:P,loadMoreMessages:K,setConversationId:u,editMessage:G,retryMessage:U}}var Z=require("preact/hooks"),Xe="cw_thinking_enabled";function Ze(e,t,s){let[n,a]=(0,Z.useState)([]),[r,y]=(0,Z.useState)(null),[i,$]=(0,Z.useState)(null),[g,u]=(0,Z.useState)(!1),[b,c]=(0,Z.useState)(!1);(0,Z.useEffect)(()=>{(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(),V=m.models||[];a(V),$(m.default);let z=s?.get(e.modelKey);z&&V.some(F=>F.id===z)?y(z):y(m.default),s?.get(Xe)==="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=(0,Z.useCallback)(v=>{y(v),s?.set(e.modelKey,v)},[e.modelKey,s]),l=(0,Z.useCallback)(v=>{c(v),s?.set(Xe,v?"true":"false")},[s]),f=(0,Z.useCallback)(()=>n.find(v=>v.id===r)||null,[n,r]),w=(0,Z.useCallback)(()=>f()?.supports_thinking||!1,[f]);return{availableModels:n,selectedModel:r,defaultModel:i,isLoading:g,selectModel:C,getSelectedModelInfo:f,thinkingEnabled:b,toggleThinking:l,supportsThinking:w}}var te=require("preact/hooks");function Qe(e,t){let[s,n]=(0,te.useState)(null),[a,r]=(0,te.useState)(!1),[y,i]=(0,te.useState)(null),$=e.apiPaths?.tasks||"/api/agent/tasks/",g=(0,te.useCallback)(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=(0,te.useCallback)(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=(0,te.useCallback)(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=(0,te.useCallback)(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=(0,te.useCallback)(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=(0,te.useCallback)(()=>i(null),[]);return{taskList:s,tasks:s?.tasks||[],progress:s?.progress||{total:0,completed:0,percent_complete:0},isLoading:a,error:y,loadTaskList:g,addTask:u,updateTask:b,removeTask:c,clearTasks:C,clearError:l}}var J=require("preact/hooks"),et="cw_selected_system",Me="cw_selected_agent",tt="cw_selected_system_version",ke="cw_selected_agent_version";function st(e,t,s){let[n,a]=(0,J.useState)([]),[r,y]=(0,J.useState)([]),[i,$]=(0,J.useState)(null),[g,u]=(0,J.useState)(null),[b,c]=(0,J.useState)(null),[C,l]=(0,J.useState)(null),[f,w]=(0,J.useState)(!1),v=(0,J.useCallback)(()=>{if(g)return g;if(i){let A=n.find(F=>F.slug===i);if(A?.entry_agent)return A.entry_agent.slug}return e.agentKey},[g,i,n,e.agentKey]);(0,J.useEffect)(()=>{if(!e.showDevTools)return;(async()=>{w(!0);try{let F=await fetch(`${e.backendUrl}${e.apiPaths.systems}`,t.getFetchOptions({method:"GET"}));if(F.ok){let P=await F.json(),K=P.results||P;a(K);let G=s?.get(et);G&&K.some(U=>U.slug===G)?$(G):K.length===1&&$(K[0].slug)}}catch(F){console.warn("[ChatWidget] Failed to load systems:",F)}finally{w(!1)}})()},[e.backendUrl,e.apiPaths.systems,e.showDevTools,t,s]),(0,J.useEffect)(()=>{if(!e.showDevTools)return;(async()=>{try{let F=i?`?system=${encodeURIComponent(i)}`:"",P=await fetch(`${e.backendUrl}${e.apiPaths.agents}${F}`,t.getFetchOptions({method:"GET"}));if(P.ok){let K=await P.json(),G=K.results||K;y(G);let U=s?.get(Me);if(U&&G.some(I=>I.slug===U))u(U);else if(i){let I=n.find(p=>p.slug===i);I?.entry_agent&&u(I.entry_agent.slug)}let h=s?.get(ke);h&&l(h)}}catch(F){console.warn("[ChatWidget] Failed to load agents:",F)}})()},[e.backendUrl,e.apiPaths.agents,e.showDevTools,i,t,s,n]);let _=(0,J.useCallback)(A=>{$(A),s?.set(et,A),u(null),l(null),s?.set(Me,null),s?.set(ke,null);let P=n.find(K=>K.slug===A)?.active_version||null;c(P),s?.set(tt,P)},[s,n]),m=(0,J.useCallback)(A=>{u(A),s?.set(Me,A);let P=r.find(K=>K.slug===A)?.active_version||null;l(P),s?.set(ke,P)},[s,r]),V=(0,J.useCallback)(A=>{c(A),s?.set(tt,A)},[s]),z=(0,J.useCallback)(A=>{l(A),s?.set(ke,A)},[s]);return{systems:n,agents:r,selectedSystem:i,selectedAgent:g,selectedSystemVersion:b,selectedAgentVersion:C,isLoading:f,selectSystem:_,selectAgent:m,selectSystemVersion:V,selectAgentVersion:z,getEffectiveAgentKey:v}}function nt(e,t,s){let n=u=>!u||typeof u!="object"||e.apiCaseStyle==="camel"?u:fe(u),a=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=Fe(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:a}}function at({config:e,onStateChange:t,markdownParser:s,apiRef:n}){console.log("[ChatWidget] Config:",{showConversationSidebar:e.showConversationSidebar,apiPaths:e.apiPaths});let[a,r]=(0,D.useState)(e.embedded||e.forceOpen===!0),[y,i]=(0,D.useState)(!1),[$,g]=(0,D.useState)(!1),[u,b]=(0,D.useState)(!1),[c,C]=(0,D.useState)([]),[l,f]=(0,D.useState)("chat"),[w,v]=(0,D.useState)(!1),[_,m]=(0,D.useState)(e.enableTTS),[V,z]=(0,D.useState)(!1),[A,F]=(0,D.useState)(null);(0,D.useEffect)(()=>{e.forceOpen!==void 0&&r(e.forceOpen)},[e.forceOpen]);let P=(0,D.useMemo)(()=>Oe(e.containerId),[e.containerId]),[K,G]=(0,D.useState)(e.authToken||null),U=(0,D.useMemo)(()=>nt(e,()=>({authToken:K,storage:P}),ae=>{let j=ae({authToken:K,storage:P});j.authToken!==K&&G(j.authToken)}),[e,K,P]),h=st(e,U,P),I=(0,D.useMemo)(()=>{if(!e.showDevTools)return e;let E=h.getEffectiveAgentKey();return E&&E!==e.agentKey?{...e,agentKey:E}:e},[e,h.getEffectiveAgentKey]),p=Ye(I,U,P),S=Ze(e,U,P),k=Qe(e,U);(0,D.useEffect)(()=>{for(let E=p.messages.length-1;E>=0;E--){let ee=p.messages[E];if(ee.type==="sub_agent_start"){F({key:ee.metadata?.subAgentKey,name:ee.metadata?.agentName});return}if(ee.type==="sub_agent_end"){F(null);return}}},[p.messages]),(0,D.useEffect)(()=>{let E=P.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))},[]),(0,D.useEffect)(()=>{t&&t({isOpen:a,isExpanded:y,debugMode:$,messages:p.messages,conversationId:p.conversationId,isLoading:p.isLoading,error:p.error})},[a,y,$,p.messages,p.conversationId,p.isLoading,p.error]);let T=(0,D.useCallback)(async()=>{if(e.showConversationSidebar){v(!0);try{let E=I.agentKey,ee=`${e.backendUrl}${e.apiPaths.conversations}?agent_key=${encodeURIComponent(E)}`,ae=await fetch(ee,U.getFetchOptions({method:"GET"}));if(ae.ok){let j=await ae.json();C(j.results||j)}}catch(E){console.error("[ChatWidget] Failed to load conversations:",E),C([])}finally{v(!1)}}},[e,I,U]),d=(0,D.useCallback)(()=>{let E=!u;b(E),E&&T()},[u,T]),R=(0,D.useCallback)(E=>{E!==p.conversationId&&p.loadConversation(E),b(!1)},[p]),O=(0,D.useCallback)(()=>{p.clearMessages(),b(!1)},[p]),o=(0,D.useCallback)(E=>{p.sendMessage(E,{model:S.selectedModel,thinking:S.thinkingEnabled&&S.supportsThinking(),onAssistantMessage:ee=>{}})},[p,_,S.selectedModel,S.thinkingEnabled,S.supportsThinking]),M=(0,D.useCallback)(E=>{f(E),E==="tasks"&&k.loadTaskList()},[k]);if((0,D.useEffect)(()=>{n&&(n.current={open:()=>r(!0),close:()=>r(!1),send:E=>o(E),clearMessages:()=>p.clearMessages(),toggleTTS:()=>m(E=>!E),stopSpeech:()=>z(!1),setAuth:E=>{E.token!==void 0&&G(E.token)},clearAuth:()=>G(null)})},[p,n,o]),!e.embedded&&!a)return Q.html`
+  `}var H=require("preact/hooks");function Ye(e,t,s){let[n,o]=(0,H.useState)([]),[l,y]=(0,H.useState)(!1),[d,h]=(0,H.useState)(null),[b,c]=(0,H.useState)(()=>s?.get(e.conversationIdKey)||null),[w,p]=(0,H.useState)(!1),[v,r]=(0,H.useState)(!1),[C,$]=(0,H.useState)(0),u=(0,H.useRef)(null),T=(0,H.useRef)(null);(0,H.useEffect)(()=>{b&&s?.set(e.conversationIdKey,b)},[b,e.conversationIdKey,s]);let m=(0,H.useCallback)(async(g,_,f)=>{u.current&&u.current.close();let S=e.apiPaths.runEvents.replace("{runId}",g),E=`${e.backendUrl}${S}`;_&&(E+=`?anonymous_token=${encodeURIComponent(_)}`);let k=new EventSource(E);u.current=k;let i="";k.addEventListener("assistant.message",F=>{try{let a=JSON.parse(F.data);e.onEvent&&e.onEvent("assistant.message",a.payload);let M=a.payload.content;M&&(i+=M,o(W=>{let Y=W[W.length-1];return Y?.role==="assistant"&&Y.id.startsWith("assistant-stream-")?[...W.slice(0,-1),{...Y,content:i}]:[...W,{id:"assistant-stream-"+Date.now(),role:"assistant",content:i,timestamp:new Date,type:"message"}]}))}catch(a){console.error("[ChatWidget] Parse error:",a)}}),k.addEventListener("tool.call",F=>{try{let a=JSON.parse(F.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)}}),k.addEventListener("tool.result",F=>{try{let a=JSON.parse(F.data);e.onEvent&&e.onEvent("tool.result",a.payload);let M=a.payload.result,W=M?.error;o(Y=>[...Y,{id:"tool-result-"+Date.now(),role:"system",content:W?`\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)}}),k.addEventListener("custom",F=>{try{let a=JSON.parse(F.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)}}),k.addEventListener("sub_agent.start",F=>{try{let a=JSON.parse(F.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)}}),k.addEventListener("sub_agent.end",F=>{try{let a=JSON.parse(F.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)}}),k.addEventListener("content.blocks",F=>{try{let a=JSON.parse(F.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 A=F=>{try{let a=JSON.parse(F.data);if(e.onEvent&&e.onEvent(a.type,a.payload),a.type==="run.failed"){let M=a.payload.error||"Agent run failed";h(M),o(W=>[...W,{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),k.close(),u.current=null,i&&f&&f(i)};k.addEventListener("run.succeeded",A),k.addEventListener("run.failed",A),k.addEventListener("run.cancelled",A),k.addEventListener("run.timed_out",A),k.onerror=()=>{y(!1),k.close(),u.current=null}},[e]),B=(0,H.useCallback)(async(g,_={},f={})=>{if(!g.trim()||l)return;let S=[],E={};typeof _=="function"?E={onAssistantMessage:_}:Array.isArray(_)?(S=_,E=f):E=_||{};let{model:k,thinking:i,onAssistantMessage:A,supersedeFromMessageIndex:F}=E;y(!0),h(null);let a={id:$e(),role:"user",content:g.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(),W;if(S.length>0){let j=e.apiCaseStyle!=="camel",xe=he=>j?Se(he):he,ie=new FormData;ie.append(xe("agentKey"),e.agentKey),b&&ie.append(xe("conversationId"),b),ie.append("messages",JSON.stringify([{role:"user",content:g.trim()}])),ie.append("metadata",JSON.stringify(j?{...e.metadata,journey_type:e.defaultJourneyType}:{...e.metadata,journeyType:e.defaultJourneyType})),k&&ie.append("model",k),i&&ie.append("thinking","true"),S.forEach(he=>{ie.append("files",he)}),W=t.getFetchOptions({method:"POST",body:ie},M)}else{let j=t.transformRequest({agentKey:e.agentKey,conversationId:b,messages:[{role:"user",content:g.trim()}],metadata:{...e.metadata,journeyType:e.defaultJourneyType},...k&&{model:k},...i&&{thinking:!0},...F!==void 0&&{supersedeFromMessageIndex:F}});W=t.getFetchOptions({method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(j)},M)}let Y=await fetch(`${e.backendUrl}${e.apiPaths.runs}`,W),I=M;if(Y.status===401){t.clearSession();let j=await t.getOrCreateSession(!0);j&&(I=j,S.length>0?W=t.getFetchOptions({method:"POST",body:W.body},j):W=t.getFetchOptions({method:"POST",headers:{"Content-Type":"application/json"},body:W.body},j),Y=await fetch(`${e.backendUrl}${e.apiPaths.runs}`,W))}if(!Y.ok){let j=await Y.json().catch(()=>({}));throw new Error(j.error||j.detail||`HTTP ${Y.status}`)}let ee=await Y.json(),ae=t.transformResponse(ee);T.current=ae.id,!b&&ae.conversationId&&c(ae.conversationId),await m(ae.id,I,A)}catch(M){h(M.message||"Failed to send message"),y(!1)}finally{T.current=null}},[e,t,b,l,m]),G=(0,H.useCallback)(async()=>{let g=T.current;if(!(!g||!l))try{let _=e.apiPaths.cancelRun?e.apiPaths.cancelRun.replace("{runId}",g):`${e.apiPaths.runs}${g}/cancel/`;(await fetch(`${e.backendUrl}${_}`,t.getFetchOptions({method:"POST",headers:{"Content-Type":"application/json"}}))).ok&&(u.current&&(u.current.close(),u.current=null),y(!1),T.current=null,o(S=>[...S,{id:"cancelled-"+Date.now(),role:"system",content:"\u23F9 Run cancelled",timestamp:new Date,type:"cancelled"}]))}catch(_){console.error("[ChatWidget] Failed to cancel run:",_)}},[e,t,l]),R=(0,H.useCallback)(()=>{o([]),c(null),h(null),p(!1),$(0),s?.set(e.conversationIdKey,null)},[e.conversationIdKey,s]),P=g=>{let _={id:$e(),role:g.role,timestamp:g.timestamp?new Date(g.timestamp):new Date};if(g.role==="tool")return{..._,role:"system",content:"\u2713 Done",type:"tool_result",metadata:{result:g.content,toolCallId:g.toolCallId}};if(g.role==="assistant"&&g.toolCalls&&g.toolCalls.length>0)return g.toolCalls.map(S=>({id:$e(),role:"assistant",content:`\u{1F527} ${S.function?.name||S.name||"tool"}`,timestamp:_.timestamp,type:"tool_call",metadata:{toolName:S.function?.name||S.name,arguments:S.function?.arguments||S.arguments,toolCallId:S.id}}));let f=typeof g.content=="string"?g.content:JSON.stringify(g.content);return g.role==="assistant"&&!f?.trim()?null:{..._,content:f,type:"message"}},O=(0,H.useCallback)(async g=>{console.log("[ChatWidget] loadConversation called with:",g),y(!0),o([]),c(g);try{let _=await t.getOrCreateSession(),S=`${e.backendUrl}${e.apiPaths.conversations}${g}/?limit=10&offset=0`;console.log("[ChatWidget] Fetching conversation from:",S);let E=await fetch(S,t.getFetchOptions({method:"GET"},_));if(console.log("[ChatWidget] Response status:",E.status),E.ok){let k=await E.json();console.log("[ChatWidget] Raw conversation:",k);let i=t.transformResponse(k);if(console.log("[ChatWidget] Transformed conversation:",i),i.messages){let A=i.messages.flatMap(P).filter(Boolean);console.log("[ChatWidget] Mapped messages:",A),o(A)}p(i.hasMore||!1),$(i.messages?.length||0)}else E.status===404?(console.log("[ChatWidget] Conversation not found, clearing"),c(null),s?.set(e.conversationIdKey,null)):console.error("[ChatWidget] Unexpected response status:",E.status)}catch(_){console.error("[ChatWidget] Failed to load conversation:",_)}finally{y(!1)}},[e,t,s]),K=(0,H.useCallback)(async()=>{if(!(!b||v||!w)){r(!0);try{let g=await t.getOrCreateSession(),f=`${e.backendUrl}${e.apiPaths.conversations}${b}/?limit=10&offset=${C}`,S=await fetch(f,t.getFetchOptions({method:"GET"},g));if(S.ok){let E=await S.json(),k=t.transformResponse(E);if(k.messages?.length>0){let i=k.messages.flatMap(P).filter(Boolean);o(A=>[...i,...A]),$(A=>A+k.messages.length),p(k.hasMore||!1)}else p(!1)}}catch(g){console.error("[ChatWidget] Failed to load more messages:",g)}finally{r(!1)}}},[e,t,b,C,v,w]),J=(0,H.useCallback)(async(g,_,f={})=>{if(l)return;let S=n[g];if(!S||S.role!=="user")return;let E=n.slice(0,g);o(E),await B(_,{...f,supersedeFromMessageIndex:g})},[n,l,B]),U=(0,H.useCallback)(async(g,_={})=>{if(l)return;let f=n[g];if(!f)return;let S=g,E=f;if(f.role==="assistant"){for(let i=g-1;i>=0;i--)if(n[i].role==="user"){S=i,E=n[i];break}if(E.role!=="user")return}else if(f.role!=="user")return;let k=n.slice(0,S);o(k),await B(E.content,{..._,supersedeFromMessageIndex:S})},[n,l,B]);return(0,H.useEffect)(()=>()=>{u.current&&u.current.close()},[]),{messages:n,isLoading:l,error:d,conversationId:b,hasMoreMessages:w,loadingMoreMessages:v,sendMessage:B,cancelRun:G,clearMessages:R,loadConversation:O,loadMoreMessages:K,setConversationId:c,editMessage:J,retryMessage:U}}var Z=require("preact/hooks"),Xe="cw_thinking_enabled";function Ze(e,t,s){let[n,o]=(0,Z.useState)([]),[l,y]=(0,Z.useState)(null),[d,h]=(0,Z.useState)(null),[b,c]=(0,Z.useState)(!1),[w,p]=(0,Z.useState)(!1);(0,Z.useEffect)(()=>{(async()=>{if(e.showModelSelector){c(!0);try{let T=await fetch(`${e.backendUrl}${e.apiPaths.models}`,t.getFetchOptions({method:"GET"}));if(T.ok){let m=await T.json(),B=m.models||[];o(B),h(m.default);let G=s?.get(e.modelKey);G&&B.some(P=>P.id===G)?y(G):y(m.default),s?.get(Xe)==="true"&&p(!0)}}catch(T){console.warn("[ChatWidget] Failed to load models:",T)}finally{c(!1)}}})()},[e.backendUrl,e.apiPaths.models,e.showModelSelector,e.modelKey,t,s]);let v=(0,Z.useCallback)(u=>{y(u),s?.set(e.modelKey,u)},[e.modelKey,s]),r=(0,Z.useCallback)(u=>{p(u),s?.set(Xe,u?"true":"false")},[s]),C=(0,Z.useCallback)(()=>n.find(u=>u.id===l)||null,[n,l]),$=(0,Z.useCallback)(()=>C()?.supports_thinking||!1,[C]);return{availableModels:n,selectedModel:l,defaultModel:d,isLoading:b,selectModel:v,getSelectedModelInfo:C,thinkingEnabled:w,toggleThinking:r,supportsThinking:$}}var te=require("preact/hooks");function Qe(e,t){let[s,n]=(0,te.useState)(null),[o,l]=(0,te.useState)(!1),[y,d]=(0,te.useState)(null),h=e.apiPaths?.tasks||"/api/agent/tasks/",b=(0,te.useCallback)(async()=>{l(!0),d(null);try{let C=`${e.backendUrl}${h}`,$=await fetch(C,t.getFetchOptions({method:"GET"}));if($.ok){let u=await $.json();n(u)}else{let u=await $.json().catch(()=>({}));d(u.error||"Failed to load tasks")}}catch(C){console.error("[useTasks] Failed to load task list:",C),d("Failed to load tasks")}finally{l(!1)}},[e.backendUrl,h,t]),c=(0,te.useCallback)(async C=>{if(!s)return null;try{let $=`${e.backendUrl}${h}${s.id}/add_task/`,u=await fetch($,t.getFetchOptions({method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(C)}));if(u.ok){let T=await u.json();return await b(),T}else{let T=await u.json().catch(()=>({}));return d(T.error||"Failed to add task"),null}}catch($){return console.error("[useTasks] Failed to add task:",$),d("Failed to add task"),null}},[e.backendUrl,h,s,t,b]),w=(0,te.useCallback)(async(C,$)=>{if(!s)return null;try{let u=`${e.backendUrl}${h}${s.id}/update_task/${C}/`,T=await fetch(u,t.getFetchOptions({method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify($)}));if(T.ok){let m=await T.json();return await b(),m}else{let m=await T.json().catch(()=>({}));return d(m.error||"Failed to update task"),null}}catch(u){return console.error("[useTasks] Failed to update task:",u),d("Failed to update task"),null}},[e.backendUrl,h,s,t,b]),p=(0,te.useCallback)(async C=>{if(!s)return!1;try{let $=`${e.backendUrl}${h}${s.id}/remove_task/${C}/`,u=await fetch($,t.getFetchOptions({method:"DELETE"}));if(u.ok)return await b(),!0;{let T=await u.json().catch(()=>({}));return d(T.error||"Failed to remove task"),!1}}catch($){return console.error("[useTasks] Failed to remove task:",$),d("Failed to remove task"),!1}},[e.backendUrl,h,s,t,b]),v=(0,te.useCallback)(async()=>{if(!s)return!1;try{let C=`${e.backendUrl}${h}${s.id}/clear/`,$=await fetch(C,t.getFetchOptions({method:"POST"}));if($.ok)return await b(),!0;{let u=await $.json().catch(()=>({}));return d(u.error||"Failed to clear tasks"),!1}}catch(C){return console.error("[useTasks] Failed to clear tasks:",C),d("Failed to clear tasks"),!1}},[e.backendUrl,h,s,t,b]),r=(0,te.useCallback)(()=>d(null),[]);return{taskList:s,tasks:s?.tasks||[],progress:s?.progress||{total:0,completed:0,percent_complete:0},isLoading:o,error:y,loadTaskList:b,addTask:c,updateTask:w,removeTask:p,clearTasks:v,clearError:r}}var z=require("preact/hooks"),et="cw_selected_system",Me="cw_selected_agent",tt="cw_selected_system_version",ke="cw_selected_agent_version";function st(e,t,s){let[n,o]=(0,z.useState)([]),[l,y]=(0,z.useState)([]),[d,h]=(0,z.useState)(null),[b,c]=(0,z.useState)(null),[w,p]=(0,z.useState)(null),[v,r]=(0,z.useState)(null),[C,$]=(0,z.useState)(!1),u=(0,z.useCallback)(()=>{if(b)return b;if(d){let R=n.find(P=>P.slug===d);if(R?.entry_agent)return R.entry_agent.slug}return e.agentKey},[b,d,n,e.agentKey]);(0,z.useEffect)(()=>{if(!e.showDevTools)return;(async()=>{$(!0);try{let P=await fetch(`${e.backendUrl}${e.apiPaths.systems}`,t.getFetchOptions({method:"GET"}));if(P.ok){let O=await P.json(),K=O.results||O;o(K);let J=s?.get(et);J&&K.some(U=>U.slug===J)?h(J):K.length===1&&h(K[0].slug)}}catch(P){console.warn("[ChatWidget] Failed to load systems:",P)}finally{$(!1)}})()},[e.backendUrl,e.apiPaths.systems,e.showDevTools,t,s]),(0,z.useEffect)(()=>{if(!e.showDevTools)return;(async()=>{try{let P=d?`?system=${encodeURIComponent(d)}`:"",O=await fetch(`${e.backendUrl}${e.apiPaths.agents}${P}`,t.getFetchOptions({method:"GET"}));if(O.ok){let K=await O.json(),J=K.results||K;y(J);let U=s?.get(Me);if(U&&J.some(_=>_.slug===U))c(U);else if(d){let _=n.find(f=>f.slug===d);_?.entry_agent&&c(_.entry_agent.slug)}let g=s?.get(ke);g&&r(g)}}catch(P){console.warn("[ChatWidget] Failed to load agents:",P)}})()},[e.backendUrl,e.apiPaths.agents,e.showDevTools,d,t,s,n]);let T=(0,z.useCallback)(R=>{h(R),s?.set(et,R),c(null),r(null),s?.set(Me,null),s?.set(ke,null);let O=n.find(K=>K.slug===R)?.active_version||null;p(O),s?.set(tt,O)},[s,n]),m=(0,z.useCallback)(R=>{c(R),s?.set(Me,R);let O=l.find(K=>K.slug===R)?.active_version||null;r(O),s?.set(ke,O)},[s,l]),B=(0,z.useCallback)(R=>{p(R),s?.set(tt,R)},[s]),G=(0,z.useCallback)(R=>{r(R),s?.set(ke,R)},[s]);return{systems:n,agents:l,selectedSystem:d,selectedAgent:b,selectedSystemVersion:w,selectedAgentVersion:v,isLoading:C,selectSystem:T,selectAgent:m,selectSystemVersion:B,selectAgentVersion:G,getEffectiveAgentKey:u}}function nt(e,t,s){let n=c=>!c||typeof c!="object"||e.apiCaseStyle==="camel"?c:fe(c),o=c=>!c||typeof c!="object"||e.apiCaseStyle==="snake"?c:ge(c),l=()=>e.authStrategy?e.authStrategy:e.authToken?"token":e.apiPaths.anonymousSession||e.anonymousSessionEndpoint?"anonymous":"none",y=(c=null)=>{let w=l(),p={},v=c||e.authToken||t().authToken;if(w==="token"&&v){let r=e.authHeader||"Authorization",C=e.authTokenPrefix!==void 0?e.authTokenPrefix:"Token";p[r]=C?`${C} ${v}`:v}else if(w==="jwt"&&v){let r=e.authHeader||"Authorization",C=e.authTokenPrefix!==void 0?e.authTokenPrefix:"Bearer";p[r]=C?`${C} ${v}`:v}else if(w==="anonymous"&&v){let r=e.authHeader||e.anonymousTokenHeader||"X-Anonymous-Token";p[r]=v}if(w==="session"){let r=Fe(e.csrfCookieName);r&&(p["X-CSRFToken"]=r)}return p};return{getAuthStrategy:l,getAuthHeaders:y,getFetchOptions:(c={},w=null)=>{let p=l(),v={...c},r=y(w);return console.log("[ChatWidget] getFetchOptions - strategy:",p,"overrideToken:",w,"authHeaders:",r),v.headers={...v.headers,...r},p==="session"&&(v.credentials="include"),v},getOrCreateSession:async(c=!1)=>{let w=l(),p=t(),v=e.anonymousTokenKey||e.sessionTokenKey;if(w!=="anonymous")return e.authToken||p.authToken;if(!c){if(p.authToken)return p.authToken;let r=p.storage?.get(v);if(r)return s(C=>({...C,authToken:r})),r}try{let r=e.anonymousSessionEndpoint||e.apiPaths.anonymousSession,C=await fetch(`${e.backendUrl}${r}`,{method:"POST",headers:{"Content-Type":"application/json"}});if(C.ok){let $=await C.json();return s(u=>({...u,authToken:$.token})),p.storage?.set(v,$.token),$.token}}catch(r){console.warn("[ChatWidget] Failed to create session:",r)}return null},clearSession:()=>{let c=e.anonymousTokenKey||e.sessionTokenKey,w=t();s(p=>({...p,authToken:null})),w.storage?.set(c,null)},transformRequest:n,transformResponse:o}}function at({config:e,onStateChange:t,markdownParser:s,apiRef:n}){console.log("[ChatWidget] Config:",{showConversationSidebar:e.showConversationSidebar,apiPaths:e.apiPaths});let[o,l]=(0,D.useState)(e.embedded||e.forceOpen===!0),[y,d]=(0,D.useState)(!1),[h,b]=(0,D.useState)(!1),[c,w]=(0,D.useState)(!1),[p,v]=(0,D.useState)([]),[r,C]=(0,D.useState)("chat"),[$,u]=(0,D.useState)(!1),[T,m]=(0,D.useState)(e.enableTTS),[B,G]=(0,D.useState)(!1),[R,P]=(0,D.useState)(null);(0,D.useEffect)(()=>{e.forceOpen!==void 0&&l(e.forceOpen)},[e.forceOpen]);let O=(0,D.useMemo)(()=>Oe(e.containerId),[e.containerId]),[K,J]=(0,D.useState)(e.authToken||null),U=(0,D.useMemo)(()=>nt(e,()=>({authToken:K,storage:O}),ae=>{let j=ae({authToken:K,storage:O});j.authToken!==K&&J(j.authToken)}),[e,K,O]),g=st(e,U,O),_=(0,D.useMemo)(()=>{if(!e.showDevTools)return e;let I=g.getEffectiveAgentKey();return I&&I!==e.agentKey?{...e,agentKey:I}:e},[e,g.getEffectiveAgentKey]),f=Ye(_,U,O),S=Ze(e,U,O),E=Qe(e,U);(0,D.useEffect)(()=>{for(let I=f.messages.length-1;I>=0;I--){let ee=f.messages[I];if(ee.type==="sub_agent_start"){P({key:ee.metadata?.subAgentKey,name:ee.metadata?.agentName});return}if(ee.type==="sub_agent_end"){P(null);return}}},[f.messages]),(0,D.useEffect)(()=>{let I=O.get(e.conversationIdKey);console.log("[ChatWidget] Initial load - storedConvId:",I,"key:",e.conversationIdKey),console.log("[ChatWidget] apiPaths.conversations:",e.apiPaths.conversations),I&&(console.log("[ChatWidget] Loading conversation:",I),f.loadConversation(I))},[]),(0,D.useEffect)(()=>{t&&t({isOpen:o,isExpanded:y,debugMode:h,messages:f.messages,conversationId:f.conversationId,isLoading:f.isLoading,error:f.error})},[o,y,h,f.messages,f.conversationId,f.isLoading,f.error]);let k=(0,D.useCallback)(async()=>{if(e.showConversationSidebar){u(!0);try{let I=_.agentKey,ee=`${e.backendUrl}${e.apiPaths.conversations}?agent_key=${encodeURIComponent(I)}`,ae=await fetch(ee,U.getFetchOptions({method:"GET"}));if(ae.ok){let j=await ae.json();v(j.results||j)}}catch(I){console.error("[ChatWidget] Failed to load conversations:",I),v([])}finally{u(!1)}}},[e,_,U]),i=(0,D.useCallback)(()=>{let I=!c;w(I),I&&k()},[c,k]),A=(0,D.useCallback)(I=>{I!==f.conversationId&&f.loadConversation(I),w(!1)},[f]),F=(0,D.useCallback)(()=>{f.clearMessages(),w(!1)},[f]),a=(0,D.useCallback)(I=>{f.sendMessage(I,{model:S.selectedModel,thinking:S.thinkingEnabled&&S.supportsThinking(),onAssistantMessage:ee=>{}})},[f,T,S.selectedModel,S.thinkingEnabled,S.supportsThinking]),M=(0,D.useCallback)(I=>{C(I),I==="tasks"&&E.loadTaskList()},[E]);if((0,D.useEffect)(()=>{n&&(n.current={open:()=>l(!0),close:()=>l(!1),send:I=>a(I),clearMessages:()=>f.clearMessages(),toggleTTS:()=>m(I=>!I),stopSpeech:()=>G(!1),setAuth:I=>{I.token!==void 0&&J(I.token)},clearAuth:()=>J(null)})},[f,n,a]),!e.embedded&&!o)return Q.html`
       <button 
         class="cw-fab" 
         style=${{backgroundColor:e.primaryColor}}
-        onClick=${()=>r(!0)}
+        onClick=${()=>l(!0)}
       >
         <svg class="cw-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>
       </button>
-    `;let H=["cw-widget",y&&"cw-widget-expanded",e.embedded&&"cw-widget-embedded"].filter(Boolean).join(" "),Y=e.headerTextColor||Pe(e.primaryColor);return Q.html`
-    <div class=${H} style=${{"--cw-primary":e.primaryColor,"--cw-header-text":Y}}>
+    `;let W=["cw-widget",y&&"cw-widget-expanded",e.embedded&&"cw-widget-embedded"].filter(Boolean).join(" "),Y=e.headerTextColor||Pe(e.primaryColor);return Q.html`
+    <div class=${W} style=${{"--cw-primary":e.primaryColor,"--cw-header-text":Y}}>
       ${e.showConversationSidebar&&Q.html`
         <${je}
-          isOpen=${u}
-          conversations=${c}
-          conversationsLoading=${w}
-          currentConversationId=${p.conversationId}
-          onClose=${()=>b(!1)}
-          onNewConversation=${O}
-          onSwitchConversation=${R}
+          isOpen=${c}
+          conversations=${p}
+          conversationsLoading=${$}
+          currentConversationId=${f.conversationId}
+          onClose=${()=>w(!1)}
+          onNewConversation=${F}
+          onSwitchConversation=${A}
         />
       `}
       
       ${e.showHeader!==!1&&Q.html`
         <${Le}
           config=${e}
-          debugMode=${$}
+          debugMode=${h}
           isExpanded=${y}
-          isSpeaking=${V}
-          messagesCount=${p.messages.length}
-          isLoading=${p.isLoading}
-          currentAgent=${A}
-          onClose=${()=>r(!1)}
-          onToggleExpand=${()=>i(!y)}
-          onToggleDebug=${()=>g(!$)}
-          onToggleTTS=${()=>m(!_)}
-          onClear=${p.clearMessages}
-          onToggleSidebar=${d}
+          isSpeaking=${B}
+          messagesCount=${f.messages.length}
+          isLoading=${f.isLoading}
+          currentAgent=${R}
+          onClose=${()=>l(!1)}
+          onToggleExpand=${()=>d(!y)}
+          onToggleDebug=${()=>b(!h)}
+          onToggleTTS=${()=>m(!T)}
+          onClear=${f.clearMessages}
+          onToggleSidebar=${i}
         />
       `}
 
       ${e.showDevTools&&Q.html`
         <${qe}
-          systems=${h.systems}
-          agents=${h.agents}
-          selectedSystem=${h.selectedSystem}
-          selectedAgent=${h.selectedAgent}
-          selectedSystemVersion=${h.selectedSystemVersion}
-          selectedAgentVersion=${h.selectedAgentVersion}
-          onSelectSystem=${h.selectSystem}
-          onSelectAgent=${h.selectAgent}
-          onSelectSystemVersion=${h.selectSystemVersion}
-          onSelectAgentVersion=${h.selectAgentVersion}
-          disabled=${p.isLoading}
+          systems=${g.systems}
+          agents=${g.agents}
+          selectedSystem=${g.selectedSystem}
+          selectedAgent=${g.selectedAgent}
+          selectedSystemVersion=${g.selectedSystemVersion}
+          selectedAgentVersion=${g.selectedAgentVersion}
+          onSelectSystem=${g.selectSystem}
+          onSelectAgent=${g.selectAgent}
+          onSelectSystemVersion=${g.selectSystemVersion}
+          onSelectAgentVersion=${g.selectAgentVersion}
+          disabled=${f.isLoading}
         />
       `}
 
       ${e.showTasksTab!==!1&&Q.html`
         <div class="cw-tabs">
           <button
-            class=${`cw-tab ${l==="chat"?"cw-tab-active":""}`}
+            class=${`cw-tab ${r==="chat"?"cw-tab-active":""}`}
             onClick=${()=>M("chat")}
           >
             Chat
           </button>
           <button
-            class=${`cw-tab ${l==="tasks"?"cw-tab-active":""}`}
+            class=${`cw-tab ${r==="tasks"?"cw-tab-active":""}`}
             onClick=${()=>M("tasks")}
           >
-            Tasks ${k.progress.total>0?Q.html`<span class="cw-tab-badge">${k.progress.completed}/${k.progress.total}</span>`:""}
+            Tasks ${E.progress.total>0?Q.html`<span class="cw-tab-badge">${E.progress.completed}/${E.progress.total}</span>`:""}
           </button>
         </div>
       `}
 
-      ${$&&Q.html`<div class="cw-status-bar"><span>🐛 Debug</span></div>`}
+      ${h&&Q.html`<div class="cw-status-bar"><span>🐛 Debug</span></div>`}
 
-      ${l==="chat"?Q.html`
+      ${r==="chat"?Q.html`
         <${Ve}
-          messages=${p.messages}
-          isLoading=${p.isLoading}
-          hasMoreMessages=${p.hasMoreMessages}
-          loadingMoreMessages=${p.loadingMoreMessages}
-          onLoadMore=${p.loadMoreMessages}
-          onEditMessage=${p.editMessage}
-          onRetryMessage=${p.retryMessage}
-          debugMode=${$}
+          messages=${f.messages}
+          isLoading=${f.isLoading}
+          hasMoreMessages=${f.hasMoreMessages}
+          loadingMoreMessages=${f.loadingMoreMessages}
+          onLoadMore=${f.loadMoreMessages}
+          onEditMessage=${f.editMessage}
+          onRetryMessage=${f.retryMessage}
+          onSendMessage=${a}
+          debugMode=${h}
           markdownParser=${s}
           emptyStateTitle=${e.emptyStateTitle}
           emptyStateMessage=${e.emptyStateMessage}
         />
 
-        ${p.error&&Q.html`<div class="cw-error-bar">${p.error}</div>`}
+        ${f.error&&Q.html`<div class="cw-error-bar">${f.error}</div>`}
 
         ${e.showModelSelector&&S.availableModels.length>0&&Q.html`
           <${ze}
@@ -780,14 +782,14 @@ var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Objec
             onSelectModel=${S.selectModel}
             thinkingEnabled=${S.thinkingEnabled}
             onToggleThinking=${S.toggleThinking}
-            disabled=${p.isLoading}
+            disabled=${f.isLoading}
           />
         `}
 
         <${Ue}
-          onSend=${o}
-          onCancel=${p.cancelRun}
-          isLoading=${p.isLoading}
+          onSend=${a}
+          onCancel=${f.cancelRun}
+          isLoading=${f.isLoading}
           placeholder=${e.placeholder}
           primaryColor=${e.primaryColor}
           enableVoice=${e.enableVoice}
@@ -795,14 +797,14 @@ var me=Object.defineProperty;var ct=Object.getOwnPropertyDescriptor;var dt=Objec
         />
       `:Q.html`
         <${Ge}
-          tasks=${k.tasks}
-          progress=${k.progress}
-          isLoading=${k.isLoading}
-          error=${k.error}
-          onUpdate=${k.updateTask}
-          onRemove=${k.removeTask}
-          onClear=${k.clearTasks}
-          onRefresh=${k.loadTaskList}
+          tasks=${E.tasks}
+          progress=${E.progress}
+          isLoading=${E.isLoading}
+          error=${E.error}
+          onUpdate=${E.updateTask}
+          onRemove=${E.removeTask}
+          onClear=${E.clearTasks}
+          onRefresh=${E.loadTaskList}
         />
       `}
     </div>