@makemore/agent-frontend 2.8.3 → 2.9.0

package/dist/chat-widget.cjs.js

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