@bangdb/web-sdk 1.0.6 → 1.0.7

package/dist/index.mjs

@@ -1,4 +1,4 @@
-var A=`
+var B=`
 :root {
   --thread-content-max-width: 32rem;
 }
@@ -583,7 +583,7 @@ code.hljs {
   .hljs-strong {
     font-weight: bold
   }
-}`;var z=`
+}`;var P=`
 :root {
   --border-xheavy: var(--border);
 }
@@ -1046,10 +1046,278 @@ code.hljs {
 .prose > :last-child:not(.not-prose *) {
   margin-bottom: 0;
 }
-`;import{configureStore as ne}from"@reduxjs/toolkit";import{createSlice as ee}from"@reduxjs/toolkit";var te={activeIndex:"",activeSession:"",sessions:[],useGenAi:!1,mode:0},H=ee({name:"chat",initialState:te,reducers:{changeMode:(o,e)=>{o.mode=e.payload},setActiveIndex:(o,e)=>{o.activeIndex=e.payload},setActiveSession:(o,e)=>{o.activeSession=e.payload},setSessions:(o,e)=>{o.sessions=e.payload},setUseGenAi:(o,e)=>{o.useGenAi=e.payload}}}),{setActiveIndex:$,setActiveSession:I,setSessions:Se,setUseGenAi:Te,changeMode:v}=H.actions,R=H.reducer;import{createAsyncThunk as _,createSlice as oe}from"@reduxjs/toolkit";var u=class{constructor(e){this.rawResponse=e}detectModelVersion(){let e=this.extractOutput();return!e||e.length===0||!Array.isArray(e)?"unknown":e?.[0]?.content||e?.[1]?.content?"gpt5":e[0]?.message?"gpt4":e?.some(t=>t?.text)?"file-chat":"unknown"}extractOutput(){let e=this.rawResponse;return e?.choices||e?.a?.choices||e?.output||e?.a?.output||e?.content||e?.a?.content||[]}normalizeGPT4Choice(e){return{output:e?.message?.content||""}}normalizeFileChatResponse(e){return{output:e?.text?.value}}normalizeGPT5Output(e){return{output:e.content.map(t=>t.text).join(`
+`;import{configureStore as Se}from"@reduxjs/toolkit";import{createSlice as xe}from"@reduxjs/toolkit";var ke={activeIndex:"",activeSession:"",sessions:[],useGenAi:!1,mode:0,tools:[]},_=xe({name:"chat",initialState:ke,reducers:{changeMode:(n,e)=>{n.mode=e.payload},setActiveIndex:(n,e)=>{n.activeIndex=e.payload},setActiveSession:(n,e)=>{n.activeSession=e.payload},setSessions:(n,e)=>{n.sessions=e.payload},setUseGenAi:(n,e)=>{n.useGenAi=e.payload},addTool:(n,e)=>{n.tools.some(t=>t.id===e.payload.id)||n.tools.push(e.payload)},removeTool:(n,e)=>{n.tools=n.tools.filter(t=>t.id!==e.payload)}}}),{setActiveIndex:F,setActiveSession:U,setSessions:gt,setUseGenAi:ut,changeMode:j,addTool:K,removeTool:$}=_.actions,G=_.reducer;import{createAsyncThunk as Y,createSlice as Ce}from"@reduxjs/toolkit";var C=class{constructor(e){this.rawResponse=e}detectModelVersion(){let e=this.extractOutput();return!e||e.length===0||!Array.isArray(e)?"unknown":e?.[0]?.content||e?.[1]?.content?"gpt5":e[0]?.message?"gpt4":e?.some(t=>t?.text)?"file-chat":"unknown"}extractOutput(){let e=this.rawResponse;return e?.choices||e?.a?.choices||e?.output||e?.a?.output||e?.content||e?.a?.content||[]}normalizeGPT4Choice(e){return{output:e?.message?.content||""}}normalizeFileChatResponse(e){return{output:e?.text?.value}}normalizeGPT5Output(e){return{output:e.content.map(t=>t.text).join(`
  
-`)}}parse(){let e=this.extractOutput(),t=this.detectModelVersion(),r=[];return t==="gpt4"?r=e?.filter(({message:a})=>a?.content).map(a=>this.normalizeGPT4Choice(a)):t==="gpt5"?r=e?.filter(a=>a?.content?.length>0).map(a=>this.normalizeGPT5Output(a)):t==="file-chat"&&(r=e?.filter(({text:a})=>a)?.map(a=>this.normalizeFileChatResponse(a))),{messages:r,model:t,raw:this.rawResponse}}};var U=async({baseURL:o,payload:e,apikey:t})=>{try{return await(await fetch("https://"+o+"/ai/vector/chat",{method:"POST",body:JSON.stringify(e),headers:{"x-bang-api-key":t,"x-bang-api-src":"chat-applet"}})).json()}catch{return{error:"Failed to get the response"}}},M=async({baseURL:o,payload:e,apikey:t})=>{try{return await(await fetch("https://"+o+"/ai/vector/metadata",{method:"POST",body:JSON.stringify(e),headers:{"x-bang-api-key":t,"x-bang-api-src":"chat-applet"}})).json()}catch(r){console.error(r)}};var D=_("chatSession/streamResponse",async({sessionId:o,query:e,indexName:t,fall_back:r,config:{backendURL:a,apikey:n,userid:i}},{getState:s,dispatch:c})=>{let m=s(),{chatData:l,isLoading:d}=m.chatSessions[o];if(!e?.trim()||d)return;c(F({sessionId:o,loading:!0}));let p={query:e,a:{choices:[]}};c(S({sessionId:o,message:p})),c(T({sessionId:o,query:""}));let h=l?.filter(g=>g&&g?.op!=="ADD_FILES"&&!g?.source_file&&!g?.source)?.length,w=Array.isArray(l)?l?.map(g=>{let{messages:q}=new u(g).parse(),f=q?.map(y=>y?.output)?.filter(Boolean)?.join(`
-`);return!g?.query||!f||f.startsWith("Error: ")?null:{q:g?.query,a:f}})?.filter(g=>g!==null):[],k=await U({baseURL:a,apikey:n,payload:{name:t,qnum:h?h+1:1,fall_back:r,sessionid:o,userid:i,prev_qa:w,query:p?.query}}),Y=new u(k),{raw:Z,messages:E}=Y.parse();if(c(F({sessionId:o,loading:!1})),E?.length>0)for(let g=0;g<E.length;g++){let f=(E[g]?.output||"")?.split(" "),y="";for(let C=0;C<f.length;C++)await new Promise(X=>setTimeout(X,20)),y=y+(y?" ":"")+f[C],c(S({sessionId:o,message:{query:p?.query,output:{output:y}}})),C===f.length-1&&(c(P({sessionId:o,chatData:[{query:p?.query,a:Z}]})),c(S({sessionId:o,message:null})))}else c(S({sessionId:o,message:null})),c(P({sessionId:o,chatData:[{query:p?.query,a:{choices:[{index:0,message:{content:"Error: "+(k?.error?.[0]||"There is no context in the vector index and fall back option is null")}}]}}]}))}),O=_("chatSession/initializeState",async({indexName:o},{dispatch:e})=>{let t="GUEST_SESSION";e($(o)),e(I(t)),e(ae(t))}),re={},x={query:"",chatData:[],streamingMessage:null,isLoading:!1},B=oe({name:"chatSession",initialState:re,reducers:{initSession:(o,e)=>{let t=e.payload;o[t]||(o[t]=x)},setLoading:(o,e)=>{let{sessionId:t,loading:r}=e.payload;o[t]||(o[t]=x),o[t].isLoading=r},setQuery:(o,e)=>{let{sessionId:t,query:r}=e.payload;o[t]||(o[t]=x),o[t].query=r},appendChatData:(o,e)=>{let{sessionId:t,chatData:r}=e.payload;o[t]||(o[t]=x),o[t].chatData=[...o[t].chatData||[],...r]},setChatData:(o,e)=>{let{sessionId:t,chatData:r}=e.payload;o[t]||(o[t]=x),o[t].chatData=r},setStreamingMessage:(o,e)=>{let{sessionId:t,message:r}=e.payload;o[t]&&(o[t].streamingMessage=r)}}}),{initSession:ae,setQuery:T,setChatData:Re,appendChatData:P,setStreamingMessage:S,setLoading:F}=B.actions;var N=B.reducer;var W=ne({reducer:{chat:R,chatSessions:N}});import V from"highlight.js";import ce from"markdown-it";import pe from"@vscode/markdown-it-katex";var ie=function(o,e,t){let r=t,a=0,n=o.length;for(;r<e.length;){let i=e[r];if(a<=0&&e.slice(r,r+n)===o)return r;i==="\\"?r++:i==="{"?a++:i==="}"&&a--,r++}return-1},se=function(o){return o.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&")},le=/^\\begin{/,de=function(o,e){let t,r=[],a=new RegExp("("+e.map(n=>se(n.left)).join("|")+")");for(;t=o.search(a),t!==-1;){t>0&&(r.push({type:"text",data:o.slice(0,t)}),o=o.slice(t));let n=e.findIndex(c=>o.startsWith(c.left));if(t=ie(e[n].right,o,e[n].left.length),t===-1)break;let i=o.slice(0,t+e[n].right.length),s=le.test(i)?i:o.slice(e[n].left.length,t);r.push({type:"math",data:s,rawData:i,display:e[n].display}),o=o.slice(t+e[n].right.length)}return o!==""&&r.push({type:"text",data:o}),r},G=de;import"katex/dist/contrib/mhchem.min.js";function Q(o){return new Promise(e=>{setTimeout(e,o)})}import{debounce as he}from"lodash";var J=new ce({html:!0,breaks:!0,linkify:!0,highlight:function(o,e){let t=e??"auto";if(e&&V.getLanguage(e))try{return`<pre class="language-${e}"><div class="ai-chat-code-title">${e}<a class="ai-chat-code-copy cursor-pointer">Copy</a></div><code class="hljs">`+V.highlight(o,{language:t,ignoreIllegals:!0}).value+"</code></pre>"}catch{}return'<pre><code class="hljs">'+o+"</code></pre>"}}).enable(["table","code","fence","blockquote","heading","lheading","paragraph"]).enable(["autolink","linkify","backticks","image","link","newline"]).enable(["emphasis","html_inline"]).use(pe);typeof window<"u"&&window.document.addEventListener("click",o=>{if(o.target?.classList?.contains("ai-chat-code-copy")){let e=o.target.parentNode?.nextSibling?.innerText;navigator.clipboard.writeText(e).then(async()=>{o.target.innerHTML='<span style="margin-right:3px">Copied</span>\u2705',await Q(3e3),o.target.innerText="Copy"}).catch(t=>{alert(`Error copying code: ${t.message}`)})}});var ge={fn:o=>{o()}},tt=he((o=()=>{})=>{ge.fn(o)},10);var me=o=>o.replace(/(```mermaid)(?![^]*?```)/g,"```"),be=o=>G(o,[{left:"\\[",right:"\\]",display:!0},{left:"\\(",right:"\\)",display:!1}]).reduce((t,r)=>{if(r.type==="text")return t+r.data;let a=r.display?`$$${r.data}$$`:`$${r.data}$`;return t+a},""),ue=o=>{let e="",t="",r=!1,a="think-wrapper",n=i=>{let s=i.replace(/<script([^>]*)>/gi,"&lt;script$1&gt;");return s=s.replace(/<\/script>/gi,"&lt;/script&gt;"),s=s.replace(/<script([^>]*)\s*\/>/gi,"&lt;script$1 /&gt;"),s};for(let i=0;i<o.length;i++){let s=o[i],c=o.slice(i,i+7),m=o.slice(i,i+8);if(!r&&c==="<think>"){r=!0,e+=`<div class="${a}">`,i+=6;continue}if(r&&m==="</think>"){r=!1,e+="</div>",i+=7;continue}r?t+=s:e+=s}if(t){let i=n(t),s=J.render(i);e=e.replace(`<div class="${a}">`,`<div class="${a}">${s}`)}return e},fe=o=>o.replace(/\[source_id:\s*([^\]|]+)(?:\s*\|\s*category:\s*([^\]]+))?\]\.?/g,(e,t,r)=>r?`<source-tag data-source-id="${t.trim()}" data-category="${r.trim()}"></source-tag>`:`<source-tag data-source-id="${t.trim()}"></source-tag>`),L=o=>{let e=ue(o),t=be(e),r=me(t),a=fe(r);return J.render(a)};var j=class{constructor(e){this.font={body:'"Inter", sans-serif',mono:'"JetBrains Mono", monospace'};this.TOKENS={background:"oklch(0.2223 0.0060 271.1393)",foreground:"oklch(0.9551 0 0)",card:"oklch(0.2568 0.0076 274.6528)",cardForeground:"oklch(0.9551 0 0)",primary:"oklch(0.611 0.1217 157.75)",primaryForeground:"oklch(0.9491 0 0)",secondary:"oklch(0.2940 0.0130 272.9312)",secondaryForeground:"oklch(0.9551 0 0)",muted:"oklch(0.2940 0.0130 272.9312)",mutedForeground:"oklch(0.7058 0 0)",accent:"oklch(0.2795 0.0368 260.0310)",accentForeground:"oklch(0.7857 0.1153 246.6596)",border:"oklch(0.3289 0.0092 268.3843)",input:"oklch(0.3289 0.0092 268.3843)",ring:"oklch(0.611 0.1217 157.75)",radius:"0.5rem",shadowPanel:"0 32px 80px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.06)",shadowBubble:"0 8px 32px color-mix(in oklab, oklch(0.611 0.1217 157.75) 40%, transparent)",shadowInput:"0 0 0 2px color-mix(in oklab, oklch(0.611 0.1217 157.75) 50%, transparent)"};this.store=W;this.apiConfig=null;this.bubbleEl=null;this.chatUIEl=null;this.chatAreaEl=null;this.renderedMessageIds=new Set;this.chatTitle="Chat with AI";this.logoUrl="";e.colorTokens&&(this.TOKENS={...this.TOKENS,...e.colorTokens}),e.title&&(this.chatTitle=e.title),e.logo&&(this.logoUrl=e.logo),this.apiConfig=e.config,this.container=document.createElement("div"),this.container.id="ai-chat-widget-root",document.body.appendChild(this.container),this.root=this.container.attachShadow({mode:"open"}),this.injectGlobalFonts(),this.injectThemeVars(),this.init().then(()=>{this.mount(),this.store.subscribe(()=>{let t=this.store.getState(),r=t?.chat?.mode,{chatData:a,streamingMessage:n,isLoading:i}=t?.chatSessions?.[t?.chat?.activeSession]??{};this.handleModeChange(r),this.handleChatDataChange({streamingMessage:n,chatData:a,isLoading:i})})})}injectThemeVars(){let e=this.TOKENS,t=document.createElement("style");t.textContent=`
+`)}}parse(){let e=this.extractOutput(),t=this.detectModelVersion(),o=[];return t==="gpt4"?o=e?.filter(({message:r})=>r?.content).map(r=>this.normalizeGPT4Choice(r)):t==="gpt5"?o=e?.filter(r=>r?.content?.length>0).map(r=>this.normalizeGPT5Output(r)):t==="file-chat"&&(o=e?.filter(({text:r})=>r)?.map(r=>this.normalizeFileChatResponse(r))),{messages:o,model:t,raw:this.rawResponse}}};var V=async({baseURL:n,payload:e,apikey:t})=>{try{return await(await fetch("https://"+n+"/ai/vector/chat",{method:"POST",body:JSON.stringify(e),headers:{"x-bang-api-key":t,"x-bang-api-src":"chat-applet"}})).json()}catch{return{error:"Failed to get the response"}}},R=async({baseURL:n,payload:e,apikey:t})=>{try{return await(await fetch("https://"+n+"/ai/vector/metadata",{method:"POST",body:JSON.stringify(e),headers:{"x-bang-api-key":t,"x-bang-api-src":"chat-applet"}})).json()}catch(o){console.error(o)}};var Te={},A={query:"",chatData:[],streamingMessage:null,isLoading:!1},Q=Ce({name:"chatSession",initialState:Te,reducers:{initSession:(n,e)=>{let t=e.payload;n[t]||(n[t]=A)},setLoading:(n,e)=>{let{sessionId:t,loading:o}=e.payload;n[t]||(n[t]=A),n[t].isLoading=o},setQuery:(n,e)=>{let{sessionId:t,query:o}=e.payload;n[t]||(n[t]=A),n[t].query=o},appendChatData:(n,e)=>{let{sessionId:t,chatData:o}=e.payload;n[t]||(n[t]=A),n[t].chatData=[...n[t].chatData||[],...o]},setChatData:(n,e)=>{let{sessionId:t,chatData:o}=e.payload;n[t]||(n[t]=A),n[t].chatData=o},setStreamingMessage:(n,e)=>{let{sessionId:t,message:o}=e.payload;n[t]&&(n[t].streamingMessage=o)}}}),{initSession:Ee,setQuery:H,setChatData:Lt,appendChatData:W,setStreamingMessage:D,setLoading:J}=Q.actions,X=Y("chatSession/streamResponse",async({sessionId:n,query:e,indexName:t,config:{backendURL:o,apikey:r,userid:a}},{getState:s,dispatch:i})=>{let c=s(),{chatData:d,isLoading:l}=c.chatSessions[n];if(!e?.trim()||l)return;i(J({sessionId:n,loading:!0}));let p={query:e,a:{choices:[]}};i(D({sessionId:n,message:p})),i(H({sessionId:n,query:""}));let m=d?.filter(g=>g&&g?.op!=="ADD_FILES"&&!g?.source_file&&!g?.source)?.length,h=Array.isArray(d)?d?.map(g=>{let{messages:S}=new C(g).parse(),k=S?.map(L=>L?.output)?.filter(Boolean)?.join(`
+`);return!g?.query||!k||k.startsWith("Error: ")?null:{q:g?.query,a:k}})?.filter(g=>g!==null):[],{tools:b}=c.chat,u=b?.[0],f=u?.id==="feeling-lucky"?"GenAI":void 0,v=u?.id==="kpi",w=await V({baseURL:o,apikey:r,payload:{name:t,qnum:m?m+1:1,fall_back:f,type:v?"kpi":void 0,sessionid:n,userid:a,prev_qa:v?void 0:h,query:p?.query}}),E=new C(w),{raw:x,messages:T}=E.parse();if(i(J({sessionId:n,loading:!1})),T?.length>0){for(let g=0;g<T.length;g++){let k=(T[g]?.output||"")?.split(" "),L="";for(let M=0;M<k.length;M++)await new Promise(we=>setTimeout(we,20)),L=L+(L?" ":"")+k[M],i(D({sessionId:n,message:{...p,a:{choices:[{message:{content:L}}]}}}))}i(W({sessionId:n,chatData:[{...x,query:p?.query}]})),i(D({sessionId:n,message:null}))}else i(W({sessionId:n,chatData:[{query:p?.query,a:{choices:[{message:{content:x?.a?.choices?.[0]?.message?.content||x?.error||"There is no context in the vector index and fall back option is null"}}]}}]}))}),Z=Y("chatSession/initializeState",async({indexName:n},{dispatch:e})=>{let t="GUEST_SESSION";e(F(n)),e(U(t)),e(Ee(t))});var ee=Q.reducer;var te=Se({reducer:{chat:G,chatSessions:ee}});import ne from"highlight.js";import ze from"markdown-it";import qe from"@vscode/markdown-it-katex";var Le=function(n,e,t){let o=t,r=0,a=n.length;for(;o<e.length;){let s=e[o];if(r<=0&&e.slice(o,o+a)===n)return o;s==="\\"?o++:s==="{"?r++:s==="}"&&r--,o++}return-1},je=function(n){return n.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&")},Me=/^\\begin{/,Ae=function(n,e){let t,o=[],r=new RegExp("("+e.map(a=>je(a.left)).join("|")+")");for(;t=n.search(r),t!==-1;){t>0&&(o.push({type:"text",data:n.slice(0,t)}),n=n.slice(t));let a=e.findIndex(c=>n.startsWith(c.left));if(t=Le(e[a].right,n,e[a].left.length),t===-1)break;let s=n.slice(0,t+e[a].right.length),i=Me.test(s)?s:n.slice(e[a].left.length,t);o.push({type:"math",data:i,rawData:s,display:e[a].display}),n=n.slice(t+e[a].right.length)}return n!==""&&o.push({type:"text",data:n}),o},oe=Ae;import"katex/dist/contrib/mhchem.min.js";function re(n){return new Promise(e=>{setTimeout(e,n)})}import{debounce as He}from"lodash";var ae=new ze({html:!0,breaks:!0,linkify:!0,highlight:function(n,e){let t=e??"auto";if(e&&ne.getLanguage(e))try{return`<pre class="language-${e}"><div class="ai-chat-code-title">${e}<a class="ai-chat-code-copy cursor-pointer">Copy</a></div><code class="hljs">`+ne.highlight(n,{language:t,ignoreIllegals:!0}).value+"</code></pre>"}catch{}return'<pre><code class="hljs">'+n+"</code></pre>"}}).enable(["table","code","fence","blockquote","heading","lheading","paragraph"]).enable(["autolink","linkify","backticks","image","link","newline"]).enable(["emphasis","html_inline"]).use(qe);typeof window<"u"&&window.document.addEventListener("click",n=>{if(n.target?.classList?.contains("ai-chat-code-copy")){let e=n.target.parentNode?.nextSibling?.innerText;navigator.clipboard.writeText(e).then(async()=>{n.target.innerHTML='<span style="margin-right:3px">Copied</span>\u2705',await re(3e3),n.target.innerText="Copy"}).catch(t=>{alert(`Error copying code: ${t.message}`)})}});var Ie={fn:n=>{n()}},Gt=He((n=()=>{})=>{Ie.fn(n)},10);var Oe=n=>n.replace(/(```mermaid)(?![^]*?```)/g,"```"),$e=n=>oe(n,[{left:"\\[",right:"\\]",display:!0},{left:"\\(",right:"\\)",display:!1}]).reduce((t,o)=>{if(o.type==="text")return t+o.data;let r=o.display?`$$${o.data}$$`:`$${o.data}$`;return t+r},""),Re=n=>{let e="",t="",o=!1,r="think-wrapper",a=s=>{let i=s.replace(/<script([^>]*)>/gi,"&lt;script$1&gt;");return i=i.replace(/<\/script>/gi,"&lt;/script&gt;"),i=i.replace(/<script([^>]*)\s*\/>/gi,"&lt;script$1 /&gt;"),i};for(let s=0;s<n.length;s++){let i=n[s],c=n.slice(s,s+7),d=n.slice(s,s+8);if(!o&&c==="<think>"){o=!0,e+=`<div class="${r}">`,s+=6;continue}if(o&&d==="</think>"){o=!1,e+="</div>",s+=7;continue}o?t+=i:e+=i}if(t){let s=a(t),i=ae.render(s);e=e.replace(`<div class="${r}">`,`<div class="${r}">${i}`)}return e},De=n=>n.replace(/\[source_id:\s*([^\]|]+)(?:\s*\|\s*category:\s*([^\]]+))?\]\.?/g,(e,t,o)=>o?`<source-tag data-source-id="${t.trim()}" data-category="${o.trim()}"></source-tag>`:`<source-tag data-source-id="${t.trim()}"></source-tag>`),z=n=>{let e=Re(n),t=$e(e),o=Oe(t),r=De(o);return ae.render(r)};import*as le from"echarts";import"echarts/theme/dark-bold.js";import{createGrid as Pe,ModuleRegistry as _e,AllCommunityModule as Fe,themeQuartz as Ue,colorSchemeVariable as Ke}from"ag-grid-community";function ie(n,e="",t={}){if(typeof n!="object"||n===null||Array.isArray(n))return t;for(let[o,r]of Object.entries(n)){let a=e?`${e}.${o}`:o;typeof r=="object"&&r!==null&&!Array.isArray(r)?ie(r,a,t):t[a]=r}return t}var Ne=["#5470c6","#c5e542","#9d9ec1","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],Be={color:Ne,backgroundColor:"transparent",tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},legend:{show:!0,type:"scroll",bottom:0,top:null},toolbox:{show:!0,feature:{saveAsImage:{}}}},I=class{constructor(e){this.data=e}parse(){let e=[];if(!this.data)return{charts:[],errors:["Invalid input: null or undefined"]};if(typeof this.data!="object")return{charts:[],errors:[`Invalid input type: expected object, got ${typeof this.data}`]};let t=this.extractArrays(this.data,[]),o=Object.entries(this.data).filter(([,a])=>typeof a=="number"&&!Number.isNaN(a)).map(([a,s])=>({title:a,type:"card",options:{title:a,value:s}}));if(t.length===0&&o.length===0)return{charts:[],errors:["No valid categorical data found"]};let r=[...o];for(let{title:a,items:s}of t){if(s.length===0){e.push(`"${a}": Array is empty \u2014 skipped`);continue}let i=s.map(d=>ie(d)).filter(d=>typeof d=="object"&&d!==null&&!Array.isArray(d)),c=this.detectChartStructure(i);if(c){let d=this.convertToChartData(i,c);if(d.length===0){e.push(`"${a}": No valid rows after conversion \u2014 skipped`);continue}let l=this.isSimpleCategoricalPie(d)?"pie":"bar";r.push({title:a,type:l,options:{...Be,...this.toChartSeries(d,l)}})}else r.push({title:a,type:"table",options:{columns:Array.from(new Set(i.flatMap(d=>Object.keys(d)))),rows:i}})}return e.length>0?{charts:r,errors:e}:{charts:r}}extractArrays(e,t){if(Array.isArray(e)){let o=e.flatMap((a,s)=>Array.isArray(a)?[]:[a]),r=e.flatMap((a,s)=>Array.isArray(a)?this.extractArrays(a,[...t,`[${s}]`]):[]);return[...o.length?[{title:t.length?t.join("."):"Root Data",items:o}]:[],...r]}return e&&typeof e=="object"?Object.entries(e).flatMap(([o,r])=>this.extractArrays(r,[...t,o])):[]}detectChartStructure(e){if(e.length===0)return null;let t=new Set;for(let s of e)for(let i of Object.keys(s))t.add(i);let o=Array.from(t),r=o.filter(s=>typeof e[0]?.[s]=="string"),a=o.filter(s=>typeof e[0]?.[s]=="number");return a.length===0||r.length>1?null:{labelKey:r[0]??"__auto__",valueKeys:a}}isSimpleCategoricalPie(e){return e.length?e.every(t=>t.values.length===1):!1}convertToChartData(e,t){return e.map((o,r)=>{let a=t.labelKey==="__auto__"?null:o[t.labelKey];return{labelValue:a!=null?String(a):`Item ${r+1}`,labelKey:t.labelKey,values:t.valueKeys.map(i=>({[i]:Number(o[i])||0}))}})}toChartSeries(e,t){if(t==="bar"){let r={};return e.forEach((a,s)=>{a.values.forEach(i=>{let[c,d]=Object.entries(i)[0];r[c]||(r[c]=new Array(e.length).fill(0)),r[c][s]=d})}),{xAxis:{type:"category",data:e.map(a=>a.labelValue).filter(Boolean)},yAxis:{type:"value"},series:Object.entries(r).map(([a,s])=>({name:a,type:"bar",stack:"total",data:s}))}}let o=Object.keys(e[0]?.values?.[0]??{})[0]??"value";return{tooltip:{trigger:"item"},series:[{name:"Data",type:"pie",radius:["40%","70%"],label:{show:!1},labelLine:{show:!1},avoidLabelOverlap:!1,data:e.map(r=>({name:r.labelValue,value:r.values[0]?.[o]??0}))}]}}};var se=!1;function Ge(){se||(_e.registerModules([Fe]),se=!0)}var Ve=Ue.withPart(Ke).withParams({fontFamily:"var(--font-body)",headerFontFamily:"var(--font-body)",borderColor:"var(--border)",backgroundColor:"var(--background)",foregroundColor:"var(--foreground)",headerTextColor:"var(--foreground)",headerBackgroundColor:"var(--card)",rowVerticalPaddingScale:1.4,headerColumnResizeHandleColor:"var(--secondary)",wrapperBorderRadius:2});function We(n){if(typeof n!="string")return!1;try{return JSON.parse(n),!0}catch{return!1}}function Je(n,e){return n<=1||e==="table"?1:e==="card"?Math.min(n,4):2}function Ye(n,e){return e===1||n==="table"?"1 / -1":"span 1"}function Qe(n){let e=document.createElement("div");e.style.cssText=`
+    background: var(--card);
+    border-radius: var(--radius-md);
+    padding: 1rem 1.25rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    height: 6rem;
+    justify-content: center;
+  `;let t=document.createElement("span");t.style.cssText="font-size: 0.875rem; font-weight: 500; color: var(--foreground); text-transform: capitalize;",t.textContent=String(n.title??"").replace(/_/g," ").replace(/\./g," ");let o=document.createElement("span");o.style.cssText="font-size: 1.25rem; font-weight: 700; color: var(--foreground); line-height: 1.2;";let r=n.value;return typeof r=="number"&&Number.isFinite(r)&&!Number.isInteger(r)?o.textContent=String(Number.parseFloat(r.toFixed(4))):o.textContent=String(r??"\u2014"),e.appendChild(t),e.appendChild(o),e}function Xe(n){Ge();let e=document.createElement("div");e.style.cssText="width: 100%; height: 400px;";let t={theme:Ve,rowData:n.rows,columnDefs:(n.columns??[]).map(r=>({headerName:r,field:r})),pagination:!0,paginationPageSize:50,animateRows:!0},o=()=>{e.__bdbGridInitialized||(e.__bdbGridInitialized=!0,Pe(e,t))};return requestAnimationFrame(()=>{if(e.isConnected)o();else{let r=new MutationObserver(()=>{e.isConnected&&(r.disconnect(),o())});r.observe(document.body,{childList:!0,subtree:!0})}}),e}function Ze(n,e){let t=document.createElement("div");t.style.cssText=`
+    width: 100%;
+    height: 360px;
+  `;let o=null,r=()=>{if(o)return;o=le.init(t,"dark-bold",{renderer:"canvas"}),o.setOption(n,!0),new ResizeObserver(()=>o?.resize()).observe(t)};return requestAnimationFrame(()=>{if(document.contains(t)||t.isConnected)r();else{let a=new MutationObserver(()=>{t.isConnected&&(a.disconnect(),r())});a.observe(document.body,{childList:!0,subtree:!0})}}),t}function de(n){let e=document.createElement("div");e.style.cssText="margin-top: 1rem; display: flex; flex-direction: column; gap: 1.25rem;";let t=n;if(We(n))try{t=JSON.parse(n)}catch{return e}let o=t?.tool_results??[];if(!o.length)return e;let r=o.length;for(let a=0;a<o.length;a++){let s=o[a],i=s?.data;if(!i)continue;let{charts:c}=new I(i).parse();if(!c.length)continue;let d=document.createElement("div");if(d.style.cssText="width: 100%;",s?.tool){let h=document.createElement("h4");h.style.cssText=`
+        font-size: 13px;
+        font-weight: 600;
+        color: var(--foreground);
+        margin: 0 0 0.25rem 0;
+        font-family: var(--font-body);
+        text-transform: capitalize;
+      `,h.textContent=String(s.tool).replace(/_/g," "),d.appendChild(h)}if(s?.description){let h=document.createElement("p");h.style.cssText=`
+        font-size: 12px;
+        color: var(--muted-foreground);
+        margin: 0 0 0.75rem 0;
+        font-family: var(--font-body);
+        line-height: 1.5;
+      `,h.textContent=s.description,d.appendChild(h)}let l=document.createElement("hr");l.style.cssText="border: none; border-top: 1px solid var(--border); margin-bottom: 0.75rem;",d.appendChild(l);let p=Je(r,c[0]?.type),m=document.createElement("div");m.style.cssText=`
+      display: grid;
+      grid-template-columns: repeat(${p}, minmax(0, 1fr));
+      gap: 0.5rem;
+      width: 100%;
+      padding: 1rem 0;
+    `;for(let h=0;h<c.length;h++){let b=c[h],u=document.createElement("div");u.style.gridColumn=Ye(b.type,r);let f;switch(b.type){case"card":f=Qe(b.options);break;case"table":f=Xe(b.options);break;case"bar":case"pie":f=Ze(b.options,b.type);break;default:f=document.createElement("div")}u.appendChild(f),m.appendChild(u)}d.appendChild(m),e.appendChild(d)}return e}function pe(n,e="",t={}){for(let o in n){let r=n[o],a=e?`${e}.${o}`:o;typeof r=="object"&&r!==null&&!Array.isArray(r)?pe(r,a,t):(typeof r=="number"||typeof r=="string")&&(t[a]=r)}return t}var ce=`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <rect width="14" height="14" x="8" y="8" rx="2" ry="2"/>
+  <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/>
+</svg>`,et=`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="12" cy="12" r="10"/>
+  <path d="M12 16v-4M12 8h.01"/>
+</svg>`,tt=`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/><circle cx="5" cy="12" r="1"/>
+</svg>`,ot=`<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M20 6 9 17l-5-5"/>
+</svg>`,rt=`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 30px;
+  height: 30px;
+  border-radius: var(--radius-md);
+  border: 1px solid var(--border);
+  background: var(--card);
+  color: var(--muted-foreground);
+  cursor: pointer;
+  transition: background 0.15s, color 0.15s, border-color 0.15s;
+  flex-shrink: 0;
+`;function N(n,e){let t=document.createElement("button");return t.setAttribute("aria-label",e),t.style.cssText=rt,t.innerHTML=n,t.addEventListener("mouseenter",()=>{t.style.background="color-mix(in oklab, var(--foreground) 7%, transparent)",t.style.color="var(--foreground)",t.style.borderColor="var(--ring)"}),t.addEventListener("mouseleave",()=>{t.style.background="var(--card)",t.style.color="var(--muted-foreground)",t.style.borderColor="var(--border)"}),t}function nt(n,e){let t=document.querySelector(".bdb-usage-dropdown");if(t){t.remove();return}let o=document.createElement("div");o.className="bdb-usage-dropdown",o.style.cssText=`
+    position: absolute;
+    bottom: calc(100% + 6px);
+    right: 0;
+    min-width: 220px;
+    background: var(--card);
+    border: 1px solid var(--border);
+    border-radius: var(--radius-md);
+    box-shadow: 0 8px 24px rgba(0,0,0,0.35);
+    z-index: 100;
+    overflow: hidden;
+    animation: bdb-fade-in 0.12s ease;
+  `;let r=document.createElement("div");r.style.cssText=`
+    font-size: 11px;
+    font-weight: 600;
+    color: var(--muted-foreground);
+    padding: 0.5rem 0.75rem 0.375rem;
+    letter-spacing: 0.05em;
+    text-transform: uppercase;
+    border-bottom: 1px solid var(--border);
+  `,r.textContent="Usage Stats",o.appendChild(r);let a=document.createElement("div");a.style.cssText="padding: 0.25rem 0;";for(let[c,d]of Object.entries(e)){let l=document.createElement("div");l.style.cssText=`
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 0.5rem;
+      padding: 0.3rem 0.75rem;
+      font-size: 12px;
+      color: var(--foreground);
+    `,l.addEventListener("mouseenter",()=>{l.style.background="color-mix(in oklab, var(--foreground) 5%, transparent)"}),l.addEventListener("mouseleave",()=>{l.style.background="transparent"});let p=document.createElement("span");p.style.cssText="color: var(--muted-foreground); text-transform: capitalize;",p.textContent=c.split(".").pop()?.replace(/_/g," ")??c;let m=document.createElement("span");m.style.cssText="font-weight: 500; font-variant-numeric: tabular-nums;",m.textContent=String(d),l.appendChild(p),l.appendChild(m),a.appendChild(l)}o.appendChild(a);let s=n.parentElement;s.style.position="relative",s.appendChild(o);let i=c=>{!o.contains(c.target)&&c.target!==n&&(o.remove(),document.removeEventListener("click",i,!0))};setTimeout(()=>document.addEventListener("click",i,!0),0)}function he(n){let{textToCopy:e,usageData:t,onInfo:o}=n,r=document.createElement("div");r.style.cssText=`
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.5rem;
+    padding: 0.375rem 0;
+    min-height: 38px;
+  `;let a=document.createElement("div");a.style.cssText="display: flex; align-items: center; gap: 6px;";let s=N(ce,"Copy to clipboard");if(s.addEventListener("click",async()=>{try{await navigator.clipboard.writeText(e),s.innerHTML=ot,s.style.color="var(--primary)",s.style.borderColor="var(--primary)",setTimeout(()=>{s.innerHTML=ce,s.style.color="",s.style.borderColor=""},2e3)}catch{}}),a.appendChild(s),o){let i=N(et,"View response context");i.addEventListener("click",()=>o()),a.appendChild(i)}if(r.appendChild(a),t&&typeof t=="object"){let i=pe(t);if(Object.keys(i).length>0){let c=document.createElement("div");c.style.cssText="display: flex; align-items: center; position: relative;";let d=N(tt,"Show usage stats");d.addEventListener("click",l=>{l.stopPropagation(),nt(d,i)}),c.appendChild(d),r.appendChild(c)}}return r}var me=!1;function at(n){if(me)return;me=!0;let e=document.createElement("style");e.textContent=`
+    @keyframes bdb-drawer-in {
+      from { transform: translateX(100%); opacity: 0; }
+      to   { transform: translateX(0);   opacity: 1; }
+    }
+    @keyframes bdb-drawer-out {
+      from { transform: translateX(0);   opacity: 1; }
+      to   { transform: translateX(100%); opacity: 0; }
+    }
+    @keyframes bdb-fade-in {
+      from { opacity: 0; transform: translateY(4px); }
+      to   { opacity: 1; transform: translateY(0); }
+    }
+
+    .bdb-drawer-overlay {
+      position: fixed;
+      inset: 0;
+      background: rgba(0,0,0,0.45);
+      z-index: 1000000;
+      backdrop-filter: blur(2px);
+      animation: bdb-fade-in 0.18s ease;
+    }
+
+    .bdb-drawer-panel {
+      position: fixed;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      width: min(520px, 100vw);
+      background: var(--background);
+      border-left: 1px solid var(--border);
+      z-index: 1000001;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      animation: bdb-drawer-in 0.22s cubic-bezier(0.32, 0.72, 0, 1) both;
+      font-family: var(--font-body);
+    }
+
+    .bdb-drawer-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 0 1.25rem;
+      height: 3.25rem;
+      flex-shrink: 0;
+      border-bottom: 1px solid var(--border);
+      background: var(--card);
+    }
+
+    .bdb-drawer-title {
+      font-size: 14px;
+      font-weight: 600;
+      color: var(--foreground);
+      margin: 0;
+    }
+
+    .bdb-drawer-close {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 28px;
+      height: 28px;
+      border-radius: var(--radius-md);
+      border: none;
+      background: transparent;
+      color: var(--muted-foreground);
+      cursor: pointer;
+      transition: background 0.15s, color 0.15s;
+    }
+
+    .bdb-drawer-close:hover {
+      background: color-mix(in oklab, var(--foreground) 8%, transparent);
+      color: var(--foreground);
+    }
+
+    .bdb-drawer-tabs {
+      display: flex;
+      border-bottom: 1px solid var(--border);
+      flex-shrink: 0;
+      background: var(--card);
+    }
+
+    .bdb-drawer-tab {
+      flex: 1;
+      padding: 0.65rem 0.75rem;
+      font-size: 12px;
+      font-weight: 500;
+      text-align: center;
+      cursor: pointer;
+      border: none;
+      background: transparent;
+      color: var(--muted-foreground);
+      border-bottom: 2px solid transparent;
+      transition: color 0.15s, border-color 0.15s;
+      font-family: var(--font-body);
+    }
+
+    .bdb-drawer-tab:hover {
+      color: var(--foreground);
+    }
+
+    .bdb-drawer-tab.active {
+      color: var(--foreground);
+      border-bottom-color: var(--primary);
+    }
+
+    .bdb-drawer-body {
+      flex: 1;
+      overflow-y: auto;
+      scrollbar-width: thin;
+      scrollbar-color: color-mix(in oklab, var(--foreground) 12%, transparent) transparent;
+    }
+
+    .bdb-drawer-tab-content {
+      display: none;
+      padding: 1.25rem;
+      height: 100%;
+      box-sizing: border-box;
+    }
+
+    .bdb-drawer-tab-content.active {
+      display: block;
+    }
+
+    .bdb-json-pre {
+      background: var(--card);
+      border: 1px solid var(--border);
+      border-radius: var(--radius-md);
+      padding: 1rem;
+      font-family: var(--font-mono, "JetBrains Mono", monospace);
+      font-size: 11.5px;
+      line-height: 1.65;
+      color: var(--foreground);
+      white-space: pre-wrap;
+      word-break: break-all;
+      overflow-x: auto;
+      margin: 0;
+    }
+
+    /* Simple JSON syntax coloring */
+    .bdb-json-pre .json-key   { color: #88aece; }
+    .bdb-json-pre .json-str   { color: #b5bd68; }
+    .bdb-json-pre .json-num   { color: #f08d49; }
+    .bdb-json-pre .json-bool  { color: #c59bc1; }
+    .bdb-json-pre .json-null  { color: #de7176; }
+  `,n.appendChild?n.appendChild(e):document.head.appendChild(e)}function it(n){return JSON.stringify(n,null,2).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+-]?\d+)?)/g,t=>{let o="json-num";return/^"/.test(t)?o=/:$/.test(t)?"json-key":"json-str":/true|false/.test(t)?o="json-bool":/null/.test(t)&&(o="json-null"),`<span class="${o}">${t}</span>`})}function st(n,e,t){n.forEach(o=>o.classList.toggle("active",o.dataset.tab===t)),e.forEach(o=>o.classList.toggle("active",o.dataset.content===t))}function be(n){let{item:e,indexName:t,shadowRoot:o,onClose:r}=n;at(o);let a=document.createElement("div");a.style.cssText="position: fixed; inset: 0; z-index: 1000000;";let s=document.createElement("div");s.className="bdb-drawer-overlay",s.addEventListener("click",x),a.appendChild(s);let i=document.createElement("div");i.className="bdb-drawer-panel",a.appendChild(i);let c=document.createElement("div");c.className="bdb-drawer-header";let d=document.createElement("h3");d.className="bdb-drawer-title",d.textContent="Response Details";let l=document.createElement("button");l.className="bdb-drawer-close",l.setAttribute("aria-label","Close drawer"),l.innerHTML=`<svg width="14" height="14" viewBox="0 0 14 14" fill="none">
+    <path d="M1 1l12 12M13 1L1 13" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/>
+  </svg>`,l.addEventListener("click",x),c.appendChild(d),c.appendChild(l),i.appendChild(c);let p=document.createElement("div");p.className="bdb-drawer-tabs",[{id:"response",label:"Response"},{id:"json",label:"Response JSON"}].forEach(({id:g,label:S})=>{let k=document.createElement("button");k.className="bdb-drawer-tab"+(g==="response"?" active":""),k.dataset.tab=g,k.textContent=S,k.addEventListener("click",()=>{let L=i.querySelectorAll(".bdb-drawer-tab"),M=i.querySelectorAll(".bdb-drawer-tab-content");st(L,M,g)}),p.appendChild(k)}),i.appendChild(p);let h=document.createElement("div");h.className="bdb-drawer-body",i.appendChild(h);let b=document.createElement("div");if(b.className="bdb-drawer-tab-content active",b.dataset.content="response",e?.query){let g=document.createElement("div");g.style.cssText=`
+      display: flex;
+      justify-content: flex-end;
+      margin-bottom: 1rem;
+    `;let S=document.createElement("div");S.style.cssText=`
+      max-width: 80%;
+      background: var(--secondary);
+      color: var(--secondary-foreground);
+      border-radius: 18px 18px 4px 18px;
+      padding: 0.6rem 1rem;
+      font-size: 13px;
+      line-height: 1.55;
+      word-break: break-word;
+    `,S.textContent=e.query,g.appendChild(S),b.appendChild(g)}let u=new C(e),{messages:f}=u.parse(),v=f.map(g=>g.output??"").join(`
+
+`);if(v){let g=document.createElement("div");g.className="bdb-ai-bubble ai-md prose",g.style.cssText="font-size: 13px; line-height: 1.65; color: var(--foreground);",g.innerHTML=z(v),b.appendChild(g)}h.appendChild(b);let w=document.createElement("div");w.className="bdb-drawer-tab-content",w.dataset.content="json";let E=document.createElement("pre");E.className="bdb-json-pre",E.innerHTML=it(e),w.appendChild(E),h.appendChild(w);function x(){i.style.animation="bdb-drawer-out 0.18s ease-in both",s.style.opacity="0",s.style.transition="opacity 0.18s",setTimeout(()=>{a.remove(),r()},180)}let T=g=>{g.key==="Escape"&&(x(),document.removeEventListener("keydown",T))};return document.addEventListener("keydown",T),a}import{jsPDF as lt}from"jspdf";function ge(n,e){let t=URL.createObjectURL(n),o=document.createElement("a");o.href=t,o.download=e,document.body.appendChild(o),o.click(),setTimeout(()=>{document.body.removeChild(o),URL.revokeObjectURL(t)},100)}function ue(n){let{messages:e}=new C(n).parse();return e.map(t=>t.output).filter(Boolean).join(`
+
+`)}function fe(n,e){let t=`# ${e}
+
+`;t+=`*Exported on ${new Date().toLocaleString()}*
+
+`,t+=`---
+
+`;for(let r of n){r.query&&(t+=`**User:**
+${r.query}
+
+`);let a=ue(r);a&&(t+=`**AI:**
+${a}
+
+`)}let o=new Blob([t],{type:"text/markdown"});ge(o,`chat-${new Date().toISOString().split("T")[0]}.md`)}function ye(n,e){try{let t=new lt,o=t.internal.pageSize.height,r=t.internal.pageSize.width,a=14,s=r-a*2,i=20,c=(l=10)=>{i>o-a-l&&(t.addPage(),i=a+10)};t.setFontSize(18),t.setFont("helvetica","bold"),t.setTextColor(0,0,0),t.text(e,a,i),i+=8,t.setFontSize(10),t.setFont("helvetica","normal"),t.setTextColor(100,100,100),t.text(`Exported on ${new Date().toLocaleString()}`,a,i),i+=8,t.setDrawColor(180,180,180),t.setLineWidth(.4),t.line(a,i,a+s,i),i+=8;for(let l of n){if(l.query){c(20),t.setFontSize(11),t.setFont("helvetica","bold"),t.setTextColor(60,130,100),t.text("You:",a,i),i+=6,t.setFont("helvetica","normal"),t.setTextColor(30,30,30);let m=t.splitTextToSize(l.query,s-4);for(let h of m)c(),t.text(h,a+4,i),i+=5.5;i+=4}let p=ue(l);if(p){c(20),t.setFontSize(11),t.setFont("helvetica","bold"),t.setTextColor(80,80,200),t.text("AI:",a,i),i+=6,t.setFont("helvetica","normal"),t.setTextColor(30,30,30);let m=p.replace(/\*\*(.*?)\*\*/g,"$1").replace(/\*(.*?)\*/g,"$1").replace(/`([^`]+)`/g,"$1").replace(/#{1,6}\s/g,"").replace(/\[([^\]]+)\]\([^)]+\)/g,"$1").replace(/\n{3,}/g,`
+
+`),h=t.splitTextToSize(m,s-4);for(let b of h)c(),t.text(b,a+4,i),i+=5.5;i+=8,c(5),t.setDrawColor(220,220,220),t.setLineWidth(.2),t.line(a,i-4,a+s,i-4),i+=2}}let d=t.output("blob");ge(d,`chat-${new Date().toISOString().split("T")[0]}.pdf`)}catch(t){console.error("[BangDB] PDF export failed:",t)}}var q=class q{constructor(e){this.font={body:'"Inter", sans-serif',mono:'"JetBrains Mono", monospace'};this.tools=[];this.TOKENS={background:"oklch(0.2223 0.0060 271.1393)",foreground:"oklch(0.9551 0 0)",card:"oklch(0.2568 0.0076 274.6528)",cardForeground:"oklch(0.9551 0 0)",primary:"oklch(0.611 0.1217 157.75)",primaryForeground:"oklch(0.9491 0 0)",secondary:"oklch(0.2940 0.0130 272.9312)",secondaryForeground:"oklch(0.9551 0 0)",muted:"oklch(0.2940 0.0130 272.9312)",mutedForeground:"oklch(0.7058 0 0)",accent:"oklch(0.2795 0.0368 260.0310)",accentForeground:"oklch(0.7857 0.1153 246.6596)",border:"oklch(0.3289 0.0092 268.3843)",input:"oklch(0.3289 0.0092 268.3843)",ring:"oklch(0.611 0.1217 157.75)",radius:"0.5rem",shadowPanel:"0 32px 80px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.06)",shadowBubble:"0 8px 32px color-mix(in oklab, oklch(0.611 0.1217 157.75) 40%, transparent)",shadowInput:"0 0 0 2px color-mix(in oklab, oklch(0.611 0.1217 157.75) 50%, transparent)"};this.store=te;this.apiConfig=null;this.bubbleEl=null;this.chatUIEl=null;this.chatAreaEl=null;this.renderedMessageIds=new Set;this.chatTitle="Chat with AI";this.logoUrl="";e.colorTokens&&(this.TOKENS={...this.TOKENS,...e.colorTokens}),e.title&&(this.chatTitle=e.title),e.logo&&(this.logoUrl=e.logo);let t=e.tools||q.DEFAULT_TOOLS,o=new Set(q.DEFAULT_TOOLS.map(r=>r.id));this.tools=t.filter(r=>o.has(r.id)).map(r=>({id:r.id,name:r.name})),this.apiConfig=e.config,this.container=document.createElement("div"),this.container.id="ai-chat-widget-root",document.body.appendChild(this.container),this.root=this.container.attachShadow({mode:"open"}),this.injectGlobalFonts(),this.injectThemeVars(),this.root,this.init().then(()=>{this.mount(),this.store.subscribe(()=>{let r=this.store.getState(),a=r?.chat?.mode,{chatData:s,streamingMessage:i,isLoading:c}=r?.chatSessions?.[r?.chat?.activeSession]??{};this.handleModeChange(a),this.handleChatDataChange({streamingMessage:i,chatData:s,isLoading:c})})})}injectThemeVars(){let e=this.TOKENS,t=document.createElement("style");t.textContent=`
       :host {
         --background:          ${e.background};
         --foreground:          ${e.foreground};
@@ -1078,13 +1346,16 @@ code.hljs {
         --font-body:           ${this.font.body};
         --font-mono:           ${this.font.mono};
       }
-    `,this.root.appendChild(t)}injectGlobalFonts(){let e="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800",t=document.createElement("link");t.rel="preconnect",t.href="https://fonts.googleapis.com";let r=document.createElement("link");r.rel="preconnect",r.href="https://fonts.gstatic.com",r.crossOrigin="";let a=document.createElement("link");a.type="text/css",a.rel="stylesheet",a.href=e,this.root.appendChild(t),this.root.appendChild(r),this.root.appendChild(a),document.head.appendChild(t),document.head.appendChild(r),document.head.appendChild(a)}mount(){let e=this.createChatBubble();this.root.appendChild(e),this.bubbleEl=e}async init(){await this.store.dispatch(O({indexName:this.apiConfig?.indexName}))}handleChatDataChange({chatData:e,streamingMessage:t,isLoading:r}){if(!this.chatAreaEl)return;e||(e=[]);let a=this.chatAreaEl.querySelector(".chat-data-container"),n=this.chatAreaEl.querySelector("#bangdb-chat-area"),i=this.chatAreaEl.querySelector("#bdb-empty-state"),s=()=>{requestAnimationFrame(()=>{n.scrollTo({top:n.scrollHeight,behavior:"smooth"})})},c=e.length>0||!!t?.query;i.style.display=c?"none":"flex";for(let d=0;d<e.length;d++){let p=e[d],h=`msg-${d}`;if(p?.query&&!this.renderedMessageIds.has(h)){this.renderedMessageIds.add(h),a.insertBefore(this.userRequestMessage(p.query),a.querySelector("#chat-window-anchor"));let w=new u(p),{messages:k}=w.parse();k?.length>0&&a.insertBefore(this.aiResponseMessage(p),a.querySelector("#chat-window-anchor")),s()}}let m="bdb-streaming-msg",l=this.root.querySelector(`#${m}`);if(t?.query){l||(l=document.createElement("div"),l.id=m,a.insertBefore(l,a.querySelector("#chat-window-anchor")),l.appendChild(this.userRequestMessage(t.query)),l.style.minHeight=`${n.clientHeight*.8}px`);let d=l.querySelector(".bdb-streaming-ai-area"),p=t.output?.output??"";if(r&&!p&&!d)d=document.createElement("div"),d.className="bdb-streaming-ai-area",d.appendChild(this.loadingIndicator()),l.appendChild(d);else if(p){d||(d=document.createElement("div"),d.className="bdb-streaming-ai-area",l.appendChild(d));let h=d.querySelector(".ai-md");h?h.innerHTML=L(p):(d.innerHTML="",d.appendChild(this.aiResponseMessage(t)))}i.style.display="none",s()}else l&&(l.style.minHeight="",l.remove())}handleModeChange(e){let t=this.bubbleEl?.querySelector(".chat-bubble");if(t)switch(e){case 0:if(t.classList.remove("is-open"),t.setAttribute("aria-label","Open chat"),this.chatUIEl){let n=this.chatUIEl.querySelector(".bdb-chat-panel");n&&(n.style.animation="bdb-panel-out 0.18s ease-in both",n&&(n.style.animation="bdb-panel-out 0.18s ease-in both"),setTimeout(()=>{this.chatUIEl&&(this.chatUIEl.style.display="none")},180))}break;case 1:if(t.setAttribute("aria-label","Close chat"),!this.chatUIEl)this.chatUIEl=this.createChatUI(),this.bubbleEl?.appendChild(this.chatUIEl);else{this.chatUIEl.style.display="";let n=this.chatUIEl.querySelector(".bdb-chat-panel");n&&(n.style.animation="bdb-panel-in 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) both")}t.classList.add("is-open"),this.chatUIEl?.querySelector(".bdb-chat-panel")?.classList.remove("is-fullscreen");break;case 2:if(t.setAttribute("aria-label","Close chat"),!this.chatUIEl)this.chatUIEl=this.createChatUI(),this.bubbleEl?.appendChild(this.chatUIEl);else{this.chatUIEl.style.display="";let n=this.chatUIEl.querySelector(".bdb-chat-panel");n&&(n.style.animation="bdb-panel-in 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) both")}t.classList.add("is-open"),this.chatUIEl?.querySelector(".bdb-chat-panel")?.classList.add("is-fullscreen");break}}createChatBubble(){let e=document.createElement("div");return e.classList.add("bdb-bubble-container"),e.innerHTML=`
+    `,this.root.appendChild(t)}injectGlobalFonts(){let e="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800",t=document.createElement("link");t.rel="preconnect",t.href="https://fonts.googleapis.com";let o=document.createElement("link");o.rel="preconnect",o.href="https://fonts.gstatic.com",o.crossOrigin="";let r=document.createElement("link");r.type="text/css",r.rel="stylesheet",r.href=e,this.root.appendChild(t),this.root.appendChild(o),this.root.appendChild(r),document.head.appendChild(t),document.head.appendChild(o),document.head.appendChild(r)}mount(){let e=this.createChatBubble();this.root.appendChild(e),this.bubbleEl=e}async init(){await this.store.dispatch(Z({indexName:this.apiConfig?.indexName}))}handleChatDataChange({chatData:e,streamingMessage:t,isLoading:o}){if(!this.chatAreaEl)return;e||(e=[]);let r=this.chatAreaEl.querySelector(".chat-data-container"),a=this.chatAreaEl.querySelector("#bangdb-chat-area"),s=this.chatAreaEl.querySelector("#bdb-empty-state"),i=()=>{requestAnimationFrame(()=>{a.scrollTo({top:a.scrollHeight,behavior:"smooth"})})},c=e.length>0||!!t?.query;s.style.display=c?"none":"flex";for(let b=0;b<e.length;b++){let u=e[b],f=`msg-${b}`;if(u?.query&&!this.renderedMessageIds.has(f)){this.renderedMessageIds.add(f),r.insertBefore(this.userRequestMessage(u.query),r.querySelector("#chat-window-anchor"));let v=new C(u),{messages:w}=v.parse();w?.length>0&&r.insertBefore(this.aiResponseMessage(u),r.querySelector("#chat-window-anchor")),i()}}let d="bdb-streaming-msg",l=this.root.querySelector(`#${d}`);if(t?.query){l||(l=document.createElement("div"),l.id=d,r.insertBefore(l,r.querySelector("#chat-window-anchor")),l.appendChild(this.userRequestMessage(t.query)),l.style.minHeight=`${a.clientHeight*.8}px`);let b=l.querySelector(".bdb-streaming-ai-area"),u=t.output?.output??"";if(o&&!u&&!b)b=document.createElement("div"),b.className="bdb-streaming-ai-area",b.appendChild(this.loadingIndicator()),l.appendChild(b);else if(u){b||(b=document.createElement("div"),b.className="bdb-streaming-ai-area",l.appendChild(b));let f=b.querySelector(".ai-md");f?f.innerHTML=z(u):(b.innerHTML="",b.appendChild(this.aiResponseMessage(t)))}s.style.display="none",i()}else l&&(l.style.minHeight="0",l.remove());let p=this.chatAreaEl.querySelector(".bdb-textarea"),m=this.chatAreaEl.querySelector(".bdb-send-btn"),h=this.chatAreaEl.querySelector(".bdb-tools-trigger");p&&(p.style.opacity="1"),m&&(m.disabled=!!o||!p?.value.trim()),h&&(h.disabled=!!o,h.style.opacity=o?"0.5":"1",h.style.pointerEvents=o?"none":"auto")}handleModeChange(e){let t=this.bubbleEl?.querySelector(".chat-bubble");if(t)switch(e){case 0:if(t.classList.remove("is-open"),t.setAttribute("aria-label","Open chat"),this.chatUIEl){let r=this.chatUIEl.querySelector(".bdb-chat-panel");r&&(r.style.animation="bdb-panel-out 0.18s ease-in both",r&&(r.style.animation="bdb-panel-out 0.18s ease-in both"),setTimeout(()=>{this.chatUIEl&&(this.chatUIEl.style.display="none")},180))}break;case 1:if(t.setAttribute("aria-label","Close chat"),!this.chatUIEl)this.chatUIEl=this.createChatUI(),this.bubbleEl?.appendChild(this.chatUIEl);else{this.chatUIEl.style.display="";let r=this.chatUIEl.querySelector(".bdb-chat-panel");r&&(r.style.animation="bdb-panel-in 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) both")}t.classList.add("is-open"),this.chatUIEl?.querySelector(".bdb-chat-panel")?.classList.remove("is-fullscreen"),requestAnimationFrame(()=>this.updatePanelPosition());break;case 2:if(t.setAttribute("aria-label","Close chat"),!this.chatUIEl)this.chatUIEl=this.createChatUI(),this.bubbleEl?.appendChild(this.chatUIEl);else{this.chatUIEl.style.display="";let r=this.chatUIEl.querySelector(".bdb-chat-panel");r&&(r.style.animation="bdb-panel-in 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) both")}t.classList.add("is-open");let o=this.chatUIEl?.querySelector(".bdb-chat-panel");o&&(o.classList.add("is-fullscreen"),o.style.top="",o.style.bottom="",o.style.left="",o.style.right="");break}}updatePanelPosition(){if(!this.chatUIEl||!this.bubbleEl)return;let e=this.chatUIEl.querySelector(".bdb-chat-panel");if(!e||e.classList.contains("is-fullscreen"))return;let t=parseInt(this.bubbleEl.style.left)||0,o=parseInt(this.bubbleEl.style.top)||0,r=52,a=52,s=750,i=window.innerWidth,c=window.innerHeight,d=12,l=o+a/2;if(l<c/3)e.style.top=a+d+"px",e.style.bottom="auto";else if(l>2*c/3)e.style.bottom=a+d+"px",e.style.top="auto";else{let p=l-s/2,m=Math.max(8,Math.min(p,c-s-8));e.style.top=m-o+"px",e.style.bottom="auto"}t+r/2<i/2?(e.style.left="0",e.style.right="auto"):(e.style.right="0",e.style.left="auto")}createChatBubble(){let e=document.createElement("div");e.classList.add("bdb-bubble-container"),e.innerHTML=`
     <style>
       .bdb-bubble-container {
         position: fixed;
         bottom: 1.5rem;
         right: 1.5rem;
         z-index: 999999;
+        width: 52px;
+        height: 52px;
+        overflow: visible;
       }
 
       .chat-bubble::before {
@@ -1155,7 +1426,7 @@ code.hljs {
         </svg>
       </span>
     </button>
-  `,e.querySelector(".chat-bubble").addEventListener("click",()=>{let{chat:r}=this.store.getState();r?.mode===0?this.store.dispatch(v(1)):this.store.dispatch(v(0))}),e}createChatUI(){let e=document.createElement("div");e.innerHTML=`
+  `,e.addEventListener("click",()=>{if(e._didDrag)return;let{chat:t}=this.store.getState();t?.mode===0?this.store.dispatch(j(1)):this.store.dispatch(j(0))});{let t=!1,o=0,r=0,a=0,s=0,i=window.innerWidth-24-52,c=window.innerHeight-24-52;try{let d=localStorage.getItem("bdb-bubble-position");if(d){let{left:l,top:p}=JSON.parse(d);i=l,c=p}}catch{}e.style.bottom="auto",e.style.right="auto",e.style.left=i+"px",e.style.top=c+"px",e.addEventListener("pointerdown",d=>{t=!0,e._didDrag=!1,o=d.clientX,r=d.clientY,a=i,s=c,e.style.transition="none",e.setPointerCapture(d.pointerId)}),e.addEventListener("pointermove",d=>{if(!t)return;let l=d.clientX-o,p=d.clientY-r;Math.hypot(l,p)>4&&(e._didDrag=!0),i=a+l,c=s+p,e.style.left=i+"px",e.style.top=c+"px"}),e.addEventListener("pointerup",d=>{if(!t||(t=!1,e.releasePointerCapture(d.pointerId),!e._didDrag))return;let l=52,p=52,m=24,h=window.innerWidth,b=window.innerHeight,u=i+l/2,f=c+p/2,v=[{left:m,top:m},{left:(h-l)/2,top:m},{left:h-m-l,top:m},{left:m,top:(b-p)/2},{left:h-m-l,top:(b-p)/2},{left:m,top:b-m-p},{left:(h-l)/2,top:b-m-p},{left:h-m-l,top:b-m-p}],w=v[0],E=1/0;for(let x of v){let T=Math.hypot(x.left+l/2-u,x.top+p/2-f);T<E&&(E=T,w=x)}i=w.left,c=w.top,e.style.transition="left 0.4s cubic-bezier(0.2,0.8,0.2,1), top 0.4s cubic-bezier(0.2,0.8,0.2,1)",e.style.left=i+"px",e.style.top=c+"px";try{localStorage.setItem("bdb-bubble-position",JSON.stringify({left:i,top:c}))}catch{}this.updatePanelPosition()})}return e}createChatUI(){let e=document.createElement("div");e.addEventListener("click",d=>d.stopPropagation()),e.addEventListener("pointerdown",d=>d.stopPropagation()),e.innerHTML=`
     <style>    
       .bdb-chat-widget {
         display: flex;
@@ -1249,12 +1520,51 @@ code.hljs {
         color: var(--foreground);
       }
 
+      .bdb-download-dropdown {
+        position: absolute;
+        top: 100%;
+        right: 0;
+        margin-top: 4px;
+        background: var(--card);
+        border: 1px solid var(--border);
+        border-radius: var(--radius-md);
+        box-shadow: 0 4px 12px rgba(0,0,0,0.2);
+        display: none;
+        flex-direction: column;
+        min-width: 140px;
+        z-index: 1000;
+        padding: 4px;
+      }
+
+      .bdb-download-dropdown.show {
+        display: flex;
+      }
+
+      .bdb-dropdown-item {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        padding: 8px 12px;
+        border: none;
+        background: transparent;
+        color: var(--foreground);
+        font-size: 13px;
+        cursor: pointer;
+        border-radius: var(--radius-sm);
+        text-align: left;
+        font-family: inherit;
+      }
+
+      .bdb-dropdown-item:hover {
+        background: var(--secondary);
+      }
+
       .bdb-chat-panel {
         display: flex;
         flex-direction: column;
-        position: fixed;
-        bottom: 5.5rem;
-        right: 1.5rem;
+        position: absolute;
+        bottom: 68px;
+        right: 0;
         width: 500px;
         height: 750px;
         background: var(--background);
@@ -1273,18 +1583,22 @@ code.hljs {
       }
 
       .bdb-chat-panel.is-fullscreen {
-        bottom: 0;
-        right: 0;
-        left: 0;
-        top: 0;
-        width: 100vw;
-        height: 100vh;
-        border-radius: 0;
+        position: fixed !important;
+        inset: 0 !important;
+        top: 0 !important;
+        left: 0 !important;
+        right: 0 !important;
+        bottom: 0 !important;
+        width: 100vw !important;
+        height: 100vh !important;
+        border-radius: 0 !important;
         display: flex;
         align-items: center;
         justify-content: center;
-        background: color-mix(in oklab, var(--card) 55%, transparent);
-        backdrop-filter: blur(2px);
+        background: color-mix(in oklab, var(--card) 55%, transparent) !important;
+        backdrop-filter: blur(2px) !important;
+        transform: none !important;
+        margin: 0 !important;
       }
       
       .bdb-chat-panel.is-fullscreen .bdb-chat-widget {
@@ -1308,18 +1622,29 @@ code.hljs {
             <h3 class="bdb-chat-title">${this.chatTitle}</h3>
           </div>  
 
-          <div class="bdb-header-actions">
+          <div class="bdb-header-actions" style="position: relative;">
             <button class="bdb-icon-btn js-fullscreen-btn" aria-label="Toggle fullscreen" title="Fullscreen">
               <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path d="M1.5 1h4v1.5h-2.5v2.5h-1.5v-4zm8 0h4v4h-1.5v-2.5h-2.5v-1.5zm-8 8h1.5v2.5h2.5v1.5h-4v-4zm10.5 2.5v-2.5h1.5v4h-4v-1.5h2.5z" fill="currentColor"/>
               </svg>
             </button>
 
-<!--            <button class="bdb-icon-btn js-download-btn" aria-label="Download chat" title="Download">-->
-<!--              <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">-->
-<!--                <path d="M7.5 10.5l-4-4h2.5v-5h3v5h2.5l-4 4zm-5 2h10v1.5h-10v-1.5z" fill="currentColor"/>-->
-<!--              </svg>-->
-<!--            </button>-->
+            <button class="bdb-icon-btn js-download-btn" aria-label="Download chat" title="Download">
+              <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M7.5 10.5l-4-4h2.5v-5h3v5h2.5l-4 4zm-5 2h10v1.5h-10v-1.5z" fill="currentColor"/>
+              </svg>
+            </button>
+            
+            <div class="bdb-download-dropdown" id="bdb-download-dropdown">
+              <button class="bdb-dropdown-item" id="js-download-md">
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
+                Markdown (.md)
+              </button>
+              <button class="bdb-dropdown-item" id="js-download-pdf">
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><path d="M9 15v-6h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2"></path></svg>
+                PDF (.pdf)
+              </button>
+            </div>
 
             <button class="bdb-icon-btn js-close-btn" aria-label="Close chat" title="Close">
               <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -1332,7 +1657,7 @@ code.hljs {
         <div class="bdb-chat-body" style="display: flex; flex-direction: column; flex: 1; overflow: hidden;"></div>
       </div>
     </div>
-  `;let t=e.querySelector(".bdb-chat-panel"),r=e.querySelector(".bdb-chat-body"),a=e.querySelector(".bdb-chat-title-container");if(t.querySelector(".js-fullscreen-btn")?.addEventListener("click",()=>{this.store.getState().chat.mode===2?this.store.dispatch(v(1)):this.store.dispatch(v(2))}),t.querySelector(".js-close-btn")?.addEventListener("click",()=>{let n=this.store.getState().chat.mode;n===2?this.store.dispatch(v(1)):n===1&&this.store.dispatch(v(0))}),this.logoUrl){let n=document.createElement("div"),i=document.createElement("img");i.src=this.logoUrl,i.style.cssText="width: 24px; height: 24px; margin-right: 0.5rem;",n.appendChild(i),a.prepend(n)}return r.appendChild(this.chatArea()),e}chatArea(){let e=document.createElement("div");e.style.cssText="display: flex; flex-direction: column; flex: 1; overflow: hidden; position: relative;",e.innerHTML=`
+  `;let t=e.querySelector(".bdb-chat-panel"),o=e.querySelector(".bdb-chat-body"),r=e.querySelector(".bdb-chat-title-container");if(t.querySelector(".js-fullscreen-btn")?.addEventListener("click",()=>{this.store.getState().chat.mode===2?this.store.dispatch(j(1)):this.store.dispatch(j(2))}),t.querySelector(".js-close-btn")?.addEventListener("click",()=>{let d=this.store.getState().chat.mode;d===2?this.store.dispatch(j(1)):d===1&&this.store.dispatch(j(0))}),this.logoUrl){let d=document.createElement("div"),l=document.createElement("img");l.src=this.logoUrl,l.style.cssText="width: 24px; height: 24px; margin-right: 0.5rem;",d.appendChild(l),r.prepend(d)}let a=t.querySelector(".js-download-btn"),s=t.querySelector("#bdb-download-dropdown"),i=t.querySelector("#js-download-md"),c=t.querySelector("#js-download-pdf");if(a&&s){a.addEventListener("click",l=>{l.stopPropagation(),s.classList.toggle("show")}),document.addEventListener("click",l=>{!s.contains(l.target)&&l.target!==a&&s.classList.remove("show")});let d=()=>{let l=this.store.getState(),p=l.chat.activeSession;return l.chatSessions[p]?.chatData||[]};i?.addEventListener("click",()=>{fe(d(),this.chatTitle),s.classList.remove("show")}),c?.addEventListener("click",()=>{ye(d(),this.chatTitle),s.classList.remove("show")})}return o.appendChild(this.chatArea()),e}chatArea(){let e=document.createElement("div");e.style.cssText="display: flex; flex-direction: column; flex: 1; overflow: hidden; position: relative;",e.innerHTML=`
     <style>
       .bdb-scroll {
         scrollbar-width: thin;
@@ -1387,22 +1712,44 @@ code.hljs {
         bottom: 0.5rem;
         left: 50%;
         transform: translateX(-50%);
-        background: var(--card);
-        border: 1px solid var(--border);
-        border-radius: var(--radius-full);
+        background: var(--primary);
+        color: var(--primary-foreground);
         width: 32px;
         height: 32px;
+        border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         cursor: pointer;
-        color: var(--foreground);
-        box-shadow: 0 4px 12px rgba(0,0,0,0.4);
-        transition: opacity 0.2s, transform 0.2s;
         opacity: 0;
         pointer-events: none;
+        transition: opacity 0.2s, transform 0.2s;
+        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
+        border: none;
         z-index: 10;
       }
+
+      .bdb-chat-widget table {
+        width: 100%;
+        border-collapse: collapse;
+        margin-top: 0.5rem;
+        font-size: 14px;
+      }
+      .bdb-chat-widget th {
+        text-align: left;
+        font-weight: 600;
+        padding: 8px 12px;
+        border-bottom: 1px solid var(--border);
+        color: var(--muted-foreground);
+      }
+      .bdb-chat-widget td {
+        padding: 8px 12px;
+        border-bottom: 1px solid var(--border);
+        color: var(--foreground);
+      }
+      .bdb-chat-widget tr:last-child td {
+        border-bottom: none;
+      }
       .bdb-scroll-fab.visible {
         opacity: 1;
         pointer-events: auto;
@@ -1446,7 +1793,7 @@ code.hljs {
     <div id="chat-query-container"
          style="flex-shrink: 0; background: var(--background); padding: 0.75rem 1rem 1rem;">
     </div>
-  `;let t=e.querySelector("#bangdb-chat-area"),r=e.querySelector("#chat-query-container"),a=e.querySelector("#bdb-scroll-fab");return r.appendChild(this.chatQueryForm()),t.addEventListener("scroll",()=>{let n=t.scrollHeight-t.scrollTop-t.clientHeight;a.classList.toggle("visible",n>100)}),a.addEventListener("click",()=>{t.scrollTo({top:t.scrollHeight,behavior:"smooth"})}),this.chatAreaEl=e,e}loadingIndicator(){let e=document.createElement("div");return e.innerHTML=`
+  `;let t=e.querySelector("#bangdb-chat-area"),o=e.querySelector("#chat-query-container"),r=e.querySelector("#bdb-scroll-fab");return o.appendChild(this.chatQueryForm()),t.addEventListener("scroll",()=>{let a=t.scrollHeight-t.scrollTop-t.clientHeight;r.classList.toggle("visible",a>100)}),r.addEventListener("click",()=>{t.scrollTo({top:t.scrollHeight,behavior:"smooth"})}),this.chatAreaEl=e,e}loadingIndicator(){let e=document.createElement("div");return e.innerHTML=`
     <style>
       .bdb-loading {
         display: flex;
@@ -1496,17 +1843,17 @@ code.hljs {
       }
     </style>
     <div class="bdb-user-bubble"></div>
-  `,t.querySelector(".bdb-user-bubble").textContent=e,t}aiResponseMessage(e){let t=document.createElement("div");t.style.cssText="display: flex; gap: 0.625rem; align-items: flex-start; margin-block: 0.375rem;",t.innerHTML=`
-    <style>      
-      ${z}
-      ${A}
-     
+  `,t.querySelector(".bdb-user-bubble").textContent=e,t}aiResponseMessage(e){let t=document.createElement("div");t.style.cssText="display: flex; gap: 0.625rem; align-items: flex-start; margin-block: 0.375rem;";let o=document.createElement("style");o.textContent=`
+      ${P}
+      ${B}
+
       .ai-md pre {
         padding: 1rem;
         background: var(--card);
         border-radius: var(--radius-md);
       }
-      
+
+      /* Bubble wrapper \u2014 flex column so charts + action bar stack below text */
       .bdb-ai-bubble {
         flex: 1;
         min-width: 0;
@@ -1514,29 +1861,35 @@ code.hljs {
         font-size: 14px;
         line-height: 1.65;
         color: var(--foreground);
+        display: flex;
+        flex-direction: column;
+        gap: 0;
       }
-    </style>
-    
-    <div class="bdb-ai-bubble ai-md prose"></div>
-  `;let r=t.querySelector(".ai-md");if(r){let a=new u(e),{messages:n}=a.parse(),i=n.map(s=>s?.output??"").join("");r.innerHTML=L(i),this.renderSourceTags(r,e)}return t}async renderSourceTags(e,t){let r=e.querySelectorAll("source-tag");if(!r.length)return;let a=t?.a?.metadata||t?.metadata||[];for(let n of r){let i=n.getAttribute("data-source-id"),s=n.getAttribute("data-category");if(!i||i.toLowerCase()==="na"){n.remove();continue}let c=document.createElement("span");c.style.cssText="display: block; padding: 0.75rem 0;";let m=i.split("##"),l=m[1]??i,d=m[2],p=document.createElement("span");if(p.style.cssText="display: block; font-size: 12px; color: var(--accent-foreground); padding-bottom: 0.5rem;",p.innerHTML=`
+
+      @keyframes bdb-fade-in {
+        from { opacity: 0; transform: translateY(4px); }
+        to   { opacity: 1; transform: translateY(0); }
+      }
+    `,t.appendChild(o);let r=document.createElement("div");r.className="bdb-ai-bubble",t.appendChild(r);let a=document.createElement("div");a.className="ai-md prose",r.appendChild(a);let s=new C(e),{messages:i}=s.parse(),c=i.map(u=>u?.output??"").join("");a.innerHTML=z(c),this.renderSourceTags(a,e);let d=e?._data??e?.a?._data;if(d){let u=de(String(d));u.children.length>0&&r.appendChild(u)}let l=i.map(u=>u?.output??"").join(`
+
+`),p=e?.a?.usage??null,m=this.apiConfig?.indexName??"",h=this.root,b=he({textToCopy:l,usageData:p,onInfo:()=>{let u=h.querySelector(".bdb-context-drawer-host");if(u){u.remove();return}let f=document.createElement("div");f.className="bdb-context-drawer-host";let v=be({item:e,indexName:m,shadowRoot:h,onClose:()=>f.remove()});f.appendChild(v),h.appendChild(f)}});return r.appendChild(b),t}async renderSourceTags(e,t){let o=e.querySelectorAll("source-tag");if(!o.length)return;let r=t?.a?.metadata||t?.metadata||[];for(let a of o){let s=a.getAttribute("data-source-id"),i=a.getAttribute("data-category");if(!s||s.toLowerCase()==="na"){a.remove();continue}let c=document.createElement("span");c.style.cssText="display: block; padding: 0.75rem 0;";let d=s.split("##"),l=d[1]??s,p=d[2],m=document.createElement("span");if(m.style.cssText="display: block; font-size: 12px; color: var(--accent-foreground); padding-bottom: 0.5rem;",m.innerHTML=`
       <span style="text-decoration: underline; color: var(--accent-foreground);">
         Source: ${decodeURIComponent(l)}
-        ${d?`<span style="padding: 0 0.5rem;">|</span>Page: ${d}`:""}
+        ${p?`<span style="padding: 0 0.5rem;">|</span>Page: ${p}`:""}
       </span>
-      ${s?`<span style="padding: 0 0.5rem;">|</span>Category: ${s}`:""}
-    `,c.appendChild(p),a.length>0){let h=a.find(w=>w?.source_id===i);h?.table_ids?.length&&await this.renderTables(c,h.table_ids),h?.image_ids?.length&&await this.renderImages(c,h.image_ids)}n.replaceWith(c)}}async renderTables(e,t){for(let r of t){let a=document.createElement("div");a.innerHTML=`<div style="display:grid;grid-template-columns:repeat(9,1fr);gap:2px;">
+      ${i?`<span style="padding: 0 0.5rem;">|</span>Category: ${i}`:""}
+    `,c.appendChild(m),r.length>0){let h=r.find(b=>b?.source_id===s);h?.table_ids?.length&&await this.renderTables(c,h.table_ids),h?.image_ids?.length&&await this.renderImages(c,h.image_ids)}a.replaceWith(c)}}async renderTables(e,t){for(let o of t){let r=document.createElement("div");r.innerHTML=`<div style="display:grid;grid-template-columns:repeat(9,1fr);gap:2px;">
       ${Array.from({length:36}).map(()=>'<div style="height:2rem;background:rgba(255,255,255,0.05);border-radius:2px;"></div>').join("")}
-    </div>`,e.appendChild(a);try{let n=await M({baseURL:this.apiConfig.backendURL,apikey:this.apiConfig.apikey,payload:{name:this.apiConfig.indexName,type:"table",id:r}});n?.metadata?.text_as_html&&(a.innerHTML=`<div style="overflow-x:auto;margin-bottom:1rem;">${n.metadata.text_as_html}</div>`)}catch{a.innerHTML='<div style="color:#f87171;font-size:12px;margin-bottom:0.5rem;">Failed to load table</div>'}}}async renderImages(e,t){let r=document.createElement("div");r.style.cssText="display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 0.75rem; margin-top: 0.5rem;",e.appendChild(r);let{backendURL:a,resourceURL:n,apikey:i,indexName:s}=this.apiConfig,c=`${s}_img_bucket`;for(let m of t){let l=document.createElement("div");l.style.cssText="border-radius: 8px; overflow: hidden; border: 1px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.03);",l.innerHTML='<div style="height: 8rem; background: rgba(255,255,255,0.05); display:flex; align-items:center; justify-content:center; color: #71717a; font-size:12px;">Loading\u2026</div>',r.appendChild(l);try{let d=await M({baseURL:a,apikey:i,payload:{name:s,type:"image",id:m}});if(!d?.file_name){l.remove();continue}let p=`https://${n}/brs/get/${i}/${c}/${m}_${d.file_name}`;l.innerHTML=`
-        <div style="height:8rem; background-image:url('${p}'); background-size:cover; background-position:center; cursor:pointer;"></div>
-        <div style="padding:0.375rem 0.5rem; font-size:11px; color:#a1a1aa; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">${d.file_name}</div>
-      `,l.querySelector("div")?.addEventListener("click",()=>{let h=document.createElement("div");h.style.cssText="position:fixed;inset:0;background:rgba(0,0,0,0.9);z-index:9999999;display:flex;align-items:center;justify-content:center;cursor:zoom-out;",h.innerHTML=`<img src="${p}" alt="image" style="max-width:90vw;max-height:90vh;border-radius:8px;object-fit:contain;" />`,h.addEventListener("click",()=>h.remove()),document.body.appendChild(h)})}catch{l.remove()}}}chatQueryForm(){let e=document.createElement("div");e.innerHTML=`
+    </div>`,e.appendChild(r);try{let a=await R({baseURL:this.apiConfig.backendURL,apikey:this.apiConfig.apikey,payload:{name:this.apiConfig.indexName,type:"table",id:o}});a?.metadata?.text_as_html&&(r.innerHTML=`<div style="overflow-x:auto;margin-bottom:1rem;">${a.metadata.text_as_html}</div>`)}catch{r.innerHTML='<div style="color:#f87171;font-size:12px;margin-bottom:0.5rem;">Failed to load table</div>'}}}async renderImages(e,t){let o=document.createElement("div");o.style.cssText="display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 0.75rem; margin-top: 0.5rem;",e.appendChild(o);let{backendURL:r,resourceURL:a,apikey:s,indexName:i}=this.apiConfig,c=`${i}_img_bucket`;for(let d of t){let l=document.createElement("div");l.style.cssText="border-radius: 8px; overflow: hidden; border: 1px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.03);",l.innerHTML='<div style="height: 8rem; background: rgba(255,255,255,0.05); display:flex; align-items:center; justify-content:center; color: #71717a; font-size:12px;">Loading\u2026</div>',o.appendChild(l);try{let p=await R({baseURL:r,apikey:s,payload:{name:i,type:"image",id:d}});if(!p?.file_name){l.remove();continue}let m=`https://${a}/brs/get/${s}/${c}/${d}_${p.file_name}`;l.innerHTML=`
+        <div style="height:8rem; background-image:url('${m}'); background-size:cover; background-position:center; cursor:pointer;"></div>
+        <div style="padding:0.375rem 0.5rem; font-size:11px; color:#a1a1aa; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">${p.file_name}</div>
+      `,l.querySelector("div")?.addEventListener("click",()=>{let h=document.createElement("div");h.style.cssText="position:fixed;inset:0;background:rgba(0,0,0,0.9);z-index:9999999;display:flex;align-items:center;justify-content:center;cursor:zoom-out;",h.innerHTML=`<img src="${m}" alt="image" style="max-width:90vw;max-height:90vh;border-radius:8px;object-fit:contain;" />`,h.addEventListener("click",()=>h.remove()),document.body.appendChild(h)})}catch{l.remove()}}}chatQueryForm(){let e=document.createElement("div");e.innerHTML=`
     <style>
       .bdb-form-wrap {
         border-radius: var(--radius-lg);
         border: 1px solid var(--input);
         background: var(--card);
         transition: border-color 0.18s, box-shadow 0.18s;
-        overflow: hidden;
       }
 
       .bdb-form-wrap:focus-within {
@@ -1571,11 +1924,106 @@ code.hljs {
       .bdb-form-footer {
         display: flex;
         align-items: center;
-        justify-content: flex-end;
+        justify-content: space-between;
         padding: 0.4rem 0.625rem 0.625rem;
         gap: 0.5rem;
       }
 
+      .bdb-form-tools-left {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+      }
+
+      .bdb-tools-btn {
+        display: flex;
+        align-items: center;
+        gap: 0.375rem;
+        padding: 0.375rem 0.625rem;
+        border-radius: var(--radius-md);
+        border: none;
+        background: transparent;
+        color: var(--muted-foreground);
+        font-size: 13px;
+        font-family: var(--font-body);
+        font-weight: 500;
+        cursor: pointer;
+        transition: color 0.15s, background 0.15s;
+      }
+
+      .bdb-tools-btn:hover {
+        background: color-mix(in oklab, var(--foreground) 6%, transparent);
+        color: var(--foreground);
+      }
+
+      .bdb-tools-dropdown {
+        position: absolute;
+        bottom: calc(100% + 8px);
+        left: 0;
+        min-width: 200px;
+        background: var(--card);
+        border: 1px solid var(--border);
+        border-radius: var(--radius-md);
+        box-shadow: 0 8px 24px rgba(0,0,0,0.35);
+        z-index: 100;
+        padding: 0.375rem;
+        display: none;
+        flex-direction: column;
+        animation: bdb-fade-in 0.12s ease;
+      }
+
+      .bdb-tools-dropdown.show {
+        display: flex;
+      }
+
+      .bdb-tool-item {
+        padding: 0.4rem 0.75rem;
+        font-size: 13px;
+        color: var(--foreground);
+        cursor: pointer;
+        border-radius: calc(var(--radius-md) - 2px);
+        transition: background 0.15s;
+        text-align: left;
+        border: none;
+        background: transparent;
+        font-family: var(--font-body);
+      }
+
+      .bdb-tool-item:hover {
+        background: color-mix(in oklab, var(--foreground) 6%, transparent);
+      }
+
+      .bdb-tool-badge {
+        display: inline-flex;
+        align-items: center;
+        gap: 0.25rem;
+        padding: 0.125rem 0.375rem 0.125rem 0.5rem;
+        background: color-mix(in oklab, var(--primary) 15%, transparent);
+        color: var(--primary);
+        border-radius: var(--radius-sm);
+        font-size: 12px;
+        font-weight: 500;
+      }
+
+      .bdb-tool-clear {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 16px;
+        height: 16px;
+        border-radius: 50%;
+        border: none;
+        background: transparent;
+        color: inherit;
+        cursor: pointer;
+        opacity: 0.7;
+      }
+      .bdb-tool-clear:hover {
+        opacity: 1;
+        background: color-mix(in oklab, var(--primary) 20%, transparent);
+      }
+
+
       .bdb-send-btn {
         display: flex;
         align-items: center;
@@ -1611,9 +2059,26 @@ code.hljs {
         aria-label="Chat message"
       ></textarea>
       <div class="bdb-form-footer">
+        <div class="bdb-form-tools-left">
+          <div id="bdb-active-tool-badge" class="bdb-tool-badge" style="display: none;">
+            <span id="bdb-active-tool-name"></span>
+            <button class="bdb-tool-clear" aria-label="Clear tool">
+              <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
+            </button>
+          </div>
+          <div style="position: relative;">
+            <button class="bdb-tools-btn" id="bdb-tools-trigger" aria-haspopup="true" aria-expanded="false">
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
+              Tools
+            </button>
+            <div class="bdb-tools-dropdown" id="bdb-tools-dropdown">
+              <!-- Dynamically populated -->
+            </div>
+          </div>
+        </div>
         <button class="bdb-send-btn" disabled aria-label="Send message">
         <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send" aria-hidden="true"><path d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"></path><path d="m21.854 2.147-10.94 10.939"></path></svg>
         </button>
       </div>
     </div>
-  `;let t=e.querySelector(".bdb-textarea"),r=e.querySelector(".bdb-send-btn"),a=()=>{t.style.height="auto",t.style.height=Math.min(t.scrollHeight,180)+"px"};return this.store.subscribe(()=>{let{chatSessions:n,chat:i}=this.store.getState(),s=n[i.activeSession]?.query||"";t.value!==s&&(t.value=s,a(),r.disabled=!s.trim())}),t.addEventListener("input",()=>{a();let n=t.value;r.disabled=!n.trim();let{activeSession:i}=this.store.getState().chat;this.store.dispatch(T({sessionId:i,query:n}))}),t.addEventListener("keydown",async n=>{n.key==="Enter"&&!n.shiftKey&&(n.preventDefault(),r.disabled||await this.sendQuery())}),r.addEventListener("click",()=>this.sendQuery()),e}async sendQuery(){let{chatSessions:e,chat:t}=this.store.getState(),{activeSession:r,activeIndex:a}=t,{query:n}=e[r],i={query:n,output:[]};this.store.dispatch(T({sessionId:r,query:""})),await this.store.dispatch(D({query:i?.query,sessionId:r,indexName:a,config:this.apiConfig}))}downloadChat(){}};var K=null;function ve(o){return K=new j(o),K}typeof window<"u"&&(window.BangdbChatWidget={init:ve});export{j as ChatWidget,ve as init};
+  `;let t=e.querySelector(".bdb-textarea"),o=e.querySelector(".bdb-send-btn"),r=e.querySelector("#bdb-tools-trigger"),a=e.querySelector("#bdb-tools-dropdown"),s=e.querySelector("#bdb-active-tool-badge"),i=e.querySelector("#bdb-active-tool-name"),c=e.querySelector(".bdb-tool-clear"),d=this.tools;d.length===0?r.style.display="none":(d.forEach(p=>{let m=document.createElement("button");m.className="bdb-tool-item",m.textContent=p.name,m.addEventListener("click",()=>{let h=this.store.getState().chat.tools;for(let b of h)b.id!==p.id&&this.store.dispatch($(b.id));this.store.dispatch(K({id:p.id,name:p.name})),i.textContent=p.name,s.style.display="inline-flex",a.classList.remove("show")}),a.appendChild(m)}),r.addEventListener("click",p=>{p.stopPropagation(),a.classList.toggle("show")}),document.addEventListener("click",p=>{!a.contains(p.target)&&p.target!==r&&a.classList.remove("show")})),c.addEventListener("click",()=>{let p=this.store.getState().chat.tools;for(let m of p)this.store.dispatch($(m.id));s.style.display="none"});let l=()=>{t.style.height="auto",t.style.height=Math.min(t.scrollHeight,180)+"px"};return this.store.subscribe(()=>{let{chatSessions:p,chat:m}=this.store.getState(),h=p[m.activeSession]?.query||"";t.value!==h&&(t.value=h,l(),o.disabled=!h.trim())}),t.addEventListener("input",()=>{l();let p=t.value;o.disabled=!p.trim();let{activeSession:m}=this.store.getState().chat;this.store.dispatch(H({sessionId:m,query:p}))}),t.addEventListener("keydown",async p=>{p.key==="Enter"&&!p.shiftKey&&(p.preventDefault(),o.disabled||await this.sendQuery())}),o.addEventListener("click",()=>this.sendQuery()),e}async sendQuery(){let{chatSessions:e,chat:t}=this.store.getState(),{activeSession:o,activeIndex:r}=t,{query:a,isLoading:s}=e[o];if(s||!a?.trim())return;let i={query:a,output:[]};this.store.dispatch(H({sessionId:o,query:""})),await this.store.dispatch(X({query:i?.query,sessionId:o,indexName:r,config:this.apiConfig}))}downloadChat(){}};q.DEFAULT_TOOLS=[{id:"kpi",name:"KPI (MCP)"}];var O=q;var ve=null;function dt(n){return ve=new O(n),ve}typeof window<"u"&&(window.BangdbChatWidget={init:dt});export{O as ChatWidget,dt as init};