@bangdb/web-sdk 1.0.6 → 1.0.8

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";var de=Object.create;var j=Object.defineProperty;var ce=Object.getOwnPropertyDescriptor;var pe=Object.getOwnPropertyNames;var he=Object.getPrototypeOf,ge=Object.prototype.hasOwnProperty;var me=(o,e)=>{for(var t in e)j(o,t,{get:e[t],enumerable:!0})},I=(o,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of pe(e))!ge.call(o,a)&&a!==t&&j(o,a,{get:()=>e[a],enumerable:!(r=ce(e,a))||r.enumerable});return o};var q=(o,e,t)=>(t=o!=null?de(he(o)):{},I(e||!o||!o.__esModule?j(t,"default",{value:o,enumerable:!0}):t,o)),be=o=>I(j({},"__esModule",{value:!0}),o);var Me={};me(Me,{ChatWidget:()=>C,init:()=>ne});module.exports=be(Me);var R=`
+"use strict";var Re=Object.create;var _=Object.defineProperty;var Be=Object.getOwnPropertyDescriptor;var Pe=Object.getOwnPropertyNames;var _e=Object.getPrototypeOf,Fe=Object.prototype.hasOwnProperty;var Ue=(n,e)=>{for(var t in e)_(n,t,{get:e[t],enumerable:!0})},Q=(n,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of Pe(e))!Fe.call(n,r)&&r!==t&&_(n,r,{get:()=>e[r],enumerable:!(o=Be(e,r))||o.enumerable});return n};var A=(n,e,t)=>(t=n!=null?Re(_e(n)):{},Q(e||!n||!n.__esModule?_(t,"default",{value:n,enumerable:!0}):t,n)),Ke=n=>Q(_({},"__esModule",{value:!0}),n);var St={};Ue(St,{ChatWidget:()=>P,init:()=>Ne});module.exports=Ke(St);var Z=`
 :root {
   --thread-content-max-width: 32rem;
 }
@@ -583,7 +583,7 @@ code.hljs {
   .hljs-strong {
     font-weight: bold
   }
-}`;var U=`
+}`;var ee=`
 :root {
   --border-xheavy: var(--border);
 }
@@ -1046,10 +1046,281 @@ code.hljs {
 .prose > :last-child:not(.not-prose *) {
   margin-bottom: 0;
 }
-`;var K=require("@reduxjs/toolkit");var P=require("@reduxjs/toolkit"),ue={activeIndex:"",activeSession:"",sessions:[],useGenAi:!1,mode:0},F=(0,P.createSlice)({name:"chat",initialState:ue,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:D,setSessions:$e,setUseGenAi:Ie,changeMode:v}=F.actions,O=F.reducer;var k=require("@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(`
+`;var ge=require("@reduxjs/toolkit");var te=require("@reduxjs/toolkit"),Ge={activeIndex:"",activeSession:"",sessions:[],useGenAi:!1,mode:0,tools:[]},oe=(0,te.createSlice)({name:"chat",initialState:Ge,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:re,setActiveSession:ne,setSessions:It,setUseGenAi:qt,changeMode:I,addTool:ae,removeTool:K}=oe.actions,ie=oe.reducer;var D=require("@reduxjs/toolkit");var S=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 B=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"}}},A=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 G=(0,k.createAsyncThunk)("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(W({sessionId:o,loading:!0}));let p={query:e,a:{choices:[]}};c(E({sessionId:o,message:p})),c(M({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:$}=new u(g).parse(),f=$?.map(y=>y?.output)?.filter(Boolean)?.join(`
-`);return!g?.query||!f||f.startsWith("Error: ")?null:{q:g?.query,a:f}})?.filter(g=>g!==null):[],S=await B({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}}),ie=new u(S),{raw:se,messages:L}=ie.parse();if(c(W({sessionId:o,loading:!1})),L?.length>0)for(let g=0;g<L.length;g++){let f=(L[g]?.output||"")?.split(" "),y="";for(let T=0;T<f.length;T++)await new Promise(le=>setTimeout(le,20)),y=y+(y?" ":"")+f[T],c(E({sessionId:o,message:{query:p?.query,output:{output:y}}})),T===f.length-1&&(c(N({sessionId:o,chatData:[{query:p?.query,a:se}]})),c(E({sessionId:o,message:null})))}else c(E({sessionId:o,message:null})),c(N({sessionId:o,chatData:[{query:p?.query,a:{choices:[{index:0,message:{content:"Error: "+(S?.error?.[0]||"There is no context in the vector index and fall back option is null")}}]}}]}))}),Q=(0,k.createAsyncThunk)("chatSession/initializeState",async({indexName:o},{dispatch:e})=>{let t="GUEST_SESSION";e(_(o)),e(D(t)),e(ve(t))}),fe={},x={query:"",chatData:[],streamingMessage:null,isLoading:!1},V=(0,k.createSlice)({name:"chatSession",initialState:fe,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:ve,setQuery:M,setChatData:We,appendChatData:N,setStreamingMessage:E,setLoading:W}=V.actions;var J=V.reducer;var Y=(0,K.configureStore)({reducer:{chat:O,chatSessions:J}});var z=q(require("highlight.js")),ee=q(require("markdown-it")),te=q(require("@vscode/markdown-it-katex"));var ye=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},we=function(o){return o.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&")},xe=/^\\begin{/,ke=function(o,e){let t,r=[],a=new RegExp("("+e.map(n=>we(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=ye(e[n].right,o,e[n].left.length),t===-1)break;let i=o.slice(0,t+e[n].right.length),s=xe.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},Z=ke;var rt=require("katex/dist/contrib/mhchem.min.js");function X(o){return new Promise(e=>{setTimeout(e,o)})}var oe=require("lodash"),re=new ee.default({html:!0,breaks:!0,linkify:!0,highlight:function(o,e){let t=e??"auto";if(e&&z.default.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">`+z.default.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(te.default);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 X(3e3),o.target.innerText="Copy"}).catch(t=>{alert(`Error copying code: ${t.message}`)})}});var Ce={fn:o=>{o()}},nt=(0,oe.debounce)((o=()=>{})=>{Ce.fn(o)},10);var Se=o=>o.replace(/(```mermaid)(?![^]*?```)/g,"```"),Te=o=>Z(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},""),je=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=re.render(i);e=e.replace(`<div class="${a}">`,`<div class="${a}">${s}`)}return e},Ee=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>`),H=o=>{let e=je(o),t=Te(e),r=Se(t),a=Ee(r);return re.render(a)};var C=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=Y;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 se=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"}}},G=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 Ye={},O={query:"",chatData:[],streamingMessage:null,isLoading:!1},ce=(0,D.createSlice)({name:"chatSession",initialState:Ye,reducers:{initSession:(n,e)=>{let t=e.payload;n[t]||(n[t]=O)},setLoading:(n,e)=>{let{sessionId:t,loading:o}=e.payload;n[t]||(n[t]=O),n[t].isLoading=o},setQuery:(n,e)=>{let{sessionId:t,query:o}=e.payload;n[t]||(n[t]=O),n[t].query=o},appendChatData:(n,e)=>{let{sessionId:t,chatData:o}=e.payload;n[t]||(n[t]=O),n[t].chatData=[...n[t].chatData||[],...o]},setChatData:(n,e)=>{let{sessionId:t,chatData:o}=e.payload;n[t]||(n[t]=O),n[t].chatData=o},setStreamingMessage:(n,e)=>{let{sessionId:t,message:o}=e.payload;n[t]&&(n[t].streamingMessage=o)}}}),{initSession:We,setQuery:F,setChatData:Ft,appendChatData:le,setStreamingMessage:Y,setLoading:de}=ce.actions,pe=(0,D.createAsyncThunk)("chatSession/streamResponse",async({sessionId:n,query:e,indexName:t,config:{backendURL:o,apikey:r,userid:a}},{getState:s,dispatch:i})=>{let c=s(),{chatData:p,isLoading:d}=c.chatSessions[n];if(!e?.trim()||d)return;i(de({sessionId:n,loading:!0}));let l={query:e,a:{choices:[]}};i(Y({sessionId:n,message:l})),i(F({sessionId:n,query:""}));let g=p?.filter(x=>x&&x?.op!=="ADD_FILES"&&!x?.source_file&&!x?.source)?.length,h=Array.isArray(p)?p?.map(x=>{let{messages:E}=new S(x).parse(),L=E?.map(j=>j?.output)?.filter(Boolean)?.join(`
+`);return!x?.query||!L||L.startsWith("Error: ")?null:{q:x?.query,a:L}})?.filter(x=>x!==null):[],{tools:b}=c.chat,m=b?.[0],u=m?.id==="feeling-lucky"?"GenAI":void 0,y=m?.id==="kpi",w=Date.now(),k=await se({baseURL:o,apikey:r,payload:{name:t,qnum:g?g+1:1,fall_back:u,type:y?"kpi":void 0,sessionid:n,userid:a,prev_qa:y?void 0:h,query:l?.query}}),v=new S(k),{raw:C,messages:f}=v.parse();if(i(de({sessionId:n,loading:!1})),f?.length>0){for(let x=0;x<f.length;x++){let L=(f[x]?.output||"")?.split(" "),j="";for(let z=0;z<L.length;z++)await new Promise(H=>setTimeout(H,20)),j=j+(j?" ":"")+L[z],i(Y({sessionId:n,message:{...l,a:{choices:[{message:{content:j}}]}}}))}i(le({sessionId:n,chatData:[{...C,query:l?.query,queryTime:Date.now()-w}]})),i(Y({sessionId:n,message:null}))}else i(le({sessionId:n,chatData:[{query:l?.query,queryTime:Date.now()-w,a:{choices:[{message:{content:C?.a?.choices?.[0]?.message?.content||C?.error||"There is no context in the vector index and fall back option is null"}}]}}]}))}),he=(0,D.createAsyncThunk)("chatSession/initializeState",async({indexName:n},{dispatch:e})=>{let t="GUEST_SESSION";e(re(n)),e(ne(t)),e(We(t))});var be=ce.reducer;var me=(0,ge.configureStore)({reducer:{chat:ie,chatSessions:be}});var W=A(require("highlight.js")),ye=A(require("markdown-it")),ve=A(require("@vscode/markdown-it-katex"));var Je=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},Ve=function(n){return n.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&")},Xe=/^\\begin{/,Qe=function(n,e){let t,o=[],r=new RegExp("("+e.map(a=>Ve(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=Je(e[a].right,n,e[a].left.length),t===-1)break;let s=n.slice(0,t+e[a].right.length),i=Xe.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},ue=Qe;var to=require("katex/dist/contrib/mhchem.min.js");function fe(n){return new Promise(e=>{setTimeout(e,n)})}var xe=require("lodash"),we=new ye.default({html:!0,breaks:!0,linkify:!0,highlight:function(n,e){let t=e??"auto";if(e&&W.default.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">`+W.default.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(ve.default);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 fe(3e3),n.target.innerText="Copy"}).catch(t=>{alert(`Error copying code: ${t.message}`)})}});var Ze={fn:n=>{n()}},ro=(0,xe.debounce)((n=()=>{})=>{Ze.fn(n)},10);var et=n=>n.replace(/(```mermaid)(?![^]*?```)/g,"```"),tt=n=>ue(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},""),ot=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),p=n.slice(s,s+8);if(!o&&c==="<think>"){o=!0,e+=`<div class="${r}">`,s+=6;continue}if(o&&p==="</think>"){o=!1,e+="</div>",s+=7;continue}o?t+=i:e+=i}if(t){let s=a(t),i=we.render(s);e=e.replace(`<div class="${r}">`,`<div class="${r}">${i}`)}return e},rt=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>`),$=n=>{let e=ot(n),t=tt(e),o=et(t),r=rt(o);return we.render(r)};var Te=A(require("echarts")),lo=require("echarts/theme/dark-bold.js"),M=require("ag-grid-community");function ke(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)?ke(r,a,t):t[a]=r}return t}var nt=["#5470c6","#c5e542","#9d9ec1","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4","#ea7ccc"],at={color:nt,backgroundColor:"transparent",tooltip:{trigger:"axis",axisPointer:{type:"shadow"}},legend:{show:!0,type:"scroll",bottom:0,top:null},toolbox:{show:!0,feature:{saveAsImage:{}}}},q=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(p=>ke(p)).filter(p=>typeof p=="object"&&p!==null&&!Array.isArray(p)),c=this.detectChartStructure(i);if(c){let p=this.convertToChartData(i,c);if(p.length===0){e.push(`"${a}": No valid rows after conversion \u2014 skipped`);continue}let d=this.isSimpleCategoricalPie(p)?"pie":"bar";r.push({title:a,type:d,options:{...at,...this.toChartSeries(p,d)}})}else r.push({title:a,type:"table",options:{columns:Array.from(new Set(i.flatMap(p=>Object.keys(p)))),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,p]=Object.entries(i)[0];r[c]||(r[c]=new Array(e.length).fill(0)),r[c][s]=p})}),{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 Ce=!1;function it(){Ce||(M.ModuleRegistry.registerModules([M.AllCommunityModule]),Ce=!0)}var st=M.themeQuartz.withPart(M.colorSchemeVariable).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 lt(n){if(typeof n!="string")return!1;try{return JSON.parse(n),!0}catch{return!1}}function dt(n,e){return n<=1||e==="table"?1:e==="card"?Math.min(n,4):2}function ct(n,e){return e===1||n==="table"?"1 / -1":"span 1"}function pt(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 ht(n){it();let e=document.createElement("div");e.style.cssText="width: 100%; height: 400px;";let t={theme:st,rowData:n.rows,columnDefs:(n.columns??[]).map(r=>({headerName:r,field:r})),pagination:!0,paginationPageSize:50,animateRows:!0},o=()=>{e.__bdbGridInitialized||(e.__bdbGridInitialized=!0,(0,M.createGrid)(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 bt(n,e){let t=document.createElement("div");t.style.cssText=`
+    width: 100%;
+    height: 360px;
+  `;let o=null,r=()=>{if(o)return;o=Te.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 Ee(n){let e=document.createElement("div");e.style.cssText="margin-top: 1rem; display: flex; flex-direction: column; gap: 1.25rem;";let t=n;if(lt(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 q(i).parse();if(!c.length)continue;let p=document.createElement("div");if(p.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," "),p.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,p.appendChild(h)}let d=document.createElement("hr");d.style.cssText="border: none; border-top: 1px solid var(--border); margin-bottom: 0.75rem;",p.appendChild(d);let l=dt(r,c[0]?.type),g=document.createElement("div");g.style.cssText=`
+      display: grid;
+      grid-template-columns: repeat(${l}, minmax(0, 1fr));
+      gap: 0.5rem;
+      width: 100%;
+      padding: 1rem 0;
+    `;for(let h=0;h<c.length;h++){let b=c[h],m=document.createElement("div");m.style.gridColumn=ct(b.type,r);let u;switch(b.type){case"card":u=pt(b.options);break;case"table":u=ht(b.options);break;case"bar":case"pie":u=bt(b.options,b.type);break;default:u=document.createElement("div")}m.appendChild(u),g.appendChild(m)}p.appendChild(g),e.appendChild(p)}return e}function Se(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)?Se(r,a,t):(typeof r=="number"||typeof r=="string")&&(t[a]=r)}return t}var R=`<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>`,gt=`<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>`,mt=`<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>`,ut=`<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>`,ft=`
+  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=ft,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 yt(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,p]of Object.entries(e)){let d=document.createElement("div");d.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);
+    `,d.addEventListener("mouseenter",()=>{d.style.background="color-mix(in oklab, var(--foreground) 5%, transparent)"}),d.addEventListener("mouseleave",()=>{d.style.background="transparent"});let l=document.createElement("span");l.style.cssText="color: var(--muted-foreground); text-transform: capitalize;",l.textContent=c.split(".").pop()?.replace(/_/g," ")??c;let g=document.createElement("span");g.style.cssText="font-weight: 500; font-variant-numeric: tabular-nums;",g.textContent=String(p),d.appendChild(l),d.appendChild(g),a.appendChild(d)}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 vt(n){return n<1e3?`${n}ms`:`${(n/1e3).toFixed(1)}s`}var xt=`<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 6v6l4 2"/>
+</svg>`;function Le(n){let{textToCopy:e,queryTimeMs:t,usageData:o,onInfo:r}=n,a=document.createElement("div");a.style.cssText=`
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.5rem;
+    padding: 0.375rem 0;
+    min-height: 38px;
+  `;let s=document.createElement("div");s.style.cssText="display: flex; align-items: center; gap: 6px;";let i=N(R,"Copy to clipboard");if(i.addEventListener("click",async()=>{try{await navigator.clipboard.writeText(e),i.innerHTML=ut,i.style.color="var(--primary)",i.style.borderColor="var(--primary)",setTimeout(()=>{i.innerHTML=R,i.style.color="",i.style.borderColor=""},2e3)}catch{}}),s.appendChild(i),r){let c=N(gt,"View response context");c.addEventListener("click",()=>r()),s.appendChild(c)}if(typeof t=="number"&&Number.isFinite(t)){let c=document.createElement("span");c.style.cssText="display: inline-flex; align-items: center; gap: 4px; padding-inline: 4px; font-size: 11px; color: var(--muted-foreground); user-select: none;";let p=document.createElement("span");p.innerHTML=xt,p.style.display="inline-flex";let d=document.createElement("span");d.textContent=`Thought for ${vt(t)}`,c.appendChild(p),c.appendChild(d),s.appendChild(c)}if(a.appendChild(s),o&&typeof o=="object"){let c=Se(o);if(Object.keys(c).length>0){let p=document.createElement("div");p.style.cssText="display: flex; align-items: center; position: relative;";let d=N(mt,"Show usage stats");d.addEventListener("click",l=>{l.stopPropagation(),yt(d,c)}),p.appendChild(d),a.appendChild(p)}}return a}var je=!1;function wt(n){if(je)return;je=!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 kt(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 Ct(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 Me(n){let{item:e,indexName:t,shadowRoot:o,onClose:r}=n;wt(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",v),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 p=document.createElement("h3");p.className="bdb-drawer-title",p.textContent="Response Details";let d=document.createElement("button");d.className="bdb-drawer-close",d.setAttribute("aria-label","Close drawer"),d.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>`,d.addEventListener("click",v),c.appendChild(p),c.appendChild(d),i.appendChild(c);let l=document.createElement("div");l.className="bdb-drawer-tabs",[{id:"response",label:"Response"},{id:"json",label:"Response JSON"}].forEach(({id:f,label:x})=>{let E=document.createElement("button");E.className="bdb-drawer-tab"+(f==="response"?" active":""),E.dataset.tab=f,E.textContent=x,E.addEventListener("click",()=>{let L=i.querySelectorAll(".bdb-drawer-tab"),j=i.querySelectorAll(".bdb-drawer-tab-content");Ct(L,j,f)}),l.appendChild(E)}),i.appendChild(l);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 f=document.createElement("div");f.style.cssText=`
+      display: flex;
+      justify-content: flex-end;
+      margin-bottom: 1rem;
+    `;let x=document.createElement("div");x.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;
+    `,x.textContent=e.query,f.appendChild(x),b.appendChild(f)}let m=new S(e),{messages:u}=m.parse(),y=u.map(f=>f.output??"").join(`
+
+`);if(y){let f=document.createElement("div");f.className="bdb-ai-bubble ai-md prose",f.style.cssText="font-size: 13px; line-height: 1.65; color: var(--foreground);",f.innerHTML=$(y),b.appendChild(f)}h.appendChild(b);let w=document.createElement("div");w.className="bdb-drawer-tab-content",w.dataset.content="json";let k=document.createElement("pre");k.className="bdb-json-pre",k.innerHTML=kt(e),w.appendChild(k),h.appendChild(w);function v(){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 C=f=>{f.key==="Escape"&&(v(),document.removeEventListener("keydown",C))};return document.addEventListener("keydown",C),a}var ze=require("jspdf"),Ae=A(require("jspdf-autotable")),Ie=A(require("echarts"));function J(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 qe(n){let{messages:e}=new S(n).parse();return e.map(t=>t.output).filter(Boolean).join(`
+
+`)}function He(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=qe(r);a&&(t+=`**AI:**
+${a}
+
+`)}let o=new Blob([t],{type:"text/markdown"});J(o,`chat-${new Date().toISOString().split("T")[0]}.md`)}function Oe(n){let e=new Blob([JSON.stringify(n,null,2)],{type:"application/json"});J(e,`chat-${new Date().toISOString().split("T")[0]}.json`)}function Tt(n){let e=n?._data??n?.a?._data;if(!e)return[];let t=e;if(typeof e=="string")try{t=JSON.parse(e)}catch{return[]}let o=t?.tool_results??[];if(!o.length)return[];let r=[];for(let a of o){if(!a?.data)continue;let{charts:s}=new q(a.data).parse();for(let i of s)r.push({...i,title:a.tool?String(a.tool).replace(/_/g," "):i.title})}return r}function Et(n,e=800,t=480){let o=document.createElement("div");o.style.cssText=`position: fixed; left: -10000px; top: 0; width: ${e}px; height: ${t}px;`,document.body.appendChild(o);try{let r=Ie.init(o,null,{renderer:"canvas",width:e,height:t}),a={...n,backgroundColor:"#ffffff",animation:!1,toolbox:{show:!1}};r.setOption(a,!0);let s=r.getDataURL({type:"png",pixelRatio:2,backgroundColor:"#ffffff"});return r.dispose(),s}catch(r){return console.error("[BangDB] chart render failed:",r),null}finally{document.body.removeChild(o)}}function De(n,e){try{let t=new ze.jsPDF,o=t.internal.pageSize.height,r=t.internal.pageSize.width,a=14,s=r-a*2,i=20,c=(d=10)=>{i>o-a-d&&(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 d of n){if(d.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 h=t.splitTextToSize(d.query,s-4);for(let b of h)c(),t.text(b,a+4,i),i+=5.5;i+=4}let l=qe(d);if(l){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 h=l.replace(/\*\*(.*?)\*\*/g,"$1").replace(/\*(.*?)\*/g,"$1").replace(/`([^`]+)`/g,"$1").replace(/#{1,6}\s/g,"").replace(/\[([^\]]+)\]\([^)]+\)/g,"$1").replace(/\n{3,}/g,`
+
+`),b=t.splitTextToSize(h,s-4);for(let m of b)c(),t.text(m,a+4,i),i+=5.5;i+=4}let g=Tt(d);if(g.length>0){i+=2;for(let h of g)if(c(30),h.title&&(t.setFontSize(10),t.setFont("helvetica","bold"),t.setTextColor(60,60,60),t.text(String(h.title).replace(/_/g," ").replace(/\./g," "),a+4,i),i+=5),h.type==="card"){let b=h.options;t.setFontSize(10),t.setFont("helvetica","normal"),t.setTextColor(80,80,80);let m=String(b.title??"").replace(/_/g," "),u,y=b.value;typeof y=="number"&&Number.isFinite(y)&&!Number.isInteger(y)?u=String(Number.parseFloat(y.toFixed(4))):u=String(y??"\u2014"),t.text(`${m}: `,a+4,i),t.setFont("helvetica","bold"),t.setTextColor(30,30,30);let w=t.getTextWidth(`${m}: `);t.text(u,a+4+w,i),i+=7}else if(h.type==="table"){let b=h.options,m=b.columns??[],u=(b.rows??[]).map(w=>m.map(k=>{let v=w[k];return v==null?"":typeof v=="object"?JSON.stringify(v):String(v)}));(0,Ae.default)(t,{startY:i,head:[m],body:u,margin:{left:a+4,right:a},styles:{fontSize:8,cellPadding:2},headStyles:{fillColor:[240,240,240],textColor:[40,40,40],fontStyle:"bold"},theme:"grid"}),i=(t.lastAutoTable?.finalY??i)+6}else if(h.type==="bar"||h.type==="pie"){let b=s-4,m=b*.6;c(m+10);let u=Et(h.options,800,480);if(u)try{t.addImage(u,"PNG",a+4,i,b,m),i+=m+6}catch(y){console.error("[BangDB] addImage failed:",y)}}}c(5),t.setDrawColor(220,220,220),t.setLineWidth(.2),t.line(a,i,a+s,i),i+=6}let p=t.output("blob");J(p,`chat-${new Date().toISOString().split("T")[0]}.pdf`)}catch(t){console.error("[BangDB] PDF export failed:",t)}}var B=class B{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=me;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||B.DEFAULT_TOOLS,o=new Set(B.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 +1349,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(Q({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:S}=w.parse();S?.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=H(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(he({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 m=e[b],u=`msg-${b}`;if(m?.query&&!this.renderedMessageIds.has(u)){this.renderedMessageIds.add(u),r.insertBefore(this.userRequestMessage(m.query),r.querySelector("#chat-window-anchor"));let y=new S(m),{messages:w}=y.parse();w?.length>0&&r.insertBefore(this.aiResponseMessage(m),r.querySelector("#chat-window-anchor")),i()}}let p="bdb-streaming-msg",d=this.root.querySelector(`#${p}`);if(t?.query){d||(d=document.createElement("div"),d.id=p,r.insertBefore(d,r.querySelector("#chat-window-anchor")),d.appendChild(this.userRequestMessage(t.query)),d.style.minHeight=`${a.clientHeight*.8}px`);let b=d.querySelector(".bdb-streaming-ai-area"),m=t.output?.output??"";if(o&&!m&&!b)b=document.createElement("div"),b.className="bdb-streaming-ai-area",b.appendChild(this.loadingIndicator()),d.appendChild(b);else if(m){b||(b=document.createElement("div"),b.className="bdb-streaming-ai-area",d.appendChild(b));let u=b.querySelector(".ai-md");u?u.innerHTML=$(m):(b.innerHTML="",b.appendChild(this.aiResponseMessage(t)))}s.style.display="none",i()}else d&&(d.style.minHeight="0",d.remove());let l=this.chatAreaEl.querySelector(".bdb-textarea"),g=this.chatAreaEl.querySelector(".bdb-send-btn"),h=this.chatAreaEl.querySelector(".bdb-tools-trigger");l&&(l.style.opacity="1"),g&&(g.disabled=!!o||!l?.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,p=12,d=o+a/2;if(d<c/3)e.style.top=a+p+"px",e.style.bottom="auto";else if(d>2*c/3)e.style.bottom=a+p+"px",e.style.top="auto";else{let l=d-s/2,g=Math.max(8,Math.min(l,c-s-8));e.style.top=g-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 {
@@ -1122,24 +1396,15 @@ code.hljs {
         box-shadow: 0 12px 40px color-mix(in oklab, var(--primary) 50%, transparent);
       }
 
-      .chat-bubble .icon-chat,
-      .chat-bubble .icon-close {
+      .chat-bubble .icon-chat {
         position: absolute;
         transition: transform 0.2s ease, opacity 0.15s ease;
         color: var(--primary-foreground);
       }
-      .chat-bubble .icon-close {
-        opacity: 0;
-        transform: rotate(-90deg) scale(0.6);
-      }
       .chat-bubble.is-open .icon-chat {
         opacity: 0;
         transform: rotate(90deg) scale(0.6);
       }
-      .chat-bubble.is-open .icon-close {
-        opacity: 1;
-        transform: rotate(0deg) scale(1);
-      }
     </style>
 
 
@@ -1149,14 +1414,10 @@ code.hljs {
           <path d="M28,32 C28,32 23.2863266,30.1450667 19.4727818,28.6592 L3.43749107,28.6592 C1.53921989,28.6592 0,27.0272 0,25.0144 L0,3.6448 C0,1.632 1.53921989,0 3.43749107,0 L24.5615088,0 C26.45978,0 27.9989999,1.632 27.9989999,3.6448 L27.9989999,22.0490667 L28,22.0490667 L28,32 Z M23.8614088,20.0181333 C23.5309223,19.6105242 22.9540812,19.5633836 22.5692242,19.9125333 C22.5392199,19.9392 19.5537934,22.5941333 13.9989999,22.5941333 C8.51321617,22.5941333 5.48178311,19.9584 5.4277754,19.9104 C5.04295119,19.5629428 4.46760991,19.6105095 4.13759108,20.0170667 C3.97913051,20.2124916 3.9004494,20.4673395 3.91904357,20.7249415 C3.93763774,20.9825435 4.05196575,21.2215447 4.23660523,21.3888 C4.37862552,21.5168 7.77411059,24.5386667 13.9989999,24.5386667 C20.2248893,24.5386667 23.6203743,21.5168 23.7623946,21.3888 C23.9467342,21.2215726 24.0608642,20.9827905 24.0794539,20.7254507 C24.0980436,20.4681109 24.0195551,20.2135019 23.8614088,20.0181333 Z"/>
         </svg>
       </span>
-      <span class="icon-close">
-        <svg width="18" height="18" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <path d="M1 1l12 12M13 1L1 13" stroke="white" stroke-width="2" stroke-linecap="round"/>
-        </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=`
-    <style>    
+  `,e.addEventListener("click",()=>{if(e._didDrag)return;let{chat:t}=this.store.getState();t?.mode===0&&this.store.dispatch(I(1))});{let t=!1,o=0,r=0,a=0,s=0,i=window.innerWidth-24-52,c=window.innerHeight-24-52;try{let p=localStorage.getItem("bdb-bubble-position");if(p){let{left:d,top:l}=JSON.parse(p);i=d,c=l}}catch{}e.style.bottom="auto",e.style.right="auto",e.style.left=i+"px",e.style.top=c+"px",e.addEventListener("pointerdown",p=>{t=!0,e._didDrag=!1,o=p.clientX,r=p.clientY,a=i,s=c,e.style.transition="none",e.setPointerCapture(p.pointerId)}),e.addEventListener("pointermove",p=>{if(!t)return;let d=p.clientX-o,l=p.clientY-r;Math.hypot(d,l)>4&&(e._didDrag=!0),i=a+d,c=s+l,e.style.left=i+"px",e.style.top=c+"px"}),e.addEventListener("pointerup",p=>{if(!t||(t=!1,e.releasePointerCapture(p.pointerId),!e._didDrag))return;let d=52,l=52,g=24,h=window.innerWidth,b=window.innerHeight,m=i+d/2,u=c+l/2,y=[{left:g,top:g},{left:(h-d)/2,top:g},{left:h-g-d,top:g},{left:g,top:(b-l)/2},{left:h-g-d,top:(b-l)/2},{left:g,top:b-g-l},{left:(h-d)/2,top:b-g-l},{left:h-g-d,top:b-g-l}],w=y[0],k=1/0;for(let v of y){let C=Math.hypot(v.left+d/2-m,v.top+l/2-u);C<k&&(k=C,w=v)}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",l=>l.stopPropagation()),e.addEventListener("pointerdown",l=>l.stopPropagation()),e.innerHTML=`
+    <style>
       .bdb-chat-widget {
         display: flex;
         flex-direction: column;
@@ -1173,27 +1434,55 @@ code.hljs {
         display: flex;
         align-items: center;
         justify-content: space-between;
+        position: relative;
+        z-index: 20;
         padding: 0 1.25rem;
         height: 3.25rem;
         flex-shrink: 0;
         background: var(--card);
         border-bottom: 1px solid var(--border);
+        cursor: grab;
+        user-select: none;
+        -webkit-user-select: none;
+        overflow: visible;
+        min-width: 0;
+        box-sizing: border-box;
       }
-      
-      .bdb-chat-panel.is-fullscreen .bdb-chat-header {
-        max-width: 56rem;
-        margin: 0 auto;   
-        width: 100%;
-        background: transparent;
-        border-bottom: 1px solid var(--border);
+
+      .bdb-chat-header:active {
+        cursor: grabbing;
+      }
+
+      /* Don't show grab cursor over interactive controls */
+      .bdb-chat-header button,
+      .bdb-chat-header a,
+      .bdb-chat-header input,
+      .bdb-chat-header select,
+      .bdb-chat-header textarea {
+        cursor: pointer;
       }
 
+            .bdb-chat-panel.is-fullscreen .bdb-chat-header {
+              width: 100%;
+              max-width: 100%;
+              margin: 0;
+              background: transparent;
+              border-bottom: 1px solid var(--border);
+              flex-shrink: 0;
+              box-sizing: border-box;
+              padding: 0 1.25rem;
+            }
+
       .bdb-chat-title-container {
         display: flex;
         align-items: center;
         gap: 0.25rem;
+        overflow: hidden;
+        min-width: 0;
+        flex: 1;
+        max-width: calc(100% - 150px);
       }
-      
+
       .bdb-chat-title {
         font-size: 15px;
         font-weight: 600;
@@ -1201,6 +1490,120 @@ code.hljs {
         letter-spacing: -0.01em;
         color: var(--foreground);
         margin: 0;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .bdb-info-tooltip {
+        position: relative;
+        display: inline-flex;
+        align-items: center;
+        flex-shrink: 0;
+      }
+
+      .bdb-info-trigger {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 20px;
+        height: 20px;
+        border-radius: 9999px;
+        color: var(--muted-foreground);
+        border: none;
+        background: transparent;
+        cursor: pointer;
+        padding: 0;
+        transition: background 0.15s, color 0.15s;
+      }
+
+      .bdb-info-trigger:hover {
+        background: color-mix(in oklab, var(--foreground) 7%, transparent);
+        color: var(--foreground);
+      }
+
+      .bdb-info-trigger:focus-visible {
+        outline: 2px solid color-mix(in oklab, var(--foreground) 30%, transparent);
+        outline-offset: 2px;
+      }
+
+      .bdb-info-popover {
+        position: absolute;
+        top: 100%;
+        left: 50%;
+        transform: translateX(-50%);
+        margin-top: 8px;
+        min-width: 220px;
+        max-width: 280px;
+        padding: 10px 12px;
+        border-radius: 12px;
+        background: color-mix(in oklab, var(--card) 92%, black);
+        color: var(--foreground);
+        border: 1px solid color-mix(in oklab, var(--border) 85%, transparent);
+        box-shadow: 0 10px 26px rgba(0,0,0,0.32);
+        z-index: 1001;
+
+        opacity: 0;
+        visibility: hidden;
+        pointer-events: none;
+        transition: opacity 0.14s ease, transform 0.14s ease, visibility 0.14s;
+      }
+
+      .bdb-info-popover::before {
+        content: "";
+        position: absolute;
+        top: -6px;
+        left: 50%;
+        transform: translateX(-50%) rotate(45deg);
+        width: 12px;
+        height: 12px;
+        background: inherit;
+        border-left: 1px solid color-mix(in oklab, var(--border) 85%, transparent);
+        border-top: 1px solid color-mix(in oklab, var(--border) 85%, transparent);
+      }
+
+      /* Hover bridge so you can move cursor from icon to popover without it closing */
+      .bdb-info-popover::after {
+        content: "";
+        position: absolute;
+        left: 0;
+        right: 0;
+        top: -12px;
+        height: 12px;
+        background: transparent;
+      }
+
+      .bdb-info-tooltip:hover .bdb-info-popover,
+      .bdb-info-tooltip:focus-within .bdb-info-popover {
+        opacity: 1;
+        visibility: visible;
+        pointer-events: auto;
+        transform: translateX(-50%) translateY(2px);
+      }
+
+      .bdb-info-popover-title {
+        font-size: 13px;
+        font-weight: 600;
+        margin: 0 0 6px 0;
+        letter-spacing: -0.01em;
+      }
+
+      .bdb-info-popover a {
+        color: var(--primary);
+        text-decoration: none;
+        font-size: 13px;
+        line-height: 1.2;
+        word-break: break-word;
+      }
+
+      .bdb-info-popover a:hover {
+        text-decoration: underline;
+      }
+
+      .bdb-info-popover-desc {
+        margin: 0;
+        font-size: 12px;
+        color: var(--muted-foreground);
       }
 
       .bdb-header-status {
@@ -1228,6 +1631,8 @@ code.hljs {
         display: flex;
         align-items: center;
         gap: 4px;
+        flex-shrink: 0;
+        flex-wrap: nowrap;
       }
 
       .bdb-icon-btn {
@@ -1249,12 +1654,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,26 +1717,35 @@ code.hljs {
       }
 
       .bdb-chat-panel.is-fullscreen {
-        bottom: 0;
-        right: 0;
-        left: 0;
-        top: 0;
-        width: 100vw;
-        height: 100vh;
-        border-radius: 0;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        background: color-mix(in oklab, var(--card) 55%, transparent);
-        backdrop-filter: blur(2px);
+        position: fixed !important;
+        inset: 0 !important;
+        top: 0 !important;
+        left: 0 !important;
+        right: 0 !important;
+        bottom: 0 !important;
+        width: 100% !important;
+        height: 100% !important;
+        border-radius: 0 !important;
+        display: flex !important;
+        align-items: center !important;
+        justify-content: center !important;
+        background: color-mix(in oklab, var(--card) 55%, transparent) !important;
+        backdrop-filter: blur(2px) !important;
+        transform: none !important;
+        margin: 0 !important;
+        overflow: hidden !important;
+        z-index: 999998 !important;
       }
-      
+
       .bdb-chat-panel.is-fullscreen .bdb-chat-widget {
-        width: 90vw;
-        height: 90vh;
+        width: 90%;
+        height: 90%;
         border-radius: var(--radius-lg);
         box-shadow: var(--shadow-panel);
         border: 1px solid var(--border);
+        display: flex !important;
+        flex-direction: column !important;
+        overflow: hidden !important;
       }
     </style>
 
@@ -1306,20 +1759,61 @@ code.hljs {
 
           <div class="bdb-chat-title-container">
             <h3 class="bdb-chat-title">${this.chatTitle}</h3>
-          </div>  
+            <span class="bdb-info-tooltip">
+              <button
+                type="button"
+                class="bdb-info-trigger"
+                aria-label="Integration settings"
+                aria-haspopup="dialog"
+              >
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
+                  <path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z" stroke="currentColor" stroke-width="1.8"/>
+                  <path d="M12 10.5v6" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
+                  <path d="M12 7.5h.01" stroke="currentColor" stroke-width="2.6" stroke-linecap="round"/>
+                </svg>
+              </button>
+
+              <span class="bdb-info-popover" role="tooltip">
+                <div class="bdb-info-popover-title">Chat documentation</div>
+                <p class="bdb-info-popover-desc" style="margin: 0 0 8px 0;">Learn how to integrate and configure chat.</p>
+                <a
+                  href="https://bvector.bangdb.com/settings/integration"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  Open chat docs
+                </a>
+              </span>
+            </span>
+          </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>
+              <button class="bdb-dropdown-item" id="js-download-json">
+                <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="M8 13h2m0 0v4m0-4v-2a2 2 0 0 1 4 0v2m0 0h2"></path></svg>
+                JSON (.json)
+              </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,14 +1826,14 @@ 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"),a=e.querySelector(".bdb-chat-header");if(a&&this.bubbleEl){let l=!1,g=0,h=0,b=0,m=0,u=parseInt(this.bubbleEl.style.left)||0,y=parseInt(this.bubbleEl.style.top)||0;a.addEventListener("pointerdown",k=>{k.target?.closest("button, a, input, textarea, select, [role='button']")||(l=!0,this.bubbleEl._didDrag=!1,g=k.clientX,h=k.clientY,u=parseInt(this.bubbleEl.style.left)||0,y=parseInt(this.bubbleEl.style.top)||0,b=u,m=y,this.bubbleEl.style.transition="none",a.setPointerCapture(k.pointerId))}),a.addEventListener("pointermove",k=>{if(!l)return;let v=k.clientX-g,C=k.clientY-h;Math.hypot(v,C)>4&&(this.bubbleEl._didDrag=!0),u=b+v,y=m+C,this.bubbleEl.style.left=u+"px",this.bubbleEl.style.top=y+"px",this.updatePanelPosition()});let w=k=>{if(!l)return;l=!1;try{a.releasePointerCapture(k.pointerId)}catch{}if(!this.bubbleEl._didDrag)return;let v=52,C=52,f=24,x=window.innerWidth,E=window.innerHeight,L=u+v/2,j=y+C/2,z=[{left:f,top:f},{left:(x-v)/2,top:f},{left:x-f-v,top:f},{left:f,top:(E-C)/2},{left:x-f-v,top:(E-C)/2},{left:f,top:E-f-C},{left:(x-v)/2,top:E-f-C},{left:x-f-v,top:E-f-C}],H=z[0],V=1/0;for(let U of z){let X=Math.hypot(U.left+v/2-L,U.top+C/2-j);X<V&&(V=X,H=U)}u=H.left,y=H.top,this.bubbleEl.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)",this.bubbleEl.style.left=u+"px",this.bubbleEl.style.top=y+"px";try{localStorage.setItem("bdb-bubble-position",JSON.stringify({left:u,top:y}))}catch{}this.updatePanelPosition()};a.addEventListener("pointerup",w),a.addEventListener("pointercancel",w)}if(t.querySelector(".js-fullscreen-btn")?.addEventListener("click",()=>{this.store.getState().chat.mode===2?this.store.dispatch(I(1)):this.store.dispatch(I(2))}),t.querySelector(".js-close-btn")?.addEventListener("click",()=>{let l=this.store.getState().chat.mode;l===2?this.store.dispatch(I(1)):l===1&&this.store.dispatch(I(0))}),this.logoUrl){let l=document.createElement("div"),g=document.createElement("img");g.src=this.logoUrl,g.style.cssText="width: 24px; height: 24px; margin-right: 0.5rem;",l.appendChild(g),r.prepend(l)}let s=t.querySelector(".js-download-btn"),i=t.querySelector("#bdb-download-dropdown"),c=t.querySelector("#js-download-md"),p=t.querySelector("#js-download-pdf"),d=t.querySelector("#js-download-json");if(s&&i){s.addEventListener("click",h=>{h.stopPropagation(),i.classList.toggle("show")});let l=h=>{let b=h.composedPath();!b.includes(i)&&!b.includes(s)&&i.classList.remove("show")};this.root.addEventListener("click",l,!0),document.addEventListener("click",l,!0);let g=()=>{let h=this.store.getState(),b=h.chat.activeSession;return h.chatSessions[b]?.chatData||[]};c?.addEventListener("click",()=>{He(g(),this.chatTitle),i.classList.remove("show")}),p?.addEventListener("click",()=>{De(g(),this.chatTitle),i.classList.remove("show")}),d?.addEventListener("click",()=>{Oe(g()),i.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;
         scrollbar-color: color-mix(in oklab, var(--foreground) 10%, transparent) transparent;
         scroll-behavior: smooth;
       }
-      
+
       .bdb-scroll:hover {
         scrollbar-color: color-mix(in oklab, var(--foreground) 18%, transparent) transparent;
       }
@@ -1355,7 +1849,7 @@ code.hljs {
         text-align: center;
         padding: 2rem;
       }
-      
+
       .bdb-empty-icon {
         width: 48px;
         height: 48px;
@@ -1367,7 +1861,7 @@ code.hljs {
         color: var(--primary-foreground);
         margin-bottom: 0.25rem;
       }
-      
+
       .bdb-empty-title {
         font-size: 15px;
         font-weight: 600;
@@ -1387,39 +1881,78 @@ 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;
       }
-      
+
       .bdb-chat-panel.is-fullscreen #chat-query-container {
-        max-width: 56rem; 
-        margin: 0 auto; 
-        width: 100%; 
+        width: 100%;
+        flex-shrink: 0;
+        box-sizing: border-box;
+      }
+
+      .bdb-chat-panel.is-fullscreen #chat-query-container > * {
+        max-width: 56rem;
+        margin: 0 auto;
+        width: 100%;
+        box-sizing: border-box;
+      }
+
+      /* Prevent message content from overflowing in fullscreen */
+      #bangdb-chat-area pre,
+      #bangdb-chat-area code,
+      #bangdb-chat-area table,
+      #bangdb-chat-area img {
+        max-width: 100%;
+        overflow-x: auto;
+        box-sizing: border-box;
       }
     </style>
 
-    <div style="position: relative; flex: 1; overflow: hidden;">
+    <div style="position: relative; flex: 1; overflow: hidden; width: 100%;">
       <div class="bdb-scroll" id="bangdb-chat-area"
-           style="height: 100%; overflow-y: auto; padding: 1rem 1.25rem; display: flex; flex-direction: column;">
+           style="height: 100%; overflow-x: hidden; overflow-y: auto; padding: 1rem 1.25rem; display: flex; flex-direction: column; width: 100%; box-sizing: border-box;">
 
-        <div style="max-width: 56rem; margin: 0 auto; width: 100%; display: flex; flex-direction: column; gap: 0.25rem; flex: 1;">
+        <div style="width: 100%; display: flex; flex-direction: column; gap: 0.25rem; flex: 1; box-sizing: border-box;">
           <div class="bdb-empty-state" id="bdb-empty-state">
             <div class="bdb-empty-icon">
               <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
@@ -1444,9 +1977,9 @@ code.hljs {
     </div>
 
     <div id="chat-query-container"
-         style="flex-shrink: 0; background: var(--background); padding: 0.75rem 1rem 1rem;">
+         style="flex-shrink: 0; background: var(--background); padding: 0.75rem 1rem 1rem; width: 100%; box-sizing: border-box;">
     </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;
@@ -1474,18 +2007,27 @@ code.hljs {
         40%           { transform: translateY(-6px); opacity: 1; }
       }
     </style>
-    
+
     <div class="bdb-loading">
       <div class="bdb-typing-dots">
         <span></span><span></span><span></span>
       </div>
       <span>Thinking\u2026</span>
     </div>
-  `,e}userRequestMessage(e){let t=document.createElement("div");return t.style.cssText="display: flex; justify-content: flex-end; margin-block: 0.375rem;",t.innerHTML=`
+  `,e}userRequestMessage(e){let t=document.createElement("div");t.style.cssText="display: flex; justify-content: flex-end; margin-block: 0.375rem;",t.innerHTML=`
     <style>
+      .bdb-user-stack {
+              display: inline-flex;
+              flex-direction: column;
+              align-items: flex-end;
+              gap: 6px;
+              max-width: 75%;
+            }
+
       .bdb-user-bubble {
-        max-width: 75%;
-        background: var(--secondary);
+              width: fit-content;
+              max-width: 100%;
+              background: var(--secondary);
         color: var(--secondary-foreground);
         border-radius: 18px 18px 4px 18px;
         padding: 0.6rem 1rem;
@@ -1494,19 +2036,37 @@ code.hljs {
         word-break: break-word;
         box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
       }
+
+      .bdb-user-actionbar {
+              width: fit-content;
+              max-width: 100%;
+              display: flex;
+              justify-content: flex-end;
+              padding: 0.125rem 0;
+              min-height: 32px;
+            }
+
+      .bdb-user-actionbar button {
+        /* mimic action bar button baseline spacing */
+        transform: translateY(-2px);
+      }
     </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>      
-      ${U}
-      ${R}
-     
+
+    <div class="bdb-user-stack">
+      <div class="bdb-user-bubble"></div>
+      <div class="bdb-user-actionbar"></div>
+    </div>
+  `,t.querySelector(".bdb-user-bubble").textContent=e;let o=t.querySelector(".bdb-user-actionbar"),r=N(R,"Copy to clipboard");return r.addEventListener("click",async()=>{try{await navigator.clipboard.writeText(e),r.innerHTML='<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>',r.style.color="var(--primary)",r.style.borderColor="var(--primary)",setTimeout(()=>{r.innerHTML=R,r.style.color="",r.style.borderColor=""},2e3)}catch{}}),o.appendChild(r),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=`
+      ${ee}
+      ${Z}
+
       .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 +2074,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=H(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 S(e),{messages:i}=s.parse(),c=i.map(m=>m?.output??"").join("");a.innerHTML=$(c),this.renderSourceTags(a,e);let p=e?._data??e?.a?._data;if(p){let m=Ee(String(p));m.children.length>0&&r.appendChild(m)}let d=i.map(m=>m?.output??"").join(`
+
+`),l=e?.a?.usage??null,g=this.apiConfig?.indexName??"",h=this.root,b=Le({textToCopy:d,queryTimeMs:e?.queryTime,usageData:l,onInfo:()=>{let m=h.querySelector(".bdb-context-drawer-host");if(m){m.remove();return}let u=document.createElement("div");u.className="bdb-context-drawer-host";let y=Me({item:e,indexName:g,shadowRoot:h,onClose:()=>u.remove()});u.appendChild(y),h.appendChild(u)}});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 p=s.split("##"),d=p[1]??s,l=p[2],g=document.createElement("span");if(g.style.cssText="display: block; font-size: 12px; color: var(--accent-foreground); padding-bottom: 0.5rem;",g.innerHTML=`
       <span style="text-decoration: underline; color: var(--accent-foreground);">
-        Source: ${decodeURIComponent(l)}
-        ${d?`<span style="padding: 0 0.5rem;">|</span>Page: ${d}`:""}
+        Source: ${decodeURIComponent(d)}
+        ${l?`<span style="padding: 0 0.5rem;">|</span>Page: ${l}`:""}
       </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(g),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 A({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 A({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 G({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 p of t){let d=document.createElement("div");d.style.cssText="border-radius: 8px; overflow: hidden; border: 1px solid rgba(255,255,255,0.08); background: rgba(255,255,255,0.03);",d.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(d);try{let l=await G({baseURL:r,apikey:s,payload:{name:i,type:"image",id:p}});if(!l?.file_name){d.remove();continue}let g=`https://${a}/brs/get/${s}/${c}/${p}_${l.file_name}`;d.innerHTML=`
+        <div style="height:8rem; background-image:url('${g}'); 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;">${l.file_name}</div>
+      `,d.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="${g}" 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{d.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 +2137,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 +2272,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(M({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(M({sessionId:r,query:""})),await this.store.dispatch(G({query:i?.query,sessionId:r,indexName:a,config:this.apiConfig}))}downloadChat(){}};var ae=null;function ne(o){return ae=new C(o),ae}typeof window<"u"&&(window.BangdbChatWidget={init:ne});0&&(module.exports={ChatWidget,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"),p=this.tools;p.length===0?r.style.display="none":(p.forEach(l=>{let g=document.createElement("button");g.className="bdb-tool-item",g.textContent=l.name,g.addEventListener("click",()=>{let h=this.store.getState().chat.tools;for(let b of h)b.id!==l.id&&this.store.dispatch(K(b.id));this.store.dispatch(ae({id:l.id,name:l.name})),i.textContent=l.name,s.style.display="inline-flex",a.classList.remove("show")}),a.appendChild(g)}),r.addEventListener("click",l=>{l.stopPropagation(),a.classList.toggle("show")}),document.addEventListener("click",l=>{!a.contains(l.target)&&l.target!==r&&a.classList.remove("show")})),c.addEventListener("click",()=>{let l=this.store.getState().chat.tools;for(let g of l)this.store.dispatch(K(g.id));s.style.display="none"});let d=()=>{t.style.height="auto",t.style.height=Math.min(t.scrollHeight,180)+"px"};return this.store.subscribe(()=>{let{chatSessions:l,chat:g}=this.store.getState(),h=l[g.activeSession]?.query||"";t.value!==h&&(t.value=h,d(),o.disabled=!h.trim())}),t.addEventListener("input",()=>{d();let l=t.value;o.disabled=!l.trim();let{activeSession:g}=this.store.getState().chat;this.store.dispatch(F({sessionId:g,query:l}))}),t.addEventListener("keydown",async l=>{l.key==="Enter"&&!l.shiftKey&&(l.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(F({sessionId:o,query:""})),await this.store.dispatch(pe({query:i?.query,sessionId:o,indexName:r,config:this.apiConfig}))}downloadChat(){}};B.DEFAULT_TOOLS=[{id:"kpi",name:"KPI (MCP)"}];var P=B;var $e=null;function Ne(n){return $e=new P(n),$e}typeof window<"u"&&(window.BangdbChatWidget={init:Ne});0&&(module.exports={ChatWidget,init});