@hsafa/ui-sdk 0.5.5 → 0.5.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +119 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +4 -1
- package/dist/index.d.ts +4 -1
- package/dist/index.js +119 -8
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
'use strict';var jsxRuntime=require('react/jsx-runtime'),zo=require('react'),react=require('@ai-sdk/react'),ai=require('ai'),client=require('react-dom/client'),xMarkdown=require('@ant-design/x-markdown');require('@ant-design/x-markdown/themes/light.css'),require('@ant-design/x-markdown/themes/dark.css');var reactDom=require('react-dom'),lucideReact=require('lucide-react');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var zo__default=/*#__PURE__*/_interopDefault(zo);var Ce={};var kr=({variant:e="primary",size:t="md",loading:n=false,disabled:r,children:o,className:c,...u})=>{let i=[Ce.button,Ce[e],Ce[t],n&&Ce.loading,c].filter(Boolean).join(" ");return jsxRuntime.jsxs("button",{className:i,disabled:r||n,...u,children:[n&&jsxRuntime.jsx("span",{className:Ce.spinner}),jsxRuntime.jsx("span",{className:n?Ce.hiddenText:void 0,children:o})]})};function Wt({show:e,onClick:t,resolvedColors:n,floatingButtonPosition:r}){if(!e)return null;let o={position:"fixed",bottom:typeof r.bottom=="number"?`${r.bottom}px`:r.bottom,right:r.right?typeof r.right=="number"?`${r.right}px`:r.right:void 0,top:r.top?typeof r.top=="number"?`${r.top}px`:r.top:void 0,left:r.left?typeof r.left=="number"?`${r.left}px`:r.left:void 0,zIndex:1e3};return jsxRuntime.jsx("button",{"aria-label":"Open chat",onClick:t,style:{...o,borderColor:n.borderColor,backgroundColor:n.accentColor,color:n.textColor,borderRadius:"50%",border:`1px solid ${n.borderColor}`,padding:"12px",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",transition:"all 0.2s",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:c=>{c.currentTarget.style.borderColor=n.primaryColor,c.currentTarget.style.backgroundColor=`${n.accentColor}dd`;},onMouseLeave:c=>{c.currentTarget.style.borderColor=n.borderColor,c.currentTarget.style.backgroundColor=n.accentColor;},children:jsxRuntime.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"})})})}function _t(e=true){let t=zo.useRef(null),n=zo.useRef(e);return zo.useEffect(()=>{n.current=e;},[e]),zo.useEffect(()=>{let r=t.current;if(!r)return;let o=new MutationObserver(()=>{n.current&&(r.scrollTop=r.scrollHeight);});return o.observe(r,{childList:true,subtree:true}),n.current&&(r.scrollTop=r.scrollHeight),()=>o.disconnect()},[]),t}function jt(e,t){if(!e)return t;let n=e.endsWith("/")?e.slice(0,-1):e,r=t.startsWith("/")?t:`/${t}`;return `${n}${r}`}var qt=zo.createContext(void 0);function no({baseUrl:e,dir:t="ltr",theme:n="dark",children:r}){let[o,c]=zo.useState(new Map),[u,i]=zo.useState(new Map),[x,I]=zo.useState(new Map),[y,T]=zo.useState(new Map),[v,k]=zo.useState(void 0),a=zo.useCallback((d,C)=>(c(M=>{let m=new Map(M);return m.set(String(d),C),m}),()=>{c(M=>{let m=new Map(M),R=m.get(String(d));return (!C||R===C)&&m.delete(String(d)),m});}),[]),b=zo.useCallback((d,C)=>{c(M=>{let m=new Map(M),R=m.get(String(d));return (!C||R===C)&&m.delete(String(d)),m});},[]),s=zo.useCallback((d,C)=>(i(M=>{let m=new Map(M);return m.set(String(d),C),m}),()=>{i(M=>{let m=new Map(M),R=m.get(String(d));return (!C||R===C)&&m.delete(String(d)),m});}),[]),l=zo.useCallback((d,C)=>{i(M=>{let m=new Map(M),R=m.get(String(d));return (!C||R===C)&&m.delete(String(d)),m});},[]),p=zo.useCallback((d,C)=>{I(M=>{let m=new Map(M);return C?m.set(d,true):m.delete(d),m});},[]),h=zo.useCallback((d,C)=>{T(M=>{let m=new Map(M);return m.set(d,C),m});},[]),g=zo.useMemo(()=>Array.from(x.values()).some(d=>d),[x]),w=zo.useMemo(()=>Array.from(y.values()).some(d=>d),[y]),f=zo.useMemo(()=>({baseUrl:e,dir:t,theme:n,actions:o,components:u,registerAction:a,unregisterAction:b,registerComponent:s,unregisterComponent:l,isAnyStreaming:g,setStreamingState:p,isAnyChatOpen:w,setChatOpenState:h,currentChatId:v,setCurrentChatId:k}),[e,t,n,o,u,a,b,s,l,g,p,w,h,v]);return jsxRuntime.jsx(qt.Provider,{value:f,children:r})}function ne(){let e=zo.useContext(qt);return e||{baseUrl:void 0,actions:new Map,components:new Map,registerAction:()=>()=>{},unregisterAction:()=>{},registerComponent:()=>()=>{},unregisterComponent:()=>{},isAnyStreaming:false,setStreamingState:()=>{},isAnyChatOpen:false,setChatOpenState:()=>{},currentChatId:void 0,setCurrentChatId:()=>{}}}var Ct=25*1024*1024;function Vt(e){let{baseUrl:t}=ne(),n=e||t||"",[r,o]=zo.useState([]),[c,u]=zo.useState(false),i=zo.useRef(null),x=zo.useCallback(a=>{if(!a||Number.isNaN(a))return "0 B";let b=["B","KB","MB","GB","TB"],s=Math.min(b.length-1,Math.floor(Math.log(a)/Math.log(1024)));return `${(a/Math.pow(1024,s)).toFixed(s===0?0:1)} ${b[s]}`},[]),I=zo.useCallback(async a=>{let b=new FormData;b.append("file",a);let s=await fetch(jt(n,"/api/uploads"),{method:"POST",body:b});if(!s.ok){let p=await s.text().catch(()=>"");throw new Error(p||`Failed to upload ${a.name}`)}let l=await s.json();return {id:l.id,name:l.name||a.name,url:l.url,mimeType:l.mimeType||a.type||"application/octet-stream",size:typeof l.size=="number"?l.size:a.size}},[n]),y=zo.useCallback(a=>{o(b=>b.filter(s=>s.id!==a));},[]),T=zo.useCallback(async(a,b)=>{if(!a)return;let s=Array.isArray(a)?a:Array.from(a);b(null),u(true);let l=[];try{for(let p of s){if(p.size>Ct){b(`"${p.name}" exceeds the ${x(Ct)} limit.`);continue}try{let h=await I(p);l.push(h);}catch(h){console.error("Failed to upload attachment:",h),b(String(h?.message??`Failed to upload ${p.name}`));}}l.length&&o(p=>[...p,...l]);}finally{u(false);}},[I,x]),v=zo.useCallback((a,b)=>{let s=[],l=(a||"").trim();l&&s.push({type:"text",text:l});for(let p of b||[]){let h=p.mimeType||"application/octet-stream";h.startsWith("image/")?s.push({type:"image",image:new URL(p.url),mediaType:h}):s.push({type:"file",data:p.url,mediaType:h,name:p.name});}return s},[]),k=zo.useCallback(()=>{o([]);},[]);return {attachments:r,uploading:c,fileInputRef:i,formatBytes:x,handleRemoveAttachment:y,handleFileSelection:T,buildUserContent:v,clearAttachments:k,setAttachments:o,MAX_UPLOAD_SIZE:Ct}}function Xt(e,t,n,r){return console.log("\u{1F680} [SDK] createHsafaTransport called with templateParams:",r),new ai.DefaultChatTransport({api:`${e}/api/run/${t}`,fetch:async(o,c)=>{let u=c||{},i=u?.body?JSON.parse(u.body):{},x=r&&typeof r=="object"?r:{};console.log("\u{1F680} [SDK] Before merge - body:",i),console.log("\u{1F680} [SDK] Before merge - mergedParams:",x);let I={...x,...i,chatId:n};return console.log("\u{1F680} [SDK] After merge - enhancedBody:",I),fetch(o,{...c,body:JSON.stringify(I)})}})}function so(e){if(!(e instanceof HTMLElement))return true;let t=window.getComputedStyle(e);return t.display!=="none"&&t.visibility!=="hidden"&&t.opacity!=="0"&&e.offsetParent!==null}function io(e){if(e.id){let n=document.querySelector(`label[for="${e.id}"]`);if(n)return n.textContent?.trim()}let t=e.closest("label");if(t){let n=t.cloneNode(true),r=n.querySelector("input, select, textarea");return r&&r.remove(),n.textContent?.trim()}}function vt(e){if(e.textContent&&e.textContent.trim())return e.textContent.trim().slice(0,100)}function kt(e){if(e instanceof HTMLInputElement){let t=e.type.toLowerCase();return t==="checkbox"||t==="radio"?e.checked:e.value}if(e instanceof HTMLTextAreaElement)return e.value;if(e instanceof HTMLSelectElement)return e.multiple?Array.from(e.selectedOptions).map(t=>t.value):e.value;if(e instanceof HTMLElement&&e.isContentEditable)return e.textContent||void 0}function lo(e){if(e.id)return `#${e.id}`;let t=[],n=e;for(;n&&n!==document.body;){let r=n.tagName.toLowerCase();if(n.className&&typeof n.className=="string"){let c=n.className.split(" ").filter(u=>u.trim()).slice(0,2);c.length>0&&(r+="."+c.join("."));}let o=n.parentElement;if(o){let c=Array.from(o.children).filter(u=>u.tagName===n.tagName);if(c.length>1){let u=c.indexOf(n)+1;r+=`:nth-child(${u})`;}}t.unshift(r),n=o;}return t.slice(-3).join(" > ")}async function Ne(e={}){try{let{includeHidden:t=!1,selector:n,what:r="content",limit:o}=e,c=document.querySelector(".hsafa-content-container");if(!c)return {ok:!1,components:[],count:0,total:0,containerFound:!1,error:"ContentContainer not found on page. Make sure you have wrapped your app with <ContentContainer>."};let u=n&&c.querySelector(n)||c,i=[],x=[];r==="inputs"?x=["input","textarea","select",'[contenteditable="true"]','[contenteditable=""]']:x=["header","nav","main","section","article","aside","footer","h1","h2","h3","h4","h5","h6","p","img[alt]","ul","ol","li","table","thead","tbody","tr","td","th","form","label","input","textarea","select",'[contenteditable="true"]','[contenteditable=""]',"a[href]","button",'[role="button"]','[role="link"]',"[onclick]","[tabindex]","div"],u.querySelectorAll(x.join(", ")).forEach(s=>{let l=so(s);if(!l&&!t)return;let p={id:s.id||null,tag:s.tagName.toLowerCase(),className:s.className&&typeof s.className=="string"?s.className:void 0,isVisible:l,isInteractive:!0,selector:lo(s)};s instanceof HTMLInputElement?(p.type=s.type,p.name=s.name||void 0,p.placeholder=s.placeholder||void 0,p.value=kt(s),p.checked=s.type==="checkbox"||s.type==="radio"?s.checked:void 0,p.disabled=s.disabled,p.required=s.required):s instanceof HTMLTextAreaElement?(p.name=s.name||void 0,p.placeholder=s.placeholder||void 0,p.value=kt(s),p.disabled=s.disabled,p.required=s.required):s instanceof HTMLSelectElement?(p.name=s.name||void 0,p.value=kt(s),p.disabled=s.disabled,p.required=s.required,p.options=Array.from(s.options).map(h=>({value:h.value,label:h.text,selected:h.selected,disabled:h.disabled}))):s instanceof HTMLButtonElement?(p.type=s.type,p.disabled=s.disabled,p.text=vt(s)):s instanceof HTMLAnchorElement?(p.href=s.href,p.text=vt(s)):s instanceof HTMLImageElement?(p.text=s.alt||void 0,p.label=s.alt||p.label):p.text=vt(s),p.label=io(s),p.role=s.getAttribute("role")||void 0,p.ariaLabel=s.getAttribute("aria-label")||void 0,i.push(p);});let y=s=>s.isVisible?r==="inputs"?s.tag==="input"||s.tag==="textarea"||s.tag==="select"||s.role==="textbox"?3:s.tag==="button"||s.tag==="a"?2:1:["header","nav","main","footer"].includes(s.tag)?5:["section","article","aside"].includes(s.tag)||["h1","h2","h3"].includes(s.tag)?4:["h4","h5","h6"].includes(s.tag)?3:s.tag==="form"?4:s.tag==="label"?3:s.tag==="input"||s.tag==="textarea"||s.tag==="select"?4:s.tag==="p"||s.tag==="img"||s.tag==="button"||s.tag==="a"?3:1:0;i.sort((s,l)=>y(l)-y(s));let T=i.length,k=Math.max(1,Math.min(200,typeof o=="number"?Math.floor(o):r==="inputs"?100:150)),a=T>k,b=a?i.slice(0,k):i;return {ok:!0,components:b,count:b.length,total:T,truncated:a,containerFound:!0}}catch(t){return {ok:false,components:[],count:0,total:0,containerFound:false,error:t?.message||String(t)}}}typeof window<"u"&&(window.getDomComponents=Ne);async function ve(e,t={}){if(typeof window>"u")return {ok:false,steps:[{ok:false,action:"none",targetKind:"position",durationMs:0,error:"guideCursor only works in browser environment"}]};let n=window.__cursorGuide;if(!n)return {ok:false,steps:[{ok:false,action:"none",targetKind:"position",durationMs:0,error:"CursorController not initialized. Make sure to mount <CursorController /> component."}]};try{return await n(e,t)}catch(r){return {ok:false,steps:[{ok:false,action:t.action||"none",targetKind:"position",durationMs:0,error:r?.message||String(r)}]}}}typeof window<"u"&&(window.guideCursor=ve);function Yt(e){return !!e&&e.nodeType===1}function oe(e,t){e.dispatchEvent(new Event(t,{bubbles:true}));}function Jt(e,t){let n=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e),"value")?.set;n?n.call(e,t):e.value=t,oe(e,"input");}function co(e,t){e.checked!==t&&e.click();}function uo(e,t){if(typeof t=="object"&&t&&"index"in t&&typeof t.index=="number")e.selectedIndex=Math.max(0,Math.min(e.options.length-1,t.index));else if(typeof t=="object"&&t&&"label"in t&&typeof t.label=="string"){let n=Array.from(e.options).findIndex(r=>r.text===t.label);e.selectedIndex=n>=0?n:0;}else e.value=String(t);oe(e,"input"),oe(e,"change");}function po(e,t){let n=new Set(t.map(String));Array.from(e.options).forEach(r=>{r.selected=n.has(r.value)||n.has(r.text);}),oe(e,"input"),oe(e,"change");}function mo(e){return e?e instanceof Date?e.toISOString().slice(0,10):String(e):""}function go(e,t){let n=Array.isArray(t)?t:[t],r=new DataTransfer;for(let o of n)r.items.add(o);Object.defineProperty(e,"files",{value:r.files,configurable:true}),oe(e,"input"),oe(e,"change");}async function Ue(e,t={}){let n=document.activeElement||null;if(n&&Yt(n)){let r=n.closest('[contenteditable="true"], [contenteditable=""]');r&&(n=r);}if(!n||n===document.body)return {ok:false,filled:[{key:"active",status:"skipped",message:"No active input element"}],errors:["No active input element"]};try{let r=n.tagName.toLowerCase();if(r==="input"){let o=n,c=(o.type||"text").toLowerCase();if(c==="checkbox")co(o,!!e);else if(c==="radio"){let u=o.name;if(u&&e!=null&&String(o.value)!==String(e)){let i=document.querySelector(`input[type="radio"][name="${CSS.escape(u)}"][value="${CSS.escape(String(e))}"]`);i?i.click():o.click();}else o.click();}else if(c==="file")if(e instanceof File||Array.isArray(e)&&e.every(u=>u instanceof File))go(o,e);else return {ok:!1,filled:[{key:"active",status:"skipped",message:"Provide File or File[] for file input"}],errors:["Provide File or File[] for file input"]};else {let u=c==="date"?mo(e):String(e??"");Jt(o,u),oe(o,"change");}return {ok:!0,filled:[{key:"active",status:"ok"}]}}if(r==="textarea"){let o=n,c=String(e??"");return Jt(o,c),oe(o,"change"),{ok:!0,filled:[{key:"active",status:"ok"}]}}if(r==="select"){let o=n;return o.multiple?po(o,Array.isArray(e)?e:[e]):uo(o,e),{ok:!0,filled:[{key:"active",status:"ok"}]}}if(Yt(n)&&n.isContentEditable){let o=n;return o.focus(),o.textContent=String(e??""),oe(o,"input"),oe(o,"change"),o.blur?.(),{ok:!0,filled:[{key:"active",status:"ok"}]}}return {ok:!1,filled:[{key:"active",status:"skipped",message:`Unsupported active element: ${r}`}],errors:[`Unsupported active element: ${r}`]}}catch(r){return {ok:false,filled:[{key:"active",status:"error",message:r?.message??String(r)}],errors:[r?.message??String(r)]}}}typeof window<"u"&&(window.FillActiveInput=Ue);var ze=null,Je={},Qt=false,Ae=null,Qe=false;function wt(e){e.classList.add("visible");}function an(){Qe=true,Ae!=null&&(clearTimeout(Ae),Ae=null);}function yo(e,t=1500){Qe||(Ae!=null&&clearTimeout(Ae),Ae=window.setTimeout(()=>{Qe||e.classList.remove("visible");},t));}function ho(e,t=1200){Qe=false,yo(e,t);}function xo(e){let t=[],n=e?.parentElement;for(;n;){let r=getComputedStyle(n),o=r.overflow+r.overflowY+r.overflowX;/(auto|scroll)/.test(o)&&t.push(n),n=n.parentElement;}return t}async function bo(e,t=1500,n=160){let r=performance.now(),o=e?xo(e):[],c=()=>{let y=[window.scrollX||document.documentElement.scrollLeft||0,window.scrollY||document.documentElement.scrollTop||0];return o.forEach(T=>{y.push(T.scrollLeft,T.scrollTop);}),y},u=()=>{if(!e)return {x:0,y:0};let y=e.getBoundingClientRect();return {x:y.left,y:y.top}},i=c(),x=u(),I=performance.now();return new Promise(y=>{function T(v){let k=c(),a=u(),b=false;for(let s=0;s<k.length;s++)if(k[s]!==i[s]){b=true;break}if(!b&&e&&(a.x!==x.x||a.y!==x.y)&&(b=true),b&&(i=k,x=a,I=v),v-I>=n||v-r>=t){y();return}requestAnimationFrame(T);}requestAnimationFrame(T);})}var Co='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M 7.2304688 4.9863281 C 5.9215232 4.8276681 4.8053213 6.0177722 5.0234375 7.3066406 A 1.0001 1.0001 0 0 0 5.0253906 7.3085938 C 5.9996339 12.981516 7.7205826 18.716222 10 24.515625 A 1.0001 1.0001 0 0 0 10 24.517578 C 10.26886 25.199332 10.914322 25.653844 11.5625 25.738281 C 12.210678 25.822721 12.879213 25.592031 13.359375 25.09375 C 14.505165 23.921134 15.214424 22.695429 15.90625 21.498047 C 17.56565 23.217848 19.256845 24.909775 21.0625 26.484375 L 21.060547 26.480469 C 21.799528 27.12933 22.841378 27.205969 23.673828 26.78125 A 1.0001 1.0001 0 0 0 23.691406 26.771484 C 24.987999 26.077693 26.028685 25.052256 26.71875 23.746094 L 26.71875 23.744141 C 27.174557 22.900924 27.06954 21.854242 26.439453 21.119141 A 1.0001 1.0001 0 0 0 26.433594 21.113281 C 24.867416 19.313474 23.193611 17.633865 21.488281 15.986328 C 22.714141 15.237691 23.933938 14.51508 25.158203 13.414062 A 1.0001 1.0001 0 0 0 25.162109 13.410156 C 26.052979 12.600274 25.977319 11.169141 25.101562 10.404297 A 1.0001 1.0001 0 0 0 24.669922 10.042969 C 18.793373 7.4738953 12.973806 5.6931843 7.2324219 4.9882812 A 1.0001 1.0001 0 0 0 7.2304688 4.9863281 z M 6.9960938 6.9746094 C 12.468883 7.6474978 18.081513 9.3573116 23.796875 11.849609 A 1.0001 1.0001 0 0 0 23.867188 11.884766 C 23.901248 11.899796 23.884276 11.867987 23.816406 11.929688 C 22.403891 13.198979 20.999383 14.076858 19.457031 14.976562 A 1.0001 1.0001 0 0 0 19.275391 16.568359 C 21.250864 18.425305 23.134972 20.36916 24.919922 22.419922 C 25.009402 22.524309 25.024026 22.676488 24.960938 22.792969 A 1.0001 1.0001 0 0 0 24.955078 22.804688 C 24.446951 23.770198 23.730542 24.476149 22.755859 25 C 22.611605 25.06851 22.457885 25.047856 22.378906 24.978516 A 1.0001 1.0001 0 0 0 22.376953 24.976562 C 20.293628 23.159824 18.307991 21.233373 16.419922 19.216797 A 1.0001 1.0001 0 0 0 14.835938 19.378906 C 13.841812 21.004716 13.152668 22.447221 11.925781 23.701172 A 1.0001 1.0001 0 0 0 11.919922 23.707031 C 11.883822 23.744501 11.865156 23.739957 11.847656 23.742188 C 9.6161121 18.057657 7.9395914 12.46667 6.9960938 6.9746094 z"/></svg>',vo='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="32px" height="32px"><path d="M 22.5 3 C 19.480226 3 17 5.4802259 17 8.5 L 17 23.412109 L 14.871094 22.697266 C 13.308963 22.172461 11.892528 22 10.703125 22 C 9.5908429 22 8.5540295 22.197475 7.640625 22.65625 C 5.2906802 23.831199 3.9427678 26.197397 4.0019531 28.90625 C 4.0019531 28.90625 4.0019531 28.908203 4.0019531 28.908203 C 4.0019531 28.908203 4.0019531 28.910156 4.0019531 28.910156 C 4.0184171 29.660452 4.4596385 30.354695 5.1328125 30.6875 A 1.50015 1.50015 0 0 0 5.1367188 30.689453 C 5.1367188 30.689453 9.4097266 32.789754 11.599609 33.949219 C 12.445613 34.397848 13.696939 34.926046 15.210938 36.09375 C 16.724935 37.261454 18.423179 39.012543 19.826172 41.792969 C 21.023611 44.165544 23.672779 45.195669 26.144531 44.955078 A 1.50015 1.50015 0 0 0 26.146484 44.955078 C 31.427085 44.439215 32.081856 44.381732 35.59375 44.023438 C 37.044229 43.875625 38.276993 43.213524 39.111328 42.289062 C 39.945663 41.364602 40.422895 40.257718 40.798828 39.125 C 41.561218 36.826116 42.933037 33.169846 43.671875 30.599609 C 45.018525 25.913269 41.884024 21.194549 37.246094 19.953125 L 37.242188 19.951172 C 36.99827 19.885452 36.756736 19.832884 36.521484 19.789062 A 1.50015 1.50015 0 0 0 36.513672 19.787109 L 28 18.248047 L 28 8.5 C 28 5.4802259 25.519774 3 22.5 3 z M 22.5 6 C 23.898226 6 25 7.1017741 25 8.5 L 25 19.5 A 1.50015 1.50015 0 0 0 26.232422 20.976562 L 35.980469 22.740234 C 36.14895 22.771804 36.312663 22.808524 36.464844 22.849609 A 1.50015 1.50015 0 0 0 36.46875 22.849609 C 39.614436 23.689967 41.641993 26.803286 40.789062 29.771484 C 40.115901 32.113248 38.752735 35.768572 37.953125 38.179688 C 37.641059 39.119968 37.279727 39.837554 36.882812 40.277344 C 36.485898 40.717133 36.095584 40.956874 35.289062 41.039062 C 31.783676 41.396695 31.135884 41.452908 25.855469 41.96875 C 24.423221 42.108159 23.024467 41.472831 22.503906 40.441406 C 20.887905 37.238832 18.854971 35.116296 17.042969 33.71875 C 15.230967 32.321204 13.560902 31.594199 13.003906 31.298828 C 10.939171 30.205625 7.8041786 28.665144 7.1035156 28.320312 C 7.1954033 26.8809 7.6810328 25.989859 8.9824219 25.339844 A 1.50015 1.50015 0 0 0 8.9863281 25.337891 C 9.3949198 25.132713 9.9434071 25 10.703125 25 C 11.605722 25 12.680146 25.12582 13.916016 25.541016 L 18.021484 26.921875 A 1.50015 1.50015 0 0 0 20 25.5 L 20 8.5 C 20 7.1017741 21.101774 6 22.5 6 z"/></svg>';async function ko(){if(!Je.arrow)try{Je.arrow=Co,Je.pointer=vo;}catch(e){console.warn("Failed to set cursor SVGs",e);}return Je}function en({arrowSvg:e,pointerSvg:t}){return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[e&&jsxRuntime.jsx("div",{className:"arrow",dangerouslySetInnerHTML:{__html:e}}),t&&jsxRuntime.jsx("div",{className:"pointer",dangerouslySetInnerHTML:{__html:t}})]})}async function wo(){let e="demo-fake-cursor",t=document.getElementById(e),n=await ko();if(!Qt){let r="cursor-controller-styles";if(!document.getElementById(r)){let o=document.createElement("style");o.id=r,o.textContent=`
|
|
1
|
+
'use strict';var jsxRuntime=require('react/jsx-runtime'),po=require('react'),react=require('@ai-sdk/react'),ai=require('ai'),client=require('react-dom/client'),xMarkdown=require('@ant-design/x-markdown');require('@ant-design/x-markdown/themes/light.css'),require('@ant-design/x-markdown/themes/dark.css');var reactDom=require('react-dom'),lucideReact=require('lucide-react');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var po__default=/*#__PURE__*/_interopDefault(po);var Te={};var _r=({variant:e="primary",size:t="md",loading:n=false,disabled:r,children:o,className:l,...m})=>{let u=[Te.button,Te[e],Te[t],n&&Te.loading,l].filter(Boolean).join(" ");return jsxRuntime.jsxs("button",{className:u,disabled:r||n,...m,children:[n&&jsxRuntime.jsx("span",{className:Te.spinner}),jsxRuntime.jsx("span",{className:n?Te.hiddenText:void 0,children:o})]})};function Mn({show:e,onClick:t,resolvedColors:n,floatingButtonPosition:r}){if(!e)return null;let o={position:"fixed",bottom:typeof r.bottom=="number"?`${r.bottom}px`:r.bottom,right:r.right?typeof r.right=="number"?`${r.right}px`:r.right:void 0,top:r.top?typeof r.top=="number"?`${r.top}px`:r.top:void 0,left:r.left?typeof r.left=="number"?`${r.left}px`:r.left:void 0,zIndex:1e3};return jsxRuntime.jsx("button",{"aria-label":"Open chat",onClick:t,style:{...o,borderColor:n.borderColor,backgroundColor:n.accentColor,color:n.textColor,borderRadius:"50%",border:`1px solid ${n.borderColor}`,padding:"12px",boxShadow:"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",transition:"all 0.2s",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:l=>{l.currentTarget.style.borderColor=n.primaryColor,l.currentTarget.style.backgroundColor=`${n.accentColor}dd`;},onMouseLeave:l=>{l.currentTarget.style.borderColor=n.borderColor,l.currentTarget.style.backgroundColor=n.accentColor;},children:jsxRuntime.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"})})})}function An(e=true){let t=po.useRef(null),n=po.useRef(e);return po.useEffect(()=>{n.current=e;},[e]),po.useEffect(()=>{let r=t.current;if(!r)return;let o=new MutationObserver(()=>{n.current&&(r.scrollTop=r.scrollHeight);});return o.observe(r,{childList:true,subtree:true}),n.current&&(r.scrollTop=r.scrollHeight),()=>o.disconnect()},[]),t}function Ln(e,t){if(!e)return t;let n=e.endsWith("/")?e.slice(0,-1):e,r=t.startsWith("/")?t:`/${t}`;return `${n}${r}`}var Hn=po.createContext(void 0);function ko({baseUrl:e,dir:t="ltr",theme:n="dark",children:r}){let[o,l]=po.useState(new Map),[m,u]=po.useState(new Map),[C,M]=po.useState(new Map),[x,I]=po.useState(new Map),[k,h]=po.useState(void 0),i=po.useCallback((v,y)=>(l(S=>{let p=new Map(S);return p.set(String(v),y),p}),()=>{l(S=>{let p=new Map(S),B=p.get(String(v));return (!y||B===y)&&p.delete(String(v)),p});}),[]),b=po.useCallback((v,y)=>{l(S=>{let p=new Map(S),B=p.get(String(v));return (!y||B===y)&&p.delete(String(v)),p});},[]),d=po.useCallback((v,y)=>(u(S=>{let p=new Map(S);return p.set(String(v),y),p}),()=>{u(S=>{let p=new Map(S),B=p.get(String(v));return (!y||B===y)&&p.delete(String(v)),p});}),[]),c=po.useCallback((v,y)=>{u(S=>{let p=new Map(S),B=p.get(String(v));return (!y||B===y)&&p.delete(String(v)),p});},[]),f=po.useCallback((v,y)=>{M(S=>{let p=new Map(S);return y?p.set(v,true):p.delete(v),p});},[]),s=po.useCallback((v,y)=>{I(S=>{let p=new Map(S);return p.set(v,y),p});},[]),a=po.useMemo(()=>Array.from(C.values()).some(v=>v),[C]),T=po.useMemo(()=>Array.from(x.values()).some(v=>v),[x]),w=po.useMemo(()=>({baseUrl:e,dir:t,theme:n,actions:o,components:m,registerAction:i,unregisterAction:b,registerComponent:d,unregisterComponent:c,isAnyStreaming:a,setStreamingState:f,isAnyChatOpen:T,setChatOpenState:s,currentChatId:k,setCurrentChatId:h}),[e,t,n,o,m,i,b,d,c,a,f,T,s,k]);return jsxRuntime.jsx(Hn.Provider,{value:w,children:r})}function se(){let e=po.useContext(Hn);return e||{baseUrl:void 0,actions:new Map,components:new Map,registerAction:()=>()=>{},unregisterAction:()=>{},registerComponent:()=>()=>{},unregisterComponent:()=>{},isAnyStreaming:false,setStreamingState:()=>{},isAnyChatOpen:false,setChatOpenState:()=>{},currentChatId:void 0,setCurrentChatId:()=>{}}}var Ft=25*1024*1024;function Bn(e){let{baseUrl:t}=se(),n=e||t||"",[r,o]=po.useState([]),[l,m]=po.useState(false),u=po.useRef(null),C=po.useCallback(i=>{if(!i||Number.isNaN(i))return "0 B";let b=["B","KB","MB","GB","TB"],d=Math.min(b.length-1,Math.floor(Math.log(i)/Math.log(1024)));return `${(i/Math.pow(1024,d)).toFixed(d===0?0:1)} ${b[d]}`},[]),M=po.useCallback(async i=>{let b=new FormData;b.append("file",i);let d=await fetch(Ln(n,"/api/uploads"),{method:"POST",body:b});if(!d.ok){let f=await d.text().catch(()=>"");throw new Error(f||`Failed to upload ${i.name}`)}let c=await d.json();return {id:c.id,name:c.name||i.name,url:c.url,mimeType:c.mimeType||i.type||"application/octet-stream",size:typeof c.size=="number"?c.size:i.size}},[n]),x=po.useCallback(i=>{o(b=>b.filter(d=>d.id!==i));},[]),I=po.useCallback(async(i,b)=>{if(!i)return;let d=Array.isArray(i)?i:Array.from(i);b(null),m(true);let c=[];try{for(let f of d){if(f.size>Ft){b(`"${f.name}" exceeds the ${C(Ft)} limit.`);continue}try{let s=await M(f);c.push(s);}catch(s){console.error("Failed to upload attachment:",s),b(String(s?.message??`Failed to upload ${f.name}`));}}c.length&&o(f=>[...f,...c]);}finally{m(false);}},[M,C]),k=po.useCallback((i,b)=>{let d=[],c=(i||"").trim();c&&d.push({type:"text",text:c});for(let f of b||[]){let s=f.mimeType||"application/octet-stream";s.startsWith("image/")?d.push({type:"image",image:new URL(f.url),mediaType:s}):d.push({type:"file",data:f.url,mediaType:s,name:f.name});}return d},[]),h=po.useCallback(()=>{o([]);},[]);return {attachments:r,uploading:l,fileInputRef:u,formatBytes:C,handleRemoveAttachment:x,handleFileSelection:I,buildUserContent:k,clearAttachments:h,setAttachments:o,MAX_UPLOAD_SIZE:Ft}}function Dn(e,t,n,r){return console.log("\u{1F680} [SDK] createHsafaTransport called with templateParams:",r),new ai.DefaultChatTransport({api:`${e}/api/run/${t}`,fetch:async(o,l)=>{let m=l||{},u=m?.body?JSON.parse(m.body):{},C=r&&typeof r=="object"?r:{};console.log("\u{1F680} [SDK] Before merge - body:",u),console.log("\u{1F680} [SDK] Before merge - mergedParams:",C);let M={...C,...u,chatId:n};return console.log("\u{1F680} [SDK] After merge - enhancedBody:",M),fetch(o,{...l,body:JSON.stringify(M)})}})}function So(e){if(!(e instanceof HTMLElement))return true;let t=window.getComputedStyle(e);return t.display!=="none"&&t.visibility!=="hidden"&&t.opacity!=="0"&&e.offsetParent!==null}function Mo(e){if(e.id){let n=document.querySelector(`label[for="${e.id}"]`);if(n)return n.textContent?.trim()}let t=e.closest("label");if(t){let n=t.cloneNode(true),r=n.querySelector("input, select, textarea");return r&&r.remove(),n.textContent?.trim()}}function Bt(e){if(e.textContent&&e.textContent.trim())return e.textContent.trim().slice(0,100)}function Dt(e){if(e instanceof HTMLInputElement){let t=e.type.toLowerCase();return t==="checkbox"||t==="radio"?e.checked:e.value}if(e instanceof HTMLTextAreaElement)return e.value;if(e instanceof HTMLSelectElement)return e.multiple?Array.from(e.selectedOptions).map(t=>t.value):e.value;if(e instanceof HTMLElement&&e.isContentEditable)return e.textContent||void 0}function Eo(e){if(e.id)return `#${e.id}`;let t=[],n=e;for(;n&&n!==document.body;){let r=n.tagName.toLowerCase();if(n.className&&typeof n.className=="string"){let l=n.className.split(" ").filter(m=>m.trim()).slice(0,2);l.length>0&&(r+="."+l.join("."));}let o=n.parentElement;if(o){let l=Array.from(o.children).filter(m=>m.tagName===n.tagName);if(l.length>1){let m=l.indexOf(n)+1;r+=`:nth-child(${m})`;}}t.unshift(r),n=o;}return t.slice(-3).join(" > ")}async function qe(e={}){try{let{includeHidden:t=!1,selector:n,what:r="content",limit:o}=e,l=document.querySelector(".hsafa-content-container");if(!l)return {ok:!1,components:[],count:0,total:0,containerFound:!1,error:"ContentContainer not found on page. Make sure you have wrapped your app with <ContentContainer>."};let m=n&&l.querySelector(n)||l,u=[],C=[];r==="inputs"?C=["input","textarea","select",'[contenteditable="true"]','[contenteditable=""]']:C=["header","nav","main","section","article","aside","footer","h1","h2","h3","h4","h5","h6","p","img[alt]","ul","ol","li","table","thead","tbody","tr","td","th","form","label","input","textarea","select",'[contenteditable="true"]','[contenteditable=""]',"a[href]","button",'[role="button"]','[role="link"]',"[onclick]","[tabindex]","div"],m.querySelectorAll(C.join(", ")).forEach(d=>{let c=So(d);if(!c&&!t)return;let f={id:d.id||null,tag:d.tagName.toLowerCase(),className:d.className&&typeof d.className=="string"?d.className:void 0,isVisible:c,isInteractive:!0,selector:Eo(d)};d instanceof HTMLInputElement?(f.type=d.type,f.name=d.name||void 0,f.placeholder=d.placeholder||void 0,f.value=Dt(d),f.checked=d.type==="checkbox"||d.type==="radio"?d.checked:void 0,f.disabled=d.disabled,f.required=d.required):d instanceof HTMLTextAreaElement?(f.name=d.name||void 0,f.placeholder=d.placeholder||void 0,f.value=Dt(d),f.disabled=d.disabled,f.required=d.required):d instanceof HTMLSelectElement?(f.name=d.name||void 0,f.value=Dt(d),f.disabled=d.disabled,f.required=d.required,f.options=Array.from(d.options).map(s=>({value:s.value,label:s.text,selected:s.selected,disabled:s.disabled}))):d instanceof HTMLButtonElement?(f.type=d.type,f.disabled=d.disabled,f.text=Bt(d)):d instanceof HTMLAnchorElement?(f.href=d.href,f.text=Bt(d)):d instanceof HTMLImageElement?(f.text=d.alt||void 0,f.label=d.alt||f.label):f.text=Bt(d),f.label=Mo(d),f.role=d.getAttribute("role")||void 0,f.ariaLabel=d.getAttribute("aria-label")||void 0,u.push(f);});let x=d=>d.isVisible?r==="inputs"?d.tag==="input"||d.tag==="textarea"||d.tag==="select"||d.role==="textbox"?3:d.tag==="button"||d.tag==="a"?2:1:["header","nav","main","footer"].includes(d.tag)?5:["section","article","aside"].includes(d.tag)||["h1","h2","h3"].includes(d.tag)?4:["h4","h5","h6"].includes(d.tag)?3:d.tag==="form"?4:d.tag==="label"?3:d.tag==="input"||d.tag==="textarea"||d.tag==="select"?4:d.tag==="p"||d.tag==="img"||d.tag==="button"||d.tag==="a"?3:1:0;u.sort((d,c)=>x(c)-x(d));let I=u.length,h=Math.max(1,Math.min(200,typeof o=="number"?Math.floor(o):r==="inputs"?100:150)),i=I>h,b=i?u.slice(0,h):u;return {ok:!0,components:b,count:b.length,total:I,truncated:i,containerFound:!0}}catch(t){return {ok:false,components:[],count:0,total:0,containerFound:false,error:t?.message||String(t)}}}typeof window<"u"&&(window.getDomComponents=qe);async function Ie(e,t={}){if(typeof window>"u")return {ok:false,steps:[{ok:false,action:"none",targetKind:"position",durationMs:0,error:"guideCursor only works in browser environment"}]};let n=window.__cursorGuide;if(!n)return {ok:false,steps:[{ok:false,action:"none",targetKind:"position",durationMs:0,error:"CursorController not initialized. Make sure to mount <CursorController /> component."}]};try{return await n(e,t)}catch(r){return {ok:false,steps:[{ok:false,action:t.action||"none",targetKind:"position",durationMs:0,error:r?.message||String(r)}]}}}typeof window<"u"&&(window.guideCursor=Ie);function Pn(e){return !!e&&e.nodeType===1}function le(e,t){e.dispatchEvent(new Event(t,{bubbles:true}));}function $n(e,t){let n=Object.getOwnPropertyDescriptor(Object.getPrototypeOf(e),"value")?.set;n?n.call(e,t):e.value=t,le(e,"input");}function Ro(e,t){e.checked!==t&&e.click();}function Ao(e,t){if(typeof t=="object"&&t&&"index"in t&&typeof t.index=="number")e.selectedIndex=Math.max(0,Math.min(e.options.length-1,t.index));else if(typeof t=="object"&&t&&"label"in t&&typeof t.label=="string"){let n=Array.from(e.options).findIndex(r=>r.text===t.label);e.selectedIndex=n>=0?n:0;}else e.value=String(t);le(e,"input"),le(e,"change");}function Lo(e,t){let n=new Set(t.map(String));Array.from(e.options).forEach(r=>{r.selected=n.has(r.value)||n.has(r.text);}),le(e,"input"),le(e,"change");}function Ho(e){return e?e instanceof Date?e.toISOString().slice(0,10):String(e):""}function Fo(e,t){let n=Array.isArray(t)?t:[t],r=new DataTransfer;for(let o of n)r.items.add(o);Object.defineProperty(e,"files",{value:r.files,configurable:true}),le(e,"input"),le(e,"change");}async function Ke(e,t={}){let n=document.activeElement||null;if(n&&Pn(n)){let r=n.closest('[contenteditable="true"], [contenteditable=""]');r&&(n=r);}if(!n||n===document.body)return {ok:false,filled:[{key:"active",status:"skipped",message:"No active input element"}],errors:["No active input element"]};try{let r=n.tagName.toLowerCase();if(r==="input"){let o=n,l=(o.type||"text").toLowerCase();if(l==="checkbox")Ro(o,!!e);else if(l==="radio"){let m=o.name;if(m&&e!=null&&String(o.value)!==String(e)){let u=document.querySelector(`input[type="radio"][name="${CSS.escape(m)}"][value="${CSS.escape(String(e))}"]`);u?u.click():o.click();}else o.click();}else if(l==="file")if(e instanceof File||Array.isArray(e)&&e.every(m=>m instanceof File))Fo(o,e);else return {ok:!1,filled:[{key:"active",status:"skipped",message:"Provide File or File[] for file input"}],errors:["Provide File or File[] for file input"]};else {let m=l==="date"?Ho(e):String(e??"");$n(o,m),le(o,"change");}return {ok:!0,filled:[{key:"active",status:"ok"}]}}if(r==="textarea"){let o=n,l=String(e??"");return $n(o,l),le(o,"change"),{ok:!0,filled:[{key:"active",status:"ok"}]}}if(r==="select"){let o=n;return o.multiple?Lo(o,Array.isArray(e)?e:[e]):Ao(o,e),{ok:!0,filled:[{key:"active",status:"ok"}]}}if(Pn(n)&&n.isContentEditable){let o=n;return o.focus(),o.textContent=String(e??""),le(o,"input"),le(o,"change"),o.blur?.(),{ok:!0,filled:[{key:"active",status:"ok"}]}}return {ok:!1,filled:[{key:"active",status:"skipped",message:`Unsupported active element: ${r}`}],errors:[`Unsupported active element: ${r}`]}}catch(r){return {ok:false,filled:[{key:"active",status:"error",message:r?.message??String(r)}],errors:[r?.message??String(r)]}}}typeof window<"u"&&(window.FillActiveInput=Ke);var Ve=null,it={},Nn=false,He=null,lt=false;function Pt(e){e.classList.add("visible");}function _n(){lt=true,He!=null&&(clearTimeout(He),He=null);}function Do(e,t=1500){lt||(He!=null&&clearTimeout(He),He=window.setTimeout(()=>{lt||e.classList.remove("visible");},t));}function Po(e,t=1200){lt=false,Do(e,t);}function $o(e){let t=[],n=e?.parentElement;for(;n;){let r=getComputedStyle(n),o=r.overflow+r.overflowY+r.overflowX;/(auto|scroll)/.test(o)&&t.push(n),n=n.parentElement;}return t}async function zo(e,t=1500,n=160){let r=performance.now(),o=e?$o(e):[],l=()=>{let x=[window.scrollX||document.documentElement.scrollLeft||0,window.scrollY||document.documentElement.scrollTop||0];return o.forEach(I=>{x.push(I.scrollLeft,I.scrollTop);}),x},m=()=>{if(!e)return {x:0,y:0};let x=e.getBoundingClientRect();return {x:x.left,y:x.top}},u=l(),C=m(),M=performance.now();return new Promise(x=>{function I(k){let h=l(),i=m(),b=false;for(let d=0;d<h.length;d++)if(h[d]!==u[d]){b=true;break}if(!b&&e&&(i.x!==C.x||i.y!==C.y)&&(b=true),b&&(u=h,C=i,M=k),k-M>=n||k-r>=t){x();return}requestAnimationFrame(I);}requestAnimationFrame(I);})}var No='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M 7.2304688 4.9863281 C 5.9215232 4.8276681 4.8053213 6.0177722 5.0234375 7.3066406 A 1.0001 1.0001 0 0 0 5.0253906 7.3085938 C 5.9996339 12.981516 7.7205826 18.716222 10 24.515625 A 1.0001 1.0001 0 0 0 10 24.517578 C 10.26886 25.199332 10.914322 25.653844 11.5625 25.738281 C 12.210678 25.822721 12.879213 25.592031 13.359375 25.09375 C 14.505165 23.921134 15.214424 22.695429 15.90625 21.498047 C 17.56565 23.217848 19.256845 24.909775 21.0625 26.484375 L 21.060547 26.480469 C 21.799528 27.12933 22.841378 27.205969 23.673828 26.78125 A 1.0001 1.0001 0 0 0 23.691406 26.771484 C 24.987999 26.077693 26.028685 25.052256 26.71875 23.746094 L 26.71875 23.744141 C 27.174557 22.900924 27.06954 21.854242 26.439453 21.119141 A 1.0001 1.0001 0 0 0 26.433594 21.113281 C 24.867416 19.313474 23.193611 17.633865 21.488281 15.986328 C 22.714141 15.237691 23.933938 14.51508 25.158203 13.414062 A 1.0001 1.0001 0 0 0 25.162109 13.410156 C 26.052979 12.600274 25.977319 11.169141 25.101562 10.404297 A 1.0001 1.0001 0 0 0 24.669922 10.042969 C 18.793373 7.4738953 12.973806 5.6931843 7.2324219 4.9882812 A 1.0001 1.0001 0 0 0 7.2304688 4.9863281 z M 6.9960938 6.9746094 C 12.468883 7.6474978 18.081513 9.3573116 23.796875 11.849609 A 1.0001 1.0001 0 0 0 23.867188 11.884766 C 23.901248 11.899796 23.884276 11.867987 23.816406 11.929688 C 22.403891 13.198979 20.999383 14.076858 19.457031 14.976562 A 1.0001 1.0001 0 0 0 19.275391 16.568359 C 21.250864 18.425305 23.134972 20.36916 24.919922 22.419922 C 25.009402 22.524309 25.024026 22.676488 24.960938 22.792969 A 1.0001 1.0001 0 0 0 24.955078 22.804688 C 24.446951 23.770198 23.730542 24.476149 22.755859 25 C 22.611605 25.06851 22.457885 25.047856 22.378906 24.978516 A 1.0001 1.0001 0 0 0 22.376953 24.976562 C 20.293628 23.159824 18.307991 21.233373 16.419922 19.216797 A 1.0001 1.0001 0 0 0 14.835938 19.378906 C 13.841812 21.004716 13.152668 22.447221 11.925781 23.701172 A 1.0001 1.0001 0 0 0 11.919922 23.707031 C 11.883822 23.744501 11.865156 23.739957 11.847656 23.742188 C 9.6161121 18.057657 7.9395914 12.46667 6.9960938 6.9746094 z"/></svg>',Wo='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="32px" height="32px"><path d="M 22.5 3 C 19.480226 3 17 5.4802259 17 8.5 L 17 23.412109 L 14.871094 22.697266 C 13.308963 22.172461 11.892528 22 10.703125 22 C 9.5908429 22 8.5540295 22.197475 7.640625 22.65625 C 5.2906802 23.831199 3.9427678 26.197397 4.0019531 28.90625 C 4.0019531 28.90625 4.0019531 28.908203 4.0019531 28.908203 C 4.0019531 28.908203 4.0019531 28.910156 4.0019531 28.910156 C 4.0184171 29.660452 4.4596385 30.354695 5.1328125 30.6875 A 1.50015 1.50015 0 0 0 5.1367188 30.689453 C 5.1367188 30.689453 9.4097266 32.789754 11.599609 33.949219 C 12.445613 34.397848 13.696939 34.926046 15.210938 36.09375 C 16.724935 37.261454 18.423179 39.012543 19.826172 41.792969 C 21.023611 44.165544 23.672779 45.195669 26.144531 44.955078 A 1.50015 1.50015 0 0 0 26.146484 44.955078 C 31.427085 44.439215 32.081856 44.381732 35.59375 44.023438 C 37.044229 43.875625 38.276993 43.213524 39.111328 42.289062 C 39.945663 41.364602 40.422895 40.257718 40.798828 39.125 C 41.561218 36.826116 42.933037 33.169846 43.671875 30.599609 C 45.018525 25.913269 41.884024 21.194549 37.246094 19.953125 L 37.242188 19.951172 C 36.99827 19.885452 36.756736 19.832884 36.521484 19.789062 A 1.50015 1.50015 0 0 0 36.513672 19.787109 L 28 18.248047 L 28 8.5 C 28 5.4802259 25.519774 3 22.5 3 z M 22.5 6 C 23.898226 6 25 7.1017741 25 8.5 L 25 19.5 A 1.50015 1.50015 0 0 0 26.232422 20.976562 L 35.980469 22.740234 C 36.14895 22.771804 36.312663 22.808524 36.464844 22.849609 A 1.50015 1.50015 0 0 0 36.46875 22.849609 C 39.614436 23.689967 41.641993 26.803286 40.789062 29.771484 C 40.115901 32.113248 38.752735 35.768572 37.953125 38.179688 C 37.641059 39.119968 37.279727 39.837554 36.882812 40.277344 C 36.485898 40.717133 36.095584 40.956874 35.289062 41.039062 C 31.783676 41.396695 31.135884 41.452908 25.855469 41.96875 C 24.423221 42.108159 23.024467 41.472831 22.503906 40.441406 C 20.887905 37.238832 18.854971 35.116296 17.042969 33.71875 C 15.230967 32.321204 13.560902 31.594199 13.003906 31.298828 C 10.939171 30.205625 7.8041786 28.665144 7.1035156 28.320312 C 7.1954033 26.8809 7.6810328 25.989859 8.9824219 25.339844 A 1.50015 1.50015 0 0 0 8.9863281 25.337891 C 9.3949198 25.132713 9.9434071 25 10.703125 25 C 11.605722 25 12.680146 25.12582 13.916016 25.541016 L 18.021484 26.921875 A 1.50015 1.50015 0 0 0 20 25.5 L 20 8.5 C 20 7.1017741 21.101774 6 22.5 6 z"/></svg>';async function Uo(){if(!it.arrow)try{it.arrow=No,it.pointer=Wo;}catch(e){console.warn("Failed to set cursor SVGs",e);}return it}function Wn({arrowSvg:e,pointerSvg:t}){return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[e&&jsxRuntime.jsx("div",{className:"arrow",dangerouslySetInnerHTML:{__html:e}}),t&&jsxRuntime.jsx("div",{className:"pointer",dangerouslySetInnerHTML:{__html:t}})]})}async function Oo(){let e="demo-fake-cursor",t=document.getElementById(e),n=await Uo();if(!Nn){let r="cursor-controller-styles";if(!document.getElementById(r)){let o=document.createElement("style");o.id=r,o.textContent=`
|
|
2
2
|
.fake-cursor { pointer-events: none; opacity: 0; transition: opacity 0.2s ease; z-index: 2147483647; }
|
|
3
3
|
.fake-cursor.visible { opacity: 1; }
|
|
4
4
|
.fake-cursor .arrow { display: none; }
|
|
@@ -8,12 +8,12 @@
|
|
|
8
8
|
.fake-cursor.as-pointer .arrow { display: none; }
|
|
9
9
|
.fake-cursor.as-pointer .pointer { display: block; }
|
|
10
10
|
.fake-cursor.pressing .pointer svg path { filter: brightness(0.9); }
|
|
11
|
-
`,document.head.appendChild(o);}Qt=true;}return t?(t.classList.add("as-arrow"),ze||(ze=client.createRoot(t),ze.render(jsxRuntime.jsx(en,{arrowSvg:n.arrow,pointerSvg:n.pointer})))):(t=document.createElement("div"),t.id=e,t.className="fake-cursor as-arrow",t.style.position="fixed",t.style.left="20px",t.style.top="20px",document.body.appendChild(t),ze=client.createRoot(t),ze.render(jsxRuntime.jsx(en,{arrowSvg:n.arrow,pointerSvg:n.pointer}))),t}function Re(e,t,n){return Math.max(t,Math.min(n,e))}function To(e){return e<.5?4*e*e*e:1-Math.pow(-2*e+2,3)/2}function sn(e){if(!e)return null;let t=document.createElement("canvas").getContext("2d");if(!t)return null;t.fillStyle="#000",t.fillStyle=e;let r=t.fillStyle.match(/rgba?\(([^)]+)\)/i);if(!r)return null;let o=r[1].split(/\s*,\s*/).map(Number),[c,u,i,x=1]=o;return {r:c,g:u,b:i,a:x}}function Io({r:e,g:t,b:n}){let r=[e,t,n].map(o=>o/255).map(o=>o<=.03928?o/12.92:Math.pow((o+.055)/1.055,2.4));return .2126*r[0]+.7152*r[1]+.0722*r[2]}function So(e){let t=e?sn(e):null;return !t||t.a===0?false:Io(t)<.5}function Mo(e,t){let n=document.elementFromPoint(e,t),r=new Set;for(;n&&!r.has(n);){r.add(n);let u=getComputedStyle(n).backgroundColor,i=sn(u);if(i&&i.a>0)return u;n=n.parentElement;}return getComputedStyle(document.body).backgroundColor||"rgb(255,255,255)"}function Tt(e,t,n){let r=Mo(t,n),o=So(r),c=o?"#ffffff":"#000000";e.querySelectorAll("svg path").forEach(i=>{i.style.fill="white",i.style.stroke=c,i.style.strokeWidth="1";}),e.style.filter=o?"drop-shadow(0 1px 2px rgba(0,0,0,0.8))":"drop-shadow(0 1px 2px rgba(255,255,255,0.9))";}async function Ze(e,t,n,r,o="ease-in-out",c="curve",u=.25,i="auto",x){an(),wt(e);let I=performance.now(),y=o==="linear"?k=>k:To,T=c!=="straight",v={x:0,y:0};if(T){let k=n.x-t.x,a=n.y-t.y,b=Math.hypot(k,a)||1,s=(t.x+n.x)/2,l=(t.y+n.y)/2,p=-a/b,h=k/b,g=1;i==="left"?g=-1:i==="right"?g=1:g=Math.random()<.5?-1:1;let w=Re(u,0,1)*b;v={x:s+g*p*w,y:l+g*h*w};}return new Promise(k=>{function a(b){let s=Re((b-I)/r,0,1),l=y(s),p,h;if(T){let C=1-l;p=C*C*t.x+2*C*l*v.x+l*l*n.x,h=C*C*t.y+2*C*l*v.y+l*l*n.y;}else p=t.x+(n.x-t.x)*l,h=t.y+(n.y-t.y)*l;let w=.35*(1-l),f=Math.sin(b*.02)*w,d=Math.cos(b*.018)*w;e.style.left=`${p+f}px`,e.style.top=`${h+d}px`,Tt(e,p+f,h+d),x&&x({x:p+f,y:h+d,t:s,now:b}),s<1?requestAnimationFrame(a):k();}requestAnimationFrame(a);})}function tn(e,t){return {x:e.x+(t?.x??0),y:e.y+(t?.y??0)}}function le(e,t,n,r){let o={bubbles:true,cancelable:true,view:window,clientX:n.x,clientY:n.y,...r};try{let c=t==="pointerdown"||t==="mousedown",u=t==="pointerup"||t==="mouseup",i={button:0,buttons:c?1:0,isPrimary:!0,...o};if("PointerEvent"in window){let x=new PointerEvent(t,{pointerId:1,pointerType:"mouse",...i});e.dispatchEvent(x);}else {let x=new MouseEvent(t,i);e.dispatchEvent(x);}}catch{let c=new MouseEvent(t,o);e.dispatchEvent(c);}}function ln(e){return e&&typeof e=="object"&&e.nodeType===1}function Eo(e){if(!e)return document;if(ln(e))return e;if(typeof e=="string"){let t=document.getElementById(e);if(t)return t;let n=document.querySelector(e);if(n)return n}return document}function nn(e){if(ln(e))return {kind:"element",element:e};if(typeof e=="string"){let t=document.getElementById(e);if(t)return {kind:"element",element:t};let n=document.querySelector(e);return {kind:n?"element":"position",element:n??null}}if(typeof e=="object"&&"position"in e)return {kind:"position",point:e.position};if(typeof e=="object"&&"selector"in e){let n=Eo(e.within??null).querySelectorAll(e.selector),r=Math.max(0,Math.min(n.length-1,e.nth??0)),o=n[r]??null;return {kind:o?"element":"position",element:o}}return {kind:"position",point:{x:0,y:0}}}function on(e,t){let n=e.getBoundingClientRect();if(!t||t==="center")return {x:n.left+n.width/2,y:n.top+n.height/2};if(t==="top-left")return {x:n.left,y:n.top};if(t==="bottom-right")return {x:n.right,y:n.bottom};let r=Re(t.x,0,1),o=Re(t.y,0,1);return {x:n.left+n.width*r,y:n.top+n.height*o}}function rn(e){return {x:Re(e.x,0,window.innerWidth),y:Re(e.y,0,window.innerHeight)}}function Ao(){return zo.useEffect(()=>(window.__cursorGuide=async(e,t={})=>{let n=Array.isArray(e)?e:[{target:e,action:t.action??"none",options:t}],r=[],o=await wo();o.classList.add("visible","as-arrow"),o.classList.remove("as-pointer","pressing"),wt(o),an();let c=parseFloat(o.style.left||"20")||20,u=parseFloat(o.style.top||"20")||20;Tt(o,c,u);for(let i of n){let{durationMs:x=800,easing:I="ease-in-out",offset:y,highlight:T=true,path:v="curve",curveStrength:k=.25,curveDirection:a="auto",anchor:b,cursorHotspot:s,dragTo:l}=i.options??{},p=i.action??i.options?.action??"none",h=performance.now(),g=nn(i.target),w=null,f=null;if(g.kind==="element"&&g.element?(f=g.element,o.classList.remove("visible"),f.scrollIntoView({behavior:"smooth",block:"center",inline:"center"}),await bo(f,1500,180),wt(o),w=on(f,b)):g.kind==="position"&&g.point&&(w=g.point),!w){r.push({ok:false,action:p,targetKind:g.kind,durationMs:Math.round(performance.now()-h),error:"Target not found"});continue}let d={x:parseFloat(o.style.left||"20")||20,y:parseFloat(o.style.top||"20")||20},C=rn(tn(w,y));await Ze(o,d,C,x,I,v,k,a);let M=C.x-d.x,m=C.y-d.y,R=Math.hypot(M,m)||1,N=M/R,U=m/R,te=Math.min(6,Math.max(3,R*.02)),ye={x:C.x+N*te,y:C.y+U*te};await Ze(o,C,ye,Math.max(70,x*.1),"ease-out","straight",0,"right"),await Ze(o,ye,C,120,"ease-out","straight",0,"left"),T&&(o.classList?.add("click"),setTimeout(()=>o.classList?.remove("click"),180));let ue=null;try{if(p==="click"){o.classList.remove("as-arrow"),o.classList.add("as-pointer","pressing");let A={x:s?.x??0,y:s?.y??0},B={x:C.x+A.x,y:C.y+A.y};o.style.left=`${B.x}px`,o.style.top=`${B.y}px`,Tt(o,B.x,B.y);let _=f??document.elementFromPoint(B.x,B.y)??document.body;le(_,"pointerdown",B),le(_,"mousedown",B),await new Promise(V=>setTimeout(V,90)),o.classList.remove("pressing"),le(_,"mouseup",B),le(_,"click",B),setTimeout(()=>{o.classList.remove("as-pointer"),o.classList.add("as-arrow");},140),_ instanceof HTMLElement&&_.focus?.(),ue=_?.id??null;}else if(p==="drag"){if(!l)throw new Error("dragTo is required for action 'drag'");let A=nn(l),B=null;if(A.kind==="element"&&A.element&&(B=on(A.element,b)),A.kind==="position"&&A.point&&(B=A.point),!B)throw new Error("dragTo target not found");let _=rn(tn(B,y)),V={x:C.x,y:C.y},ie=f??document.elementFromPoint(V.x,V.y)??document.body;o.classList.remove("as-arrow"),o.classList.add("as-pointer","pressing"),le(ie,"pointerdown",V),le(ie,"mousedown",V),await Ze(o,V,_,Math.max(200,x),I,v,k,a,({x:$,y:he})=>{let ce=document.elementFromPoint($,he)??document.body,xe={x:$,y:he};le(ce,"pointermove",xe),le(ce,"mousemove",xe);});let O=document.elementFromPoint(_.x,_.y)??document.body;o.classList.remove("pressing"),le(O,"pointerup",_),le(O,"mouseup",_);}r.push({ok:!0,action:p,targetKind:g.kind,durationMs:Math.round(performance.now()-h),clickedElementId:ue});}catch(A){r.push({ok:false,action:p,targetKind:g.kind,durationMs:Math.round(performance.now()-h),error:A?.message??String(A)});}}return ho(o,2e3),{ok:r.every(i=>i.ok),steps:r}},()=>{try{delete window.__cursorGuide;}catch{window.__cursorGuide=void 0;}}),[]),null}var tt=Ao;function cn(){return {getDomComponents:{tool:async({includeHidden:e,selector:t})=>await Ne({includeHidden:e,selector:t}),executeEachToken:false},controlCursor:{tool:async({target:e,action:t,anchor:n,durationMs:r,dragTo:o})=>{let c=await ve(e,{action:t,anchor:n,durationMs:r,dragTo:o});if(c&&c.ok){let u=Array.isArray(c.steps)&&c.steps.length?c.steps[c.steps.length-1]:void 0,i=u?.clickedElementId?` (clicked element id: ${u.clickedElementId})`:"",x=t||u?.action||"none";return {success:true,message:x==="click"?`Cursor moved and clicked successfully${i}`:x==="drag"?"Cursor dragged successfully":"Cursor moved successfully",details:c}}return {success:false,message:"Cursor action failed",details:c}},executeEachToken:false},fillActiveInput:{tool:async({value:e})=>{let t=await Ue(e);return {success:!!t?.ok,message:t?.ok?"Active input filled successfully":t?.errors?.[0]||"Failed to fill active input",details:t}},executeEachToken:true},requestInput:{tool:async e=>({ok:true}),executeEachToken:true}}}function We({content:e,theme:t="dark",streaming:n=false}){return jsxRuntime.jsx(xMarkdown.XMarkdown,{content:e,className:t==="dark"?"x-markdown-dark":"x-markdown-light",streaming:{hasNextChunk:n,enableAnimation:true,animationConfig:{fadeDuration:200},incompleteMarkdownComponentMap:{html:"IncompleteBlock",link:"IncompleteBlock",image:"IncompleteBlock"}},openLinksInNewTab:true,config:{gfm:true},dompurifyConfig:{ADD_TAGS:["data-chart","welcome","user-card","mermaid"],ADD_ATTR:["data-source","data-spec","data-icon","data-description","data-raw"]},style:{fontSize:"14px",lineHeight:"1.6",wordBreak:"break-word",maxWidth:"100%",overflow:"hidden"}})}function Bo({input:e}){return jsxRuntime.jsx("div",{style:{fontSize:"14px",lineHeight:"1.6",width:"100%"},children:jsxRuntime.jsx(We,{content:e?.text||"",theme:"dark"})})}function un(){return {plainText:Bo}}function pn(e,t,n,r,o,c){let u=n.get(t);if(u){let g=u.parentElement,w=document.querySelector(`[data-get-from-user-host="${t}"]`);if(w&&g!==w){try{g?.removeChild(u);}catch{}w.innerHTML="",w.appendChild(u);}}else {u=document.createElement("div"),u.className="hsafa-inline-form";let g=document.querySelector(`[data-get-from-user-host="${t}"]`);g?(g.innerHTML="",g.appendChild(u)):(document.querySelector(".chat-scroll-container")||document.body).appendChild(u),n.set(t,u);}let i=e?.title||"Provide input",x=e?.description||"",I=e?.submitLabel||"Submit",y=e?.skipLabel||"Skip",T=Array.isArray(e?.fields)?e.fields:e?.label||e?.placeholder?[{id:"value",label:e?.label||"Value",type:"text",placeholder:e?.placeholder||""}]:[],v=r.get(t)||{submitted:false,skipped:false,values:void 0};u.innerHTML="";let k=document.createElement("form");k.style.margin="12px 0",k.style.padding="14px",k.style.border="1px solid var(--hsafa-border, #2A2C33)",k.style.borderRadius="12px",k.style.background="var(--hsafa-card, #121318)",k.style.color="var(--hsafa-text, #EDEEF0)",k.style.boxShadow="0 6px 20px rgba(0,0,0,0.25)";let a=document.createElement("div");if(a.style.fontWeight="600",a.style.marginBottom="6px",a.textContent=i,k.appendChild(a),x){let g=document.createElement("div");g.style.fontSize="12px",g.style.opacity="0.8",g.style.marginBottom="10px",g.textContent=x,k.appendChild(g);}T.forEach(g=>{let w=document.createElement("div");if(w.style.margin="10px 0",g.label){let m=document.createElement("label");m.style.display="block",m.style.fontSize="12px",m.style.marginBottom="6px",m.style.opacity="0.9",m.textContent=g.label,w.appendChild(m);}let f,d=(g.type||"text").toLowerCase();if(d==="textarea"){let m=document.createElement("textarea");m.placeholder=g.placeholder||"",m.value=g.value??"",m.style.width="100%",m.style.minHeight="72px",m.style.padding="10px 12px",m.style.border="1px solid var(--hsafa-border, #2A2C33)",m.style.borderRadius="10px",m.style.background="var(--hsafa-input-bg, #17181C)",m.style.color="inherit",f=m;}else if(d==="select"&&Array.isArray(g.options)){let m=document.createElement("select");m.style.width="100%",m.style.padding="10px 12px",m.style.border="1px solid var(--hsafa-border, #2A2C33)",m.style.borderRadius="10px",m.style.background="var(--hsafa-input-bg, #17181C)",m.style.color="inherit",g.options.forEach(R=>{let N=document.createElement("option");N.value=String(R.value),N.text=String(R.label??R.value),m.appendChild(N);}),m.value=g.value??"",f=m;}else if(d==="checkbox"){let m=document.createElement("input");m.type="checkbox",m.checked=!!g.value,m.style.transform="scale(1.1)",f=m;}else {let m=document.createElement("input");m.type=d,m.placeholder=g.placeholder||"",m.value=g.value??"",m.style.width="100%",m.style.padding="10px 12px",m.style.border="1px solid var(--hsafa-border, #2A2C33)",m.style.borderRadius="10px",m.style.background="var(--hsafa-input-bg, #17181C)",m.style.color="inherit",f=m;}let C=g.id||"value";f.dataset.fieldId=C;let M=v.values&&Object.prototype.hasOwnProperty.call(v.values,C)?v.values[C]:void 0;typeof M<"u"&&(f.type==="checkbox"?f.checked=!!M:f.value=String(M)),(v.submitted||v.skipped)&&(f.setAttribute("disabled","true"),f.style.opacity="0.7"),w.appendChild(f),k.appendChild(w);});let b=String(I).trim(),s=String(y).trim(),l=!!(b||s),p=null,h=null;if(l){let g=document.createElement("div");g.style.display="flex",g.style.gap="8px",g.style.marginTop="10px",p=document.createElement("button"),p.type="submit",p.textContent=b||"Submit",p.style.padding="6px 10px",p.style.borderRadius="8px",p.style.background="var(--hsafa-button-bg, var(--hsafa-primary, #2563eb))",p.style.color="#000000",h=document.createElement("button"),h.type="button",h.textContent=s||"Skip",h.style.padding="6px 10px",h.style.borderRadius="8px",h.style.background="transparent",h.style.border="1px solid var(--hsafa-border, #2A2C33)",h.style.color="inherit",g.appendChild(p),g.appendChild(h),k.appendChild(g);}if(k.onsubmit=g=>{g.preventDefault();let w={};k.querySelectorAll("[data-field-id]").forEach(f=>{let d=f.dataset.fieldId||"value";f.type==="checkbox"?w[d]=f.checked:w[d]=f.value??"";}),r.set(t,{submitted:true,skipped:false,values:w}),o({tool:"requestInput",toolCallId:t,output:{success:true,submitted:true,values:w}}),k.querySelectorAll("[data-field-id]").forEach(f=>{f.disabled=true,f.style.opacity="0.7";}),p&&(p.textContent=`${b||"Submit"} \u2713`,p.style.opacity="0.8",p.disabled=true),h&&(h.disabled=true);},h&&(h.onclick=()=>{r.set(t,{submitted:false,skipped:true,values:void 0}),o({tool:"requestInput",toolCallId:t,output:{success:true,submitted:false,skipped:true}}),k.querySelectorAll("[data-field-id]").forEach(g=>{g.disabled=true,g.style.opacity="0.7";}),h&&(h.textContent=`${s||"Skip"} \u2713`,h.style.opacity="0.8",h.disabled=true),p&&(p.disabled=true);}),v.submitted||v.skipped){let g=document.createElement("div");g.style.marginTop="10px",g.style.fontSize="12px",g.style.display="flex",g.style.alignItems="center",g.style.gap="8px";let w=document.createElement("span");w.style.display="inline-flex",w.style.alignItems="center",w.style.padding="2px 8px",w.style.borderRadius="999px",w.style.fontWeight="600",w.style.fontSize="11px",v.submitted?(w.style.background="rgba(16,185,129,0.15)",w.style.color="#10b981",w.textContent="Submitted"):(w.style.background="rgba(234,179,8,0.15)",w.style.color="#eab308",w.textContent="Skipped"),g.appendChild(w),k.appendChild(g);try{p&&(p.disabled=!0,p.style.opacity="0.8",v.submitted&&(p.textContent=`${b||"Submit"} \u2713`)),h&&(h.disabled=!0,h.style.opacity="0.8",v.skipped&&(h.textContent=`${s||"Skip"} \u2713`));}catch{}}u.appendChild(k);}function mn(e,t,n){let r=zo.useRef(new Map),o=zo.useRef(new Map),c=zo.useRef(t),u=zo.useRef(n);c.current=t,u.current=n,zo.useEffect(()=>{e.forEach(i=>{i.role==="assistant"&&i.parts?.forEach(x=>{if(!x.toolCallId)return;let I=x.toolName;if(!I&&x.type?.startsWith("tool-")&&(I=x.type.replace(/^tool-/,"")),!I)return;let y=c.current[I];if(y&&typeof y=="object"&&y.executeEachToken&&y.tool){let T=x.input||x.args||{},v=JSON.stringify(T),k=r.current.get(x.toolCallId);if(v!==k&&v!=="{}"){r.current.set(x.toolCallId,v);try{if(I==="requestInput")u.current(T,x.toolCallId);else {let b=(o.current.get(x.toolCallId)||0)+1;o.current.set(x.toolCallId,b),b>1&&y.tool({...T,toolCallNumber:b-1});}}catch{}}}});});},[e]);}function St(e){let{agentId:t,baseUrl:n="",tools:r={},uiComponents:o={},onStart:c,onFinish:u,onError:i,initialMessages:x=[],onMessagesChange:I,controlledChatId:y,onChatIdChange:T,templateParams:v}=e,{baseUrl:k,setCurrentChatId:a}=ne(),b=n&&n.length>0?n:k||"",[s,l]=zo.useState(""),[p,h]=zo.useState(()=>`chat_${Date.now()}_${Math.random().toString(36).slice(2)}`),g=y??p,w=zo.useCallback(E=>{y===void 0&&h(E),T&&T(E);},[y,T]);zo.useEffect(()=>{try{a(g);}catch{}return ()=>{try{a(void 0);}catch{}}},[g,a]);let f=zo.useMemo(()=>Xt(b,t,g,v),[b,t,g,v]),d=zo.useCallback(E=>{console.log("Message finished:",E);let F=E?.message?.id;if(!F&&Array.isArray(E?.messages))for(let z=E.messages.length-1;z>=0;z--){let H=E.messages[z];if(H&&H.role==="assistant"&&H.id){F=H.id;break}}u?.({...E,chatId:g,assistantMessageId:F});},[u,g]),C=zo.useCallback(E=>{console.error("Chat error:",E),i?.(E);},[i]),M=zo.useMemo(()=>cn(),[]),m=zo.useMemo(()=>({...M,...r}),[M,r]),R=zo.useMemo(()=>un(),[]),N=zo.useMemo(()=>({...R,...o}),[R,o]),U=zo.useRef(new Map),te=zo.useRef(new Map),ye=zo.useCallback(()=>{try{U.current.forEach(E=>{try{E.remove();}catch{}}),U.current.clear(),te.current.clear();}catch{}},[]),ue=zo.useCallback((E,F)=>{pn(E,F,U.current,te.current,z=>A.current.addToolResult(z));},[]),A=zo.useRef(null),B=zo.useRef(new Set),_=zo.useCallback((E,F,z)=>{console.error(`UI Error [${F}]:`,z),A.current&&B.current.has(E)&&(B.current.delete(E),A.current.addToolResult({tool:F,toolCallId:E,state:"output-error",errorText:z?.message||String(z)}));},[]),V=zo.useCallback((E,F)=>{A.current&&B.current.has(E)&&(B.current.delete(E),A.current.addToolResult({tool:F,toolCallId:E,output:{status:"ok",rendered:true,component:F,logs:[]}}));},[]),ie=zo.useCallback(E=>{let F=m[E];return F?typeof F=="object"&&"tool"in F?F.tool:typeof F=="function"?F:null:null},[m]),O=react.useChat({transport:f,onFinish:d,onError:C,experimental_throttle:10,sendAutomaticallyWhen:ai.lastAssistantMessageIsCompleteWithToolCalls,async onToolCall({toolCall:E}){let F=ie(E.toolName);if(E.toolName==="requestInput"){try{ue(E.input,E.toolCallId);}catch(Z){console.error("requestInput render error",Z);}return}let z=E.toolName==="ui";E?.input;let J=N&&E.toolName in N;if(z||J){B.current.add(E.toolCallId);return}if(F)try{let Z=await F(E.input);O.addToolResult({tool:E.toolName,toolCallId:E.toolCallId,output:Z});}catch(Z){O.addToolResult({tool:E.toolName,toolCallId:E.toolCallId,state:"output-error",errorText:Z?.message||String(Z)});}}}),{messages:$,sendMessage:he,status:ce,stop:xe,error:mt}=O;A.current=O,mn($,m,ue),zo.useEffect(()=>{try{let E=new Set,F=[];if($.forEach(z=>{z.role==="assistant"&&(z.parts||[]).forEach(H=>{if((H?.toolName||(typeof H?.type=="string"&&H.type.startsWith("tool-")?String(H.type.replace(/^tool-/,"")):void 0))!=="requestInput")return;let Z=H?.toolCallId||"";if(!Z)return;E.add(Z);let de=H?.output;if(de&&(de.submitted||de.skipped||de.values)){let be={submitted:!!de.submitted,skipped:!!de.skipped,values:de.values||void 0};te.current.set(Z,be);}let X=H?.input||H?.args||{};F.push({input:X,toolCallId:Z});});}),U.current.forEach((z,H)=>{if(!E.has(H)){let J=U.current.get(H);try{J?.remove();}catch{}U.current.delete(H),te.current.delete(H);}}),F.length>0){let z=requestAnimationFrame(()=>{F.forEach(({input:H,toolCallId:J})=>{try{ue(H,J);}catch{}});});return ()=>cancelAnimationFrame(z)}}catch{}},[$,ue]),zo.useEffect(()=>{x&&x.length>0&&$.length===0&&console.log("Initial messages:",x);},[x,$.length]);let q=ce==="submitted"||ce==="streaming",qe=zo.useCallback(()=>{I&&I($,g);},[I,$,g]),Fe=zo.useCallback(async E=>{let F=E?.text!==void 0?E.text:s,z=E?.files||[],H=F.trim();if(!(!H&&z.length===0)&&!q){E?.text===void 0&&l("");try{if(c){let J={role:"user",content:H,createdAt:Date.now(),chatId:g};c(J);}await he({text:H,files:z});}catch(J){throw console.error("Failed to send message:",J),J}}},[s,q,he,c,g]),Ie=zo.useCallback(()=>{if(q)return;ye(),l("");try{O?.setMessages?.([]);}catch{}let E=`chat_${Date.now()}_${Math.random().toString(36).slice(2)}`;w(E);},[q,O,ye,w]),Ht=zo.useCallback(E=>{try{O?.setMessages?.(E);}catch{}},[O]);return {input:s,setInput:l,messages:$,isLoading:q,status:ce,error:mt,sendMessage:Fe,stop:xe,newChat:Ie,setMessages:Ht,notifyMessagesChange:qe,chatApi:O,chatId:g,setChatId:w,tools:m,uiComponents:N,formHostRef:U,formStateRef:te,cleanupForms:ye,onUISuccess:V,onUIError:_}}function rt(e){let t=`hsafaChat_${e}`,n=`${t}.chats`,r=h=>`${t}.chat.${h}`,o=`${t}.currentChatId`,c=`${t}.showChat`,u=()=>{try{let h=localStorage.getItem(n);return h?JSON.parse(h):[]}catch{return []}},i=h=>{try{localStorage.setItem(n,JSON.stringify(h));}catch{}},x=h=>{try{let g=localStorage.getItem(r(h));return g?JSON.parse(g):null}catch{return null}},I=h=>{try{localStorage.setItem(r(h.id),JSON.stringify(h));}catch{}},y=h=>{let g=u(),w=g.findIndex(f=>f.id===h.id);w>=0?g[w]=h:g.unshift(h),i(g);},T=h=>{let w=u().filter(f=>f.id!==h);i(w);},v=h=>{try{localStorage.removeItem(r(h));}catch{}};return {loadChatsIndex:u,saveChatsIndex:i,loadChat:x,saveChat:I,upsertChatMeta:y,deleteChatMeta:T,deleteChatData:v,deleteChat:h=>{v(h),T(h);},loadShowChatPreference:h=>{try{let g=localStorage.getItem(c);return g!==null?g==="true":h}catch{return h}},saveShowChatPreference:h=>{try{localStorage.setItem(c,String(h));}catch{}},loadCurrentChatId:()=>{try{return localStorage.getItem(o)}catch{return null}},saveCurrentChatId:h=>{try{localStorage.setItem(o,h);}catch{}},removeCurrentChatId:()=>{try{localStorage.removeItem(o);}catch{}}}}function Et(e){let{agentId:t,chatId:n,messages:r,isLoading:o=false,autoSave:c=true,autoRestore:u=true}=e,i=zo.useMemo(()=>rt(t),[t]),[x,I]=zo.useState([]),[y,T]=zo.useState(null),v=zo.useRef(false),k=zo.useRef(false),a=zo.useCallback(()=>{try{let f=i.loadChatsIndex();I(f);let d=f.find(C=>C.id===n);T(d||null);}catch(f){console.error("Failed to refresh chat list:",f);}},[i,n]);zo.useEffect(()=>{a();},[a]),zo.useEffect(()=>{if(!(!u||k.current)){try{i.loadCurrentChatId()&&(v.current=!0);}catch(f){console.error("Failed to restore chat:",f);}k.current=true;}},[i,u]),zo.useEffect(()=>{if(!(!c||r.length===0))if(v.current){if(!o){let f=Date.now();try{i.saveChat({id:n,messages:r,agentId:t});let C=i.loadChatsIndex().find(M=>M.id===n);C&&(i.upsertChatMeta({...C,updatedAt:f}),a());}catch(d){console.error("Failed to save chat:",d);}}}else {let f=r.find(d=>d.role==="user");if(f){let d="";if(Array.isArray(f.parts)){let m=f.parts.find(R=>R&&R.type==="text");d=m&&typeof m.text=="string"?m.text:"";}let C=(d||"New chat").slice(0,80),M=Date.now();try{i.upsertChatMeta({id:n,title:C,createdAt:M,updatedAt:M}),i.saveChat({id:n,messages:r,agentId:t}),i.saveCurrentChatId(n),v.current=!0,a();}catch(m){console.error("Failed to create chat:",m);}}}},[]);let b=zo.useRef(false);zo.useEffect(()=>{if(o){b.current=true;return}if(b.current&&c){b.current=false;try{let f=Date.now();i.saveChat({id:n,messages:r,agentId:t});let C=i.loadChatsIndex().find(M=>M.id===n);if(C)i.upsertChatMeta({...C,updatedAt:f});else {let M="",m=Array.isArray(r)?r.find(N=>N&&N.role==="user"):void 0;if(m&&Array.isArray(m.parts)){let N=m.parts.find(U=>U&&U.type==="text");M=N&&typeof N.text=="string"?N.text:"";}let R=(M||"New chat").slice(0,80);i.upsertChatMeta({id:n,title:R,createdAt:f,updatedAt:f});try{i.saveCurrentChatId(n);}catch{}v.current=!0;}a();}catch(f){console.error("Failed to save chat on completion:",f);}}},[o,r,n,t,i,c,a]);let s=zo.useCallback(f=>{try{let d=i.loadChat(f);return d?{id:d.id,messages:d.messages,agentId:d.agentId||t}:null}catch(d){return console.error("Failed to load chat:",d),null}},[i,t]),l=zo.useCallback(()=>{if(r.length!==0)try{let f=Date.now();i.saveChat({id:n,messages:r,agentId:t});let C=i.loadChatsIndex().find(M=>M.id===n);C&&(i.upsertChatMeta({...C,updatedAt:f}),a());}catch(f){console.error("Failed to save chat:",f);}},[i,n,r,t,a]),p=zo.useCallback(f=>{try{i.deleteChat(f),a();}catch(d){console.error("Failed to delete chat:",d);}},[i,a]),h=zo.useCallback((f,d)=>{if(f!==n)try{v.current=!0,i.saveCurrentChatId(f);let C=i.loadChat(f),M=C&&Array.isArray(C.messages)?C.messages:[];d(M),a();}catch(C){console.error("Failed to switch chat:",C);}},[i,n,a]),g=zo.useCallback(f=>{v.current=false,f();},[]),w=zo.useCallback(f=>{if(!f.trim())return x;let d=f.toLowerCase();return x.filter(C=>C.title.toLowerCase().includes(d))},[x]);return {chatList:x,currentChatMeta:y,refreshChatList:a,loadChat:s,saveCurrentChat:l,deleteChat:p,switchToChat:h,createNewChat:g,searchChats:w,storage:i}}function Uo(e){let{messages:t,isLoading:n,sendMessage:r,setMessages:o,baseUrl:c}=e,{baseUrl:u}=ne(),i=c||u||"",[x,I]=zo.useState(null),[y,T]=zo.useState(""),[v,k]=zo.useState([]),[a,b]=zo.useState(false),s=zo.useCallback((f,d,C=[])=>{I(f),T(d),k(C);},[]),l=zo.useCallback(()=>{I(null),T(""),k([]);},[]),p=zo.useCallback(async f=>{if(!n)try{let d=t.findIndex(M=>M.id===f);if(d===-1)return;let C=t.slice(0,d);o(C),await r({text:y.trim(),files:v.map(M=>({type:"file",url:M.url,mediaType:M.mimeType||"application/octet-stream",...M.name?{name:M.name}:{},...M.size?{size:M.size}:{}}))}),l();}catch(d){throw console.error("Failed to save edit:",d),d}},[n,t,r,y,v,o,l]),h=zo.useCallback(f=>x===f,[x]),g=zo.useCallback(async f=>{if(!i){console.warn("baseUrl not provided, cannot upload attachments");return}b(true);try{let d=Array.from(f).map(async M=>{if(M.size>26214400)throw new Error(`${M.name} is too large (max 25MB)`);let m=new FormData;m.append("file",M);let R=await fetch(`${i}/api/upload`,{method:"POST",body:m});if(!R.ok)throw new Error(`Upload failed: ${R.statusText}`);let N=await R.json();return {id:N.url||`${Date.now()}-${Math.random()}`,name:M.name,url:N.url,mimeType:M.type,size:M.size}}),C=await Promise.all(d);k(M=>[...M,...C]);}catch(d){throw console.error("Failed to upload files:",d),d}finally{b(false);}},[i]),w=zo.useCallback(f=>{k(d=>d.filter(C=>C.id!==f));},[]);return {editingMessageId:x,editingText:y,setEditingText:T,editAttachments:v,setEditAttachments:k,editUploading:a,startEdit:s,cancelEdit:l,saveEdit:p,isEditing:h,addEditAttachments:g,removeEditAttachment:w}}function j({IconComponent:e,...t}){return zo__default.default.createElement(e,t)}function At({icon:e,onClick:t,ariaLabel:n,resolvedColors:r,disabled:o=false,title:c}){return jsxRuntime.jsx("button",{"aria-label":n,title:c,disabled:o,style:{backgroundColor:"transparent",color:r.mutedTextColor,border:"none",borderRadius:"8px",padding:"8px",cursor:o?"not-allowed":"pointer",opacity:o?.5:1,transition:"all 0.2s ease-out",display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:u=>{o||(u.currentTarget.style.backgroundColor=r.hoverBackground,u.currentTarget.style.color=r.textColor);},onMouseLeave:u=>{u.currentTarget.style.backgroundColor="transparent",u.currentTarget.style.color=r.mutedTextColor;},onClick:t,children:e})}function hn({title:e,alwaysOpen:t,streaming:n,dir:r,resolvedColors:o,onNew:c,onToggleHistory:u,onClose:i,historyBtnRef:x,t:I}){return jsxRuntime.jsxs("div",{style:{marginBottom:"24px",display:"flex",alignItems:"center",justifyContent:"space-between",direction:r==="rtl"?"rtl":"ltr"},children:[jsxRuntime.jsx("div",{style:{minWidth:"0"},children:jsxRuntime.jsx("h1",{title:e,style:{color:o.textColor,fontSize:"18px",fontWeight:"600",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",margin:"0"},children:e})}),jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",position:"relative",color:o.mutedTextColor},children:[jsxRuntime.jsx(At,{icon:jsxRuntime.jsx(j,{IconComponent:lucideReact.Plus,size:"20",strokeWidth:"2"}),onClick:()=>{n||c();},ariaLabel:I("header.new"),resolvedColors:o,disabled:n}),jsxRuntime.jsx("button",{ref:x,"aria-label":I("header.history"),style:{backgroundColor:"transparent",color:o.mutedTextColor,border:"none",borderRadius:"8px",padding:"8px",cursor:"pointer",transition:"all 0.2s ease-out",display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:y=>{y.currentTarget.style.backgroundColor=o.hoverBackground,y.currentTarget.style.color=o.textColor;},onMouseLeave:y=>{y.currentTarget.style.backgroundColor="transparent",y.currentTarget.style.color=o.mutedTextColor;},onClick:u,children:jsxRuntime.jsx(j,{IconComponent:lucideReact.History,size:"20",strokeWidth:"2"})}),!t&&jsxRuntime.jsx(At,{icon:jsxRuntime.jsx(j,{IconComponent:lucideReact.ChevronRight,size:"20",strokeWidth:"2",style:{transform:r==="rtl"?"rotate(180deg)":"none"}}),onClick:i,ariaLabel:I("header.close"),resolvedColors:o})]})]})}var ct=class extends zo.Component{constructor(t){super(t),this.state={hasError:false,error:null,errorInfo:null};}static getDerivedStateFromError(t){return {hasError:true,error:t,errorInfo:null}}componentDidMount(){let{toolCallId:t,toolName:n,onSuccess:r}=this.props;t&&n&&r&&!this.state.hasError&&setTimeout(()=>{this.state.hasError||r(t,n);},0);}componentDidCatch(t,n){console.error(`UI Component Error (${this.props.componentName}):`,t,n),this.setState({error:t,errorInfo:n});let{toolCallId:r,toolName:o,onError:c}=this.props;r&&o&&c&&c(r,o,t);}render(){if(this.state.hasError&&this.state.error){let{resolvedColors:t,componentName:n}=this.props;return jsxRuntime.jsxs("div",{style:{padding:"16px",backgroundColor:"#fee2e2",border:"2px solid #ef4444",borderRadius:"12px",color:"#991b1b"},children:[jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"8px"},children:[jsxRuntime.jsx("span",{style:{fontSize:"20px"},children:"\u26A0\uFE0F"}),jsxRuntime.jsxs("strong",{style:{fontSize:"16px"},children:["Component Error: ",n]})]}),jsxRuntime.jsx("div",{style:{fontSize:"14px",marginBottom:"8px",fontFamily:"monospace"},children:this.state.error.message}),this.state.errorInfo&&jsxRuntime.jsxs("details",{style:{fontSize:"12px",marginTop:"8px"},children:[jsxRuntime.jsx("summary",{style:{cursor:"pointer",fontWeight:"bold"},children:"Stack Trace"}),jsxRuntime.jsx("pre",{style:{marginTop:"8px",padding:"8px",backgroundColor:"#fef2f2",borderRadius:"4px",overflow:"auto",maxHeight:"200px",fontSize:"11px"},children:this.state.errorInfo.componentStack})]})]})}return this.props.children}};var qo=e=>{let t={"input-streaming":{color:"#eab308",text:"Inputting"},"input-available":{color:"#3b82f6",text:"Running"},error:{color:"#ef4444",text:"Error"},"output-available":{color:"#10b981",text:"Called"},finished:{color:"#10b981",text:"Called"}};return t[e||"output-available"]||t["output-available"]},Ko=e=>{let t=/^(.+?)_([a-f0-9]{6})_(.+)$/,n=e.match(t);if(n){let[,r,,o]=n;return {isMCP:true,mcpName:r.replace(/_/g," "),toolName:o.replace(/_/g," ")}}return {isMCP:false,toolName:e}},Vo=e=>e.replace(/_/g," ").replace(/-/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase());function xn({parts:e,messageId:t,openReasoningIds:n,toggleReasoning:r,resolvedColors:o,HsafaUI:c,onUIError:u,onUISuccess:i,addToolResult:x}){let I=[],y=[],T,v,k=false;for(let a of Array.isArray(e)?e:[]){if(!a)continue;if(a.type==="reasoning"&&typeof a.text=="string"){y.push(a.text),T||(T=a.startDate),v=a.endDate,a.state==="done"&&(k=true);continue}if(a.type==="text"&&typeof a.text=="string"){y.length&&(I.push({type:"reasoning",texts:y,startDate:T,endDate:v,isCompleted:k}),y=[],T=void 0,v=void 0,k=false),I.push({type:"text",text:a.text,startDate:a.startDate,endDate:a.endDate});continue}let b=a.type==="dynamic-tool",s=typeof a.type=="string"&&a.type.startsWith("tool-");if(b||s||a.type==="tool-call"){y.length&&(I.push({type:"reasoning",texts:y,startDate:T,endDate:v,isCompleted:k}),y=[],T=void 0,v=void 0,k=false);let l=String(b?a.toolName||"dynamic-tool":s?a.type?.slice(5)||"tool":a.toolName||"tool");l==="requestInput"?I.push({type:"tool",toolName:l,status:a.state||a.status,input:a.input,output:a.output,startDate:a.startDate,endDate:a.endDate,toolCallId:a.toolCallId}):I.push({type:"tool",toolName:l,status:a.state||a.status,input:a.input,output:a.output,startDate:a.startDate,endDate:a.endDate,toolCallId:a.toolCallId});continue}}return y.length&&I.push({type:"reasoning",texts:y,startDate:T,endDate:v,isCompleted:k}),I.length?jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[I.map((a,b)=>{let s=`${t}-${b}`,l=n.has(s);if(a.type==="reasoning"){let d=a.isCompleted||typeof a.startDate=="number"&&typeof a.endDate=="number",C=a.texts&&a.texts.length>0&&a.texts.some(m=>m.trim().length>0),M=()=>{C&&r(s);};return d&&!C?null:jsxRuntime.jsx("div",{onClick:M,style:{cursor:C?"pointer":"default",padding:"0"},children:jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:l?"4px":"0px"},children:[jsxRuntime.jsxs("div",{style:{fontSize:"13px",color:o.mutedTextColor,fontWeight:500,display:"flex",alignItems:"center",gap:"6px",overflow:"hidden",maxWidth:"100%",minWidth:0,width:"100%"},children:[jsxRuntime.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:"6px"},children:[!d&&jsxRuntime.jsx("span",{style:{display:"inline-block",height:"6px",width:"6px",borderRadius:"50%",backgroundColor:o.mutedTextColor,animation:"pulse 1.5s ease-in-out infinite"}}),jsxRuntime.jsx("span",{style:{color:o.textColor,fontWeight:600,opacity:.9,background:d?"none":`linear-gradient(90deg, ${o.textColor}, ${o.mutedTextColor}, ${o.mutedTextColor})`,backgroundSize:d?"auto":"200% 100%",backgroundClip:d?"unset":"text",WebkitBackgroundClip:d?"unset":"text",WebkitTextFillColor:d?o.mutedTextColor:"transparent",animation:d?void 0:"shimmer 2s ease-in-out infinite"},children:d?"Finish Thinking":"Thinking"})]}),C&&jsxRuntime.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0,transform:l?"rotate(90deg)":"rotate(0deg)",transition:"transform 0.2s ease-out"},children:jsxRuntime.jsx("polyline",{points:"9 18 15 12 9 6"})})]}),jsxRuntime.jsx("div",{style:{display:"grid",gridTemplateRows:l||!d?"1fr":"0fr",transition:"grid-template-rows 0.2s ease-out",overflow:"hidden"},children:jsxRuntime.jsx("div",{style:{minHeight:0},children:a.texts&&a.texts.length>0?jsxRuntime.jsx("div",{style:{fontSize:"13px",color:o.mutedTextColor,lineHeight:"1.6",maxWidth:"100%"},children:(!d&&l?a.texts:d?l?a.texts:[]:[a.texts[a.texts.length-1]]).map((m,R)=>jsxRuntime.jsx("div",{style:{marginBottom:"6px",opacity:.5},children:jsxRuntime.jsx(We,{content:m,theme:"dark",streaming:!d})},`rg-line-${b}-${R}`))}):jsxRuntime.jsxs("div",{style:{fontSize:"12px",color:o.mutedTextColor,opacity:.7,display:"flex",alignItems:"center",gap:"8px"},children:[jsxRuntime.jsx("span",{style:{display:"inline-block",height:"6px",width:"6px",borderRadius:"50%",backgroundColor:o.mutedTextColor,animation:"pulse 1.5s ease-in-out infinite"}}),jsxRuntime.jsx("span",{style:{letterSpacing:"2px",animation:"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"},children:"..."})]})})})]})},s)}if(a.type==="text"){let d=typeof a.endDate!="number";return jsxRuntime.jsx("div",{style:{fontSize:"15px",color:o.textColor,lineHeight:"1.6"},children:jsxRuntime.jsx(We,{content:a.text,theme:"dark",streaming:d})},s)}let{color:p,text:h}=qo(a.status),g=a.status==="input-streaming"||a.status==="input-available";if(a.toolName==="requestInput")return jsxRuntime.jsx("div",{style:{display:"block",position:"relative"},children:jsxRuntime.jsx("div",{"data-get-from-user-host":a.toolCallId||s,style:{width:"100%"}})},s);let w=c?.[a.toolName||""];if(w)return jsxRuntime.jsx("div",{style:{display:"block",position:"relative"},children:jsxRuntime.jsx(ct,{componentName:a.toolName||"Unknown",resolvedColors:o,toolCallId:a.toolCallId,toolName:a.toolName||"unknown",onError:u,onSuccess:i,children:jsxRuntime.jsx(w,{toolName:a.toolName||"",toolCallId:a.toolCallId||"",input:a.input,output:a.output,status:a.status,addToolResult:x})})},s);let f=Ko(a.toolName||"tool");return jsxRuntime.jsx("div",{style:{display:"flex",gap:"12px",position:"relative"},children:jsxRuntime.jsx("div",{style:{flex:1,minWidth:0},children:jsxRuntime.jsxs("div",{style:{fontSize:"13px",color:o.mutedTextColor,display:"flex",alignItems:"center",gap:"8px",flexWrap:"wrap"},children:[jsxRuntime.jsxs("span",{style:{fontWeight:600,color:p,display:"flex",alignItems:"center",gap:"6px"},children:[jsxRuntime.jsx("span",{style:{display:"inline-block",height:"6px",width:"6px",borderRadius:"50%",backgroundColor:p,animation:g?"pulse 1.5s ease-in-out infinite":void 0}}),h]}),f.isMCP?jsxRuntime.jsxs("span",{style:{fontWeight:500,color:o.textColor},children:[jsxRuntime.jsx("span",{style:{fontWeight:600},children:f.toolName}),jsxRuntime.jsx("span",{style:{opacity:.7,margin:"0 4px"},children:"from"}),jsxRuntime.jsx("span",{style:{fontWeight:600,opacity:.85},children:f.mcpName})]}):jsxRuntime.jsx("span",{style:{fontWeight:500,color:o.textColor},children:Vo(f.toolName)})]})})},s)}),jsxRuntime.jsx("style",{children:`
|
|
11
|
+
`,document.head.appendChild(o);}Nn=true;}return t?(t.classList.add("as-arrow"),Ve||(Ve=client.createRoot(t),Ve.render(jsxRuntime.jsx(Wn,{arrowSvg:n.arrow,pointerSvg:n.pointer})))):(t=document.createElement("div"),t.id=e,t.className="fake-cursor as-arrow",t.style.position="fixed",t.style.left="20px",t.style.top="20px",document.body.appendChild(t),Ve=client.createRoot(t),Ve.render(jsxRuntime.jsx(Wn,{arrowSvg:n.arrow,pointerSvg:n.pointer}))),t}function Fe(e,t,n){return Math.max(t,Math.min(n,e))}function Go(e){return e<.5?4*e*e*e:1-Math.pow(-2*e+2,3)/2}function qn(e){if(!e)return null;let t=document.createElement("canvas").getContext("2d");if(!t)return null;t.fillStyle="#000",t.fillStyle=e;let r=t.fillStyle.match(/rgba?\(([^)]+)\)/i);if(!r)return null;let o=r[1].split(/\s*,\s*/).map(Number),[l,m,u,C=1]=o;return {r:l,g:m,b:u,a:C}}function jo({r:e,g:t,b:n}){let r=[e,t,n].map(o=>o/255).map(o=>o<=.03928?o/12.92:Math.pow((o+.055)/1.055,2.4));return .2126*r[0]+.7152*r[1]+.0722*r[2]}function _o(e){let t=e?qn(e):null;return !t||t.a===0?false:jo(t)<.5}function qo(e,t){let n=document.elementFromPoint(e,t),r=new Set;for(;n&&!r.has(n);){r.add(n);let m=getComputedStyle(n).backgroundColor,u=qn(m);if(u&&u.a>0)return m;n=n.parentElement;}return getComputedStyle(document.body).backgroundColor||"rgb(255,255,255)"}function $t(e,t,n){let r=qo(t,n),o=_o(r),l=o?"#ffffff":"#000000";e.querySelectorAll("svg path").forEach(u=>{u.style.fill="white",u.style.stroke=l,u.style.strokeWidth="1";}),e.style.filter=o?"drop-shadow(0 1px 2px rgba(0,0,0,0.8))":"drop-shadow(0 1px 2px rgba(255,255,255,0.9))";}async function st(e,t,n,r,o="ease-in-out",l="curve",m=.25,u="auto",C){_n(),Pt(e);let M=performance.now(),x=o==="linear"?h=>h:Go,I=l!=="straight",k={x:0,y:0};if(I){let h=n.x-t.x,i=n.y-t.y,b=Math.hypot(h,i)||1,d=(t.x+n.x)/2,c=(t.y+n.y)/2,f=-i/b,s=h/b,a=1;u==="left"?a=-1:u==="right"?a=1:a=Math.random()<.5?-1:1;let T=Fe(m,0,1)*b;k={x:d+a*f*T,y:c+a*s*T};}return new Promise(h=>{function i(b){let d=Fe((b-M)/r,0,1),c=x(d),f,s;if(I){let y=1-c;f=y*y*t.x+2*y*c*k.x+c*c*n.x,s=y*y*t.y+2*y*c*k.y+c*c*n.y;}else f=t.x+(n.x-t.x)*c,s=t.y+(n.y-t.y)*c;let T=.35*(1-c),w=Math.sin(b*.02)*T,v=Math.cos(b*.018)*T;e.style.left=`${f+w}px`,e.style.top=`${s+v}px`,$t(e,f+w,s+v),C&&C({x:f+w,y:s+v,t:d,now:b}),d<1?requestAnimationFrame(i):h();}requestAnimationFrame(i);})}function Un(e,t){return {x:e.x+(t?.x??0),y:e.y+(t?.y??0)}}function pe(e,t,n,r){let o={bubbles:true,cancelable:true,view:window,clientX:n.x,clientY:n.y,...r};try{let l=t==="pointerdown"||t==="mousedown",m=t==="pointerup"||t==="mouseup",u={button:0,buttons:l?1:0,isPrimary:!0,...o};if("PointerEvent"in window){let C=new PointerEvent(t,{pointerId:1,pointerType:"mouse",...u});e.dispatchEvent(C);}else {let C=new MouseEvent(t,u);e.dispatchEvent(C);}}catch{let l=new MouseEvent(t,o);e.dispatchEvent(l);}}function Kn(e){return e&&typeof e=="object"&&e.nodeType===1}function Ko(e){if(!e)return document;if(Kn(e))return e;if(typeof e=="string"){let t=document.getElementById(e);if(t)return t;let n=document.querySelector(e);if(n)return n}return document}function On(e){if(Kn(e))return {kind:"element",element:e};if(typeof e=="string"){let t=document.getElementById(e);if(t)return {kind:"element",element:t};let n=document.querySelector(e);return {kind:n?"element":"position",element:n??null}}if(typeof e=="object"&&"position"in e)return {kind:"position",point:e.position};if(typeof e=="object"&&"selector"in e){let n=Ko(e.within??null).querySelectorAll(e.selector),r=Math.max(0,Math.min(n.length-1,e.nth??0)),o=n[r]??null;return {kind:o?"element":"position",element:o}}return {kind:"position",point:{x:0,y:0}}}function Gn(e,t){let n=e.getBoundingClientRect();if(!t||t==="center")return {x:n.left+n.width/2,y:n.top+n.height/2};if(t==="top-left")return {x:n.left,y:n.top};if(t==="bottom-right")return {x:n.right,y:n.bottom};let r=Fe(t.x,0,1),o=Fe(t.y,0,1);return {x:n.left+n.width*r,y:n.top+n.height*o}}function jn(e){return {x:Fe(e.x,0,window.innerWidth),y:Fe(e.y,0,window.innerHeight)}}function Vo(){return po.useEffect(()=>(window.__cursorGuide=async(e,t={})=>{let n=Array.isArray(e)?e:[{target:e,action:t.action??"none",options:t}],r=[],o=await Oo();o.classList.add("visible","as-arrow"),o.classList.remove("as-pointer","pressing"),Pt(o),_n();let l=parseFloat(o.style.left||"20")||20,m=parseFloat(o.style.top||"20")||20;$t(o,l,m);for(let u of n){let{durationMs:C=800,easing:M="ease-in-out",offset:x,highlight:I=true,path:k="curve",curveStrength:h=.25,curveDirection:i="auto",anchor:b,cursorHotspot:d,dragTo:c}=u.options??{},f=u.action??u.options?.action??"none",s=performance.now(),a=On(u.target),T=null,w=null;if(a.kind==="element"&&a.element?(w=a.element,o.classList.remove("visible"),w.scrollIntoView({behavior:"smooth",block:"center",inline:"center"}),await zo(w,1500,180),Pt(o),T=Gn(w,b)):a.kind==="position"&&a.point&&(T=a.point),!T){r.push({ok:false,action:f,targetKind:a.kind,durationMs:Math.round(performance.now()-s),error:"Target not found"});continue}let v={x:parseFloat(o.style.left||"20")||20,y:parseFloat(o.style.top||"20")||20},y=jn(Un(T,x));await st(o,v,y,C,M,k,h,i);let S=y.x-v.x,p=y.y-v.y,B=Math.hypot(S,p)||1,W=S/B,j=p/B,ne=Math.min(6,Math.max(3,B*.02)),ye={x:y.x+W*ne,y:y.y+j*ne};await st(o,y,ye,Math.max(70,C*.1),"ease-out","straight",0,"right"),await st(o,ye,y,120,"ease-out","straight",0,"left"),I&&(o.classList?.add("click"),setTimeout(()=>o.classList?.remove("click"),180));let me=null;try{if(f==="click"){o.classList.remove("as-arrow"),o.classList.add("as-pointer","pressing");let _={x:d?.x??0,y:d?.y??0},U={x:y.x+_.x,y:y.y+_.y};o.style.left=`${U.x}px`,o.style.top=`${U.y}px`,$t(o,U.x,U.y);let q=w??document.elementFromPoint(U.x,U.y)??document.body;pe(q,"pointerdown",U),pe(q,"mousedown",U),await new Promise(O=>setTimeout(O,90)),o.classList.remove("pressing"),pe(q,"mouseup",U),pe(q,"click",U),setTimeout(()=>{o.classList.remove("as-pointer"),o.classList.add("as-arrow");},140),q instanceof HTMLElement&&q.focus?.(),me=q?.id??null;}else if(f==="drag"){if(!c)throw new Error("dragTo is required for action 'drag'");let _=On(c),U=null;if(_.kind==="element"&&_.element&&(U=Gn(_.element,b)),_.kind==="position"&&_.point&&(U=_.point),!U)throw new Error("dragTo target not found");let q=jn(Un(U,x)),O={x:y.x,y:y.y},De=w??document.elementFromPoint(O.x,O.y)??document.body;o.classList.remove("as-arrow"),o.classList.add("as-pointer","pressing"),pe(De,"pointerdown",O),pe(De,"mousedown",O),await st(o,O,q,Math.max(200,C),M,k,h,i,({x:oe,y:Z})=>{let ge=document.elementFromPoint(oe,Z)??document.body,Pe={x:oe,y:Z};pe(ge,"pointermove",Pe),pe(ge,"mousemove",Pe);});let J=document.elementFromPoint(q.x,q.y)??document.body;o.classList.remove("pressing"),pe(J,"pointerup",q),pe(J,"mouseup",q);}r.push({ok:!0,action:f,targetKind:a.kind,durationMs:Math.round(performance.now()-s),clickedElementId:me});}catch(_){r.push({ok:false,action:f,targetKind:a.kind,durationMs:Math.round(performance.now()-s),error:_?.message??String(_)});}}return Po(o,2e3),{ok:r.every(u=>u.ok),steps:r}},()=>{try{delete window.__cursorGuide;}catch{window.__cursorGuide=void 0;}}),[]),null}var Xe=Vo;function Vn(){return {getDomComponents:{tool:async({includeHidden:e,selector:t})=>await qe({includeHidden:e,selector:t}),executeEachToken:false},controlCursor:{tool:async({target:e,action:t,anchor:n,durationMs:r,dragTo:o})=>{let l=await Ie(e,{action:t,anchor:n,durationMs:r,dragTo:o});if(l&&l.ok){let m=Array.isArray(l.steps)&&l.steps.length?l.steps[l.steps.length-1]:void 0,u=m?.clickedElementId?` (clicked element id: ${m.clickedElementId})`:"",C=t||m?.action||"none";return {success:true,message:C==="click"?`Cursor moved and clicked successfully${u}`:C==="drag"?"Cursor dragged successfully":"Cursor moved successfully",details:l}}return {success:false,message:"Cursor action failed",details:l}},executeEachToken:false},fillActiveInput:{tool:async({value:e})=>{let t=await Ke(e);return {success:!!t?.ok,message:t?.ok?"Active input filled successfully":t?.errors?.[0]||"Failed to fill active input",details:t}},executeEachToken:true},requestInput:{tool:async e=>({ok:true}),executeEachToken:true}}}function Ye({content:e,theme:t="dark",streaming:n=false}){return jsxRuntime.jsx(xMarkdown.XMarkdown,{content:e,className:t==="dark"?"x-markdown-dark":"x-markdown-light",streaming:{hasNextChunk:n,enableAnimation:true,animationConfig:{fadeDuration:200},incompleteMarkdownComponentMap:{html:"IncompleteBlock",link:"IncompleteBlock",image:"IncompleteBlock"}},openLinksInNewTab:true,config:{gfm:true},dompurifyConfig:{ADD_TAGS:["data-chart","welcome","user-card","mermaid"],ADD_ATTR:["data-source","data-spec","data-icon","data-description","data-raw"]},style:{fontSize:"14px",lineHeight:"1.6",wordBreak:"break-word",maxWidth:"100%",overflow:"hidden"}})}function Qo({input:e}){return jsxRuntime.jsx("div",{style:{fontSize:"14px",lineHeight:"1.6",width:"100%"},children:jsxRuntime.jsx(Ye,{content:e?.text||"",theme:"dark"})})}function Yn(){return {plainText:Qo}}function Jn(e,t,n,r,o,l){let m=n.get(t);if(m){let a=m.parentElement,T=document.querySelector(`[data-get-from-user-host="${t}"]`);if(T&&a!==T){try{a?.removeChild(m);}catch{}T.innerHTML="",T.appendChild(m);}}else {m=document.createElement("div"),m.className="hsafa-inline-form";let a=document.querySelector(`[data-get-from-user-host="${t}"]`);a?(a.innerHTML="",a.appendChild(m)):(document.querySelector(".chat-scroll-container")||document.body).appendChild(m),n.set(t,m);}let u=e?.title||"Provide input",C=e?.description||"",M=e?.submitLabel||"Submit",x=e?.skipLabel||"Skip",I=Array.isArray(e?.fields)?e.fields:e?.label||e?.placeholder?[{id:"value",label:e?.label||"Value",type:"text",placeholder:e?.placeholder||""}]:[],k=r.get(t)||{submitted:false,skipped:false,values:void 0};m.innerHTML="";let h=document.createElement("form");h.style.margin="12px 0",h.style.padding="14px",h.style.border="1px solid var(--hsafa-border, #2A2C33)",h.style.borderRadius="12px",h.style.background="var(--hsafa-card, #121318)",h.style.color="var(--hsafa-text, #EDEEF0)",h.style.boxShadow="0 6px 20px rgba(0,0,0,0.25)";let i=document.createElement("div");if(i.style.fontWeight="600",i.style.marginBottom="6px",i.textContent=u,h.appendChild(i),C){let a=document.createElement("div");a.style.fontSize="12px",a.style.opacity="0.8",a.style.marginBottom="10px",a.textContent=C,h.appendChild(a);}I.forEach(a=>{let T=document.createElement("div");if(T.style.margin="10px 0",a.label){let p=document.createElement("label");p.style.display="block",p.style.fontSize="12px",p.style.marginBottom="6px",p.style.opacity="0.9",p.textContent=a.label,T.appendChild(p);}let w,v=(a.type||"text").toLowerCase();if(v==="textarea"){let p=document.createElement("textarea");p.placeholder=a.placeholder||"",p.value=a.value??"",p.style.width="100%",p.style.minHeight="72px",p.style.padding="10px 12px",p.style.border="1px solid var(--hsafa-border, #2A2C33)",p.style.borderRadius="10px",p.style.background="var(--hsafa-input-bg, #17181C)",p.style.color="inherit",w=p;}else if(v==="select"&&Array.isArray(a.options)){let p=document.createElement("select");p.style.width="100%",p.style.padding="10px 12px",p.style.border="1px solid var(--hsafa-border, #2A2C33)",p.style.borderRadius="10px",p.style.background="var(--hsafa-input-bg, #17181C)",p.style.color="inherit",a.options.forEach(B=>{let W=document.createElement("option");W.value=String(B.value),W.text=String(B.label??B.value),p.appendChild(W);}),p.value=a.value??"",w=p;}else if(v==="checkbox"){let p=document.createElement("input");p.type="checkbox",p.checked=!!a.value,p.style.transform="scale(1.1)",w=p;}else {let p=document.createElement("input");p.type=v,p.placeholder=a.placeholder||"",p.value=a.value??"",p.style.width="100%",p.style.padding="10px 12px",p.style.border="1px solid var(--hsafa-border, #2A2C33)",p.style.borderRadius="10px",p.style.background="var(--hsafa-input-bg, #17181C)",p.style.color="inherit",w=p;}let y=a.id||"value";w.dataset.fieldId=y;let S=k.values&&Object.prototype.hasOwnProperty.call(k.values,y)?k.values[y]:void 0;typeof S<"u"&&(w.type==="checkbox"?w.checked=!!S:w.value=String(S)),(k.submitted||k.skipped)&&(w.setAttribute("disabled","true"),w.style.opacity="0.7"),T.appendChild(w),h.appendChild(T);});let b=String(M).trim(),d=String(x).trim(),c=!!(b||d),f=null,s=null;if(c){let a=document.createElement("div");a.style.display="flex",a.style.gap="8px",a.style.marginTop="10px",f=document.createElement("button"),f.type="submit",f.textContent=b||"Submit",f.style.padding="6px 10px",f.style.borderRadius="8px",f.style.background="var(--hsafa-button-bg, var(--hsafa-primary, #2563eb))",f.style.color="#000000",s=document.createElement("button"),s.type="button",s.textContent=d||"Skip",s.style.padding="6px 10px",s.style.borderRadius="8px",s.style.background="transparent",s.style.border="1px solid var(--hsafa-border, #2A2C33)",s.style.color="inherit",a.appendChild(f),a.appendChild(s),h.appendChild(a);}if(h.onsubmit=a=>{a.preventDefault();let T={};h.querySelectorAll("[data-field-id]").forEach(w=>{let v=w.dataset.fieldId||"value";w.type==="checkbox"?T[v]=w.checked:T[v]=w.value??"";}),r.set(t,{submitted:true,skipped:false,values:T}),o({tool:"requestInput",toolCallId:t,output:{success:true,submitted:true,values:T}}),h.querySelectorAll("[data-field-id]").forEach(w=>{w.disabled=true,w.style.opacity="0.7";}),f&&(f.textContent=`${b||"Submit"} \u2713`,f.style.opacity="0.8",f.disabled=true),s&&(s.disabled=true);},s&&(s.onclick=()=>{r.set(t,{submitted:false,skipped:true,values:void 0}),o({tool:"requestInput",toolCallId:t,output:{success:true,submitted:false,skipped:true}}),h.querySelectorAll("[data-field-id]").forEach(a=>{a.disabled=true,a.style.opacity="0.7";}),s&&(s.textContent=`${d||"Skip"} \u2713`,s.style.opacity="0.8",s.disabled=true),f&&(f.disabled=true);}),k.submitted||k.skipped){let a=document.createElement("div");a.style.marginTop="10px",a.style.fontSize="12px",a.style.display="flex",a.style.alignItems="center",a.style.gap="8px";let T=document.createElement("span");T.style.display="inline-flex",T.style.alignItems="center",T.style.padding="2px 8px",T.style.borderRadius="999px",T.style.fontWeight="600",T.style.fontSize="11px",k.submitted?(T.style.background="rgba(16,185,129,0.15)",T.style.color="#10b981",T.textContent="Submitted"):(T.style.background="rgba(234,179,8,0.15)",T.style.color="#eab308",T.textContent="Skipped"),a.appendChild(T),h.appendChild(a);try{f&&(f.disabled=!0,f.style.opacity="0.8",k.submitted&&(f.textContent=`${b||"Submit"} \u2713`)),s&&(s.disabled=!0,s.style.opacity="0.8",k.skipped&&(s.textContent=`${d||"Skip"} \u2713`));}catch{}}m.appendChild(h);}function Zn(e,t,n){let r=po.useRef(new Map),o=po.useRef(new Map),l=po.useRef(t),m=po.useRef(n);l.current=t,m.current=n,po.useEffect(()=>{e.forEach(u=>{u.role==="assistant"&&u.parts?.forEach(C=>{if(!C.toolCallId)return;let M=C.toolName;if(!M&&C.type?.startsWith("tool-")&&(M=C.type.replace(/^tool-/,"")),!M)return;let x=l.current[M];if(x&&typeof x=="object"&&x.executeEachToken&&x.tool){let I=C.input||C.args||{},k=JSON.stringify(I),h=r.current.get(C.toolCallId);if(k!==h&&k!=="{}"){r.current.set(C.toolCallId,k);try{if(M==="requestInput")m.current(I,C.toolCallId);else {let b=(o.current.get(C.toolCallId)||0)+1;o.current.set(C.toolCallId,b),b>1&&x.tool({...I,toolCallNumber:b-1});}}catch{}}}});});},[e]);}function Nt(e){let{agentId:t,baseUrl:n="",tools:r={},uiComponents:o={},onStart:l,onFinish:m,onError:u,initialMessages:C=[],onMessagesChange:M,controlledChatId:x,onChatIdChange:I,templateParams:k}=e,{baseUrl:h,setCurrentChatId:i}=se(),b=n&&n.length>0?n:h||"",[d,c]=po.useState(""),[f,s]=po.useState(()=>`chat_${Date.now()}_${Math.random().toString(36).slice(2)}`),a=x??f,T=po.useCallback(E=>{x===void 0&&s(E),I&&I(E);},[x,I]);po.useEffect(()=>{try{i(a);}catch{}return ()=>{try{i(void 0);}catch{}}},[a,i]);let w=po.useMemo(()=>Dn(b,t,a,k),[b,t,a,k]),v=po.useCallback(E=>{console.log("Message finished:",E);let L=E?.message?.id;if(!L&&Array.isArray(E?.messages))for(let G=E.messages.length-1;G>=0;G--){let $=E.messages[G];if($&&$.role==="assistant"&&$.id){L=$.id;break}}m?.({...E,chatId:a,assistantMessageId:L});},[m,a]),y=po.useCallback(E=>{console.error("Chat error:",E),u?.(E);},[u]),S=po.useMemo(()=>Vn(),[]),p=po.useMemo(()=>({...S,...r}),[S,r]),B=po.useMemo(()=>Yn(),[]),W=po.useMemo(()=>({...B,...o}),[B,o]),j=po.useRef(new Map),ne=po.useRef(new Map),ye=po.useCallback(()=>{try{j.current.forEach(E=>{try{E.remove();}catch{}}),j.current.clear(),ne.current.clear();}catch{}},[]),me=po.useCallback((E,L)=>{Jn(E,L,j.current,ne.current,G=>_.current.addToolResult(G));},[]),_=po.useRef(null),U=po.useRef(new Set),q=po.useCallback((E,L,G)=>{console.error(`UI Error [${L}]:`,G),_.current&&U.current.has(E)&&(U.current.delete(E),_.current.addToolResult({tool:L,toolCallId:E,state:"output-error",errorText:G?.message||String(G)}));},[]),O=po.useCallback((E,L)=>{_.current&&U.current.has(E)&&(U.current.delete(E),_.current.addToolResult({tool:L,toolCallId:E,output:{status:"ok",rendered:true,component:L,logs:[]}}));},[]),De=po.useCallback(E=>{let L=p[E];return L?typeof L=="object"&&"tool"in L?L.tool:typeof L=="function"?L:null:null},[p]),J=react.useChat({transport:w,onFinish:v,onError:y,experimental_throttle:10,sendAutomaticallyWhen:ai.lastAssistantMessageIsCompleteWithToolCalls,async onToolCall({toolCall:E}){let L=De(E.toolName);if(E.toolName==="requestInput"){try{me(E.input,E.toolCallId);}catch(te){console.error("requestInput render error",te);}return}let G=E.toolName==="ui";E?.input;let ee=W&&E.toolName in W;if(G||ee){U.current.add(E.toolCallId);return}if(L)try{let te=await L(E.input);J.addToolResult({tool:E.toolName,toolCallId:E.toolCallId,output:te});}catch(te){J.addToolResult({tool:E.toolName,toolCallId:E.toolCallId,state:"output-error",errorText:te?.message||String(te)});}}}),{messages:oe,sendMessage:Z,status:ge,stop:Pe,error:Zt}=J;_.current=J,Zn(oe,p,me),po.useEffect(()=>{try{let E=new Set,L=[];if(oe.forEach(G=>{G.role==="assistant"&&(G.parts||[]).forEach($=>{if(($?.toolName||(typeof $?.type=="string"&&$.type.startsWith("tool-")?String($.type.replace(/^tool-/,"")):void 0))!=="requestInput")return;let te=$?.toolCallId||"";if(!te)return;E.add(te);let K=$?.output;if(K&&(K.submitted||K.skipped||K.values)){let $e={submitted:!!K.submitted,skipped:!!K.skipped,values:K.values||void 0};ne.current.set(te,$e);}let tt=$?.input||$?.args||{};L.push({input:tt,toolCallId:te});});}),j.current.forEach((G,$)=>{if(!E.has($)){let ee=j.current.get($);try{ee?.remove();}catch{}j.current.delete($),ne.current.delete($);}}),L.length>0){let G=requestAnimationFrame(()=>{L.forEach(({input:$,toolCallId:ee})=>{try{me($,ee);}catch{}});});return ()=>cancelAnimationFrame(G)}}catch{}},[oe,me]),po.useEffect(()=>{C&&C.length>0&&oe.length===0&&console.log("Initial messages:",C);},[C,oe.length]);let A=ge==="submitted"||ge==="streaming",P=po.useCallback(()=>{M&&M(oe,a);},[M,oe,a]),kt=po.useCallback(async E=>{let L=E?.text!==void 0?E.text:d,G=E?.files||[],$=L.trim();if(!(!$&&G.length===0)&&!A){E?.text===void 0&&c("");try{if(l){let ee={role:"user",content:$,createdAt:Date.now(),chatId:a};l(ee);}await Z({text:$,files:G});}catch(ee){throw console.error("Failed to send message:",ee),ee}}},[d,A,Z,l,a]),ve=po.useCallback(()=>{if(A)return;ye(),c("");try{J?.setMessages?.([]);}catch{}let E=`chat_${Date.now()}_${Math.random().toString(36).slice(2)}`;T(E);},[A,J,ye,T]),fe=po.useCallback(E=>{try{J?.setMessages?.(E);}catch{}},[J]);return {input:d,setInput:c,messages:oe,isLoading:A,status:ge,error:Zt,sendMessage:kt,stop:Pe,newChat:ve,setMessages:fe,notifyMessagesChange:P,chatApi:J,chatId:a,setChatId:T,tools:p,uiComponents:W,formHostRef:j,formStateRef:ne,cleanupForms:ye,onUISuccess:O,onUIError:q}}function pt(e){let t=`hsafaChat_${e}`,n=`${t}.chats`,r=s=>`${t}.chat.${s}`,o=`${t}.currentChatId`,l=`${t}.showChat`,m=()=>{try{let s=localStorage.getItem(n);return s?JSON.parse(s):[]}catch{return []}},u=s=>{try{localStorage.setItem(n,JSON.stringify(s));}catch{}},C=s=>{try{let a=localStorage.getItem(r(s));return a?JSON.parse(a):null}catch{return null}},M=s=>{try{localStorage.setItem(r(s.id),JSON.stringify(s));}catch{}},x=s=>{let a=m(),T=a.findIndex(w=>w.id===s.id);T>=0?a[T]=s:a.unshift(s),u(a);},I=s=>{let T=m().filter(w=>w.id!==s);u(T);},k=s=>{try{localStorage.removeItem(r(s));}catch{}};return {loadChatsIndex:m,saveChatsIndex:u,loadChat:C,saveChat:M,upsertChatMeta:x,deleteChatMeta:I,deleteChatData:k,deleteChat:s=>{k(s),I(s);},loadShowChatPreference:s=>{try{let a=localStorage.getItem(l);return a!==null?a==="true":s}catch{return s}},saveShowChatPreference:s=>{try{localStorage.setItem(l,String(s));}catch{}},loadCurrentChatId:()=>{try{return localStorage.getItem(o)}catch{return null}},saveCurrentChatId:s=>{try{localStorage.setItem(o,s);}catch{}},removeCurrentChatId:()=>{try{localStorage.removeItem(o);}catch{}}}}function Ut(e){let{agentId:t,chatId:n,messages:r,isLoading:o=false,autoSave:l=true,autoRestore:m=true}=e,u=po.useMemo(()=>pt(t),[t]),[C,M]=po.useState([]),[x,I]=po.useState(null),k=po.useRef(false),h=po.useRef(false),i=po.useCallback(()=>{try{let w=u.loadChatsIndex();M(w);let v=w.find(y=>y.id===n);I(v||null);}catch(w){console.error("Failed to refresh chat list:",w);}},[u,n]);po.useEffect(()=>{i();},[i]),po.useEffect(()=>{if(!(!m||h.current)){try{u.loadCurrentChatId()&&(k.current=!0);}catch(w){console.error("Failed to restore chat:",w);}h.current=true;}},[u,m]),po.useEffect(()=>{if(!(!l||r.length===0))if(k.current){if(!o){let w=Date.now();try{u.saveChat({id:n,messages:r,agentId:t});let y=u.loadChatsIndex().find(S=>S.id===n);y&&(u.upsertChatMeta({...y,updatedAt:w}),i());}catch(v){console.error("Failed to save chat:",v);}}}else {let w=r.find(v=>v.role==="user");if(w){let v="";if(Array.isArray(w.parts)){let p=w.parts.find(B=>B&&B.type==="text");v=p&&typeof p.text=="string"?p.text:"";}let y=(v||"New chat").slice(0,80),S=Date.now();try{u.upsertChatMeta({id:n,title:y,createdAt:S,updatedAt:S}),u.saveChat({id:n,messages:r,agentId:t}),u.saveCurrentChatId(n),k.current=!0,i();}catch(p){console.error("Failed to create chat:",p);}}}},[]);let b=po.useRef(false);po.useEffect(()=>{if(o){b.current=true;return}if(b.current&&l){b.current=false;try{let w=Date.now();u.saveChat({id:n,messages:r,agentId:t});let y=u.loadChatsIndex().find(S=>S.id===n);if(y)u.upsertChatMeta({...y,updatedAt:w});else {let S="",p=Array.isArray(r)?r.find(W=>W&&W.role==="user"):void 0;if(p&&Array.isArray(p.parts)){let W=p.parts.find(j=>j&&j.type==="text");S=W&&typeof W.text=="string"?W.text:"";}let B=(S||"New chat").slice(0,80);u.upsertChatMeta({id:n,title:B,createdAt:w,updatedAt:w});try{u.saveCurrentChatId(n);}catch{}k.current=!0;}i();}catch(w){console.error("Failed to save chat on completion:",w);}}},[o,r,n,t,u,l,i]);let d=po.useCallback(w=>{try{let v=u.loadChat(w);return v?{id:v.id,messages:v.messages,agentId:v.agentId||t}:null}catch(v){return console.error("Failed to load chat:",v),null}},[u,t]),c=po.useCallback(()=>{if(r.length!==0)try{let w=Date.now();u.saveChat({id:n,messages:r,agentId:t});let y=u.loadChatsIndex().find(S=>S.id===n);y&&(u.upsertChatMeta({...y,updatedAt:w}),i());}catch(w){console.error("Failed to save chat:",w);}},[u,n,r,t,i]),f=po.useCallback(w=>{try{u.deleteChat(w),i();}catch(v){console.error("Failed to delete chat:",v);}},[u,i]),s=po.useCallback((w,v)=>{if(w!==n)try{k.current=!0,u.saveCurrentChatId(w);let y=u.loadChat(w),S=y&&Array.isArray(y.messages)?y.messages:[];v(S),i();}catch(y){console.error("Failed to switch chat:",y);}},[u,n,i]),a=po.useCallback(w=>{k.current=false,w();},[]),T=po.useCallback(w=>{if(!w.trim())return C;let v=w.toLowerCase();return C.filter(y=>y.title.toLowerCase().includes(v))},[C]);return {chatList:C,currentChatMeta:x,refreshChatList:i,loadChat:d,saveCurrentChat:c,deleteChat:f,switchToChat:s,createNewChat:a,searchChats:T,storage:u}}function rr(e){let{messages:t,isLoading:n,sendMessage:r,setMessages:o,baseUrl:l}=e,{baseUrl:m}=se(),u=l||m||"",[C,M]=po.useState(null),[x,I]=po.useState(""),[k,h]=po.useState([]),[i,b]=po.useState(false),d=po.useCallback((w,v,y=[])=>{M(w),I(v),h(y);},[]),c=po.useCallback(()=>{M(null),I(""),h([]);},[]),f=po.useCallback(async w=>{if(!n)try{let v=t.findIndex(S=>S.id===w);if(v===-1)return;let y=t.slice(0,v);o(y),await r({text:x.trim(),files:k.map(S=>({type:"file",url:S.url,mediaType:S.mimeType||"application/octet-stream",...S.name?{name:S.name}:{},...S.size?{size:S.size}:{}}))}),c();}catch(v){throw console.error("Failed to save edit:",v),v}},[n,t,r,x,k,o,c]),s=po.useCallback(w=>C===w,[C]),a=po.useCallback(async w=>{if(!u){console.warn("baseUrl not provided, cannot upload attachments");return}b(true);try{let v=Array.from(w).map(async S=>{if(S.size>26214400)throw new Error(`${S.name} is too large (max 25MB)`);let p=new FormData;p.append("file",S);let B=await fetch(`${u}/api/upload`,{method:"POST",body:p});if(!B.ok)throw new Error(`Upload failed: ${B.statusText}`);let W=await B.json();return {id:W.url||`${Date.now()}-${Math.random()}`,name:S.name,url:W.url,mimeType:S.type,size:S.size}}),y=await Promise.all(v);h(S=>[...S,...y]);}catch(v){throw console.error("Failed to upload files:",v),v}finally{b(false);}},[u]),T=po.useCallback(w=>{h(v=>v.filter(y=>y.id!==w));},[]);return {editingMessageId:C,editingText:x,setEditingText:I,editAttachments:k,setEditAttachments:h,editUploading:i,startEdit:d,cancelEdit:c,saveEdit:f,isEditing:s,addEditAttachments:a,removeEditAttachment:T}}function X({IconComponent:e,...t}){return po__default.default.createElement(e,t)}function Ot({icon:e,onClick:t,ariaLabel:n,resolvedColors:r,disabled:o=false,title:l}){return jsxRuntime.jsx("button",{"aria-label":n,title:l,disabled:o,style:{backgroundColor:"transparent",color:r.mutedTextColor,border:"none",borderRadius:"8px",padding:"8px",cursor:o?"not-allowed":"pointer",opacity:o?.5:1,transition:"all 0.2s ease-out",display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:m=>{o||(m.currentTarget.style.backgroundColor=r.hoverBackground,m.currentTarget.style.color=r.textColor);},onMouseLeave:m=>{m.currentTarget.style.backgroundColor="transparent",m.currentTarget.style.color=r.mutedTextColor;},onClick:t,children:e})}function no({title:e,alwaysOpen:t,streaming:n,dir:r,resolvedColors:o,onNew:l,onToggleHistory:m,onClose:u,historyBtnRef:C,t:M}){return jsxRuntime.jsxs("div",{style:{marginBottom:"24px",display:"flex",alignItems:"center",justifyContent:"space-between",direction:r==="rtl"?"rtl":"ltr"},children:[jsxRuntime.jsx("div",{style:{minWidth:"0"},children:jsxRuntime.jsx("h1",{title:e,style:{color:o.textColor,fontSize:"18px",fontWeight:"600",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",margin:"0"},children:e})}),jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",position:"relative",color:o.mutedTextColor},children:[jsxRuntime.jsx(Ot,{icon:jsxRuntime.jsx(X,{IconComponent:lucideReact.Plus,size:"20",strokeWidth:"2"}),onClick:()=>{n||l();},ariaLabel:M("header.new"),resolvedColors:o,disabled:n}),jsxRuntime.jsx("button",{ref:C,"aria-label":M("header.history"),style:{backgroundColor:"transparent",color:o.mutedTextColor,border:"none",borderRadius:"8px",padding:"8px",cursor:"pointer",transition:"all 0.2s ease-out",display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:x=>{x.currentTarget.style.backgroundColor=o.hoverBackground,x.currentTarget.style.color=o.textColor;},onMouseLeave:x=>{x.currentTarget.style.backgroundColor="transparent",x.currentTarget.style.color=o.mutedTextColor;},onClick:m,children:jsxRuntime.jsx(X,{IconComponent:lucideReact.History,size:"20",strokeWidth:"2"})}),!t&&jsxRuntime.jsx(Ot,{icon:jsxRuntime.jsx(X,{IconComponent:lucideReact.ChevronRight,size:"20",strokeWidth:"2",style:{transform:r==="rtl"?"rotate(180deg)":"none"}}),onClick:u,ariaLabel:M("header.close"),resolvedColors:o})]})]})}var yt=class extends po.Component{constructor(t){super(t),this.state={hasError:false,error:null,errorInfo:null};}static getDerivedStateFromError(t){return {hasError:true,error:t,errorInfo:null}}componentDidMount(){let{toolCallId:t,toolName:n,onSuccess:r}=this.props;t&&n&&r&&!this.state.hasError&&setTimeout(()=>{this.state.hasError||r(t,n);},0);}componentDidCatch(t,n){console.error(`UI Component Error (${this.props.componentName}):`,t,n),this.setState({error:t,errorInfo:n});let{toolCallId:r,toolName:o,onError:l}=this.props;r&&o&&l&&l(r,o,t);}render(){if(this.state.hasError&&this.state.error){let{resolvedColors:t,componentName:n}=this.props;return jsxRuntime.jsxs("div",{style:{padding:"16px",backgroundColor:"#fee2e2",border:"2px solid #ef4444",borderRadius:"12px",color:"#991b1b"},children:[jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"8px"},children:[jsxRuntime.jsx("span",{style:{fontSize:"20px"},children:"\u26A0\uFE0F"}),jsxRuntime.jsxs("strong",{style:{fontSize:"16px"},children:["Component Error: ",n]})]}),jsxRuntime.jsx("div",{style:{fontSize:"14px",marginBottom:"8px",fontFamily:"monospace"},children:this.state.error.message}),this.state.errorInfo&&jsxRuntime.jsxs("details",{style:{fontSize:"12px",marginTop:"8px"},children:[jsxRuntime.jsx("summary",{style:{cursor:"pointer",fontWeight:"bold"},children:"Stack Trace"}),jsxRuntime.jsx("pre",{style:{marginTop:"8px",padding:"8px",backgroundColor:"#fef2f2",borderRadius:"4px",overflow:"auto",maxHeight:"200px",fontSize:"11px"},children:this.state.errorInfo.componentStack})]})]})}return this.props.children}};var ur=(e,t)=>{let n={"input-streaming":{color:"#eab308",text:t?t("tool.inputting"):"Inputting"},"input-available":{color:"#3b82f6",text:t?t("tool.running"):"Running"},error:{color:"#ef4444",text:t?t("tool.error"):"Error"},"output-available":{color:"#10b981",text:t?t("tool.called"):"Called"},finished:{color:"#10b981",text:t?t("tool.called"):"Called"}};return n[e||"output-available"]||n["output-available"]},pr=e=>{let t=/^(.+?)_([a-f0-9]{6})_(.+)$/,n=e.match(t);if(n){let[,r,,o]=n;return {isMCP:true,mcpName:r.replace(/_/g," "),toolName:o.replace(/_/g," ")}}return {isMCP:false,toolName:e}},mr=e=>e.replace(/_/g," ").replace(/-/g," ").replace(/([a-z])([A-Z])/g,"$1 $2").replace(/\b\w/g,t=>t.toUpperCase());function oo({parts:e,messageId:t,openReasoningIds:n,toggleReasoning:r,resolvedColors:o,HsafaUI:l,onUIError:m,onUISuccess:u,addToolResult:C,dir:M="ltr",t:x}){let I=M==="rtl",k=[],h=[],i,b,d=false;for(let c of Array.isArray(e)?e:[]){if(!c)continue;if(c.type==="reasoning"&&typeof c.text=="string"){h.push(c.text),i||(i=c.startDate),b=c.endDate,c.state==="done"&&(d=true);continue}if(c.type==="text"&&typeof c.text=="string"){h.length&&(k.push({type:"reasoning",texts:h,startDate:i,endDate:b,isCompleted:d}),h=[],i=void 0,b=void 0,d=false),k.push({type:"text",text:c.text,startDate:c.startDate,endDate:c.endDate});continue}let f=c.type==="dynamic-tool",s=typeof c.type=="string"&&c.type.startsWith("tool-");if(f||s||c.type==="tool-call"){h.length&&(k.push({type:"reasoning",texts:h,startDate:i,endDate:b,isCompleted:d}),h=[],i=void 0,b=void 0,d=false);let a=String(f?c.toolName||"dynamic-tool":s?c.type?.slice(5)||"tool":c.toolName||"tool");a==="requestInput"?k.push({type:"tool",toolName:a,status:c.state||c.status,input:c.input,output:c.output,startDate:c.startDate,endDate:c.endDate,toolCallId:c.toolCallId}):k.push({type:"tool",toolName:a,status:c.state||c.status,input:c.input,output:c.output,startDate:c.startDate,endDate:c.endDate,toolCallId:c.toolCallId});continue}}return h.length&&k.push({type:"reasoning",texts:h,startDate:i,endDate:b,isCompleted:d}),k.length?jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",direction:I?"rtl":"ltr"},children:[k.map((c,f)=>{let s=`${t}-${f}`,a=n.has(s);if(c.type==="reasoning"){let p=c.isCompleted||typeof c.startDate=="number"&&typeof c.endDate=="number",B=c.texts&&c.texts.length>0&&c.texts.some(j=>j.trim().length>0),W=()=>{B&&r(s);};return p&&!B?null:jsxRuntime.jsx("div",{onClick:W,style:{cursor:B?"pointer":"default",padding:"0"},children:jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:a?"4px":"0px"},children:[jsxRuntime.jsxs("div",{style:{fontSize:"13px",color:o.mutedTextColor,fontWeight:500,display:"flex",alignItems:"center",gap:"6px",overflow:"hidden",maxWidth:"100%",minWidth:0,width:"100%"},children:[jsxRuntime.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:"6px"},children:[!p&&jsxRuntime.jsx("span",{style:{display:"inline-block",height:"6px",width:"6px",borderRadius:"50%",backgroundColor:o.mutedTextColor,animation:"pulse 1.5s ease-in-out infinite"}}),jsxRuntime.jsx("span",{style:{color:o.textColor,fontWeight:600,opacity:.9,background:p?"none":`linear-gradient(90deg, ${o.textColor}, ${o.mutedTextColor}, ${o.mutedTextColor})`,backgroundSize:p?"auto":"200% 100%",backgroundClip:p?"unset":"text",WebkitBackgroundClip:p?"unset":"text",WebkitTextFillColor:p?o.mutedTextColor:"transparent",animation:p?void 0:"shimmer 2s ease-in-out infinite"},children:p?x?x("assistant.finishThinking"):"Finish Thinking":x?x("assistant.thinking"):"Thinking"})]}),B&&jsxRuntime.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0,transform:a?"rotate(90deg)":"rotate(0deg)",transition:"transform 0.2s ease-out"},children:jsxRuntime.jsx("polyline",{points:"9 18 15 12 9 6"})})]}),jsxRuntime.jsx("div",{style:{display:"grid",gridTemplateRows:a||!p?"1fr":"0fr",transition:"grid-template-rows 0.2s ease-out",overflow:"hidden"},children:jsxRuntime.jsx("div",{style:{minHeight:0},children:c.texts&&c.texts.length>0?jsxRuntime.jsx("div",{style:{fontSize:"13px",color:o.mutedTextColor,lineHeight:"1.6",maxWidth:"100%"},children:(!p&&a?c.texts:p?a?c.texts:[]:[c.texts[c.texts.length-1]]).map((j,ne)=>jsxRuntime.jsx("div",{style:{marginBottom:"6px",opacity:.5},children:jsxRuntime.jsx(Ye,{content:j,theme:"dark",streaming:!p})},`rg-line-${f}-${ne}`))}):jsxRuntime.jsxs("div",{style:{fontSize:"12px",color:o.mutedTextColor,opacity:.7,display:"flex",alignItems:"center",gap:"8px"},children:[jsxRuntime.jsx("span",{style:{display:"inline-block",height:"6px",width:"6px",borderRadius:"50%",backgroundColor:o.mutedTextColor,animation:"pulse 1.5s ease-in-out infinite"}}),jsxRuntime.jsx("span",{style:{letterSpacing:"2px",animation:"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"},children:"..."})]})})})]})},s)}if(c.type==="text"){let p=typeof c.endDate!="number";return jsxRuntime.jsx("div",{style:{fontSize:"15px",color:o.textColor,lineHeight:"1.6",direction:I?"rtl":"ltr",textAlign:I?"right":"left"},children:jsxRuntime.jsx(Ye,{content:c.text,theme:"dark",streaming:p})},s)}let{color:T,text:w}=ur(c.status,x),v=c.status==="input-streaming"||c.status==="input-available";if(c.toolName==="requestInput")return jsxRuntime.jsx("div",{style:{display:"block",position:"relative"},children:jsxRuntime.jsx("div",{"data-get-from-user-host":c.toolCallId||s,style:{width:"100%"}})},s);let y=l?.[c.toolName||""];if(y)return jsxRuntime.jsx("div",{style:{display:"block",position:"relative"},children:jsxRuntime.jsx(yt,{componentName:c.toolName||"Unknown",resolvedColors:o,toolCallId:c.toolCallId,toolName:c.toolName||"unknown",onError:m,onSuccess:u,children:jsxRuntime.jsx(y,{toolName:c.toolName||"",toolCallId:c.toolCallId||"",input:c.input,output:c.output,status:c.status,addToolResult:C})})},s);let S=pr(c.toolName||"tool");return jsxRuntime.jsx("div",{style:{display:"flex",gap:"12px",position:"relative"},children:jsxRuntime.jsx("div",{style:{flex:1,minWidth:0},children:jsxRuntime.jsxs("div",{style:{fontSize:"13px",color:o.mutedTextColor,display:"flex",alignItems:"center",gap:"8px",flexWrap:"wrap"},children:[jsxRuntime.jsxs("span",{style:{fontWeight:600,color:T,display:"flex",alignItems:"center",gap:"6px"},children:[jsxRuntime.jsx("span",{style:{display:"inline-block",height:"6px",width:"6px",borderRadius:"50%",backgroundColor:T,animation:v?"pulse 1.5s ease-in-out infinite":void 0}}),w]}),S.isMCP?jsxRuntime.jsxs("span",{style:{fontWeight:500,color:o.textColor},children:[jsxRuntime.jsx("span",{style:{fontWeight:600},children:S.toolName}),jsxRuntime.jsx("span",{style:{opacity:.7,margin:"0 4px"},children:"from"}),jsxRuntime.jsx("span",{style:{fontWeight:600,opacity:.85},children:S.mcpName})]}):jsxRuntime.jsx("span",{style:{fontWeight:500,color:o.textColor},children:mr(S.toolName)})]})})},s)}),jsxRuntime.jsx("style",{children:`
|
|
12
12
|
@keyframes shimmer {
|
|
13
13
|
0% { background-position: -200% 0; }
|
|
14
14
|
100% { background-position: 200% 0; }
|
|
15
15
|
}
|
|
16
|
-
`})]}):null}function
|
|
16
|
+
`})]}):null}function ro(e){if(!e||Number.isNaN(e))return "0 B";let t=["B","KB","MB","GB","TB"],n=Math.min(t.length-1,Math.floor(Math.log(e)/Math.log(1024)));return `${(e/Math.pow(1024,n)).toFixed(n===0?0:1)} ${t[n]}`}function ao({attachment:e,resolvedColors:t,mode:n,onRemove:r,maxWidth:o="200px"}){let l=e.mimeType?.startsWith("image/"),m=n==="editable"||n==="input",u=n==="viewable",C={display:"flex",alignItems:"center",gap:n==="input"?"8px":"6px",padding:n==="input"?"8px 12px":"6px 10px",backgroundColor:t.inputBackground,borderRadius:n==="input"?"10px":"8px",border:`1px solid ${t.borderColor}`,fontSize:n==="input"?"12px":"11px",color:t.textColor,transition:"all 0.2s ease-out",cursor:u?"pointer":"default",maxWidth:n==="input"?"140px":o,position:"relative"},M=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:n==="input"?"20px":"16px",height:n==="input"?"20px":"16px",borderRadius:n==="input"?"4px":"3px",backgroundColor:l?"transparent":t.accentColor,flexShrink:0},children:[l?jsxRuntime.jsx("img",{src:e.url,alt:e.name,style:{width:n==="input"?"20px":"16px",height:n==="input"?"20px":"16px",borderRadius:n==="input"?"4px":"3px",objectFit:"cover"},onError:x=>{x.target.style.display="none";let I=x.target.nextElementSibling;I&&(I.style.display="block");}}):null,jsxRuntime.jsx(X,{IconComponent:lucideReact.File,size:n==="input"?14:10,strokeWidth:"2",style:{display:l?"none":"block",color:t.mutedTextColor}})]}),jsxRuntime.jsxs("div",{style:{minWidth:"0",flex:"1",display:"flex",flexDirection:"column"},children:[jsxRuntime.jsx("span",{title:e.name,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontWeight:"500"},children:e.name}),jsxRuntime.jsx("span",{style:{fontSize:n==="input"?"10px":"9px",color:t.mutedTextColor,marginTop:n==="input"?"2px":"1px"},children:ro(e.size)})]}),n==="input"&&l&&jsxRuntime.jsx("button",{onClick:x=>{x.stopPropagation(),window.open(e.url,"_blank");},style:{background:"none",border:"none",color:t.mutedTextColor,cursor:"pointer",padding:"2px",display:"flex",alignItems:"center",borderRadius:"4px",transition:"all 0.2s"},title:"Preview image",onMouseEnter:x=>{x.currentTarget.style.backgroundColor=t.hoverBackground,x.currentTarget.style.color=t.textColor;},onMouseLeave:x=>{x.currentTarget.style.backgroundColor="transparent",x.currentTarget.style.color=t.mutedTextColor;},children:jsxRuntime.jsx(X,{IconComponent:lucideReact.Eye,size:"12",strokeWidth:"2"})}),m&&r&&jsxRuntime.jsx("button",{onClick:x=>{x.stopPropagation(),r(e.id);},style:{display:"flex",alignItems:"center",justifyContent:"center",width:n==="input"?"auto":"16px",height:n==="input"?"auto":"16px",padding:n==="input"?"2px":"0",borderRadius:"4px",border:"none",backgroundColor:"transparent",color:t.mutedTextColor,cursor:"pointer",transition:"all 0.2s",flexShrink:0},onMouseEnter:x=>{x.currentTarget.style.backgroundColor="#ef444420",x.currentTarget.style.color="#ef4444";},onMouseLeave:x=>{x.currentTarget.style.backgroundColor="transparent",x.currentTarget.style.color=t.mutedTextColor;},children:jsxRuntime.jsx(X,{IconComponent:lucideReact.X,size:"12",strokeWidth:"2"})}),u&&jsxRuntime.jsx(X,{IconComponent:lucideReact.Download,size:"10",strokeWidth:"2",style:{color:t.mutedTextColor,flexShrink:0}})]});return u?jsxRuntime.jsx("a",{href:e.url,target:"_blank",rel:"noreferrer",style:{...C,textDecoration:"none"},onMouseEnter:x=>{x.currentTarget.style.backgroundColor=t.hoverBackground,x.currentTarget.style.borderColor=t.primaryColor;},onMouseLeave:x=>{x.currentTarget.style.backgroundColor=t.inputBackground,x.currentTarget.style.borderColor=t.borderColor;},children:M}):jsxRuntime.jsx("div",{style:C,children:M})}function so({attachments:e,resolvedColors:t,onRemove:n}){if(!Array.isArray(e)||e.length===0)return null;let r=typeof n=="function"?"editable":"viewable";return jsxRuntime.jsx("div",{style:{marginTop:"12px",display:"flex",flexWrap:"wrap",gap:"8px"},children:e.map(o=>jsxRuntime.jsx(ao,{attachment:o,resolvedColors:t,mode:r,onRemove:n},o.id))})}function jt({chatMessages:e,isLoading:t,openReasoningIds:n,toggleReasoning:r,resolvedColors:o,t:l,onUserMessageClick:m,HsafaUI:u,onUIError:C,onUISuccess:M,addToolResult:x,editableMessageIcon:I,fullPage:k,dir:h}){return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("style",{children:`
|
|
17
17
|
@keyframes jumpingDots {
|
|
18
18
|
0%, 80%, 100% {
|
|
19
19
|
transform: translateY(0);
|
|
@@ -22,15 +22,126 @@
|
|
|
22
22
|
transform: translateY(-5px);
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
|
-
`}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[e.map((
|
|
26
|
-
`),s=a.filter(l=>l.type==="file"||l.type==="image").map(l=>{if(l.type==="image"){let p=typeof l.image=="string"?l.image:l.image?.toString?.()||"";return {id:p||`${v.id}-img-${Date.now()}`,name:l.name||"image",url:p,mimeType:l.mediaType||"image/jpeg",size:l.size||0}}else return {id:l.url||`${v.id}-file-${Date.now()}`,name:l.name||"file",url:l.url||"",mimeType:l.mediaType||"application/octet-stream",size:l.size||0}});return jsxRuntime.jsx("div",{style:{padding:"0 4px"},children:v.role==="user"?jsxRuntime.jsx("div",{children:jsxRuntime.jsx("div",{title:c("editor.clickToEdit"),onClick:()=>u(v,v.id,b,s),style:{maxWidth:"720px",borderRadius:"16px",padding:"16px",fontSize:"15px",lineHeight:"1.6",whiteSpace:"pre-wrap",cursor:"pointer",transition:"background-color 0.2s",backgroundColor:o.accentColor,color:o.textColor,marginBottom:"16px",marginTop:"16px",position:"relative"},onMouseEnter:l=>l.currentTarget.style.backgroundColor=o.hoverBackground,onMouseLeave:l=>l.currentTarget.style.backgroundColor=o.accentColor,children:jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:"8px"},children:[jsxRuntime.jsxs("div",{style:{flex:1},children:[b,s.length>0&&jsxRuntime.jsx(kn,{attachments:s,resolvedColors:o})]}),jsxRuntime.jsx("div",{style:{flexShrink:0,opacity:.5,transition:"opacity 0.2s"},children:jsxRuntime.jsx(j,{IconComponent:T||lucideReact.Pencil,size:"14",strokeWidth:"2"})})]})})}):jsxRuntime.jsx(xn,{parts:a,messageId:v.id,openReasoningIds:n,toggleReasoning:r,resolvedColors:o,HsafaUI:i,onUIError:x,onUISuccess:I,addToolResult:y})},v.id)}),t&&jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"4px",padding:"0 4px",height:"20px"},children:[jsxRuntime.jsx("span",{style:{display:"inline-block",width:"4px",height:"4px",borderRadius:"50%",backgroundColor:o.mutedTextColor,animation:"jumpingDots 1s infinite ease-in-out",animationDelay:"0s"}}),jsxRuntime.jsx("span",{style:{display:"inline-block",width:"4px",height:"4px",borderRadius:"50%",backgroundColor:o.mutedTextColor,animation:"jumpingDots 1s infinite ease-in-out",animationDelay:"0.2s"}}),jsxRuntime.jsx("span",{style:{display:"inline-block",width:"4px",height:"4px",borderRadius:"50%",backgroundColor:o.mutedTextColor,animation:"jumpingDots 1s infinite ease-in-out",animationDelay:"0.4s"}})]})]})]})}function Tn({input:e,setInput:t,textareaRef:n,fileInputRef:r,isLoading:o,uploading:c,attachments:u,formatBytes:i,handleRemoveAttachment:x,onFileInputChange:I,onSend:y,onStop:T,status:v,t:k,resolvedColors:a}){let b=v==="streaming"||v==="submitted",s=u.length>0||e.trim().length>0;return jsxRuntime.jsx("div",{style:{position:"sticky",bottom:"0",marginTop:"auto",paddingBottom:"8px",paddingTop:"4px"},children:jsxRuntime.jsx("div",{style:{position:"relative",flex:1},children:jsxRuntime.jsxs("div",{style:{position:"relative",width:"100%",borderRadius:"16px",paddingBottom:"48px",paddingTop:"16px",border:`1px solid ${a.borderColor}`,backgroundColor:a.cardBackground},children:[u.length>0&&jsxRuntime.jsx("div",{style:{padding:"0px 16px 12px 16px",display:"flex",flexWrap:"wrap",gap:"10px"},children:u.map(l=>{let p=l.mimeType.startsWith("image/");return jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",padding:"8px 12px",backgroundColor:a.inputBackground,borderRadius:"10px",border:`1px solid ${a.borderColor}`,fontSize:"12px",color:a.textColor,position:"relative"},children:[jsxRuntime.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",height:"20px",borderRadius:"4px",backgroundColor:p?"transparent":a.cardBackground},children:p?jsxRuntime.jsx("img",{src:l.url,alt:l.name,style:{width:"20px",height:"20px",borderRadius:"4px",objectFit:"cover"}}):jsxRuntime.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:jsxRuntime.jsx("rect",{x:"4",y:"4",width:"16",height:"20",rx:"2",ry:"2"})})}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",minWidth:0,flex:1},children:[jsxRuntime.jsx("span",{title:l.name,style:{maxWidth:"140px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontWeight:500},children:l.name}),jsxRuntime.jsx("span",{style:{color:a.mutedTextColor,fontSize:"10px",marginTop:"2px"},children:i(l.size)})]}),jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"4px",marginLeft:"8px"},children:[p&&jsxRuntime.jsx("a",{href:l.url,target:"_blank",rel:"noopener noreferrer",style:{background:"none",border:"none",color:a.mutedTextColor,cursor:"pointer",padding:"2px",display:"flex",alignItems:"center",borderRadius:"4px",textDecoration:"none"},title:k("input.previewImage"),children:jsxRuntime.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),jsxRuntime.jsx("circle",{cx:"12",cy:"12",r:"3"})]})}),jsxRuntime.jsx("button",{onClick:()=>x(l.id),style:{background:"none",border:"none",color:a.mutedTextColor,cursor:"pointer",padding:"2px",display:"flex",alignItems:"center",borderRadius:"4px"},title:k("input.removeFile"),children:jsxRuntime.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),jsxRuntime.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]})]},l.id)})}),c&&jsxRuntime.jsxs("div",{style:{padding:"0px 16px 12px 16px",display:"flex",alignItems:"center",gap:"8px",fontSize:"13px",color:a.mutedTextColor},children:[jsxRuntime.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{animation:"spin 1s linear infinite"},children:jsxRuntime.jsx("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})}),jsxRuntime.jsx("span",{children:k("input.uploadingFiles")})]}),jsxRuntime.jsx("div",{style:{padding:"0 16px"},children:jsxRuntime.jsx("textarea",{ref:n,"aria-label":"Prompt",rows:1,placeholder:k("input.placeholder"),value:e,onChange:l=>t(l.target.value),onKeyDown:l=>{l.key==="Enter"&&!l.shiftKey&&(l.preventDefault(),y());},disabled:o||c,style:{height:"24px",maxHeight:"200px",width:"100%",resize:"none",backgroundColor:"transparent",fontSize:"15px",lineHeight:"1.6",outline:"none",border:"none",color:a.textColor,fontFamily:"inherit",overflow:"auto"}})}),jsxRuntime.jsx("input",{ref:r,type:"file",multiple:true,onChange:I,style:{display:"none"},accept:"*/*"}),jsxRuntime.jsx("div",{style:{position:"absolute",bottom:"8px",left:"8px",display:"flex",alignItems:"center",gap:"4px",color:a.mutedTextColor},children:jsxRuntime.jsx("button",{onClick:()=>r.current?.click(),disabled:o||c,style:{borderRadius:"8px",padding:"8px",transition:"all 0.2s",backgroundColor:"transparent",border:"none",cursor:o||c?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",color:"inherit",opacity:o||c?.5:1},"aria-label":k("input.attachFiles"),children:jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("path",{d:"M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 1 1 5.66 5.66l-9.2 9.19a2 2 0 1 1-2.83-2.83l8.49-8.49"})})})}),jsxRuntime.jsx("div",{style:{position:"absolute",bottom:"8px",right:"8px"},children:o?jsxRuntime.jsx("button",{onClick:T,disabled:!b,"aria-label":k("input.stop"),title:"Stop generation",style:{borderRadius:"12px",padding:"12px",transition:"all 0.2s ease-out",border:"1px solid #ef4444",backgroundColor:"#ef444420",color:"#ef4444",opacity:b?1:.4,cursor:b?"pointer":"not-allowed",display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:l=>{b&&(l.currentTarget.style.backgroundColor="#ef444430",l.currentTarget.style.transform="scale(1.02)");},onMouseLeave:l=>{l.currentTarget.style.backgroundColor="#ef444420",l.currentTarget.style.transform="scale(1)";},children:jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"})})}):jsxRuntime.jsx("button",{onClick:y,disabled:!s||c,"aria-label":k("input.send"),title:"Send message",style:{borderRadius:"12px",padding:"12px",transition:"all 0.2s ease-out",border:`1px solid ${a.borderColor}`,backgroundColor:a.cardBackground,color:!s||c?a.mutedTextColor:a.primaryColor,cursor:!s||c?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",opacity:!s||c?.5:1},onMouseEnter:l=>{s&&!c&&(l.currentTarget.style.borderColor=a.primaryColor,l.currentTarget.style.transform="scale(1.02)");},onMouseLeave:l=>{l.currentTarget.style.borderColor=a.borderColor,l.currentTarget.style.transform="scale(1)";},children:jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"m5 12 7-7 7 7"}),jsxRuntime.jsx("path",{d:"M12 19V5"})]})})})]})})})}function In({prompts:e,onSelect:t,resolvedColors:n,disabled:r=false}){let[o,c]=zo.useState(null);return !e||e.length===0?null:jsxRuntime.jsxs("div",{style:{padding:"12px 0",display:"flex",flexDirection:"column",gap:"8px"},children:[jsxRuntime.jsx("div",{style:{fontSize:"12px",fontWeight:600,color:n.mutedTextColor,paddingLeft:"4px",textTransform:"uppercase",letterSpacing:"0.5px"},children:"Suggested Prompts"}),jsxRuntime.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:e.map((u,i)=>{let x=o===i,I=u.prompt.length>80,y=I&&!x?u.prompt.slice(0,80)+"...":u.prompt;return jsxRuntime.jsxs("button",{onClick:()=>{r||t(u.prompt);},disabled:r,style:{display:"flex",flexDirection:"column",alignItems:"flex-start",padding:"12px",backgroundColor:n.cardBackground,border:`1px solid ${n.borderColor}`,borderRadius:"12px",cursor:r?"not-allowed":"pointer",transition:"all 0.2s ease",textAlign:"left",opacity:r?.5:1,position:"relative",overflow:"hidden"},onMouseEnter:T=>{r||(T.currentTarget.style.backgroundColor=n.hoverBackground,T.currentTarget.style.borderColor=n.primaryColor,T.currentTarget.style.transform="translateX(2px)");},onMouseLeave:T=>{T.currentTarget.style.backgroundColor=n.cardBackground,T.currentTarget.style.borderColor=n.borderColor,T.currentTarget.style.transform="translateX(0)";},children:[jsxRuntime.jsxs("div",{style:{fontSize:"13px",fontWeight:600,color:n.textColor,marginBottom:"6px",display:"flex",alignItems:"center",gap:"6px"},children:[jsxRuntime.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:n.primaryColor,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0},children:[jsxRuntime.jsx("path",{d:"M12 20h9"}),jsxRuntime.jsx("path",{d:"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"})]}),u.label]}),jsxRuntime.jsx("div",{style:{fontSize:"12px",color:n.mutedTextColor,lineHeight:"1.5",width:"100%",wordWrap:"break-word",whiteSpace:"pre-wrap"},children:y}),I&&jsxRuntime.jsxs("button",{onClick:T=>{T.stopPropagation(),c(x?null:i);},style:{marginTop:"8px",padding:"4px 8px",fontSize:"11px",color:n.primaryColor,backgroundColor:"transparent",border:"none",cursor:"pointer",display:"flex",alignItems:"center",gap:"4px",fontWeight:500},children:[x?"Show less":"Show more",jsxRuntime.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{transform:x?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s"},children:jsxRuntime.jsx("polyline",{points:"6 9 12 15 18 9"})})]})]},i)})})]})}function Sn(e){let t=Date.now()-e,n=Math.max(1,Math.floor(t/1e3));if(n<60)return `${n}s`;let r=Math.floor(n/60);if(r<60)return `${r}m`;let o=Math.floor(r/60);if(o<24)return `${o}h`;let c=Math.floor(o/24);if(c<7)return `${c}d`;let u=Math.floor(c/7);if(u<4)return `${u}w`;let i=Math.floor(c/30);return i<12?`${i}mo`:`${Math.floor(i/12)}y`}function Mn({historyOpen:e,historySearch:t,currentChatId:n,refreshKey:r,resolvedColors:o,onClose:c,onSearchChange:u,onChatSelect:i,onChatDelete:x,loadChatsIndex:I,historyPopupRef:y}){if(!e)return null;let T=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{style:{position:"fixed",inset:"0",zIndex:1100,backgroundColor:"rgba(0, 0, 0, 0.4)",backdropFilter:"blur(4px)",WebkitBackdropFilter:"blur(4px)"},onClick:c}),jsxRuntime.jsxs("div",{ref:y,style:{position:"fixed",left:"50%",top:"64px",transform:"translateX(-50%)",zIndex:1101,width:"680px",maxWidth:"94vw",overflow:"hidden",borderRadius:"16px",border:`1px solid ${o.borderColor}`,backgroundColor:`${o.backgroundColor}f0`,boxShadow:"0 25px 50px -12px rgba(0, 0, 0, 0.25)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)"},children:[jsxRuntime.jsx("div",{style:{display:"flex",alignItems:"center",gap:"12px",borderBottom:`1px solid ${o.borderColor}`,padding:"12px 16px"},children:jsxRuntime.jsx("div",{style:{flex:"1"},children:jsxRuntime.jsx("input",{autoFocus:true,value:t,onChange:v=>u(v.target.value),placeholder:"Search",style:{width:"100%",borderRadius:"8px",backgroundColor:o.inputBackground,padding:"8px 12px",fontSize:"14px",color:o.textColor,border:`1px solid ${o.borderColor}`,outline:"none"},onFocus:v=>v.currentTarget.style.borderColor=o.primaryColor,onBlur:v=>v.currentTarget.style.borderColor=o.borderColor})})}),jsxRuntime.jsx("div",{style:{maxHeight:"60vh",overflowY:"auto"},children:(()=>{let v=t.toLowerCase().trim(),k=I();return v&&(k=k.filter(a=>(a.title||"").toLowerCase().includes(v))),!k||k.length===0?jsxRuntime.jsx("div",{style:{padding:"24px",color:o.mutedTextColor,textAlign:"center"},children:"No chats found."}):jsxRuntime.jsx("div",{children:k.map((a,b)=>jsxRuntime.jsx("div",{style:{borderTop:b>0?`1px solid ${o.borderColor}`:"none"},children:jsxRuntime.jsxs("div",{style:{display:"flex",width:"100%",alignItems:"center",justifyContent:"space-between",gap:"12px",padding:"12px",backgroundColor:a.id===n?o.cardBackground:"transparent"},children:[jsxRuntime.jsx("button",{style:{flex:"1",textAlign:"left",transition:"background-color 0.2s",borderRadius:"8px",padding:"8px",border:"none",backgroundColor:"transparent",cursor:"pointer",color:o.textColor},onMouseEnter:s=>s.currentTarget.style.backgroundColor=o.hoverBackground,onMouseLeave:s=>s.currentTarget.style.backgroundColor="transparent",onClick:()=>i(a.id),children:jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"12px"},children:[jsxRuntime.jsx("div",{style:{minWidth:"0",flex:"1"},children:jsxRuntime.jsx("div",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:"14px",color:o.textColor},children:a.title||"Untitled chat"})}),jsxRuntime.jsx("div",{style:{flexShrink:0,fontSize:"12px",color:o.mutedTextColor},children:Sn(a.updatedAt)})]})}),jsxRuntime.jsx("button",{style:{flexShrink:0,borderRadius:"6px",padding:"8px",color:o.mutedTextColor,border:"1px solid transparent",backgroundColor:"transparent",cursor:"pointer",transition:"all 0.2s"},title:"Delete chat",onMouseEnter:s=>{s.currentTarget.style.color="#ef4444",s.currentTarget.style.backgroundColor="rgba(239, 68, 68, 0.1)",s.currentTarget.style.borderColor="rgba(239, 68, 68, 0.3)";},onMouseLeave:s=>{s.currentTarget.style.color=o.mutedTextColor,s.currentTarget.style.backgroundColor="transparent",s.currentTarget.style.borderColor="transparent";},onClick:s=>{s.stopPropagation(),x(a.id);},children:jsxRuntime.jsx(j,{IconComponent:lucideReact.Trash2,size:"16",strokeWidth:"2"})})]})},a.id))})})()})]})]});return typeof document<"u"&&document.body?reactDom.createPortal(T,document.body):T}function En({isOpen:e,resolvedColors:t,onConfirm:n,onCancel:r,editProcessContent:o}){if(!e)return null;let c=o?.title||"Edit Message",u=o?.content||"This will remove this message and all messages after it, and place its content in the input field for editing. Do you want to continue?",i=o?.submit_button_label||"Edit",x=o?.cancel_button_label||"Cancel",I=o?.icon,y=typeof u=="function",T=y?u:null,v=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{style:{position:"fixed",inset:"0",zIndex:1100,backgroundColor:"rgba(0, 0, 0, 0.4)",backdropFilter:"blur(4px)",WebkitBackdropFilter:"blur(4px)"},onClick:r}),jsxRuntime.jsxs("div",{style:{position:"fixed",left:"50%",top:"50%",transform:"translate(-50%, -50%)",zIndex:1101,width:"420px",maxWidth:"94vw",overflow:"hidden",borderRadius:"16px",border:`1px solid ${t.borderColor}`,backgroundColor:t.backgroundColor,boxShadow:"0 25px 50px -12px rgba(0, 0, 0, 0.25)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)"},children:[jsxRuntime.jsxs("div",{style:{padding:"20px 24px",borderBottom:`1px solid ${t.borderColor}`,display:"flex",alignItems:"center",gap:"12px"},children:[I?jsxRuntime.jsx("div",{style:{flexShrink:0},children:jsxRuntime.jsx(j,{IconComponent:I,size:"20",strokeWidth:"2"})}):jsxRuntime.jsx("div",{style:{flexShrink:0,color:t.mutedTextColor},children:jsxRuntime.jsx(j,{IconComponent:lucideReact.Pencil,size:"20",strokeWidth:"2"})}),jsxRuntime.jsx("h3",{style:{margin:0,fontSize:"18px",fontWeight:"600",color:t.textColor,flex:1},children:c})]}),jsxRuntime.jsx("div",{style:{padding:"24px",color:t.textColor,fontSize:"14px",lineHeight:"1.6"},children:y&&T?jsxRuntime.jsx(T,{}):jsxRuntime.jsx("p",{style:{margin:0},children:u})}),jsxRuntime.jsxs("div",{style:{display:"flex",gap:"12px",padding:"16px 24px",borderTop:`1px solid ${t.borderColor}`,justifyContent:"flex-end"},children:[jsxRuntime.jsx("button",{onClick:r,style:{padding:"8px 16px",borderRadius:"8px",fontSize:"14px",fontWeight:"500",border:`1px solid ${t.borderColor}`,backgroundColor:"transparent",color:t.textColor,cursor:"pointer",transition:"all 0.2s"},onMouseEnter:k=>{k.currentTarget.style.backgroundColor=t.hoverBackground;},onMouseLeave:k=>{k.currentTarget.style.backgroundColor="transparent";},children:x}),jsxRuntime.jsx("button",{onClick:n,style:{padding:"8px 16px",borderRadius:"8px",fontSize:"14px",fontWeight:"500",border:"none",backgroundColor:t.primaryColor,color:t.backgroundColor,cursor:"pointer",transition:"all 0.2s",opacity:1},onMouseEnter:k=>{k.currentTarget.style.opacity="0.9";},onMouseLeave:k=>{k.currentTarget.style.opacity="1";},children:i})]})]})]});return typeof document<"u"&&document.body?reactDom.createPortal(v,document.body):v}function ur({agentId:e,theme:t,primaryColor:n,primaryColorDark:r,primaryColorLight:o,backgroundColor:c,borderColor:u,textColor:i,accentColor:x,baseUrl:I="",initialMessages:y=[],onMessagesChange:T,defaultOpen:v=true,floatingButtonPosition:k={bottom:24,right:24},HsafaTools:a={},HsafaUI:b={},componentAboveInput:s,editProcessContent:l,presetPrompts:p,onStart:h,onFinish:g,currentChat:w,onChatChanged:f,templateParams:d}){let{dir:C,theme:M,baseUrl:m,setStreamingState:R,setChatOpenState:N}=ne(),U=t||M||"dark",te=I&&I.length>0?I:m||"",A={primaryColor:U==="dark"?r||n||"#ffffff":o||n||"#000000",backgroundColor:c||(U==="dark"?"#0B0B0F":"#FFFFFF"),borderColor:u||(U==="dark"?"#2A2C33":"#E5E7EB"),textColor:i||(U==="dark"?"#EDEEF0":"#111827"),accentColor:x||(U==="dark"?"#17181C":"#F9FAFB"),mutedTextColor:U==="dark"?"#6f7276":"#6B7280",inputBackground:U==="dark"?"#17181C":"#F3F4F6",cardBackground:U==="dark"?"#121318":"#FFFFFF",hoverBackground:U==="dark"?"#1c1e25":"#F3F4F6"},B=S=>({"header.new":"New","header.history":"History","header.close":"Close chat","input.placeholder":"Ask your question...","input.attachFiles":"Attach files","input.insertLink":"Insert link","input.send":"Send","input.stop":"Stop","input.uploadingFiles":"Uploading files...","input.previewImage":"Preview image","input.removeFile":"Remove file","messages.empty":"Start by sending a message to the agent.","general.agent":"Agent","editor.cancel":"Cancel","editor.saveAndRegenerate":"Save & Regenerate","editor.clickToEdit":"Click to edit"})[S]||S,_=St({agentId:e,baseUrl:te,tools:a,uiComponents:b,templateParams:d,controlledChatId:w,onChatIdChange:w===void 0?S=>{f&&f(S);}:void 0,onStart:zo.useCallback(S=>{h&&h(S);},[h]),onFinish:zo.useCallback(S=>{g&&g(S);},[g]),onError:zo.useCallback(S=>{console.error("Chat error:",S);},[]),initialMessages:y,onMessagesChange:T}),{input:V,setInput:ie,messages:O,isLoading:$,status:he,error:ce,sendMessage:xe,stop:mt,setMessages:q,notifyMessagesChange:qe,chatId:Fe,setChatId:Ie,tools:Ht,uiComponents:E,formHostRef:F,formStateRef:z,cleanupForms:H,onUISuccess:J,onUIError:Z,chatApi:de}=_,X=w!==void 0?w:Fe,be=zo.useCallback(S=>{w===void 0&&Ie(S),f&&f(S);},[w,Ie,f]);zo.useEffect(()=>{w!==void 0&&w!==Fe&&Ie(w);},[w,Fe,Ie]);let{attachments:Ke,uploading:Rn,fileInputRef:Ve,formatBytes:Ln,handleRemoveAttachment:Hn,handleFileSelection:Ft,clearAttachments:Xe,setAttachments:Bt}=Vt(te),[Dt,Se]=zo.useState(null),[Ye,Pt]=zo.useState(()=>{try{return rt(e).loadShowChatPreference(!!v)}catch{return !!v}}),[Fn,gt]=zo.useState(false),[Bn,Dn]=zo.useState(""),[Pn,$n]=zo.useState(0),Nn=zo.useRef(null),Un=zo.useRef(null),[zn,Wn]=zo.useState(new Set),[On,ft]=zo.useState(false),[Be,yt]=zo.useState(null),$t=zo.useRef(null),Gn=_t($),ht=Et({agentId:e,chatId:X,messages:O,isLoading:$,autoSave:true,autoRestore:false}),G=ht.storage,De=zo.useRef(false),Pe=zo.useRef(null);zo.useEffect(()=>{if(!De.current){if(w!==void 0){try{let S=G.loadChat(w),D=S&&Array.isArray(S.messages)?S.messages:[];if(D.length>0)try{q(D);}catch{}Pe.current=w;}catch{}try{G.saveCurrentChatId(w);}catch{}De.current=true;return}try{let S=G.loadCurrentChatId();if(S){be(S);let D=G.loadChat(S),W=D&&Array.isArray(D.messages)?D.messages:[];try{q(W);}catch{}Pe.current=S;}}catch{}De.current=true;}},[w]),zo.useEffect(()=>{if(De.current&&w!==void 0&&w!==Pe.current)try{let S=G.loadChat(w),D=S&&Array.isArray(S.messages)?S.messages:[];try{q(D);}catch{}Pe.current=w;try{G.saveCurrentChatId(w);}catch{}}catch{}},[w,G,q]),zo.useEffect(()=>{if(De.current)try{G.saveCurrentChatId(X);}catch{}},[X,G]),zo.useEffect(()=>{try{R(X,$);}catch{}return ()=>{try{R(X,!1);}catch{}}},[X,$,R]),zo.useEffect(()=>{try{N(X,Ye);}catch{}return ()=>{try{N(X,!1);}catch{}}},[X,Ye,N]);let _n=zo.useCallback(async()=>{let S=V.trim();if(!S&&Ke.length===0||$)return;let D=[...Ke];ie(""),Xe(),Se(null);try{await xe({text:S,files:D.map(W=>({type:"file",url:W.url,mediaType:W.mimeType||"application/octet-stream",...W.name?{name:W.name}:{},...W.size?{size:W.size}:{}}))});}catch(W){console.error("Failed to send message:",W),Se("Failed to send message. Please try again.");}},[V,Ke,$,xe,Xe]),Nt=zo.useCallback(()=>{if($)return;H(),ie(""),Xe(),Se(null);try{q([]);}catch{}let S=`chat_${Date.now()}_${Math.random().toString(36).slice(2)}`;Pe.current=S;try{ht.createNewChat(()=>{be(S);try{G.saveCurrentChatId(S);}catch{}});}catch{be(S);try{G.saveCurrentChatId(S);}catch{}}},[$,Xe,G,q,be,H,ht]),jn=zo.useCallback(()=>{gt(S=>!S);},[]),qn=zo.useCallback(()=>{Pt(false);try{G.saveShowChatPreference(!1);}catch{}},[G]),Kn=zo.useCallback(async S=>{let D=S.target.files;D&&await Ft(D,Se),Ve.current&&(Ve.current.value="");},[Ft,Ve]);zo.useEffect(()=>{let S=$t.current;if(!S)return;S.style.height="24px",S.offsetHeight,S.style.height="auto";let D=Math.min(S.scrollHeight,200);S.style.height=`${D}px`;},[V]);let Vn=zo.useCallback((S,D,W,Jn)=>{yt({id:D,text:W,attachments:Jn||[]}),ft(true);},[]),Xn=zo.useCallback(()=>{if(!(!Be||$))try{let S=O.findIndex(W=>W.id===Be.id);if(S===-1)return;let D=O.slice(0,S);try{q(D);}catch{}ie(Be.text),Bt(Be.attachments),ft(!1),yt(null),qe();}catch(S){console.error("Failed to edit message:",S),Se("Failed to edit message. Please try again.");}},[Be,$,O,q,Bt,qe]),Yn=zo.useCallback(()=>{ft(false),yt(null);},[]),Ut=jsxRuntime.jsxs("div",{style:{position:"fixed",right:0,top:0,bottom:0,width:"420px",display:"flex",flexDirection:"column",padding:"24px 16px",color:A.textColor,gap:"16px",zIndex:1e3,transform:Ye?"translateX(0)":"translateX(100%)",transition:"transform 0.25s ease-out, width 0.2s ease-out"},children:[jsxRuntime.jsx(hn,{title:B("general.agent")+2,alwaysOpen:false,streaming:$,dir:C||"ltr",resolvedColors:A,onNew:Nt,onToggleHistory:jn,onClose:qn,historyBtnRef:Nn,t:B}),jsxRuntime.jsx("div",{ref:Gn,className:"chat-scroll-container",style:{flex:"1",overflowY:"auto",overflowX:"hidden",padding:"16px 4px 16px 4px",display:"flex",flexDirection:"column",gap:"16px",scrollBehavior:"smooth","--hsafa-primary":A.primaryColor,"--hsafa-border":A.borderColor,"--hsafa-card":A.cardBackground,"--hsafa-text":A.textColor,"--hsafa-muted":A.mutedTextColor,"--hsafa-bg":A.backgroundColor,"--hsafa-hover":A.hoverBackground,"--hsafa-input-bg":A.inputBackground,"--hsafa-accent":A.accentColor},children:O.length===0?jsxRuntime.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"16px",padding:"16px 0"},children:p&&p.length>0?jsxRuntime.jsx(In,{prompts:p,onSelect:S=>ie(S),resolvedColors:A,disabled:$}):jsxRuntime.jsx("div",{style:{padding:"32px",textAlign:"center",color:A.mutedTextColor,fontSize:"14px"},children:B("messages.empty")})}):jsxRuntime.jsx(wn,{chatMessages:O,isLoading:$,openReasoningIds:zn,toggleReasoning:S=>Wn(D=>{let W=new Set(D);return W.has(S)?W.delete(S):W.add(S),W}),resolvedColors:A,t:B,onUserMessageClick:Vn,HsafaUI:E,onUIError:Z,onUISuccess:J,addToolResult:S=>de?.addToolResult?.(S),editableMessageIcon:l?.message_icon})}),jsxRuntime.jsxs("div",{style:{position:"sticky",bottom:"0",marginTop:"auto",paddingBottom:"8px"},children:[s&&zo__default.default.createElement(s,{}),Dt&&jsxRuntime.jsxs("div",{style:{padding:"8px 12px",marginBottom:"8px",backgroundColor:"#ef4444",color:"#fff",borderRadius:"8px",fontSize:"13px",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[jsxRuntime.jsx("span",{children:Dt}),jsxRuntime.jsx("button",{onClick:()=>Se(null),style:{background:"none",border:"none",color:"#fff",cursor:"pointer",padding:"2px"},children:"\xD7"})]}),ce&&jsxRuntime.jsxs("div",{style:{padding:"8px 12px",marginBottom:"8px",backgroundColor:"#ef4444",color:"#fff",borderRadius:"8px",fontSize:"13px",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[jsxRuntime.jsxs("span",{children:["An error occurred: ",ce.message||"Please try again."]}),jsxRuntime.jsx("button",{onClick:()=>window.location.reload(),style:{background:"none",border:"1px solid #fff",color:"#fff",cursor:"pointer",padding:"4px 8px",borderRadius:"4px",fontSize:"12px"},children:"Refresh"})]}),jsxRuntime.jsx(Tn,{input:V,setInput:ie,textareaRef:$t,fileInputRef:Ve,isLoading:$,uploading:Rn,attachments:Ke,formatBytes:Ln,handleRemoveAttachment:Hn,onFileInputChange:Kn,onSend:_n,onStop:()=>mt(),status:he,t:B,resolvedColors:A})]}),jsxRuntime.jsx(Mn,{historyOpen:Fn,historySearch:Bn,currentChatId:X,refreshKey:Pn,resolvedColors:A,onClose:()=>gt(false),onSearchChange:Dn,onChatSelect:S=>{if(gt(false),S&&S!==X&&(H(),be(S),w===void 0)){try{G.saveCurrentChatId(S);}catch{}try{let D=G.loadChat(S),W=D&&Array.isArray(D.messages)?D.messages:[];try{q(W);}catch{}}catch{}}},onChatDelete:S=>{try{G.deleteChat(S),$n(D=>D+1),S===X&&Nt();}catch{}},loadChatsIndex:()=>G.loadChatsIndex(),historyPopupRef:Un}),jsxRuntime.jsx(En,{isOpen:On,resolvedColors:A,onConfirm:Xn,onCancel:Yn,editProcessContent:l}),jsxRuntime.jsx("style",{children:`
|
|
25
|
+
`}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",direction:h},children:[e.map((i,b)=>{let d=Array.isArray(i.parts)?i.parts:[],c=d.filter(s=>s.type==="text").map(s=>s&&typeof s.text=="string"?s.text:"").join(`
|
|
26
|
+
`),f=d.filter(s=>s.type==="file"||s.type==="image").map(s=>{if(s.type==="image"){let a=typeof s.image=="string"?s.image:s.image?.toString?.()||"";return {id:a||`${i.id}-img-${Date.now()}`,name:s.name||"image",url:a,mimeType:s.mediaType||"image/jpeg",size:s.size||0}}else return {id:s.url||`${i.id}-file-${Date.now()}`,name:s.name||"file",url:s.url||"",mimeType:s.mediaType||"application/octet-stream",size:s.size||0}});return jsxRuntime.jsx("div",{style:{padding:"0 4px",display:"flex",flexDirection:"column",alignItems:i.role==="user"&&k?"flex-end":"stretch"},children:i.role==="user"?jsxRuntime.jsx("div",{style:{maxWidth:k?"80%":"100%"},children:jsxRuntime.jsx("div",{title:l("editor.clickToEdit"),onClick:()=>m(i,i.id,c,f),style:{maxWidth:k?"100%":"720px",borderRadius:k?"20px":"16px",padding:"12px 16px",fontSize:"15px",lineHeight:"1.6",whiteSpace:"pre-wrap",cursor:"pointer",transition:"background-color 0.2s",backgroundColor:k?o.inputBackground:o.accentColor,color:o.textColor,marginBottom:"16px",marginTop:"16px",position:"relative",border:k?`1px solid ${o.borderColor}`:"none"},onMouseEnter:s=>s.currentTarget.style.backgroundColor=o.hoverBackground,onMouseLeave:s=>s.currentTarget.style.backgroundColor=k?o.inputBackground:o.accentColor,children:jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:"8px"},children:[jsxRuntime.jsxs("div",{style:{flex:1},children:[c,f.length>0&&jsxRuntime.jsx(so,{attachments:f,resolvedColors:o})]}),jsxRuntime.jsx("div",{style:{flexShrink:0,opacity:.5,transition:"opacity 0.2s"},children:jsxRuntime.jsx(X,{IconComponent:I||lucideReact.Pencil,size:"14",strokeWidth:"2"})})]})})}):jsxRuntime.jsx(oo,{parts:d,messageId:i.id,openReasoningIds:n,toggleReasoning:r,resolvedColors:o,HsafaUI:u,onUIError:C,onUISuccess:M,addToolResult:x})},i.id)}),t&&jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"4px",padding:"0 4px",height:"20px"},children:[jsxRuntime.jsx("span",{style:{display:"inline-block",width:"4px",height:"4px",borderRadius:"50%",backgroundColor:o.mutedTextColor,animation:"jumpingDots 1s infinite ease-in-out",animationDelay:"0s"}}),jsxRuntime.jsx("span",{style:{display:"inline-block",width:"4px",height:"4px",borderRadius:"50%",backgroundColor:o.mutedTextColor,animation:"jumpingDots 1s infinite ease-in-out",animationDelay:"0.2s"}}),jsxRuntime.jsx("span",{style:{display:"inline-block",width:"4px",height:"4px",borderRadius:"50%",backgroundColor:o.mutedTextColor,animation:"jumpingDots 1s infinite ease-in-out",animationDelay:"0.4s"}})]})]})]})}function _t({input:e,setInput:t,textareaRef:n,fileInputRef:r,isLoading:o,uploading:l,attachments:m,formatBytes:u,handleRemoveAttachment:C,onFileInputChange:M,onSend:x,onStop:I,status:k,t:h,resolvedColors:i,fullPage:b,dir:d="ltr"}){let c=k==="streaming"||k==="submitted",f=m.length>0||e.trim().length>0,s=d==="rtl";return b?jsxRuntime.jsxs("div",{style:{position:"relative",width:"100%",maxWidth:"768px",margin:"0 auto"},children:[jsxRuntime.jsxs("div",{style:{position:"relative",width:"100%",borderRadius:"26px",padding:s?"14px 48px 14px 14px":"14px 14px 14px 48px",backgroundColor:i.inputBackground,boxShadow:"0 0 0 1px rgba(0,0,0,0.05)",transition:"box-shadow 0.2s ease",direction:s?"rtl":"ltr"},onFocus:a=>{},children:[jsxRuntime.jsx("div",{style:{position:"absolute",bottom:"10px",...s?{right:"12px"}:{left:"12px"},zIndex:10},children:jsxRuntime.jsx("button",{onClick:()=>r.current?.click(),disabled:o||l,style:{borderRadius:"50%",width:"33px",height:"33px",transition:"all 0.2s",backgroundColor:"transparent",border:"none",cursor:o||l?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",color:i.textColor,opacity:o||l?.5:.7},"aria-label":h("input.attachFiles"),onMouseEnter:a=>{!o&&!l&&(a.currentTarget.style.backgroundColor=i.hoverBackground,a.currentTarget.style.opacity="1");},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="transparent",a.currentTarget.style.opacity="0.7";},children:jsxRuntime.jsx("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("path",{d:"M12 5v14M5 12h14"})})})}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[m.length>0&&jsxRuntime.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:"8px",paddingBottom:"8px",...s?{marginRight:"-4px",justifyContent:"flex-end"}:{marginLeft:"-4px"}},children:m.map(a=>{let T=a.mimeType.startsWith("image/");return jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",padding:"6px 10px",backgroundColor:i.cardBackground,borderRadius:"8px",border:`1px solid ${i.borderColor}`,fontSize:"12px",color:i.textColor,position:"relative"},children:[jsxRuntime.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",height:"20px",borderRadius:"4px",backgroundColor:T?"transparent":i.inputBackground},children:T?jsxRuntime.jsx("img",{src:a.url,alt:a.name,style:{width:"20px",height:"20px",borderRadius:"4px",objectFit:"cover"}}):jsxRuntime.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:jsxRuntime.jsx("rect",{x:"4",y:"4",width:"16",height:"20",rx:"2",ry:"2"})})}),jsxRuntime.jsx("span",{title:a.name,style:{maxWidth:"120px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontWeight:500},children:a.name}),jsxRuntime.jsx("button",{onClick:()=>C(a.id),style:{background:"none",border:"none",color:i.mutedTextColor,cursor:"pointer",padding:"2px",display:"flex",alignItems:"center",borderRadius:"4px"},children:jsxRuntime.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),jsxRuntime.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]},a.id)})}),l&&jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",fontSize:"13px",color:i.mutedTextColor},children:[jsxRuntime.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{animation:"spin 1s linear infinite"},children:jsxRuntime.jsx("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})}),jsxRuntime.jsx("span",{children:h("input.uploadingFiles")})]}),jsxRuntime.jsx("div",{style:{...s?{paddingLeft:"40px"}:{paddingRight:"40px"},display:"flex",alignItems:"center"},children:jsxRuntime.jsx("textarea",{ref:n,"aria-label":h("input.prompt"),rows:1,placeholder:h("input.placeholder"),value:e,onChange:a=>t(a.target.value),onKeyDown:a=>{a.key==="Enter"&&!a.shiftKey&&(a.preventDefault(),x());},disabled:l,style:{maxHeight:"200px",width:"100%",resize:"none",backgroundColor:"transparent",fontSize:"16px",lineHeight:"1.5",outline:"none",border:"none",color:i.textColor,fontFamily:"inherit",overflow:"auto",padding:0,margin:0,direction:s?"rtl":"ltr",textAlign:s?"right":"left"}})})]}),jsxRuntime.jsx("div",{style:{position:"absolute",bottom:"8px",...s?{left:"8px"}:{right:"8px"}},children:o?jsxRuntime.jsx("button",{onClick:I,disabled:!c,"aria-label":h("input.stop"),style:{borderRadius:"50%",width:"36px",height:"36px",transition:"all 0.2s ease-out",backgroundColor:i.textColor,color:i.inputBackground,border:"none",opacity:c?1:.7,cursor:c?"pointer":"not-allowed",display:"flex",alignItems:"center",justifyContent:"center"},children:jsxRuntime.jsx("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"currentColor",children:jsxRuntime.jsx("rect",{width:"24",height:"24",rx:"2"})})}):jsxRuntime.jsx("button",{onClick:x,disabled:!f||l,"aria-label":h("input.send"),style:{borderRadius:"50%",width:"36px",height:"36px",transition:"all 0.2s ease-out",backgroundColor:!f||l?i.cardBackground:i.textColor,color:!f||l?i.mutedTextColor:i.inputBackground,border:"none",cursor:!f||l?"default":"pointer",display:"flex",alignItems:"center",justifyContent:"center",transform:s?"rotate(180deg)":""},children:jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M5 12h14"}),jsxRuntime.jsx("path",{d:"M12 5l7 7-7 7"})]})})})]}),jsxRuntime.jsx("input",{ref:r,type:"file",multiple:true,onChange:M,style:{display:"none"},accept:"*/*"}),jsxRuntime.jsx("div",{style:{textAlign:"center",padding:"8px 0",fontSize:"12px",color:i.mutedTextColor,opacity:.8},children:"AI can make mistakes. Please check important information."})]}):jsxRuntime.jsx("div",{style:{position:"sticky",bottom:"0",marginTop:"auto",paddingBottom:"8px",paddingTop:"4px"},children:jsxRuntime.jsx("div",{style:{position:"relative",flex:1},children:jsxRuntime.jsxs("div",{style:{position:"relative",width:"100%",borderRadius:"16px",paddingBottom:"48px",paddingTop:"16px",border:`1px solid ${i.borderColor}`,backgroundColor:i.cardBackground},children:[m.length>0&&jsxRuntime.jsx("div",{style:{padding:"0px 16px 12px 16px",display:"flex",flexWrap:"wrap",gap:"10px"},children:m.map(a=>{let T=a.mimeType.startsWith("image/");return jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px",padding:"8px 12px",backgroundColor:i.inputBackground,borderRadius:"10px",border:`1px solid ${i.borderColor}`,fontSize:"12px",color:i.textColor,position:"relative"},children:[jsxRuntime.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"20px",height:"20px",borderRadius:"4px",backgroundColor:T?"transparent":i.cardBackground},children:T?jsxRuntime.jsx("img",{src:a.url,alt:a.name,style:{width:"20px",height:"20px",borderRadius:"4px",objectFit:"cover"}}):jsxRuntime.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:jsxRuntime.jsx("rect",{x:"4",y:"4",width:"16",height:"20",rx:"2",ry:"2"})})}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",minWidth:0,flex:1},children:[jsxRuntime.jsx("span",{title:a.name,style:{maxWidth:"140px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontWeight:500},children:a.name}),jsxRuntime.jsx("span",{style:{color:i.mutedTextColor,fontSize:"10px",marginTop:"2px"},children:u(a.size)})]}),jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"4px",marginLeft:"8px"},children:[T&&jsxRuntime.jsx("a",{href:a.url,target:"_blank",rel:"noopener noreferrer",style:{background:"none",border:"none",color:i.mutedTextColor,cursor:"pointer",padding:"2px",display:"flex",alignItems:"center",borderRadius:"4px",textDecoration:"none"},title:h("input.previewImage"),children:jsxRuntime.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),jsxRuntime.jsx("circle",{cx:"12",cy:"12",r:"3"})]})}),jsxRuntime.jsx("button",{onClick:()=>C(a.id),style:{background:"none",border:"none",color:i.mutedTextColor,cursor:"pointer",padding:"2px",display:"flex",alignItems:"center",borderRadius:"4px"},title:h("input.removeFile"),children:jsxRuntime.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),jsxRuntime.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]})]},a.id)})}),l&&jsxRuntime.jsxs("div",{style:{padding:"0px 16px 12px 16px",display:"flex",alignItems:"center",gap:"8px",fontSize:"13px",color:i.mutedTextColor},children:[jsxRuntime.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{animation:"spin 1s linear infinite"},children:jsxRuntime.jsx("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"})}),jsxRuntime.jsx("span",{children:h("input.uploadingFiles")})]}),jsxRuntime.jsx("div",{style:{padding:"0 16px"},children:jsxRuntime.jsx("textarea",{ref:n,"aria-label":h("input.prompt"),rows:1,placeholder:h("input.placeholder"),value:e,onChange:a=>t(a.target.value),onKeyDown:a=>{a.key==="Enter"&&!a.shiftKey&&(a.preventDefault(),x());},disabled:l,style:{height:"24px",maxHeight:"200px",width:"100%",resize:"none",backgroundColor:"transparent",fontSize:"15px",lineHeight:"1.6",outline:"none",border:"none",color:i.textColor,fontFamily:"inherit",overflow:"auto",direction:s?"rtl":"ltr",textAlign:s?"right":"left"}})}),jsxRuntime.jsx("input",{ref:r,type:"file",multiple:true,onChange:M,style:{display:"none"},accept:"*/*"}),jsxRuntime.jsx("div",{style:{position:"absolute",bottom:"8px",...s?{right:"8px"}:{left:"8px"},display:"flex",alignItems:"center",gap:"4px",color:i.mutedTextColor},children:jsxRuntime.jsx("button",{onClick:()=>r.current?.click(),disabled:o||l,style:{borderRadius:"8px",padding:"8px",transition:"all 0.2s",backgroundColor:"transparent",border:"none",cursor:o||l?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",color:"inherit",opacity:o||l?.5:1},"aria-label":h("input.attachFiles"),children:jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("path",{d:"M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 1 1 5.66 5.66l-9.2 9.19a2 2 0 1 1-2.83-2.83l8.49-8.49"})})})}),jsxRuntime.jsx("div",{style:{position:"absolute",bottom:"8px",...s?{left:"8px"}:{right:"8px"}},children:o?jsxRuntime.jsx("button",{onClick:I,disabled:!c,"aria-label":h("input.stop"),title:"Stop generation",style:{borderRadius:"12px",padding:"12px",transition:"all 0.2s ease-out",border:"1px solid #ef4444",backgroundColor:"#ef444420",color:"#ef4444",opacity:c?1:.4,cursor:c?"pointer":"not-allowed",display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:a=>{c&&(a.currentTarget.style.backgroundColor="#ef444430",a.currentTarget.style.transform="scale(1.02)");},onMouseLeave:a=>{a.currentTarget.style.backgroundColor="#ef444420",a.currentTarget.style.transform="scale(1)";},children:jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2"})})}):jsxRuntime.jsx("button",{onClick:x,disabled:!f||l,"aria-label":h("input.send"),title:"Send message",style:{borderRadius:"12px",padding:"12px",transition:"all 0.2s ease-out",border:`1px solid ${i.borderColor}`,backgroundColor:i.cardBackground,color:!f||l?i.mutedTextColor:i.primaryColor,cursor:!f||l?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",opacity:!f||l?.5:1},onMouseEnter:a=>{f&&!l&&(a.currentTarget.style.borderColor=i.primaryColor,a.currentTarget.style.transform="scale(1.02)");},onMouseLeave:a=>{a.currentTarget.style.borderColor=i.borderColor,a.currentTarget.style.transform="scale(1)";},children:jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"m5 12 7-7 7 7"}),jsxRuntime.jsx("path",{d:"M12 19V5"})]})})})]})})})}function qt({prompts:e,onSelect:t,resolvedColors:n,disabled:r=false,dir:o="ltr",t:l}){let[m,u]=po.useState(null),C=o==="rtl";return !e||e.length===0?null:jsxRuntime.jsxs("div",{style:{padding:"12px 0",display:"flex",flexDirection:"column",gap:"8px",direction:C?"rtl":"ltr"},children:[jsxRuntime.jsx("div",{style:{fontSize:"12px",fontWeight:600,color:n.mutedTextColor,...C?{paddingRight:"4px",textAlign:"right"}:{paddingLeft:"4px",textAlign:"left"},textTransform:"uppercase",letterSpacing:"0.5px"},children:l?l("prompts.suggested"):"Suggested Prompts"}),jsxRuntime.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:e.map((M,x)=>{let I=m===x,k=M.prompt.length>180,h=k&&!I?M.prompt.slice(0,180)+"...":M.prompt;return jsxRuntime.jsxs("button",{onClick:()=>{r||t(M.prompt);},disabled:r,style:{display:"flex",flexDirection:"column",padding:"12px",backgroundColor:n.cardBackground,border:`1px solid ${n.borderColor}`,borderRadius:"12px",cursor:r?"not-allowed":"pointer",transition:"all 0.2s ease",textAlign:C?"right":"left",opacity:r?.5:1,position:"relative",overflow:"hidden"},onMouseEnter:i=>{r||(i.currentTarget.style.backgroundColor=n.hoverBackground,i.currentTarget.style.borderColor=n.primaryColor,i.currentTarget.style.transform=C?"translateX(-2px)":"translateX(2px)");},onMouseLeave:i=>{i.currentTarget.style.backgroundColor=n.cardBackground,i.currentTarget.style.borderColor=n.borderColor,i.currentTarget.style.transform="translateX(0)";},children:[jsxRuntime.jsxs("div",{style:{fontSize:"13px",fontWeight:600,color:n.textColor,marginBottom:"6px",display:"flex",alignItems:"center",gap:"6px"},children:[jsxRuntime.jsxs("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:n.primaryColor,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0},children:[jsxRuntime.jsx("path",{d:"M12 20h9"}),jsxRuntime.jsx("path",{d:"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"})]}),M.label]}),jsxRuntime.jsx("div",{style:{fontSize:"12px",color:n.mutedTextColor,lineHeight:"1.5",width:"100%",wordWrap:"break-word",whiteSpace:"pre-wrap",direction:C?"rtl":"ltr",textAlign:C?"right":"left"},children:h}),k&&jsxRuntime.jsxs("button",{onClick:i=>{i.stopPropagation(),u(I?null:x);},style:{marginTop:"8px",padding:"4px 8px",fontSize:"11px",color:n.primaryColor,backgroundColor:"transparent",border:"none",cursor:"pointer",display:"flex",alignItems:"center",gap:"4px",fontWeight:500},children:[I?l?l("prompts.showLess"):"Show less":l?l("prompts.showMore"):"Show more",jsxRuntime.jsx("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{transform:I?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s"},children:jsxRuntime.jsx("polyline",{points:"6 9 12 15 18 9"})})]})]},x)})})]})}function lo(e){let t=Date.now()-e,n=Math.max(1,Math.floor(t/1e3));if(n<60)return `${n}s`;let r=Math.floor(n/60);if(r<60)return `${r}m`;let o=Math.floor(r/60);if(o<24)return `${o}h`;let l=Math.floor(o/24);if(l<7)return `${l}d`;let m=Math.floor(l/7);if(m<4)return `${m}w`;let u=Math.floor(l/30);return u<12?`${u}mo`:`${Math.floor(u/12)}y`}function xt({search:e,onSearchChange:t,chats:n,currentChatId:r,resolvedColors:o,onChatSelect:l,onChatDelete:m,className:u,style:C,dir:M="ltr",t:x}){let I=M==="rtl",k=e.trim()?n.filter(h=>(h.title||"").toLowerCase().includes(e.toLowerCase().trim())):n;return jsxRuntime.jsxs("div",{className:u,style:{display:"flex",flexDirection:"column",height:"100%",overflow:"hidden",direction:I?"rtl":"ltr",...C},children:[jsxRuntime.jsx("div",{style:{display:"flex",alignItems:"center",gap:"12px",borderBottom:`1px solid ${o.borderColor}`,padding:"12px 16px",flexShrink:0},children:jsxRuntime.jsx("div",{style:{flex:"1"},children:jsxRuntime.jsx("input",{value:e,onChange:h=>t(h.target.value),placeholder:x?x("history.search"):"Search",style:{width:"100%",borderRadius:"8px",backgroundColor:o.inputBackground,padding:"8px 12px",fontSize:"14px",color:o.textColor,border:`1px solid ${o.borderColor}`,outline:"none",direction:I?"rtl":"ltr",textAlign:I?"right":"left"},onFocus:h=>h.currentTarget.style.borderColor=o.primaryColor,onBlur:h=>h.currentTarget.style.borderColor=o.borderColor})})}),jsxRuntime.jsx("div",{style:{flex:1,overflowY:"auto",padding:"0"},children:k.length===0?jsxRuntime.jsx("div",{style:{padding:"24px",color:o.mutedTextColor,textAlign:"center"},children:x?x("history.noChatsFound"):"No chats found."}):jsxRuntime.jsx("div",{children:k.map((h,i)=>jsxRuntime.jsx("div",{style:{borderTop:i>0?`1px solid ${o.borderColor}`:"none"},children:jsxRuntime.jsxs("div",{style:{display:"flex",width:"100%",alignItems:"center",justifyContent:"space-between",gap:"12px",padding:"8px 12px",backgroundColor:h.id===r?o.cardBackground:"transparent",transition:"background-color 0.2s"},children:[jsxRuntime.jsx("button",{style:{flex:"1",textAlign:I?"right":"left",transition:"background-color 0.2s",borderRadius:"8px",padding:"8px",border:"none",backgroundColor:"transparent",cursor:"pointer",color:o.textColor,overflow:"hidden"},onMouseEnter:b=>b.currentTarget.style.backgroundColor=o.hoverBackground,onMouseLeave:b=>b.currentTarget.style.backgroundColor="transparent",onClick:()=>l(h.id),children:jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"12px"},children:[jsxRuntime.jsx("div",{style:{minWidth:"0",flex:"1"},children:jsxRuntime.jsx("div",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:"14px",color:o.textColor,fontWeight:h.id===r?600:400},children:h.title||(x?x("history.untitledChat"):"Untitled chat")})}),jsxRuntime.jsx("div",{style:{flexShrink:0,fontSize:"12px",color:o.mutedTextColor},children:lo(h.updatedAt)})]})}),jsxRuntime.jsx("button",{style:{flexShrink:0,borderRadius:"6px",padding:"8px",color:o.mutedTextColor,border:"1px solid transparent",backgroundColor:"transparent",cursor:"pointer",transition:"all 0.2s"},title:x?x("history.deleteChat"):"Delete chat",onMouseEnter:b=>{b.currentTarget.style.color="#ef4444",b.currentTarget.style.backgroundColor="rgba(239, 68, 68, 0.1)",b.currentTarget.style.borderColor="rgba(239, 68, 68, 0.3)";},onMouseLeave:b=>{b.currentTarget.style.color=o.mutedTextColor,b.currentTarget.style.backgroundColor="transparent",b.currentTarget.style.borderColor="transparent";},onClick:b=>{b.stopPropagation(),m(h.id);},children:jsxRuntime.jsx(X,{IconComponent:lucideReact.Trash2,size:"16",strokeWidth:"2"})})]})},h.id))})})]})}function Xt({historyOpen:e,historySearch:t,currentChatId:n,refreshKey:r,resolvedColors:o,onClose:l,onSearchChange:m,onChatSelect:u,onChatDelete:C,loadChatsIndex:M,historyPopupRef:x,dir:I="ltr",t:k}){if(!e)return null;let h=M(),i=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{style:{position:"fixed",inset:"0",zIndex:1100,backgroundColor:"rgba(0, 0, 0, 0.4)",backdropFilter:"blur(4px)",WebkitBackdropFilter:"blur(4px)"},onClick:l}),jsxRuntime.jsx("div",{ref:x,style:{position:"fixed",left:"50%",top:"64px",transform:"translateX(-50%)",zIndex:1101,width:"680px",maxWidth:"94vw",height:"60vh",maxHeight:"600px",overflow:"hidden",borderRadius:"16px",border:`1px solid ${o.borderColor}`,backgroundColor:`${o.backgroundColor}f0`,boxShadow:"0 25px 50px -12px rgba(0, 0, 0, 0.25)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",display:"flex",flexDirection:"column"},children:jsxRuntime.jsx(xt,{search:t,onSearchChange:m,chats:h,currentChatId:n,resolvedColors:o,onChatSelect:u,onChatDelete:C,dir:I,t:k})})]});return typeof document<"u"&&document.body?reactDom.createPortal(i,document.body):i}function uo({isOpen:e,historySearch:t,onSearchChange:n,chats:r,currentChatId:o,resolvedColors:l,onChatSelect:m,onChatDelete:u,onNewChat:C,isMobile:M=false,dir:x="ltr",t:I}){let k=x==="rtl";return jsxRuntime.jsxs("div",{style:{width:e?"260px":"0px",opacity:e?1:0,...k?{marginRight:e?0:-10}:{marginLeft:e?0:-10},height:"100%",backgroundColor:l.backgroundColor,...k?{borderLeft:e?`1px solid ${l.borderColor}`:"none"}:{borderRight:e?`1px solid ${l.borderColor}`:"none"},display:"flex",flexDirection:"column",transition:"all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",overflow:"hidden",flexShrink:0,position:M?"fixed":"relative",zIndex:M?100:1,...k?{right:0}:{left:0},top:0,bottom:0,visibility:e?"visible":"hidden",direction:k?"rtl":"ltr"},children:[jsxRuntime.jsx("div",{style:{padding:"12px",flexShrink:0,opacity:e?1:0,transition:"opacity 0.2s 0.1s"},children:jsxRuntime.jsxs("button",{onClick:C,style:{width:"100%",display:"flex",alignItems:"center",gap:"12px",padding:"10px 12px",borderRadius:"8px",border:`1px solid ${l.borderColor}`,backgroundColor:"transparent",color:l.textColor,cursor:"pointer",fontSize:"14px",transition:"all 0.2s",textAlign:k?"right":"left"},onMouseEnter:h=>h.currentTarget.style.backgroundColor=l.hoverBackground,onMouseLeave:h=>h.currentTarget.style.backgroundColor="transparent",children:[jsxRuntime.jsx(X,{IconComponent:lucideReact.Plus,size:"16",strokeWidth:"2"}),jsxRuntime.jsx("span",{children:I?I("history.newChat"):"New chat"})]})}),jsxRuntime.jsx(xt,{search:t,onSearchChange:n,chats:r,currentChatId:o,resolvedColors:l,onChatSelect:m,onChatDelete:u,dir:x,t:I,style:{flex:1}})]})}function Yt({isOpen:e,resolvedColors:t,onConfirm:n,onCancel:r,editProcessContent:o,dir:l="ltr",t:m}){if(!e)return null;let u=o?.title||(m?m("editModal.title"):"Edit Message"),C=o?.content||(m?m("editModal.content"):"This will remove this message and all messages after it, and place its content in the input field for editing. Do you want to continue?"),M=o?.submit_button_label||(m?m("editModal.submit"):"Edit"),x=o?.cancel_button_label||(m?m("editModal.cancel"):"Cancel"),I=o?.icon,k=typeof C=="function",h=k?C:null,i=jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{style:{position:"fixed",inset:"0",zIndex:1100,backgroundColor:"rgba(0, 0, 0, 0.4)",backdropFilter:"blur(4px)",WebkitBackdropFilter:"blur(4px)"},onClick:r}),jsxRuntime.jsxs("div",{style:{position:"fixed",left:"50%",top:"50%",transform:"translate(-50%, -50%)",zIndex:1101,width:"420px",maxWidth:"94vw",overflow:"hidden",borderRadius:"16px",border:`1px solid ${t.borderColor}`,backgroundColor:t.backgroundColor,boxShadow:"0 25px 50px -12px rgba(0, 0, 0, 0.25)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",direction:l==="rtl"?"rtl":"ltr"},children:[jsxRuntime.jsxs("div",{style:{padding:"20px 24px",borderBottom:`1px solid ${t.borderColor}`,display:"flex",alignItems:"center",gap:"12px"},children:[I?jsxRuntime.jsx("div",{style:{flexShrink:0},children:jsxRuntime.jsx(X,{IconComponent:I,size:"20",strokeWidth:"2"})}):jsxRuntime.jsx("div",{style:{flexShrink:0,color:t.mutedTextColor},children:jsxRuntime.jsx(X,{IconComponent:lucideReact.Pencil,size:"20",strokeWidth:"2"})}),jsxRuntime.jsx("h3",{style:{margin:0,fontSize:"18px",fontWeight:"600",color:t.textColor,flex:1},children:u})]}),jsxRuntime.jsx("div",{style:{padding:"24px",color:t.textColor,fontSize:"14px",lineHeight:"1.6"},children:k&&h?jsxRuntime.jsx(h,{}):jsxRuntime.jsx("p",{style:{margin:0},children:C})}),jsxRuntime.jsxs("div",{style:{display:"flex",gap:"12px",padding:"16px 24px",borderTop:`1px solid ${t.borderColor}`,justifyContent:"flex-end"},children:[jsxRuntime.jsx("button",{onClick:r,style:{padding:"8px 16px",borderRadius:"8px",fontSize:"14px",fontWeight:"500",border:`1px solid ${t.borderColor}`,backgroundColor:"transparent",color:t.textColor,cursor:"pointer",transition:"all 0.2s"},onMouseEnter:b=>{b.currentTarget.style.backgroundColor=t.hoverBackground;},onMouseLeave:b=>{b.currentTarget.style.backgroundColor="transparent";},children:x}),jsxRuntime.jsx("button",{onClick:n,style:{padding:"8px 16px",borderRadius:"8px",fontSize:"14px",fontWeight:"500",border:"none",backgroundColor:t.primaryColor,color:t.backgroundColor,cursor:"pointer",transition:"all 0.2s",opacity:1},onMouseEnter:b=>{b.currentTarget.style.opacity="0.9";},onMouseLeave:b=>{b.currentTarget.style.opacity="1";},children:M})]})]})]});return typeof document<"u"&&document.body?reactDom.createPortal(i,document.body):i}function Hr({agentId:e,theme:t,primaryColor:n,primaryColorDark:r,primaryColorLight:o,backgroundColor:l,borderColor:m,textColor:u,accentColor:C,dir:M,lang:x,language:I,baseUrl:k="",initialMessages:h=[],onMessagesChange:i,defaultOpen:b=true,floatingButtonPosition:d={bottom:24,right:24},HsafaTools:c={},HsafaUI:f={},componentAboveInput:s,editProcessContent:a,presetPrompts:T,onStart:w,onFinish:v,currentChat:y,onChatChanged:S,templateParams:p,fullPageChat:B=false,title:W,placeholder:j,emptyStateMessage:ne}){let {dir:ye,theme:me,baseUrl:_,setStreamingState:U,setChatOpenState:q}=se(),O=M||ye||"ltr",J=x||I||"en",oe=J==="ar",Z=t||me||"dark",ge=k&&k.length>0?k:_||"",A={primaryColor:Z==="dark"?r||n||"#ffffff":o||n||"#000000",backgroundColor:l||(Z==="dark"?"#0B0B0F":"#FFFFFF"),borderColor:m||(Z==="dark"?"#2A2C33":"#E5E7EB"),textColor:u||(Z==="dark"?"#EDEEF0":"#111827"),accentColor:C||(Z==="dark"?"#17181C":"#F9FAFB"),mutedTextColor:Z==="dark"?"#6f7276":"#6B7280",inputBackground:Z==="dark"?"#17181C":"#F3F4F6",cardBackground:Z==="dark"?"#121318":"#FFFFFF",hoverBackground:Z==="dark"?"#1c1e25":"#F3F4F6"},P=g=>{let H={"header.new":"New","header.history":"History","header.close":"Close chat","input.placeholder":j||"Ask your question...","input.prompt":"Prompt","input.attachFiles":"Attach files","input.insertLink":"Insert link","input.send":"Send","input.stop":"Stop","input.uploadingFiles":"Uploading files...","input.previewImage":"Preview image","input.removeFile":"Remove file","messages.empty":ne||"Start by sending a message to the agent.","general.agent":W||"Agent","editor.cancel":"Cancel","editor.saveAndRegenerate":"Save & Regenerate","editor.clickToEdit":"Click to edit","prompts.suggested":"Suggested Prompts","prompts.showMore":"Show more","prompts.showLess":"Show less","history.search":"Search","history.noChatsFound":"No chats found.","history.untitledChat":"Untitled chat","history.deleteChat":"Delete chat","history.newChat":"New chat","editModal.title":"Edit Message","editModal.content":"This will remove this message and all messages after it, and place its content in the input field for editing. Do you want to continue?","editModal.submit":"Edit","editModal.cancel":"Cancel","assistant.thinking":"Thinking","assistant.finishThinking":"Finish Thinking","tool.inputting":"Inputting","tool.running":"Running","tool.error":"Error","tool.called":"Called","error.occurred":"An error occurred:","error.tryAgain":"Please try again.","error.refresh":"Refresh","error.failedSend":"Failed to send message. Please try again.","error.failedEdit":"Failed to edit message. Please try again."};return (oe?{"header.new":"\u062C\u062F\u064A\u062F","header.history":"\u0627\u0644\u0633\u062C\u0644","header.close":"\u0625\u063A\u0644\u0627\u0642 \u0627\u0644\u0645\u062D\u0627\u062F\u062B\u0629","input.placeholder":j||"\u0627\u0643\u062A\u0628 \u0633\u0624\u0627\u0644\u0643...","input.prompt":"\u0627\u0644\u0631\u0633\u0627\u0644\u0629","input.attachFiles":"\u0625\u0631\u0641\u0627\u0642 \u0645\u0644\u0641\u0627\u062A","input.insertLink":"\u0625\u062F\u0631\u0627\u062C \u0631\u0627\u0628\u0637","input.send":"\u0625\u0631\u0633\u0627\u0644","input.stop":"\u0625\u064A\u0642\u0627\u0641","input.uploadingFiles":"\u062C\u0627\u0631\u064D \u0631\u0641\u0639 \u0627\u0644\u0645\u0644\u0641\u0627\u062A...","input.previewImage":"\u0645\u0639\u0627\u064A\u0646\u0629 \u0627\u0644\u0635\u0648\u0631\u0629","input.removeFile":"\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0645\u0644\u0641","messages.empty":ne||"\u0627\u0628\u062F\u0623 \u0628\u0625\u0631\u0633\u0627\u0644 \u0631\u0633\u0627\u0644\u0629 \u0625\u0644\u0649 \u0627\u0644\u0648\u0643\u064A\u0644.","general.agent":W||"\u0627\u0644\u0648\u0643\u064A\u0644","editor.cancel":"\u0625\u0644\u063A\u0627\u0621","editor.saveAndRegenerate":"\u062D\u0641\u0638 \u0648\u0625\u0639\u0627\u062F\u0629 \u0627\u0644\u062A\u0648\u0644\u064A\u062F","editor.clickToEdit":"\u0627\u0646\u0642\u0631 \u0644\u0644\u062A\u0639\u062F\u064A\u0644","prompts.suggested":"\u0627\u0642\u062A\u0631\u0627\u062D\u0627\u062A \u062C\u0627\u0647\u0632\u0629","prompts.showMore":"\u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064A\u062F","prompts.showLess":"\u0639\u0631\u0636 \u0623\u0642\u0644","history.search":"\u0628\u062D\u062B","history.noChatsFound":"\u0644\u0627 \u062A\u0648\u062C\u062F \u0645\u062D\u0627\u062F\u062B\u0627\u062A.","history.untitledChat":"\u0645\u062D\u0627\u062F\u062B\u0629 \u0628\u062F\u0648\u0646 \u0639\u0646\u0648\u0627\u0646","history.deleteChat":"\u062D\u0630\u0641 \u0627\u0644\u0645\u062D\u0627\u062F\u062B\u0629","history.newChat":"\u0645\u062D\u0627\u062F\u062B\u0629 \u062C\u062F\u064A\u062F\u0629","editModal.title":"\u062A\u0639\u062F\u064A\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629","editModal.content":"\u0633\u064A\u0624\u062F\u064A \u0647\u0630\u0627 \u0625\u0644\u0649 \u062D\u0630\u0641 \u0647\u0630\u0647 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0648\u0643\u0644 \u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u062A\u064A \u0628\u0639\u062F\u0647\u0627\u060C \u062B\u0645 \u0648\u0636\u0639 \u0645\u062D\u062A\u0648\u0627\u0647\u0627 \u0641\u064A \u062D\u0642\u0644 \u0627\u0644\u0625\u062F\u062E\u0627\u0644 \u0644\u0644\u062A\u0639\u062F\u064A\u0644. \u0647\u0644 \u062A\u0631\u064A\u062F \u0627\u0644\u0645\u062A\u0627\u0628\u0639\u0629\u061F","editModal.submit":"\u062A\u0639\u062F\u064A\u0644","editModal.cancel":"\u0625\u0644\u063A\u0627\u0621","assistant.thinking":"\u062C\u0627\u0631\u064D \u0627\u0644\u062A\u0641\u0643\u064A\u0631","assistant.finishThinking":"\u0627\u0646\u062A\u0647\u0649 \u0627\u0644\u062A\u0641\u0643\u064A\u0631","tool.inputting":"\u062C\u0627\u0631\u064D \u0627\u0644\u0625\u062F\u062E\u0627\u0644","tool.running":"\u0642\u064A\u062F \u0627\u0644\u062A\u0634\u063A\u064A\u0644","tool.error":"\u062E\u0637\u0623","tool.called":"\u062A\u0645 \u0627\u0644\u0627\u0633\u062A\u062F\u0639\u0627\u0621","error.occurred":"\u062D\u062F\u062B \u062E\u0637\u0623:","error.tryAgain":"\u064A\u0631\u062C\u0649 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649.","error.refresh":"\u062A\u062D\u062F\u064A\u062B","error.failedSend":"\u062A\u0639\u0630\u0631 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629. \u064A\u0631\u062C\u0649 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649.","error.failedEdit":"\u062A\u0639\u0630\u0631 \u062A\u0639\u062F\u064A\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629. \u064A\u0631\u062C\u0649 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649."}:H)[g]||H[g]||g},kt=Nt({agentId:e,baseUrl:ge,tools:c,uiComponents:f,templateParams:p,controlledChatId:y,onChatIdChange:y===void 0?g=>{S&&S(g);}:void 0,onStart:po.useCallback(g=>{w&&w(g);},[w]),onFinish:po.useCallback(g=>{v&&v(g);},[v]),onError:po.useCallback(g=>{console.error("Chat error:",g);},[]),initialMessages:h,onMessagesChange:i}),{input:ve,setInput:fe,messages:E,isLoading:L,status:G,error:$,sendMessage:ee,stop:te,setMessages:K,notifyMessagesChange:tt,chatId:$e,setChatId:nt,tools:Wr,uiComponents:Qt,formHostRef:Ur,formStateRef:Or,cleanupForms:ze,onUISuccess:en,onUIError:tn,chatApi:nn}=kt,V=y!==void 0?y:$e,ke=po.useCallback(g=>{y===void 0&&nt(g),S&&S(g);},[y,nt,S]);po.useEffect(()=>{y!==void 0&&y!==$e&&nt(y);},[y,$e,nt]);let{attachments:Ne,uploading:on,fileInputRef:We,formatBytes:rn,handleRemoveAttachment:an,handleFileSelection:sn,clearAttachments:ot,setAttachments:ln}=Bn(ge),[rt,we]=po.useState(null),[at,cn]=po.useState(()=>{try{return pt(e).loadShowChatPreference(!!b)}catch{return !!b}}),[wt,Ee]=po.useState(false),[Tt,It]=po.useState(""),[St,Mt]=po.useState(0),dn=po.useRef(null),un=po.useRef(null),[pn,mn]=po.useState(new Set),[gn,Et]=po.useState(false),[Ue,Rt]=po.useState(null),Oe=po.useRef(null),fn=An(L),[hn,fo]=po.useState(false);po.useEffect(()=>{let g=()=>fo(window.innerWidth<768);return g(),window.addEventListener("resize",g),()=>window.removeEventListener("resize",g)},[]);let At=Ut({agentId:e,chatId:V,messages:E,isLoading:L,autoSave:true,autoRestore:false}),z=At.storage,yn=po.useMemo(()=>{try{return z.loadChatsIndex()}catch{return []}},[z,St]),Ge=po.useRef(false),je=po.useRef(null);po.useEffect(()=>{if(!Ge.current){if(y!==void 0){try{let g=z.loadChat(y),H=g&&Array.isArray(g.messages)?g.messages:[];if(H.length>0)try{K(H);}catch{}je.current=y;}catch{}try{z.saveCurrentChatId(y);}catch{}Ge.current=true;return}try{let g=z.loadCurrentChatId();if(g){ke(g);let H=z.loadChat(g),D=H&&Array.isArray(H.messages)?H.messages:[];try{K(D);}catch{}je.current=g;}}catch{}Ge.current=true;}},[y]),po.useEffect(()=>{if(Ge.current&&y!==void 0&&y!==je.current)try{let g=z.loadChat(y),H=g&&Array.isArray(g.messages)?g.messages:[];try{K(H);}catch{}je.current=y;try{z.saveCurrentChatId(y);}catch{}}catch{}},[y,z,K]),po.useEffect(()=>{if(Ge.current)try{z.saveCurrentChatId(V);}catch{}},[V,z]),po.useEffect(()=>{try{U(V,L);}catch{}return ()=>{try{U(V,!1);}catch{}}},[V,L,U]),po.useEffect(()=>{try{q(V,at);}catch{}return ()=>{try{q(V,!1);}catch{}}},[V,at,q]);let xn=po.useCallback(async()=>{let g=ve.trim();if(!g&&Ne.length===0||L)return;let H=[...Ne];fe(""),ot(),we(null),Oe.current&&Oe.current.focus();try{await ee({text:g,files:H.map(D=>({type:"file",url:D.url,mediaType:D.mimeType||"application/octet-stream",...D.name?{name:D.name}:{},...D.size?{size:D.size}:{}}))});}catch(D){console.error("Failed to send message:",D),we(P("error.failedSend"));}},[ve,Ne,L,ee,ot,P]),Re=po.useCallback(()=>{if(L)return;ze(),fe(""),ot(),we(null);try{K([]);}catch{}let g=`chat_${Date.now()}_${Math.random().toString(36).slice(2)}`;je.current=g;try{At.createNewChat(()=>{ke(g);try{z.saveCurrentChatId(g);}catch{}});}catch{ke(g);try{z.saveCurrentChatId(g);}catch{}}},[L,ot,z,K,ke,ze,At]),bn=po.useCallback(()=>{Ee(g=>!g);},[]),ho=po.useCallback(()=>{cn(false);try{z.saveShowChatPreference(!1);}catch{}},[z]),Cn=po.useCallback(async g=>{let H=g.target.files;H&&await sn(H,we),We.current&&(We.current.value="");},[sn,We]);po.useEffect(()=>{let g=Oe.current;if(!g)return;g.style.height="24px",g.offsetHeight,g.style.height="auto";let H=Math.min(g.scrollHeight,200);g.style.height=`${H}px`;},[ve]);let vn=po.useCallback((g,H,D,In)=>{Rt({id:H,text:D,attachments:In||[]}),Et(true);},[]),kn=po.useCallback(()=>{if(!(!Ue||L))try{let g=E.findIndex(D=>D.id===Ue.id);if(g===-1)return;let H=E.slice(0,g);try{K(H);}catch{}fe(Ue.text),ln(Ue.attachments),Et(!1),Rt(null),tt();}catch(g){console.error("Failed to edit message:",g),we(P("error.failedEdit"));}},[Ue,L,E,K,ln,tt,P]),wn=po.useCallback(()=>{Et(false),Rt(null);},[]),yo=jsxRuntime.jsxs("div",{style:{position:"fixed",inset:0,display:"flex",backgroundColor:A.backgroundColor,color:A.textColor,overflow:"hidden"},children:[!hn&&jsxRuntime.jsx(uo,{isOpen:wt,historySearch:Tt,onSearchChange:It,chats:yn,currentChatId:V,resolvedColors:A,dir:O,t:P,onChatSelect:g=>{if(g&&g!==V&&(ze(),ke(g),y===void 0)){try{z.saveCurrentChatId(g);}catch{}try{let H=z.loadChat(g),D=H&&Array.isArray(H.messages)?H.messages:[];try{K(D);}catch{}}catch{}}},onChatDelete:g=>{try{z.deleteChat(g),Mt(H=>H+1),g===V&&Re();}catch{}},onNewChat:Re,onClose:()=>Ee(false)}),jsxRuntime.jsxs("div",{style:{display:"flex",flexDirection:"column",flex:1,minWidth:0,position:"relative"},children:[jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"12px 20px",backgroundColor:A.backgroundColor,minHeight:"60px",zIndex:10},children:[jsxRuntime.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[jsxRuntime.jsx("button",{ref:dn,onClick:bn,style:{padding:"8px",borderRadius:"8px",border:"none",backgroundColor:"transparent",color:A.mutedTextColor,cursor:"pointer",transition:"all 0.2s",display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:g=>{g.currentTarget.style.backgroundColor=A.hoverBackground,g.currentTarget.style.color=A.textColor;},onMouseLeave:g=>{g.currentTarget.style.backgroundColor="transparent",g.currentTarget.style.color=A.mutedTextColor;},"aria-label":P("header.history"),children:jsxRuntime.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2"}),jsxRuntime.jsx("line",{x1:"9",y1:"3",x2:"9",y2:"21"})]})}),jsxRuntime.jsx("h1",{style:{fontSize:"16px",fontWeight:600,margin:0,color:A.textColor},children:P("general.agent")})]}),jsxRuntime.jsx("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:jsxRuntime.jsx("button",{onClick:Re,disabled:L,style:{padding:"8px",borderRadius:"8px",border:"none",backgroundColor:"transparent",color:A.mutedTextColor,cursor:L?"not-allowed":"pointer",transition:"all 0.2s",display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:g=>{L||(g.currentTarget.style.backgroundColor=A.hoverBackground,g.currentTarget.style.color=A.textColor);},onMouseLeave:g=>{g.currentTarget.style.backgroundColor="transparent",g.currentTarget.style.color=A.mutedTextColor;},"aria-label":P("header.new"),children:jsxRuntime.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsxRuntime.jsx("path",{d:"M12 5v14M5 12h14"})})})})]}),jsxRuntime.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column",overflow:"hidden"},children:[jsxRuntime.jsx("div",{ref:fn,className:"chat-scroll-container",style:{flex:1,overflowY:"auto",overflowX:"hidden",display:"flex",flexDirection:"column",scrollBehavior:"smooth","--hsafa-primary":A.primaryColor,"--hsafa-border":A.borderColor,"--hsafa-card":A.cardBackground,"--hsafa-text":A.textColor,"--hsafa-muted":A.mutedTextColor,"--hsafa-bg":A.backgroundColor,"--hsafa-hover":A.hoverBackground,"--hsafa-input-bg":A.inputBackground,"--hsafa-accent":A.accentColor},children:jsxRuntime.jsx("div",{style:{maxWidth:"768px",width:"100%",margin:"0 auto",padding:"32px 24px",display:"flex",flexDirection:"column",gap:"24px"},children:E.length===0?jsxRuntime.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"16px",padding:"64px 0"},children:T&&T.length>0?jsxRuntime.jsx(qt,{prompts:T,onSelect:g=>fe(g),resolvedColors:A,disabled:L,dir:O,t:P}):jsxRuntime.jsx("div",{style:{padding:"64px 32px",textAlign:"center",color:A.mutedTextColor,fontSize:"16px"},children:P("messages.empty")})}):jsxRuntime.jsx(jt,{chatMessages:E,isLoading:L,openReasoningIds:pn,toggleReasoning:g=>mn(H=>{let D=new Set(H);return D.has(g)?D.delete(g):D.add(g),D}),resolvedColors:A,t:P,onUserMessageClick:vn,HsafaUI:Qt,onUIError:tn,onUISuccess:en,addToolResult:g=>nn?.addToolResult?.(g),editableMessageIcon:a?.message_icon,fullPage:true,dir:O})})}),jsxRuntime.jsx("div",{style:{backgroundColor:A.backgroundColor,padding:"0 24px 24px",position:"relative",zIndex:20},children:jsxRuntime.jsxs("div",{style:{maxWidth:"768px",width:"100%",margin:"0 auto"},children:[s&&po__default.default.createElement(s,{}),rt&&jsxRuntime.jsxs("div",{style:{padding:"12px 16px",marginBottom:"12px",backgroundColor:"#ef4444",color:"#fff",borderRadius:"8px",fontSize:"14px",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[jsxRuntime.jsx("span",{children:rt}),jsxRuntime.jsx("button",{onClick:()=>we(null),style:{background:"none",border:"none",color:"#fff",cursor:"pointer",padding:"2px",fontSize:"20px"},children:"\xD7"})]}),$&&jsxRuntime.jsxs("div",{style:{padding:"12px 16px",marginBottom:"12px",backgroundColor:"#ef4444",color:"#fff",borderRadius:"8px",fontSize:"14px",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[jsxRuntime.jsxs("span",{children:[P("error.occurred")," ",$.message||P("error.tryAgain")]}),jsxRuntime.jsx("button",{onClick:()=>window.location.reload(),style:{background:"none",border:"1px solid #fff",color:"#fff",cursor:"pointer",padding:"4px 8px",borderRadius:"4px",fontSize:"12px"},children:P("error.refresh")})]}),jsxRuntime.jsx(_t,{input:ve,setInput:fe,textareaRef:Oe,fileInputRef:We,isLoading:L,uploading:on,attachments:Ne,formatBytes:rn,handleRemoveAttachment:an,onFileInputChange:Cn,onSend:xn,onStop:()=>te(),status:G,t:P,resolvedColors:A,fullPage:true,dir:O})]})})]})]}),hn&&jsxRuntime.jsx(Xt,{historyOpen:wt,historySearch:Tt,currentChatId:V,refreshKey:St,resolvedColors:A,onClose:()=>Ee(false),onSearchChange:It,dir:O,t:P,onChatSelect:g=>{if(Ee(false),g&&g!==V&&(ze(),ke(g),y===void 0)){try{z.saveCurrentChatId(g);}catch{}try{let H=z.loadChat(g),D=H&&Array.isArray(H.messages)?H.messages:[];try{K(D);}catch{}}catch{}}},onChatDelete:g=>{try{z.deleteChat(g),Mt(H=>H+1),g===V&&Re();}catch{}},loadChatsIndex:()=>yn,historyPopupRef:un}),jsxRuntime.jsx(Yt,{isOpen:gn,resolvedColors:A,t:P,editProcessContent:a,onConfirm:kn,onCancel:wn,dir:O,lang:J}),jsxRuntime.jsx("style",{children:`
|
|
27
27
|
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
|
|
28
28
|
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
|
|
30
|
+
/* Markdown Table Styles */
|
|
31
|
+
.chat-scroll-container .x-markdown-dark table,
|
|
32
|
+
.chat-scroll-container .x-markdown-light table,
|
|
33
|
+
.chat-scroll-container table {
|
|
34
|
+
width: 100%;
|
|
35
|
+
border-collapse: separate;
|
|
36
|
+
border-spacing: 0;
|
|
37
|
+
border-radius: 8px;
|
|
38
|
+
overflow: hidden;
|
|
39
|
+
border: 1px solid var(--hsafa-border);
|
|
40
|
+
margin: 16px 0;
|
|
41
|
+
font-size: 14px;
|
|
42
|
+
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
43
|
+
}
|
|
44
|
+
.chat-scroll-container th,
|
|
45
|
+
.chat-scroll-container td {
|
|
46
|
+
padding: 12px 16px;
|
|
47
|
+
text-align: left;
|
|
48
|
+
border-bottom: 1px solid var(--hsafa-border);
|
|
49
|
+
border-right: 1px solid var(--hsafa-border);
|
|
50
|
+
line-height: 1.5;
|
|
51
|
+
}
|
|
52
|
+
.chat-scroll-container th:last-child,
|
|
53
|
+
.chat-scroll-container td:last-child {
|
|
54
|
+
border-right: none;
|
|
55
|
+
}
|
|
56
|
+
.chat-scroll-container tr:last-child td {
|
|
57
|
+
border-bottom: none;
|
|
58
|
+
}
|
|
59
|
+
.chat-scroll-container th {
|
|
60
|
+
background-color: var(--hsafa-hover);
|
|
61
|
+
color: var(--hsafa-text);
|
|
62
|
+
font-weight: 600;
|
|
63
|
+
font-size: 13px;
|
|
64
|
+
text-transform: uppercase;
|
|
65
|
+
letter-spacing: 0.02em;
|
|
66
|
+
}
|
|
67
|
+
.chat-scroll-container td {
|
|
68
|
+
background-color: transparent;
|
|
69
|
+
color: var(--hsafa-text);
|
|
70
|
+
}
|
|
71
|
+
/* Row hover effect */
|
|
72
|
+
.chat-scroll-container tr:hover td {
|
|
73
|
+
background-color: var(--hsafa-hover);
|
|
74
|
+
transition: background-color 0.15s ease;
|
|
75
|
+
}
|
|
76
|
+
/* Ensure code blocks don't overflow */
|
|
77
|
+
.chat-scroll-container pre {
|
|
78
|
+
border-radius: 8px;
|
|
79
|
+
overflow-x: auto;
|
|
80
|
+
margin: 12px 0;
|
|
81
|
+
border: 1px solid var(--hsafa-border);
|
|
82
|
+
}
|
|
83
|
+
`})]}),Tn=jsxRuntime.jsxs("div",{style:{position:"fixed",right:0,top:0,bottom:0,width:"420px",display:"flex",flexDirection:"column",padding:"24px 16px",color:A.textColor,gap:"16px",zIndex:1e3,transform:at?"translateX(0)":"translateX(100%)",transition:"transform 0.25s ease-out, width 0.2s ease-out"},children:[jsxRuntime.jsx(no,{title:P("general.agent"),alwaysOpen:false,streaming:L,dir:O,resolvedColors:A,onNew:Re,onToggleHistory:bn,onClose:ho,historyBtnRef:dn,t:P}),jsxRuntime.jsx("div",{ref:fn,className:"chat-scroll-container",style:{flex:"1",overflowY:"auto",overflowX:"hidden",padding:"16px 4px 16px 4px",display:"flex",flexDirection:"column",gap:"16px",scrollBehavior:"smooth","--hsafa-primary":A.primaryColor,"--hsafa-border":A.borderColor,"--hsafa-card":A.cardBackground,"--hsafa-text":A.textColor,"--hsafa-muted":A.mutedTextColor,"--hsafa-bg":A.backgroundColor,"--hsafa-hover":A.hoverBackground,"--hsafa-input-bg":A.inputBackground,"--hsafa-accent":A.accentColor},children:E.length===0?jsxRuntime.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"16px",padding:"16px 0"},children:T&&T.length>0?jsxRuntime.jsx(qt,{prompts:T,onSelect:g=>fe(g),resolvedColors:A,disabled:L,dir:O,t:P}):jsxRuntime.jsx("div",{style:{padding:"32px",textAlign:"center",color:A.mutedTextColor,fontSize:"14px"},children:P("messages.empty")})}):jsxRuntime.jsx(jt,{chatMessages:E,isLoading:L,openReasoningIds:pn,toggleReasoning:g=>mn(H=>{let D=new Set(H);return D.has(g)?D.delete(g):D.add(g),D}),resolvedColors:A,t:P,onUserMessageClick:vn,HsafaUI:Qt,onUIError:tn,onUISuccess:en,addToolResult:g=>nn?.addToolResult?.(g),editableMessageIcon:a?.message_icon,dir:O})}),jsxRuntime.jsxs("div",{style:{position:"sticky",bottom:"0",marginTop:"auto",paddingBottom:"8px"},children:[s&&po__default.default.createElement(s,{}),rt&&jsxRuntime.jsxs("div",{style:{padding:"8px 12px",marginBottom:"8px",backgroundColor:"#ef4444",color:"#fff",borderRadius:"8px",fontSize:"13px",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[jsxRuntime.jsx("span",{children:rt}),jsxRuntime.jsx("button",{onClick:()=>we(null),style:{background:"none",border:"none",color:"#fff",cursor:"pointer",padding:"2px"},children:"\xD7"})]}),$&&jsxRuntime.jsxs("div",{style:{padding:"8px 12px",marginBottom:"8px",backgroundColor:"#ef4444",color:"#fff",borderRadius:"8px",fontSize:"13px",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[jsxRuntime.jsxs("span",{children:[P("error.occurred")," ",$.message||P("error.tryAgain")]}),jsxRuntime.jsx("button",{onClick:()=>window.location.reload(),style:{background:"none",border:"1px solid #fff",color:"#fff",cursor:"pointer",padding:"4px 8px",borderRadius:"4px",fontSize:"12px"},children:P("error.refresh")})]}),jsxRuntime.jsx(_t,{input:ve,setInput:fe,textareaRef:Oe,fileInputRef:We,isLoading:L,uploading:on,attachments:Ne,formatBytes:rn,handleRemoveAttachment:an,onFileInputChange:Cn,onSend:xn,onStop:()=>te(),status:G,t:P,resolvedColors:A,dir:O})]}),jsxRuntime.jsx(Xt,{historyOpen:wt,historySearch:Tt,currentChatId:V,refreshKey:St,resolvedColors:A,onClose:()=>Ee(false),onSearchChange:It,dir:O,t:P,onChatSelect:g=>{if(Ee(false),g&&g!==V&&(ze(),ke(g),y===void 0)){try{z.saveCurrentChatId(g);}catch{}try{let H=z.loadChat(g),D=H&&Array.isArray(H.messages)?H.messages:[];try{K(D);}catch{}}catch{}}},onChatDelete:g=>{try{z.deleteChat(g),Mt(H=>H+1),g===V&&Re();}catch{}},loadChatsIndex:()=>z.loadChatsIndex(),historyPopupRef:un}),jsxRuntime.jsx(Yt,{isOpen:gn,resolvedColors:A,t:P,dir:O,lang:J,onConfirm:kn,onCancel:wn,editProcessContent:a}),jsxRuntime.jsx("style",{children:`
|
|
84
|
+
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
|
|
85
|
+
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
|
|
86
|
+
|
|
87
|
+
/* Markdown Table Styles */
|
|
88
|
+
.chat-scroll-container .x-markdown-dark table,
|
|
89
|
+
.chat-scroll-container .x-markdown-light table,
|
|
90
|
+
.chat-scroll-container table {
|
|
91
|
+
width: 100%;
|
|
92
|
+
border-collapse: separate;
|
|
93
|
+
border-spacing: 0;
|
|
94
|
+
border-radius: 8px;
|
|
95
|
+
overflow: hidden;
|
|
96
|
+
border: 1px solid var(--hsafa-border);
|
|
97
|
+
margin: 16px 0;
|
|
98
|
+
font-size: 14px;
|
|
99
|
+
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
100
|
+
}
|
|
101
|
+
.chat-scroll-container th,
|
|
102
|
+
.chat-scroll-container td {
|
|
103
|
+
padding: 12px 16px;
|
|
104
|
+
text-align: left;
|
|
105
|
+
border-bottom: 1px solid var(--hsafa-border);
|
|
106
|
+
border-right: 1px solid var(--hsafa-border);
|
|
107
|
+
line-height: 1.5;
|
|
108
|
+
}
|
|
109
|
+
.chat-scroll-container th:last-child,
|
|
110
|
+
.chat-scroll-container td:last-child {
|
|
111
|
+
border-right: none;
|
|
112
|
+
}
|
|
113
|
+
.chat-scroll-container tr:last-child td {
|
|
114
|
+
border-bottom: none;
|
|
115
|
+
}
|
|
116
|
+
.chat-scroll-container th {
|
|
117
|
+
background-color: var(--hsafa-hover);
|
|
118
|
+
color: var(--hsafa-text);
|
|
119
|
+
font-weight: 600;
|
|
120
|
+
font-size: 13px;
|
|
121
|
+
text-transform: uppercase;
|
|
122
|
+
letter-spacing: 0.02em;
|
|
123
|
+
}
|
|
124
|
+
.chat-scroll-container td {
|
|
125
|
+
background-color: transparent;
|
|
126
|
+
color: var(--hsafa-text);
|
|
127
|
+
}
|
|
128
|
+
/* Row hover effect */
|
|
129
|
+
.chat-scroll-container tr:hover td {
|
|
130
|
+
background-color: var(--hsafa-hover);
|
|
131
|
+
transition: background-color 0.15s ease;
|
|
132
|
+
}
|
|
133
|
+
/* Ensure code blocks don't overflow */
|
|
134
|
+
.chat-scroll-container pre {
|
|
135
|
+
border-radius: 8px;
|
|
136
|
+
overflow-x: auto;
|
|
137
|
+
margin: 12px 0;
|
|
138
|
+
border: 1px solid var(--hsafa-border);
|
|
139
|
+
}
|
|
140
|
+
`})]});return B?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Xe,{}),yo]}):typeof document<"u"&&document.body?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Xe,{}),reactDom.createPortal(Tn,document.body),jsxRuntime.jsx(Mn,{show:!at,onClick:()=>{cn(true);try{z.saveShowChatPreference(!0);}catch{}},resolvedColors:A,floatingButtonPosition:d})]}):Tn}var go={dark:{primaryColor:"#4D78FF",backgroundColor:"#0B0B0F",borderColor:"#2A2C33",textColor:"#EDEEF0",accentColor:"#17181C",mutedTextColor:"#9AA0A6",inputBackground:"#17181C",cardBackground:"#121318",hoverBackground:"#1c1e25"},light:{primaryColor:"#2563EB",backgroundColor:"#FFFFFF",borderColor:"#E5E7EB",textColor:"#111827",accentColor:"#F9FAFB",mutedTextColor:"#6B7280",inputBackground:"#F9FAFB",cardBackground:"#F3F4F6",hoverBackground:"#F3F4F6"}};function Pr({children:e,theme:t="dark",primaryColor:n,backgroundColor:r,borderColor:o,textColor:l,mutedTextColor:m,enableBorderAnimation:u=true,borderRadius:C=16,enableContentBorder:M=true,className:x="",enableMargin:I=true,chatWidth:k=420,dir:h="ltr"}){let{isAnyStreaming:i,isAnyChatOpen:b,dir:d,theme:c}=se(),f=(h??d)||"ltr",s=(t??c)||"dark",a=po.useRef(`content-container-${Date.now()}-${Math.random().toString(36).slice(2,8)}`),[T,w]=po.useState(false);po.useEffect(()=>{let j=setTimeout(()=>w(true),50);return ()=>clearTimeout(j)},[]);let v=go[s],y={primaryColor:n||v.primaryColor,backgroundColor:r||v.backgroundColor,borderColor:o||v.borderColor,textColor:l||v.textColor,accentColor:v.accentColor,mutedTextColor:m||v.mutedTextColor,inputBackground:v.inputBackground,cardBackground:v.cardBackground,hoverBackground:v.hoverBackground},S=typeof C=="number"?`${C}px`:C,p=typeof k=="number"?`${k}px`:k,B=I&&b?f==="rtl"?{marginLeft:p}:{marginRight:p}:{},W=I&&b?`calc(100% - ${p})`:"100%";return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:x,style:{width:W,height:"100%",transition:T?"all 0.2s ease-out":"none",padding:b&&M?"16px":"0",...B},children:jsxRuntime.jsx("div",{style:{position:"relative",width:"100%",height:"100%",transition:T?"all 0.2s ease-out":"none",borderRadius:b?S:"0",border:b&&i&&u?"none":b?`1px solid ${y.borderColor}`:"none",padding:b&&i&&u?"1.5px":"0",background:b&&i&&u?`linear-gradient(120deg, ${y.primaryColor}dd 0%, ${y.primaryColor}88 25%, ${y.primaryColor}00 50%, ${y.primaryColor}88 75%, ${y.primaryColor}dd 100%)`:"transparent",backgroundSize:b&&i&&u?"300% 300%":"auto",animation:b&&i&&u?`${a.current}-border-flow 3s ease-in-out infinite`:"none",filter:b&&i&&u?`drop-shadow(0 0 10px ${y.primaryColor}40)`:"none"},children:jsxRuntime.jsx("div",{className:"hsafa-content-container",style:{width:"100%",height:"100%",borderRadius:b&&M?S:"0",backgroundColor:b&&M?y.backgroundColor:"transparent",overflow:"auto",position:"relative",isolation:"isolate",contain:"layout style paint",transform:"translateZ(0)",scrollbarWidth:"thin",scrollbarColor:`${y.mutedTextColor}40 transparent`},children:e})})}),jsxRuntime.jsx("style",{children:`
|
|
141
|
+
@keyframes ${a.current}-border-flow {
|
|
31
142
|
0% { background-position: 0% 50%; }
|
|
32
143
|
50% { background-position: 100% 50%; }
|
|
33
144
|
100% { background-position: 0% 50%; }
|
|
34
145
|
}
|
|
35
|
-
`})," "]})}var
|
|
146
|
+
`})," "]})}var Jt=class{constructor(){this.components=new Map;}register(t,n){this.components.set(t,n);}unregister(t){this.components.delete(t);}get(t){return this.components.get(t)}has(t){return this.components.has(t)}clear(){this.components.clear();}getRegisteredNames(){return Array.from(this.components.keys())}},Nr=new Jt;exports.Button=_r;exports.ContentContainer=Pr;exports.CursorController=Xe;exports.FillActiveInput=Ke;exports.FloatingChatButton=Mn;exports.HsafaChat=Hr;exports.HsafaProvider=ko;exports.componentRegistry=Nr;exports.controlCursor=Ie;exports.getDomComponents=qe;exports.guideCursor=Ie;exports.useAutoScroll=An;exports.useChatStorage=Ut;exports.useFileUpload=Bn;exports.useHsafa=se;exports.useHsafaAgent=Nt;exports.useMessageEditor=rr;//# sourceMappingURL=index.cjs.map
|
|
36
147
|
//# sourceMappingURL=index.cjs.map
|