@ai-accounts/vue-styled 0.3.4 → 0.3.5

package/dist/ai-accounts-vue-styled.cjs.js

@@ -75,4 +75,4 @@ ${l.content}`).join(`
 
 ---
 
-`)}function i(s){const l=r(s),o=new Blob([l],{type:"text/plain"}),d=URL.createObjectURL(o),c=document.createElement("a");c.href=d,c.download=`conversation-${new Date().toISOString().slice(0,19)}.txt`,c.click(),URL.revokeObjectURL(d)}return(s,l)=>(t.openBlock(),t.createElementBlock("div",PT,[t.createElementVNode("button",{class:"action-btn action-copy",title:"Copy message",onClick:l[0]||(l[0]=o=>a(n.content))},[e.value==="idle"?(t.openBlock(),t.createElementBlock("span",UT,"Copy")):e.value==="success"?(t.openBlock(),t.createElementBlock("span",BT,"Copied")):(t.openBlock(),t.createElementBlock("span",FT,"Failed"))]),n.allMessages?(t.openBlock(),t.createElementBlock("button",{key:0,class:"action-btn action-copy-all",title:"Copy conversation",onClick:l[1]||(l[1]=o=>a(r(n.allMessages)))}," Copy All ")):t.createCommentVNode("",!0),n.allMessages?(t.openBlock(),t.createElementBlock("button",{key:1,class:"action-btn action-export",title:"Export conversation",onClick:l[2]||(l[2]=o=>i(n.allMessages))}," Export ")):t.createCommentVNode("",!0)]))}}),wc=Se(GT,[["__scopeId","data-v-56c16ef7"]]),YT={class:"aia-bubble__avatar"},VT={class:"aia-bubble__body"},qT={class:"aia-bubble__header"},HT={class:"aia-bubble__role"},zT={key:0,class:"aia-bubble__backend"},$T={key:1,class:"aia-bubble__time"},WT=["innerHTML"],KT=t.defineComponent({__name:"ChatBubble",props:{role:{},content:{},backend:{},timestamp:{},streaming:{type:Boolean},showActions:{type:Boolean},allMessages:{}},setup(n){const e={code({text:l,lang:o}){let d;return o&&$r.getLanguage(o)?d=$r.highlight(l,{language:o}).value:d=$r.highlightAuto(l).value,`<pre><code${o?` class="language-${o}"`:""}>${d}</code></pre>`}};Z.use({renderer:e});const a=n,r=t.computed(()=>Z.parse(a.content||"")),i=t.computed(()=>{if(!a.timestamp)return"";try{return new Date(a.timestamp).toLocaleTimeString()}catch{return""}});function s(l){var c;const o=l.target.closest(".aia-copy-btn");if(!o)return;const d=(c=o.closest(".aia-code-block"))==null?void 0:c.querySelector("code");d&&navigator.clipboard.writeText(d.textContent||"")}return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["aia-bubble",[`aia-bubble--${n.role}`,{"aia-bubble--streaming":n.streaming}]])},[t.createElementVNode("div",YT,t.toDisplayString(n.role==="user"?"U":n.role==="tool"?"T":"AI"),1),t.createElementVNode("div",VT,[t.createElementVNode("div",qT,[t.createElementVNode("span",HT,t.toDisplayString(n.role),1),n.backend?(t.openBlock(),t.createElementBlock("span",zT,t.toDisplayString(n.backend),1)):t.createCommentVNode("",!0),i.value?(t.openBlock(),t.createElementBlock("span",$T,t.toDisplayString(i.value),1)):t.createCommentVNode("",!0)]),t.createElementVNode("div",{class:"aia-bubble__content",onClick:s,innerHTML:r.value},null,8,WT)]),n.showActions?(t.openBlock(),t.createBlock(wc,t.mergeProps({key:0,content:n.content},n.allMessages!==void 0?{allMessages:n.allMessages}:{}),null,16,["content"])):t.createCommentVNode("",!0)],2))}}),Zr=Se(KT,[["__scopeId","data-v-ffa5ceee"]]),QT={class:"aia-controls"},XT={class:"aia-controls__group"},ZT=["value"],JT=["value"],jT={class:"aia-controls__group"},eb=["disabled"],tb={value:""},nb=["value"],ab={class:"aia-controls__group"},rb=["disabled","value"],ib={value:""},ob=["value"],sb={class:"aia-controls__group aia-controls__group--mode"},lb={class:"aia-controls__modes"},cb=["onClick"],_b=t.defineComponent({__name:"ChatControls",props:{chatMode:{},selectedBackend:{},selectedModel:{},backends:{}},emits:["update:chatMode","update:selectedBackend","update:selectedModel"],setup(n,{emit:e}){const a=n,r=e,i=[{value:"single",label:"Single"},{value:"all",label:"All"},{value:"compound",label:"Compound"}],s=t.computed(()=>!a.selectedBackend),l=t.computed(()=>a.backends.find(c=>c.kind===a.selectedBackend)),o=t.computed(()=>{var c;return((c=l.value)==null?void 0:c.accounts)??[]}),d=t.computed(()=>{var c;return((c=l.value)==null?void 0:c.models)??[]});return(c,_)=>(t.openBlock(),t.createElementBlock("div",QT,[t.createElementVNode("div",XT,[_[3]||(_[3]=t.createElementVNode("label",{class:"aia-controls__label"},"Backend",-1)),t.createElementVNode("select",{class:"aia-controls__select",value:n.selectedBackend??"",onChange:_[0]||(_[0]=u=>r("update:selectedBackend",u.target.value||null))},[_[2]||(_[2]=t.createElementVNode("option",{value:""},"Auto",-1)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.backends,u=>(t.openBlock(),t.createElementBlock("option",{key:u.kind,value:u.kind},t.toDisplayString(u.displayName),9,JT))),128))],40,ZT)]),t.createElementVNode("div",jT,[_[4]||(_[4]=t.createElementVNode("label",{class:"aia-controls__label"},"Account",-1)),t.createElementVNode("select",{class:"aia-controls__select",disabled:s.value},[t.createElementVNode("option",tb,t.toDisplayString(s.value?"--":"Default"),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.value,u=>(t.openBlock(),t.createElementBlock("option",{key:u,value:u},t.toDisplayString(u),9,nb))),128))],8,eb)]),t.createElementVNode("div",ab,[_[5]||(_[5]=t.createElementVNode("label",{class:"aia-controls__label"},"Model",-1)),t.createElementVNode("select",{class:"aia-controls__select",disabled:s.value,value:n.selectedModel??"",onChange:_[1]||(_[1]=u=>r("update:selectedModel",u.target.value||null))},[t.createElementVNode("option",ib,t.toDisplayString(s.value?"--":"Default"),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(d.value,u=>(t.openBlock(),t.createElementBlock("option",{key:u,value:u},t.toDisplayString(u),9,ob))),128))],40,rb)]),t.createElementVNode("div",sb,[_[6]||(_[6]=t.createElementVNode("label",{class:"aia-controls__label"},"Mode",-1)),t.createElementVNode("div",lb,[(t.openBlock(),t.createElementBlock(t.Fragment,null,t.renderList(i,u=>t.createElementVNode("button",{key:u.value,class:t.normalizeClass(["aia-controls__mode-btn",{"aia-controls__mode-btn--active":n.chatMode===u.value}]),onClick:m=>r("update:chatMode",u.value)},t.toDisplayString(u.label),11,cb)),64))])])]))}}),kc=Se(_b,[["__scopeId","data-v-85010e74"]]),db={class:"aia-input"},ub=["placeholder","disabled"],pb=["disabled"],mb=t.defineComponent({__name:"ChatInput",props:{placeholder:{default:"Type a message..."},disabled:{type:Boolean},isStreaming:{type:Boolean}},emits:["send"],setup(n,{emit:e}){const a=n,r=e,i=t.ref(""),s=t.ref(null);function l(){const c=i.value.trim();!c||a.disabled||a.isStreaming||(r("send",c),i.value="",t.nextTick(d))}function o(c){c.key==="Enter"&&!c.shiftKey&&(c.preventDefault(),l())}function d(){const c=s.value;c&&(c.style.height="auto",c.style.height=Math.min(c.scrollHeight,120)+"px")}return t.watch(i,()=>t.nextTick(d)),(c,_)=>(t.openBlock(),t.createElementBlock("div",db,[t.withDirectives(t.createElementVNode("textarea",{ref_key:"textareaRef",ref:s,"onUpdate:modelValue":_[0]||(_[0]=u=>i.value=u),class:"aia-input__textarea",placeholder:n.placeholder,rows:"1",disabled:n.disabled||n.isStreaming,onKeydown:o,onInput:d},null,40,ub),[[t.vModelText,i.value]]),t.createElementVNode("button",{class:"aia-input__send",disabled:!i.value.trim()||n.disabled||n.isStreaming,onClick:l},t.toDisplayString(n.isStreaming?"...":"Send"),9,pb)]))}}),Pc=Se(mb,[["__scopeId","data-v-51976e76"]]),Eb={class:"aia-responses"},gb=["open"],Sb={class:"aia-resp__header"},Tb=["innerHTML"],bb={key:0,class:"aia-resp__error"},fb=t.defineComponent({__name:"AllModeResponses",props:{responses:{},collapsible:{type:Boolean,default:!1}},setup(n){const e=n,a={claude:{bg:"rgba(139,92,246,0.15)",fg:"#a78bfa",label:"Claude"},codex:{bg:"rgba(16,185,129,0.15)",fg:"#34d399",label:"Codex"},gemini:{bg:"rgba(96,165,250,0.15)",fg:"#60a5fa",label:"Gemini"},opencode:{bg:"rgba(251,191,36,0.15)",fg:"#fbbf24",label:"OpenCode"}};function r(o){return a[o]??{bg:"rgba(161,161,170,0.15)",fg:"#a1a1aa",label:o}}function i(o){switch(o){case"streaming":return{text:"Streaming",cls:"aia-resp__badge--streaming"};case"complete":return{text:"Done",cls:"aia-resp__badge--complete"};case"error":return{text:"Error",cls:"aia-resp__badge--error"};case"timeout":return{text:"Timeout",cls:"aia-resp__badge--timeout"};default:return{text:o,cls:""}}}const s=t.computed(()=>Array.from(e.responses.entries()));function l(o){return Z.parse(o||"")}return(o,d)=>(t.openBlock(),t.createElementBlock("div",Eb,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.value,([c,_])=>(t.openBlock(),t.createElementBlock("div",{key:c,class:"aia-resp",style:t.normalizeStyle({"--resp-bg":r(_.backend).bg,"--resp-fg":r(_.backend).fg})},[t.createElementVNode("details",{open:!n.collapsible||void 0},[t.createElementVNode("summary",Sb,[t.createElementVNode("span",{class:"aia-resp__name",style:t.normalizeStyle({color:r(_.backend).fg})},t.toDisplayString(r(_.backend).label),5),t.createElementVNode("span",{class:t.normalizeClass(["aia-resp__badge",i(_.status).cls])},t.toDisplayString(i(_.status).text),3)]),t.createElementVNode("div",{class:"aia-resp__body",innerHTML:l(_.content)},null,8,Tb),_.error?(t.openBlock(),t.createElementBlock("div",bb,t.toDisplayString(_.error),1)):t.createCommentVNode("",!0)],8,gb)],4))),128))]))}}),Uc=Se(fb,[["__scopeId","data-v-bde6df1f"]]),Rb={class:"aia-synth__header"},Cb={key:0,class:"aia-synth__via"},Nb={key:0,class:"aia-synth__sources"},Ob=["innerHTML"],vb={key:1,class:"aia-synth__error"},hb=t.defineComponent({__name:"CompoundSynthesis",props:{state:{}},setup(n){const e=n,a=t.computed(()=>Z.parse(e.state.content||"")),r=t.computed(()=>e.state.status==="streaming");function i(s){switch(s){case"waiting":return{text:"Waiting...",cls:"aia-synth__badge--waiting"};case"streaming":return{text:"Synthesizing",cls:"aia-synth__badge--streaming"};case"complete":return{text:"Complete",cls:"aia-synth__badge--complete"};case"error":return{text:"Error",cls:"aia-synth__badge--error"};default:return{text:s,cls:""}}}return(s,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["aia-synth",{"aia-synth--streaming":r.value}])},[t.createElementVNode("div",Rb,[l[0]||(l[0]=t.createElementVNode("span",{class:"aia-synth__label"},"Compound Synthesis",-1)),n.state.primaryBackend?(t.openBlock(),t.createElementBlock("span",Cb,"via "+t.toDisplayString(n.state.primaryBackend),1)):t.createCommentVNode("",!0),t.createElementVNode("span",{class:t.normalizeClass(["aia-synth__badge",i(n.state.status).cls])},t.toDisplayString(i(n.state.status).text),3)]),n.state.backendsCollected.length?(t.openBlock(),t.createElementBlock("div",Nb," Sources: "+t.toDisplayString(n.state.backendsCollected.join(", ")),1)):t.createCommentVNode("",!0),t.createElementVNode("div",{class:"aia-synth__content",innerHTML:a.value},null,8,Ob),n.state.error?(t.openBlock(),t.createElementBlock("div",vb,t.toDisplayString(n.state.error),1)):t.createCommentVNode("",!0)],2))}}),Bc=Se(hb,[["__scopeId","data-v-446c73a3"]]),Ib={class:"finalization-banner"},Ab={class:"banner-content"},yb={class:"banner-title"},Db={class:"banner-description"},Mb=["disabled"],Lb=t.defineComponent({__name:"FinalizationBanner",props:{title:{},buttonLabel:{},entityLabel:{},entityName:{},isFinalizing:{type:Boolean,default:!1}},emits:["finalize"],setup(n,{emit:e}){const a=e;return(r,i)=>(t.openBlock(),t.createElementBlock("div",Ib,[t.createElementVNode("div",Ab,[t.createElementVNode("h3",yb,t.toDisplayString(n.title),1),t.createElementVNode("p",Db," Your "+t.toDisplayString(n.entityLabel)+t.toDisplayString(n.entityName?": "+n.entityName:"")+" is ready. Click the button to finalize. ",1)]),t.createElementVNode("button",{class:"banner-button",disabled:n.isFinalizing,onClick:i[0]||(i[0]=s=>a("finalize"))},t.toDisplayString(n.isFinalizing?"Creating...":n.buttonLabel),9,Mb)]))}}),Fc=Se(Lb,[["__scopeId","data-v-bde99def"]]),xb={class:"process-group-label"},wb={key:0,class:"process-group-time"},kb={class:"process-group-chevron"},Pb={key:0,class:"process-group-body"},Ub=t.defineComponent({__name:"ProcessGroup",props:{id:{},type:{},label:{},timestamp:{},isExpanded:{type:Boolean,default:!0}},emits:["toggle"],setup(n,{emit:e}){const a=e,r={tool_call:"Tool",reasoning:"Thinking",code_execution:"Code"},i={tool_call:"var(--aia-cyan, #22d3ee)",reasoning:"var(--aia-violet, #a78bfa)",code_execution:"var(--aia-amber, #fbbf24)"};return(s,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["process-group",[`process-group--${n.type}`]])},[t.createElementVNode("div",{class:"process-group-header",onClick:l[0]||(l[0]=o=>a("toggle"))},[t.createElementVNode("span",{class:"process-group-badge",style:t.normalizeStyle({background:i[n.type]})},t.toDisplayString(r[n.type]),5),t.createElementVNode("span",xb,t.toDisplayString(n.label),1),n.timestamp?(t.openBlock(),t.createElementBlock("span",wb,t.toDisplayString(new Date(n.timestamp).toLocaleTimeString()),1)):t.createCommentVNode("",!0),t.createElementVNode("span",kb,t.toDisplayString(n.isExpanded?"▼":"▶"),1)]),n.isExpanded?(t.openBlock(),t.createElementBlock("div",Pb,[t.renderSlot(s.$slots,"default",{},void 0,!0)])):t.createCommentVNode("",!0)],2))}}),Gc=Se(Ub,[["__scopeId","data-v-4607873c"]]),Bb={class:"aia-smart-panel"},Fb={ref:"scroll.containerRef",class:"aia-smart-panel__messages"},Gb={key:0,class:"aia-smart-panel__welcome"},Yb={class:"aia-smart-panel__welcome-title"},Vb={class:"aia-smart-panel__welcome-sub"},qb={key:4,class:"process-groups"},Hb={key:2,class:"aia-smart-panel__error"},zb=t.defineComponent({__name:"AiChatPanel",props:{density:{default:"minimal"},defaultBackend:{},defaultModel:{},placeholder:{default:"Type a message..."},welcomeTitle:{default:"AI Chat"},welcomeSubtitle:{default:"Send a message to get started"},readOnly:{type:Boolean},entityLabel:{},bannerTitle:{},bannerButtonLabel:{},configParser:{},showProcessGroups:{type:Boolean,default:void 0},showActions:{type:Boolean,default:void 0}},emits:["finalize"],setup(n,{emit:e}){const a=n,r=t.computed(()=>a.showProcessGroups??a.density==="detailed"),i=t.computed(()=>a.showActions??a.density==="detailed"),s=e,l=Ie.useSmartChat(),o=Ie.useSmartScroll(),{client:d}=Ie.useAiAccounts(),c=t.ref([]),_=t.computed(()=>Array.from(new Set(c.value.map(E=>E.kind))).map(E=>{const S=c.value.filter(T=>T.kind===E);return{kind:E,displayName:E,accounts:S.map(T=>T.id),models:[]}}));t.watchEffect(()=>{l.setConfigParser(a.configParser??null)}),t.onMounted(async()=>{try{const E=await d.listBackends();c.value=E.items??[]}catch{}});function u(E){const S=E?c.value.filter(T=>T.kind===E):c.value;return S.find(T=>T.status==="ready")??S[0]??null}async function m(E){if(!l.sessionId.value){if(c.value.length===0)try{const N=await d.listBackends();c.value=N.items??[]}catch{l.error.value="Unable to load backends from sidecar";return}const S=l.selectedBackend.value??a.defaultBackend??null,T=u(S);if(!T){l.error.value="No backend available — add an account first";return}const b=l.selectedModel.value??a.defaultModel??"";try{await l.createSession(T.id,b)}catch(N){l.error.value=N instanceof Error?N.message:String(N);return}}await l.send(E)}async function p(){const E=await l.finalize();s("finalize",E)}return(E,S)=>(t.openBlock(),t.createElementBlock("div",Bb,[n.density==="detailed"?(t.openBlock(),t.createBlock(kc,{key:0,"chat-mode":t.unref(l).chatMode.value,"selected-backend":t.unref(l).selectedBackend.value,"selected-model":t.unref(l).selectedModel.value,backends:_.value,"onUpdate:chatMode":t.unref(l).setMode,"onUpdate:selectedBackend":t.unref(l).selectBackend,"onUpdate:selectedModel":S[0]||(S[0]=T=>t.unref(l).selectedModel.value=T)},null,8,["chat-mode","selected-backend","selected-model","backends","onUpdate:chatMode","onUpdate:selectedBackend"])):t.createCommentVNode("",!0),t.createElementVNode("div",Fb,[t.unref(l).messages.value.length===0&&!t.unref(l).isStreaming.value?(t.openBlock(),t.createElementBlock("div",Gb,[S[2]||(S[2]=t.createElementVNode("div",{class:"aia-smart-panel__welcome-icon"},"AI",-1)),t.createElementVNode("h3",Yb,t.toDisplayString(n.welcomeTitle),1),t.createElementVNode("p",Vb,t.toDisplayString(n.welcomeSubtitle),1)])):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(l).messages.value,T=>(t.openBlock(),t.createBlock(Zr,{key:T.id,role:T.role,content:T.content,timestamp:T.created_at,"show-actions":i.value,"all-messages":t.unref(l).messages.value},null,8,["role","content","timestamp","show-actions","all-messages"]))),128)),t.unref(l).isStreaming.value&&t.unref(l).chatMode.value==="single"&&t.unref(l).streamingContent.value?(t.openBlock(),t.createBlock(Zr,{key:1,role:"assistant",content:t.unref(l).streamingContent.value,streaming:!0},null,8,["content"])):t.createCommentVNode("",!0),t.unref(l).backendResponses.value.size>0?(t.openBlock(),t.createBlock(Uc,{key:2,responses:t.unref(l).backendResponses.value,collapsible:t.unref(l).chatMode.value==="compound"},null,8,["responses","collapsible"])):t.createCommentVNode("",!0),t.unref(l).synthesisState.value?(t.openBlock(),t.createBlock(Bc,{key:3,state:t.unref(l).synthesisState.value},null,8,["state"])):t.createCommentVNode("",!0),r.value&&t.unref(l).processGroups.groups.value.size>0?(t.openBlock(),t.createElementBlock("div",qb,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(l).processGroups.groups.value,([T,b])=>(t.openBlock(),t.createBlock(Gc,{key:T,id:b.id,type:b.type,label:b.label,timestamp:b.timestamp,"is-expanded":b.isExpanded,onToggle:N=>t.unref(l).processGroups.toggleGroup(T)},{default:t.withCtx(()=>[t.createElementVNode("pre",null,t.toDisplayString(b.content),1)]),_:2},1032,["id","type","label","timestamp","is-expanded","onToggle"]))),128))])):t.createCommentVNode("",!0),E.$slots.finalization?t.renderSlot(E.$slots,"finalization",{key:5,state:{canFinalize:t.unref(l).canFinalize,isFinalizing:t.unref(l).isFinalizing}},void 0,!0):t.unref(l).canFinalize.value&&n.entityLabel?(t.openBlock(),t.createBlock(Fc,{key:6,title:n.bannerTitle??"Ready to finalize","button-label":n.bannerButtonLabel??"Finalize","entity-label":n.entityLabel,"is-finalizing":t.unref(l).isFinalizing.value,onFinalize:p},null,8,["title","button-label","entity-label","is-finalizing"])):t.createCommentVNode("",!0),S[3]||(S[3]=t.createElementVNode("div",{class:"aia-smart-panel__anchor"},null,-1))],512),t.unref(o).showScrollButton.value?(t.openBlock(),t.createElementBlock("button",{key:1,class:"aia-smart-panel__scroll-btn",onClick:S[1]||(S[1]=(...T)=>t.unref(o).scrollToBottom&&t.unref(o).scrollToBottom(...T))}," ↓ ")):t.createCommentVNode("",!0),t.unref(l).error.value?(t.openBlock(),t.createElementBlock("div",Hb,t.toDisplayString(t.unref(l).error.value),1)):t.createCommentVNode("",!0),n.readOnly?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(Pc,{key:3,placeholder:n.placeholder,"is-streaming":t.unref(l).isStreaming.value,onSend:m},null,8,["placeholder","is-streaming"]))]))}}),$b=Se(zb,[["__scopeId","data-v-b27251f6"]]),Wb="0.3.4";exports.AccountEditForm=cp;exports.AccountWizard=Pu;exports.AiChatPanel=$b;exports.AllModeResponses=Uc;exports.BackendPicker=dc;exports.ChatBubble=Zr;exports.ChatControls=kc;exports.ChatInput=Pc;exports.ChatMessage=Wr;exports.ChatPanel=Np;exports.CompoundSynthesis=Bc;exports.FinalizationBanner=Fc;exports.LoginStream=_c;exports.MessageActions=wc;exports.OnboardingFlow=ap;exports.ProcessGroup=Gc;exports.forceFreshAccountPrompt=cc;exports.version=Wb;
+`)}function i(s){const l=r(s),o=new Blob([l],{type:"text/plain"}),d=URL.createObjectURL(o),c=document.createElement("a");c.href=d,c.download=`conversation-${new Date().toISOString().slice(0,19)}.txt`,c.click(),URL.revokeObjectURL(d)}return(s,l)=>(t.openBlock(),t.createElementBlock("div",PT,[t.createElementVNode("button",{class:"action-btn action-copy",title:"Copy message",onClick:l[0]||(l[0]=o=>a(n.content))},[e.value==="idle"?(t.openBlock(),t.createElementBlock("span",UT,"Copy")):e.value==="success"?(t.openBlock(),t.createElementBlock("span",BT,"Copied")):(t.openBlock(),t.createElementBlock("span",FT,"Failed"))]),n.allMessages?(t.openBlock(),t.createElementBlock("button",{key:0,class:"action-btn action-copy-all",title:"Copy conversation",onClick:l[1]||(l[1]=o=>a(r(n.allMessages)))}," Copy All ")):t.createCommentVNode("",!0),n.allMessages?(t.openBlock(),t.createElementBlock("button",{key:1,class:"action-btn action-export",title:"Export conversation",onClick:l[2]||(l[2]=o=>i(n.allMessages))}," Export ")):t.createCommentVNode("",!0)]))}}),wc=Se(GT,[["__scopeId","data-v-56c16ef7"]]),YT={class:"aia-bubble__avatar"},VT={class:"aia-bubble__body"},qT={class:"aia-bubble__header"},HT={class:"aia-bubble__role"},zT={key:0,class:"aia-bubble__backend"},$T={key:1,class:"aia-bubble__time"},WT=["innerHTML"],KT=t.defineComponent({__name:"ChatBubble",props:{role:{},content:{},backend:{},timestamp:{},streaming:{type:Boolean},showActions:{type:Boolean},allMessages:{}},setup(n){const e={code({text:l,lang:o}){let d;return o&&$r.getLanguage(o)?d=$r.highlight(l,{language:o}).value:d=$r.highlightAuto(l).value,`<pre><code${o?` class="language-${o}"`:""}>${d}</code></pre>`}};Z.use({renderer:e});const a=n,r=t.computed(()=>Z.parse(a.content||"")),i=t.computed(()=>{if(!a.timestamp)return"";try{return new Date(a.timestamp).toLocaleTimeString()}catch{return""}});function s(l){var c;const o=l.target.closest(".aia-copy-btn");if(!o)return;const d=(c=o.closest(".aia-code-block"))==null?void 0:c.querySelector("code");d&&navigator.clipboard.writeText(d.textContent||"")}return(l,o)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["aia-bubble",[`aia-bubble--${n.role}`,{"aia-bubble--streaming":n.streaming}]])},[t.createElementVNode("div",YT,t.toDisplayString(n.role==="user"?"U":n.role==="tool"?"T":"AI"),1),t.createElementVNode("div",VT,[t.createElementVNode("div",qT,[t.createElementVNode("span",HT,t.toDisplayString(n.role),1),n.backend?(t.openBlock(),t.createElementBlock("span",zT,t.toDisplayString(n.backend),1)):t.createCommentVNode("",!0),i.value?(t.openBlock(),t.createElementBlock("span",$T,t.toDisplayString(i.value),1)):t.createCommentVNode("",!0)]),t.createElementVNode("div",{class:"aia-bubble__content",onClick:s,innerHTML:r.value},null,8,WT)]),n.showActions?(t.openBlock(),t.createBlock(wc,t.mergeProps({key:0,content:n.content},n.allMessages!==void 0?{allMessages:n.allMessages}:{}),null,16,["content"])):t.createCommentVNode("",!0)],2))}}),Zr=Se(KT,[["__scopeId","data-v-ffa5ceee"]]),QT={class:"aia-controls"},XT={class:"aia-controls__group"},ZT=["value"],JT=["value"],jT={class:"aia-controls__group"},eb=["disabled"],tb={value:""},nb=["value"],ab={class:"aia-controls__group"},rb=["disabled","value"],ib={value:""},ob=["value"],sb={class:"aia-controls__group aia-controls__group--mode"},lb={class:"aia-controls__modes"},cb=["onClick"],_b=t.defineComponent({__name:"ChatControls",props:{chatMode:{},selectedBackend:{},selectedModel:{},backends:{}},emits:["update:chatMode","update:selectedBackend","update:selectedModel"],setup(n,{emit:e}){const a=n,r=e,i=[{value:"single",label:"Single"},{value:"all",label:"All"},{value:"compound",label:"Compound"}],s=t.computed(()=>!a.selectedBackend),l=t.computed(()=>a.backends.find(c=>c.kind===a.selectedBackend)),o=t.computed(()=>{var c;return((c=l.value)==null?void 0:c.accounts)??[]}),d=t.computed(()=>{var c;return((c=l.value)==null?void 0:c.models)??[]});return(c,_)=>(t.openBlock(),t.createElementBlock("div",QT,[t.createElementVNode("div",XT,[_[3]||(_[3]=t.createElementVNode("label",{class:"aia-controls__label"},"Backend",-1)),t.createElementVNode("select",{class:"aia-controls__select",value:n.selectedBackend??"",onChange:_[0]||(_[0]=u=>r("update:selectedBackend",u.target.value||null))},[_[2]||(_[2]=t.createElementVNode("option",{value:""},"Auto",-1)),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.backends,u=>(t.openBlock(),t.createElementBlock("option",{key:u.kind,value:u.kind},t.toDisplayString(u.displayName),9,JT))),128))],40,ZT)]),t.createElementVNode("div",jT,[_[4]||(_[4]=t.createElementVNode("label",{class:"aia-controls__label"},"Account",-1)),t.createElementVNode("select",{class:"aia-controls__select",disabled:s.value},[t.createElementVNode("option",tb,t.toDisplayString(s.value?"--":"Default"),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.value,u=>(t.openBlock(),t.createElementBlock("option",{key:u,value:u},t.toDisplayString(u),9,nb))),128))],8,eb)]),t.createElementVNode("div",ab,[_[5]||(_[5]=t.createElementVNode("label",{class:"aia-controls__label"},"Model",-1)),t.createElementVNode("select",{class:"aia-controls__select",disabled:s.value,value:n.selectedModel??"",onChange:_[1]||(_[1]=u=>r("update:selectedModel",u.target.value||null))},[t.createElementVNode("option",ib,t.toDisplayString(s.value?"--":"Default"),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(d.value,u=>(t.openBlock(),t.createElementBlock("option",{key:u,value:u},t.toDisplayString(u),9,ob))),128))],40,rb)]),t.createElementVNode("div",sb,[_[6]||(_[6]=t.createElementVNode("label",{class:"aia-controls__label"},"Mode",-1)),t.createElementVNode("div",lb,[(t.openBlock(),t.createElementBlock(t.Fragment,null,t.renderList(i,u=>t.createElementVNode("button",{key:u.value,class:t.normalizeClass(["aia-controls__mode-btn",{"aia-controls__mode-btn--active":n.chatMode===u.value}]),onClick:m=>r("update:chatMode",u.value)},t.toDisplayString(u.label),11,cb)),64))])])]))}}),kc=Se(_b,[["__scopeId","data-v-85010e74"]]),db={class:"aia-input"},ub=["placeholder","disabled"],pb=["disabled"],mb=t.defineComponent({__name:"ChatInput",props:{placeholder:{default:"Type a message..."},disabled:{type:Boolean},isStreaming:{type:Boolean}},emits:["send"],setup(n,{emit:e}){const a=n,r=e,i=t.ref(""),s=t.ref(null);function l(){const c=i.value.trim();!c||a.disabled||a.isStreaming||(r("send",c),i.value="",t.nextTick(d))}function o(c){c.key==="Enter"&&!c.shiftKey&&(c.preventDefault(),l())}function d(){const c=s.value;c&&(c.style.height="auto",c.style.height=Math.min(c.scrollHeight,120)+"px")}return t.watch(i,()=>t.nextTick(d)),(c,_)=>(t.openBlock(),t.createElementBlock("div",db,[t.withDirectives(t.createElementVNode("textarea",{ref_key:"textareaRef",ref:s,"onUpdate:modelValue":_[0]||(_[0]=u=>i.value=u),class:"aia-input__textarea",placeholder:n.placeholder,rows:"1",disabled:n.disabled||n.isStreaming,onKeydown:o,onInput:d},null,40,ub),[[t.vModelText,i.value]]),t.createElementVNode("button",{class:"aia-input__send",disabled:!i.value.trim()||n.disabled||n.isStreaming,onClick:l},t.toDisplayString(n.isStreaming?"...":"Send"),9,pb)]))}}),Pc=Se(mb,[["__scopeId","data-v-51976e76"]]),Eb={class:"aia-responses"},gb=["open"],Sb={class:"aia-resp__header"},Tb=["innerHTML"],bb={key:0,class:"aia-resp__error"},fb=t.defineComponent({__name:"AllModeResponses",props:{responses:{},collapsible:{type:Boolean,default:!1}},setup(n){const e=n,a={claude:{bg:"rgba(139,92,246,0.15)",fg:"#a78bfa",label:"Claude"},codex:{bg:"rgba(16,185,129,0.15)",fg:"#34d399",label:"Codex"},gemini:{bg:"rgba(96,165,250,0.15)",fg:"#60a5fa",label:"Gemini"},opencode:{bg:"rgba(251,191,36,0.15)",fg:"#fbbf24",label:"OpenCode"}};function r(o){return a[o]??{bg:"rgba(161,161,170,0.15)",fg:"#a1a1aa",label:o}}function i(o){switch(o){case"streaming":return{text:"Streaming",cls:"aia-resp__badge--streaming"};case"complete":return{text:"Done",cls:"aia-resp__badge--complete"};case"error":return{text:"Error",cls:"aia-resp__badge--error"};case"timeout":return{text:"Timeout",cls:"aia-resp__badge--timeout"};default:return{text:o,cls:""}}}const s=t.computed(()=>Array.from(e.responses.entries()));function l(o){return Z.parse(o||"")}return(o,d)=>(t.openBlock(),t.createElementBlock("div",Eb,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(s.value,([c,_])=>(t.openBlock(),t.createElementBlock("div",{key:c,class:"aia-resp",style:t.normalizeStyle({"--resp-bg":r(_.backend).bg,"--resp-fg":r(_.backend).fg})},[t.createElementVNode("details",{open:!n.collapsible||void 0},[t.createElementVNode("summary",Sb,[t.createElementVNode("span",{class:"aia-resp__name",style:t.normalizeStyle({color:r(_.backend).fg})},t.toDisplayString(r(_.backend).label),5),t.createElementVNode("span",{class:t.normalizeClass(["aia-resp__badge",i(_.status).cls])},t.toDisplayString(i(_.status).text),3)]),t.createElementVNode("div",{class:"aia-resp__body",innerHTML:l(_.content)},null,8,Tb),_.error?(t.openBlock(),t.createElementBlock("div",bb,t.toDisplayString(_.error),1)):t.createCommentVNode("",!0)],8,gb)],4))),128))]))}}),Uc=Se(fb,[["__scopeId","data-v-bde6df1f"]]),Rb={class:"aia-synth__header"},Cb={key:0,class:"aia-synth__via"},Nb={key:0,class:"aia-synth__sources"},Ob=["innerHTML"],vb={key:1,class:"aia-synth__error"},hb=t.defineComponent({__name:"CompoundSynthesis",props:{state:{}},setup(n){const e=n,a=t.computed(()=>Z.parse(e.state.content||"")),r=t.computed(()=>e.state.status==="streaming");function i(s){switch(s){case"waiting":return{text:"Waiting...",cls:"aia-synth__badge--waiting"};case"streaming":return{text:"Synthesizing",cls:"aia-synth__badge--streaming"};case"complete":return{text:"Complete",cls:"aia-synth__badge--complete"};case"error":return{text:"Error",cls:"aia-synth__badge--error"};default:return{text:s,cls:""}}}return(s,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["aia-synth",{"aia-synth--streaming":r.value}])},[t.createElementVNode("div",Rb,[l[0]||(l[0]=t.createElementVNode("span",{class:"aia-synth__label"},"Compound Synthesis",-1)),n.state.primaryBackend?(t.openBlock(),t.createElementBlock("span",Cb,"via "+t.toDisplayString(n.state.primaryBackend),1)):t.createCommentVNode("",!0),t.createElementVNode("span",{class:t.normalizeClass(["aia-synth__badge",i(n.state.status).cls])},t.toDisplayString(i(n.state.status).text),3)]),n.state.backendsCollected.length?(t.openBlock(),t.createElementBlock("div",Nb," Sources: "+t.toDisplayString(n.state.backendsCollected.join(", ")),1)):t.createCommentVNode("",!0),t.createElementVNode("div",{class:"aia-synth__content",innerHTML:a.value},null,8,Ob),n.state.error?(t.openBlock(),t.createElementBlock("div",vb,t.toDisplayString(n.state.error),1)):t.createCommentVNode("",!0)],2))}}),Bc=Se(hb,[["__scopeId","data-v-446c73a3"]]),Ib={class:"finalization-banner"},Ab={class:"banner-content"},yb={class:"banner-title"},Db={class:"banner-description"},Mb=["disabled"],Lb=t.defineComponent({__name:"FinalizationBanner",props:{title:{},buttonLabel:{},entityLabel:{},entityName:{},isFinalizing:{type:Boolean,default:!1}},emits:["finalize"],setup(n,{emit:e}){const a=e;return(r,i)=>(t.openBlock(),t.createElementBlock("div",Ib,[t.createElementVNode("div",Ab,[t.createElementVNode("h3",yb,t.toDisplayString(n.title),1),t.createElementVNode("p",Db," Your "+t.toDisplayString(n.entityLabel)+t.toDisplayString(n.entityName?": "+n.entityName:"")+" is ready. Click the button to finalize. ",1)]),t.createElementVNode("button",{class:"banner-button",disabled:n.isFinalizing,onClick:i[0]||(i[0]=s=>a("finalize"))},t.toDisplayString(n.isFinalizing?"Creating...":n.buttonLabel),9,Mb)]))}}),Fc=Se(Lb,[["__scopeId","data-v-bde99def"]]),xb={class:"process-group-label"},wb={key:0,class:"process-group-time"},kb={class:"process-group-chevron"},Pb={key:0,class:"process-group-body"},Ub=t.defineComponent({__name:"ProcessGroup",props:{id:{},type:{},label:{},timestamp:{},isExpanded:{type:Boolean,default:!0}},emits:["toggle"],setup(n,{emit:e}){const a=e,r={tool_call:"Tool",reasoning:"Thinking",code_execution:"Code"},i={tool_call:"var(--aia-cyan, #22d3ee)",reasoning:"var(--aia-violet, #a78bfa)",code_execution:"var(--aia-amber, #fbbf24)"};return(s,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["process-group",[`process-group--${n.type}`]])},[t.createElementVNode("div",{class:"process-group-header",onClick:l[0]||(l[0]=o=>a("toggle"))},[t.createElementVNode("span",{class:"process-group-badge",style:t.normalizeStyle({background:i[n.type]})},t.toDisplayString(r[n.type]),5),t.createElementVNode("span",xb,t.toDisplayString(n.label),1),n.timestamp?(t.openBlock(),t.createElementBlock("span",wb,t.toDisplayString(new Date(n.timestamp).toLocaleTimeString()),1)):t.createCommentVNode("",!0),t.createElementVNode("span",kb,t.toDisplayString(n.isExpanded?"▼":"▶"),1)]),n.isExpanded?(t.openBlock(),t.createElementBlock("div",Pb,[t.renderSlot(s.$slots,"default",{},void 0,!0)])):t.createCommentVNode("",!0)],2))}}),Gc=Se(Ub,[["__scopeId","data-v-4607873c"]]),Bb={class:"aia-smart-panel"},Fb={ref:"scroll.containerRef",class:"aia-smart-panel__messages"},Gb={key:0,class:"aia-smart-panel__welcome"},Yb={class:"aia-smart-panel__welcome-title"},Vb={class:"aia-smart-panel__welcome-sub"},qb={key:4,class:"process-groups"},Hb={key:2,class:"aia-smart-panel__error"},zb=t.defineComponent({__name:"AiChatPanel",props:{density:{default:"minimal"},defaultBackend:{},defaultModel:{},placeholder:{default:"Type a message..."},welcomeTitle:{default:"AI Chat"},welcomeSubtitle:{default:"Send a message to get started"},readOnly:{type:Boolean},entityLabel:{},bannerTitle:{},bannerButtonLabel:{},configParser:{},showProcessGroups:{type:Boolean,default:void 0},showActions:{type:Boolean,default:void 0}},emits:["finalize"],setup(n,{emit:e}){const a=n,r=t.computed(()=>a.showProcessGroups??a.density==="detailed"),i=t.computed(()=>a.showActions??a.density==="detailed"),s=e,l=Ie.useSmartChat(),o=Ie.useSmartScroll(),{client:d}=Ie.useAiAccounts(),c=t.ref([]),_=t.computed(()=>Array.from(new Set(c.value.map(E=>E.kind))).map(E=>{const S=c.value.filter(T=>T.kind===E);return{kind:E,displayName:E,accounts:S.map(T=>T.id),models:[]}}));t.watchEffect(()=>{l.setConfigParser(a.configParser??null)}),t.onMounted(async()=>{try{const E=await d.listBackends();c.value=E.items??[]}catch{}});function u(E){const S=E?c.value.filter(T=>T.kind===E):c.value;return S.find(T=>T.status==="ready")??S[0]??null}async function m(E){if(!l.sessionId.value){if(c.value.length===0)try{const N=await d.listBackends();c.value=N.items??[]}catch{l.error.value="Unable to load backends from sidecar";return}const S=l.selectedBackend.value??a.defaultBackend??null,T=u(S);if(!T){l.error.value="No backend available — add an account first";return}const b=l.selectedModel.value??a.defaultModel??"";try{await l.createSession(T.id,b)}catch(N){l.error.value=N instanceof Error?N.message:String(N);return}}await l.send(E)}async function p(){const E=await l.finalize();s("finalize",E)}return(E,S)=>(t.openBlock(),t.createElementBlock("div",Bb,[n.density==="detailed"?(t.openBlock(),t.createBlock(kc,{key:0,"chat-mode":t.unref(l).chatMode.value,"selected-backend":t.unref(l).selectedBackend.value,"selected-model":t.unref(l).selectedModel.value,backends:_.value,"onUpdate:chatMode":t.unref(l).setMode,"onUpdate:selectedBackend":t.unref(l).selectBackend,"onUpdate:selectedModel":S[0]||(S[0]=T=>t.unref(l).selectedModel.value=T)},null,8,["chat-mode","selected-backend","selected-model","backends","onUpdate:chatMode","onUpdate:selectedBackend"])):t.createCommentVNode("",!0),t.createElementVNode("div",Fb,[t.unref(l).messages.value.length===0&&!t.unref(l).isStreaming.value?(t.openBlock(),t.createElementBlock("div",Gb,[S[2]||(S[2]=t.createElementVNode("div",{class:"aia-smart-panel__welcome-icon"},"AI",-1)),t.createElementVNode("h3",Yb,t.toDisplayString(n.welcomeTitle),1),t.createElementVNode("p",Vb,t.toDisplayString(n.welcomeSubtitle),1)])):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(l).messages.value,T=>(t.openBlock(),t.createBlock(Zr,{key:T.id,role:T.role,content:T.content,timestamp:T.created_at,"show-actions":i.value,"all-messages":t.unref(l).messages.value},null,8,["role","content","timestamp","show-actions","all-messages"]))),128)),t.unref(l).isStreaming.value&&t.unref(l).chatMode.value==="single"&&t.unref(l).streamingContent.value?(t.openBlock(),t.createBlock(Zr,{key:1,role:"assistant",content:t.unref(l).streamingContent.value,streaming:!0},null,8,["content"])):t.createCommentVNode("",!0),t.unref(l).backendResponses.value.size>0?(t.openBlock(),t.createBlock(Uc,{key:2,responses:t.unref(l).backendResponses.value,collapsible:t.unref(l).chatMode.value==="compound"},null,8,["responses","collapsible"])):t.createCommentVNode("",!0),t.unref(l).synthesisState.value?(t.openBlock(),t.createBlock(Bc,{key:3,state:t.unref(l).synthesisState.value},null,8,["state"])):t.createCommentVNode("",!0),r.value&&t.unref(l).processGroups.groups.value.size>0?(t.openBlock(),t.createElementBlock("div",qb,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(l).processGroups.groups.value,([T,b])=>(t.openBlock(),t.createBlock(Gc,{key:T,id:b.id,type:b.type,label:b.label,timestamp:b.timestamp,"is-expanded":b.isExpanded,onToggle:N=>t.unref(l).processGroups.toggleGroup(T)},{default:t.withCtx(()=>[t.createElementVNode("pre",null,t.toDisplayString(b.content),1)]),_:2},1032,["id","type","label","timestamp","is-expanded","onToggle"]))),128))])):t.createCommentVNode("",!0),E.$slots.finalization?t.renderSlot(E.$slots,"finalization",{key:5,state:{canFinalize:t.unref(l).canFinalize,isFinalizing:t.unref(l).isFinalizing}},void 0,!0):t.unref(l).canFinalize.value&&n.entityLabel?(t.openBlock(),t.createBlock(Fc,{key:6,title:n.bannerTitle??"Ready to finalize","button-label":n.bannerButtonLabel??"Finalize","entity-label":n.entityLabel,"is-finalizing":t.unref(l).isFinalizing.value,onFinalize:p},null,8,["title","button-label","entity-label","is-finalizing"])):t.createCommentVNode("",!0),S[3]||(S[3]=t.createElementVNode("div",{class:"aia-smart-panel__anchor"},null,-1))],512),t.unref(o).showScrollButton.value?(t.openBlock(),t.createElementBlock("button",{key:1,class:"aia-smart-panel__scroll-btn",onClick:S[1]||(S[1]=(...T)=>t.unref(o).scrollToBottom&&t.unref(o).scrollToBottom(...T))}," ↓ ")):t.createCommentVNode("",!0),t.unref(l).error.value?(t.openBlock(),t.createElementBlock("div",Hb,t.toDisplayString(t.unref(l).error.value),1)):t.createCommentVNode("",!0),n.readOnly?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(Pc,{key:3,placeholder:n.placeholder,"is-streaming":t.unref(l).isStreaming.value,onSend:m},null,8,["placeholder","is-streaming"]))]))}}),$b=Se(zb,[["__scopeId","data-v-b27251f6"]]),Wb="0.3.5";exports.AccountEditForm=cp;exports.AccountWizard=Pu;exports.AiChatPanel=$b;exports.AllModeResponses=Uc;exports.BackendPicker=dc;exports.ChatBubble=Zr;exports.ChatControls=kc;exports.ChatInput=Pc;exports.ChatMessage=Wr;exports.ChatPanel=Np;exports.CompoundSynthesis=Bc;exports.FinalizationBanner=Fc;exports.LoginStream=_c;exports.MessageActions=wc;exports.OnboardingFlow=ap;exports.ProcessGroup=Gc;exports.forceFreshAccountPrompt=cc;exports.version=Wb;

package/dist/ai-accounts-vue-styled.js

@@ -52869,7 +52869,7 @@ ${s.content}`).join(`
       }, null, 8, ["placeholder", "is-streaming"]))
     ]));
   }
-}), AR = /* @__PURE__ */ Ae(hf, [["__scopeId", "data-v-b27251f6"]]), yR = "0.3.4";
+}), AR = /* @__PURE__ */ Ae(hf, [["__scopeId", "data-v-b27251f6"]]), yR = "0.3.5";
 export {
   hR as AccountEditForm,
   OR as AccountWizard,

package/dist/index.d.ts

@@ -16,5 +16,5 @@ export { default as ProcessGroup } from './components/ProcessGroup.vue';
 export { default as MessageActions } from './components/MessageActions.vue';
 export { default as FinalizationBanner } from './components/FinalizationBanner.vue';
 export { forceFreshAccountPrompt } from './components/forceFreshAccountPrompt';
-export declare const version = "0.3.4";
+export declare const version = "0.3.5";
 //# sourceMappingURL=index.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-accounts/vue-styled",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "description": "Vue 3 styled components for ai-accounts",
   "license": "Apache-2.0",
   "type": "module",