@standardagents/builder 0.19.2 → 0.19.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/client/{ApiKeysView-Do-1UE9g.js → ApiKeysView-BpWU5WS4.js} +1 -1
  2. package/dist/client/{CenteredContentView-jbhr1bjU.js → CenteredContentView-w5dIVLqh.js} +1 -1
  3. package/dist/client/{CompositionView-IaJk9O8E.js → CompositionView-Beq1ylU1.js} +1 -1
  4. package/dist/client/{ConfirmDialog.vue_vue_type_script_setup_true_lang-qy-xFdId.js → ConfirmDialog.vue_vue_type_script_setup_true_lang-CUH5M-Rk.js} +1 -1
  5. package/dist/client/{CopyButton.vue_vue_type_script_setup_true_lang-CBllbG82.js → CopyButton.vue_vue_type_script_setup_true_lang-BP_WkBf6.js} +1 -1
  6. package/dist/client/{DataTable.vue_vue_type_script_setup_true_lang-JokGQoze.js → DataTable.vue_vue_type_script_setup_true_lang-DO60JJnL.js} +1 -1
  7. package/dist/client/{JsonViewer-DlkFhEMS.js → JsonViewer-DwV4rW0b.js} +1 -1
  8. package/dist/client/{LoginView-BDpEA1ia.js → LoginView-DVEFdVrE.js} +1 -1
  9. package/dist/client/{MarketplaceView-DRnUbaWM.js → MarketplaceView-t-Eg-rnC.js} +1 -1
  10. package/dist/client/{Modal.vue_vue_type_script_setup_true_lang-BC0ceJWj.js → Modal.vue_vue_type_script_setup_true_lang-B_xALCRj.js} +1 -1
  11. package/dist/client/{ModelModal.vue_vue_type_script_setup_true_lang-CIs1Lwjp.js → ModelModal.vue_vue_type_script_setup_true_lang-BWrVi0At.js} +1 -1
  12. package/dist/client/{ModelsView-BKcPCTxf.js → ModelsView-BqdYlypS.js} +1 -1
  13. package/dist/client/{PromptEditView-CAhF5-n3.js → PromptEditView-qaOh1PaG.js} +1 -1
  14. package/dist/client/{PromptModal-kPH1G9G3.js → PromptModal-Cls1xDPx.js} +1 -1
  15. package/dist/client/{PromptsView-B8UPzw78.js → PromptsView-C-MkbK76.js} +1 -1
  16. package/dist/client/{ProvidersView-C4oc5xSk.js → ProvidersView-CZViKt33.js} +1 -1
  17. package/dist/client/{ThreadInspectorPane.vue_vue_type_script_setup_true_lang-DQZxl-R3.js → ThreadInspectorPane.vue_vue_type_script_setup_true_lang-EygdqBZl.js} +1 -1
  18. package/dist/client/{ThreadsView-Jg5Eu2ZF.js → ThreadsView-ClvCi_SA.js} +1 -1
  19. package/dist/client/{ToolsView-DYJkLRhl.js → ToolsView-CWruw9LL.js} +1 -1
  20. package/dist/client/{UsersView-C-4OraZ9.js → UsersView-ClUhEpVK.js} +1 -1
  21. package/dist/client/{VariablesView-C904vTKK.js → VariablesView-ChQQXYrE.js} +1 -1
  22. package/dist/client/index-9-23MLMl.js +6 -0
  23. package/dist/client/index.html +1 -1
  24. package/package.json +4 -4
  25. package/dist/client/index-Dlk9K3Tb.js +0 -6
@@ -1 +1 @@
1
- import{A as J,b as m,e as a,f as d,d as L,m as C,z as h,q as f,J as o,k as p,s as V,u as H,j as w,_ as pe,B as j,g as U,r as $,w as T,F as ne,l as se,K as ge,h as P,a3 as xe,c as x,O as re,a5 as ye,ao as we,a4 as Se,C as $e,D as Ce}from"./vue-CSFkhEaa.js";import{_ as Be}from"./Modal.vue_vue_type_script_setup_true_lang-BC0ceJWj.js";import{_,J as Te,$ as He,L as X,i as Y,M as ee,z as te,C as Fe,a0 as Pe,a1 as Ve,a2 as Ee,a3 as Me,a4 as ze,a5 as Ne,m as De}from"./index-Dlk9K3Tb.js";import{I as Re}from"./check-CXHJBWFq.js";const Ie={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function Le(e,c){return a(),m("svg",Ie,[...c[0]||(c[0]=[d("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"},null,-1)])])}const ae=J({name:"lucide-wrench",render:Le}),Ke={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function Ae(e,c){return a(),m("svg",Ke,[...c[0]||(c[0]=[d("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"},null,-1)])])}const le=J({name:"lucide-zap",render:Ae}),je={class:"p-6 border-t border-neutral-200 dark:border-neutral-700 flex-shrink-0"},qe={key:1,class:"flex items-center gap-3"},Oe={key:0,class:"text-sm text-red-600 dark:text-red-400"},_e=L({__name:"EditFormFooter",props:{formId:{},formNode:{},readonly:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},saving:{type:Boolean,default:!1},dirty:{type:Boolean,default:!1},saveSucceeded:{type:Boolean,default:!1},saveLabel:{},saveDisabled:{type:Boolean,default:!1},apiError:{default:null},cancelLabel:{default:"Cancel"}},emits:["cancel","discard"],setup(e,{emit:c}){const b=c;return(s,v)=>(a(),m("div",je,[d("div",{class:C(["flex items-center",e.inline?"justify-end":"justify-between"])},[e.inline?f("",!0):(a(),h(o(_),{key:0,variant:"ghost",size:"sm",disabled:e.saving,onClick:v[0]||(v[0]=u=>b("cancel"))},{default:p(()=>[V(H(e.cancelLabel),1)]),_:1},8,["disabled"])),e.readonly?f("",!0):(a(),m("div",qe,[e.apiError?(a(),m("span",Oe,H(e.apiError),1)):f("",!0),w(o(pe),{node:e.formNode||void 0},null,8,["node"]),e.inline&&e.dirty?(a(),h(o(_),{key:1,variant:"ghost",size:"sm",disabled:e.saving,onClick:v[1]||(v[1]=u=>b("discard"))},{default:p(()=>[...v[2]||(v[2]=[V(" Discard changes ",-1)])]),_:1},8,["disabled"])):f("",!0),w(o(_),{variant:e.saveSucceeded?"success":"primary",size:"sm",disabled:e.saveDisabled,loading:e.saving,"icon-left":e.saveSucceeded?o(Re):void 0,type:"submit",form:e.formId},{default:p(()=>[V(H(e.saveLabel),1)]),_:1},8,["variant","disabled","loading","icon-left","form"])]))],2)]))}}),Ue=["id"],Je={class:"modal-card-header border-b border-neutral-100 px-5 py-3 dark:border-neutral-800"},Ge={class:"text-sm font-semibold text-neutral-900 dark:text-neutral-100 flex items-center gap-2"},We={class:"p-5"},F=L({__name:"ModalCard",props:{id:{},title:{},icon:{},flat:{type:Boolean,default:!1}},setup(e){return(c,b)=>(a(),m("section",{id:e.id,class:C(e.flat?"modal-card overflow-hidden border-y border-neutral-200 bg-white dark:border-neutral-800 dark:bg-neutral-900":"modal-card overflow-hidden rounded-lg border border-neutral-200 bg-white dark:border-neutral-700 dark:bg-neutral-900")},[d("div",Je,[d("h3",Ge,[e.icon?(a(),h(j(e.icon),{key:0,class:"w-4 h-4 text-neutral-500"})):f("",!0),V(" "+H(e.title),1)])]),d("div",We,[U(c.$slots,"default")]),c.$slots.footer?(a(),m("div",{key:0,class:C(["modal-card-footer",e.flat?"border-t border-neutral-100 bg-transparent px-5 py-3 dark:border-neutral-800":"border-t border-neutral-100 bg-neutral-50 px-5 py-3 dark:border-neutral-800 dark:bg-neutral-800/50"])},[U(c.$slots,"footer")],2)):f("",!0)],10,Ue))}}),Ze=["onClick"],Qe={class:"overflow-hidden text-ellipsis whitespace-nowrap"},Xe=L({__name:"ModalTabs",props:{tabs:{},activeTab:{},accentActive:{type:Boolean},orientation:{default:"vertical"}},emits:["select"],setup(e,{emit:c}){const b=e,s=c,v=$({}),u=()=>b.orientation==="horizontal";function i(l,n){v.value[l]=n instanceof HTMLButtonElement?n:null}return T(()=>[b.activeTab,b.orientation],async()=>{u()&&(await P(),v.value[b.activeTab]?.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"}))},{immediate:!0}),(l,n)=>(a(),m("div",{class:C(e.orientation==="horizontal"?"flex min-w-0 gap-1 overflow-x-auto px-2 py-2":"flex flex-col gap-1 px-2")},[(a(!0),m(ne,null,se(e.tabs,k=>(a(),m("button",{key:k.id,ref_for:!0,ref:y=>i(k.id,y),type:"button",onClick:ge(y=>s("select",k.id),["prevent"]),class:C([e.orientation==="horizontal"?"flex shrink-0 items-center gap-1.5 rounded px-2.5 py-1.5 text-xs font-medium transition-all":"flex w-full items-center gap-3 rounded px-3 py-2.5 text-left text-sm font-medium transition-all",e.activeTab===k.id?e.accentActive?"agents-surface-selected agents-text-selected":"bg-black text-white dark:bg-white dark:text-black":"text-neutral-600 dark:text-neutral-400 hover:bg-black/5 dark:hover:bg-white/10"])},[(a(),h(j(k.icon),{class:C(e.orientation==="horizontal"?"h-3.5 w-3.5 flex-shrink-0":"h-4 w-4 flex-shrink-0")},null,8,["class"])),d("span",Qe,H(k.label),1)],10,Ze))),128))],2))}});function Ye(e,c){const b=$(c[0]);let s=null;const v=(l,n)=>l.querySelector(`#section-${n}`),u=()=>{const l=e.value;if(!l||l.clientHeight<=0)return;const n=c.filter(M=>v(l,M)!==null);if(n.length===0)return;if(l.scrollHeight>l.clientHeight+1&&l.scrollHeight-l.scrollTop-l.clientHeight<50){b.value=n[n.length-1];return}const t=l.getBoundingClientRect(),E=t.top+t.height*.3;let I=n[0];for(const M of n)v(l,M).getBoundingClientRect().top<=E&&(I=M);b.value=I},i=l=>{const n=e.value,k=n?v(n,l):null;if(k&&n){const y=n.getBoundingClientRect().top,t=k.getBoundingClientRect().top,E=n.scrollTop+(t-y);n.scrollTo({top:E,behavior:"smooth"})}};return T(e,(l,n)=>{n&&(n.removeEventListener("scroll",u),s?.disconnect(),s=null),l&&(l.addEventListener("scroll",u),s=new ResizeObserver(u),s.observe(l),u())}),xe(()=>{e.value?.removeEventListener("scroll",u),s?.disconnect()}),{activeTab:b,scrollToSection:i}}const et={key:0,class:"mb-4 space-y-2"},tt={class:"min-w-0 flex-1"},at={class:"text-sm font-medium"},lt={class:"text-xs text-neutral-500 dark:text-neutral-400"},ot=["onClick","aria-label"],nt={key:2,class:"rounded-lg border border-dashed border-neutral-300 px-4 py-6 text-center dark:border-neutral-600"},st={key:3,class:"py-3 text-center text-xs text-neutral-400 dark:text-neutral-500"},rt=L({__name:"PromptHooksFields",props:{form:{}},setup(e){const c=e,b=$(""),s=x(()=>{const u=new Set(c.form.selectedHooks.value);return c.form.availableHooks.value.filter(i=>!u.has(i.id)).map(i=>({value:i.id,label:i.id,attrs:{description:i.hook}}))}),v=u=>{u&&(c.form.selectedHooks.value.includes(u)||(c.form.selectedHooks.value=[...c.form.selectedHooks.value,u],P(()=>{b.value=""})))};return(u,i)=>{const l=re("FormKit");return a(),m("div",null,[i[3]||(i[3]=d("p",{class:"mb-4 text-sm text-neutral-500 dark:text-neutral-400"}," Select hooks to run when this prompt is active. Hooks execute in the order listed. ",-1)),e.form.selectedHooks.value.length>0?(a(),m("div",et,[(a(!0),m(ne,null,se(e.form.selectedHooks.value,n=>(a(),m("div",{key:n,class:"flex items-center justify-between rounded-lg border border-neutral-300 p-3 dark:border-neutral-600"},[d("div",tt,[d("div",at,H(n),1),d("div",lt,H(e.form.availableHooks.value.find(k=>k.id===n)?.hook||"unknown"),1)]),d("button",{onClick:k=>e.form.selectedHooks.value=e.form.selectedHooks.value.filter(y=>y!==n),type:"button",class:"rounded p-1 text-neutral-500 transition-colors hover:bg-neutral-200 hover:text-red-500 dark:hover:bg-neutral-800","aria-label":`Remove ${n}`},[...i[1]||(i[1]=[d("svg",{class:"h-4 w-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[d("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M6 18L18 6M6 6l12 12"})],-1)])],8,ot)]))),128))])):f("",!0),s.value.length>0?(a(),h(l,{key:1,type:"selectSearch",modelValue:b.value,"onUpdate:modelValue":i[0]||(i[0]=n=>b.value=n),onInput:v,placeholder:e.form.selectedHooks.value.length>0?"Add another hook...":"Select a hook","search-placeholder":"Search hooks...",options:s.value,"outer-class":"$reset"},null,8,["modelValue","placeholder","options"])):f("",!0),e.form.availableHooks.value.length===0?(a(),m("div",nt,[...i[2]||(i[2]=[d("p",{class:"text-sm text-neutral-500 dark:text-neutral-400"},[V(" No hooks available. Create hooks in "),d("code",{class:"rounded bg-neutral-200 px-1.5 py-0.5 font-mono text-xs dark:bg-neutral-700"},"agents/hooks/"),V(" to enable them here. ")],-1)])])):s.value.length===0&&e.form.selectedHooks.value.length>0?(a(),m("div",st," All available hooks are selected. ")):f("",!0)])}}}),it={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function ct(e,c){return a(),m("svg",it,[...c[0]||(c[0]=[d("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2a2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1m8 0h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1"},null,-1)])])}const oe=J({name:"lucide-braces",render:ct}),dt={key:0,class:"flex min-h-[500px] items-center justify-center"},ut={class:"flex min-h-0 min-w-0 flex-1 flex-col"},ft={key:0,class:"sticky top-0 z-10 flex min-w-0 shrink-0 items-center gap-2 border-b border-neutral-200 bg-neutral-50/95 px-3 backdrop-blur dark:border-neutral-800 dark:bg-neutral-950/95"},mt={class:"min-w-0 flex-1"},vt={class:"edit-sections-query"},bt=L({__name:"PromptModal",props:{modelValue:{type:Boolean},editPrompt:{},mode:{},readonly:{type:Boolean,default:!1},saving:{type:Boolean,default:!1},apiError:{default:null},inline:{type:Boolean,default:!1},inlineGlobalNotice:{type:Boolean,default:!1},inlineAccentTabs:{type:Boolean,default:!1},inlineFlatSections:{type:Boolean,default:!1},saveSuccessKey:{default:0},resetSuccessKey:{default:0},surfaceSection:{default:null},surfaceDefaultToolTab:{default:null}},emits:["update:modelValue","save"],setup(e,{expose:c,emit:b}){const s=e,v=b,u=x(()=>s.mode==="edit"),i=x(()=>!!s.surfaceSection),l=x(()=>s.inline&&s.inlineFlatSections),n=x(()=>s.inline||i.value),k=x(()=>n.value?{config:Te}:{}),y=x(()=>u.value&&(s.editPrompt?.id||s.editPrompt?.name)||""),t=He(()=>y.value,{autoload:!1}),E=$(null),I=$(null),M=["basics","schema","prompt","tools","hooks","variables","behavior"],{activeTab:G,scrollToSection:W}=Ye(E,M),ie=[{id:"basics",label:"Basics",icon:X},{id:"schema",label:"Schema",icon:oe},{id:"prompt",label:"Prompt",icon:Y},{id:"tools",label:"Tools",icon:ae},{id:"hooks",label:"Hooks",icon:le},{id:"variables",label:"Variables",icon:ee},{id:"behavior",label:"Behavior",icon:te}],S=$(!1),z=$(!1),N=$(!1),K=$(null);let A=0;const Z=x(()=>JSON.stringify({name:t.name.value,toolDescription:t.toolDescription.value,selectedModel:t.selectedModel.value,requiredSchema:t.requiredSchema.value,promptText:t.promptText.value,includeChat:t.includeChat.value,includePastTools:t.includePastTools.value,selectedTools:t.selectedTools.value,parallelToolCalls:t.parallelToolCalls.value,toolChoice:t.toolChoice.value,reasoningEffort:t.reasoningEffort.value,reasoningMaxTokens:t.reasoningMaxTokens.value,reasoningExclude:t.reasoningExclude.value,includeReasoning:t.includeReasoning.value,selectedHooks:t.selectedHooks.value,promptVariables:t.promptVariables.value,promptEnv:t.promptEnv.value}));x(()=>N.value?"success":"primary");const ce=x(()=>N.value?"Saved":u.value?"Save Prompt Changes":"Create Prompt"),de=x(()=>s.saving||z.value||s.inline&&!S.value),ue=x(()=>i.value||s.inline?{class:s.inline?"flex h-full min-w-0 flex-col":"min-w-0"}:{modelValue:s.modelValue,title:u.value?"Edit Prompt":"Add Prompt",width:"max-w-5xl",contentPadding:!1});function B(){N.value=!1,K.value=null}function D(){P().then(()=>{if(z.value){S.value=!1;return}S.value=!!t.formNode.value?.context?.state.dirty})}function fe(r){t.handleFormNode(r),r.on("commit",D),r.on("reset",D),r.on("message-added",D),r.on("message-updated",D),r.on("message-removed",D),D()}async function q(){const r=++A;z.value=!0,S.value=!1,await P();const g=t.formNode.value;if(!g||r!==A){z.value=!1,S.value=!1;return}await g.settled,g.reset(g.value),await P(),r===A&&(z.value=!1,S.value=!1)}async function Q(){await q(),N.value=!0,K.value=Z.value}async function O(){B(),t.resetForm(),await P(),u.value&&y.value?await t.load():(await t.loadPrerequisites(),await t.fetchScannedVariables()),await q()}async function me(){I.value?.removeUnavailableTools(),await P();const r=await t.prepareSubmit();v("save",r)}function ve(){t.resetForm(),B(),v("update:modelValue",!1)}async function be(){B(),await O()}function he(r){v("update:modelValue",r)}function R(r){return!s.surfaceSection||s.surfaceSection===r}return T(()=>s.modelValue,async r=>{r?await O():(A+=1,t.resetForm(),B(),S.value=!1,z.value=!1)},{immediate:!0}),T(()=>y.value,async(r,g)=>{!s.modelValue||r===g||await O()}),T(()=>s.saveSuccessKey,(r,g)=>{r===g||r<=0||Q()}),T(()=>s.resetSuccessKey,(r,g)=>{r!==g&&B()}),T(Z,r=>{N.value&&K.value!==null&&r!==K.value&&B()}),T(S,r=>{r&&B()}),c({formNode:t.formNode,markSaveSucceeded:Q,markCurrentFormCleanAfterSettle:q,resetSaveSuccess:B}),(r,g)=>{const ke=re("FormKit");return a(),h(j(i.value||e.inline?"div":Be),ye(ue.value,we(i.value||e.inline?void 0:{"update:modelValue":he})),{default:p(()=>[(a(),h(j(n.value?o(Se):"div"),$e(Ce(k.value)),{default:p(()=>[o(t).isLoading.value?(a(),m("div",dt,[...g[0]||(g[0]=[d("span",{class:"text-neutral-500"},"Loading prompt data...",-1)])])):(a(),h(ke,{key:1,type:"form",id:"prompt-form",actions:!1,disabled:e.readonly||e.saving,onSubmit:me,onNode:fe,"dirty-behavior":"compare","outer-class":"$reset flex min-h-0 min-w-0 flex-1 flex-col","form-class":i.value?"$reset min-w-0 flex flex-col":"$reset flex-1 min-h-0 min-w-0 flex flex-col"},{default:p(()=>[d("div",ut,[i.value?f("",!0):(a(),m("nav",ft,[U(r.$slots,"nav-leading",{},void 0,!0),d("div",mt,[w(o(Xe),{tabs:ie,"active-tab":o(G),"accent-active":e.inlineAccentTabs,orientation:"horizontal",onSelect:o(W)},null,8,["active-tab","accent-active","onSelect"])])])),d("div",{ref_key:"contentRef",ref:E,class:C(["min-h-0 flex-1 overflow-y-auto",i.value?"p-5":l.value?"bg-neutral-100 dark:bg-neutral-950":"bg-neutral-100 p-5 dark:bg-neutral-950"])},[d("div",vt,[e.inlineGlobalNotice?(a(),m("div",{key:0,class:C(["edit-sections-notice rounded-md border border-amber-300 bg-amber-50 px-3 py-2 text-sm text-amber-800 dark:border-amber-700 dark:bg-amber-950/30 dark:text-amber-200",l.value?"mx-5 mb-4 mt-5":"mb-4"])}," Changes here are global and will affect all new messages across all threads. ",2)):f("",!0),d("div",{class:C([l.value?"space-y-4 pb-5":"space-y-4","edit-sections-stack"])},[e.apiError?(a(),h(o(Fe),{key:0,variant:"error"},{default:p(()=>[V(H(e.apiError),1)]),_:1})):f("",!0),R("basic")?(a(),h(o(F),{key:1,id:"section-basics",title:"Basics",icon:o(X),flat:l.value},{default:p(()=>[w(Pe,{form:o(t)},null,8,["form"])]),_:1},8,["icon","flat"])):f("",!0),R("schema")?(a(),h(o(F),{key:2,id:"section-schema",title:"Schema",icon:o(oe),flat:l.value},{default:p(()=>[w(Ve,{form:o(t)},null,8,["form"])]),_:1},8,["icon","flat"])):f("",!0),R("prompt")?(a(),h(o(F),{key:3,id:"section-prompt",title:"Prompt",icon:o(Y),flat:l.value},{default:p(()=>[w(Ee,{form:o(t)},null,8,["form"])]),_:1},8,["icon","flat"])):f("",!0),R("tools")?(a(),h(o(F),{key:4,id:"section-tools",title:"Tools",icon:o(ae),flat:l.value},{default:p(()=>[w(Me,{ref_key:"toolsFieldsRef",ref:I,form:o(t),"default-tab":e.surfaceDefaultToolTab},null,8,["form","default-tab"])]),_:1},8,["icon","flat"])):f("",!0),i.value?f("",!0):(a(),h(o(F),{key:5,id:"section-hooks",title:"Hooks",icon:o(le),flat:l.value},{default:p(()=>[w(rt,{form:o(t)},null,8,["form"])]),_:1},8,["icon","flat"])),R("variables")?(a(),h(o(F),{key:6,id:"section-variables",title:"Variables",icon:o(ee),flat:l.value},{default:p(()=>[w(ze,{form:o(t),readonly:e.readonly},null,8,["form","readonly"])]),_:1},8,["icon","flat"])):f("",!0),R("behavior")?(a(),h(o(F),{key:7,id:"section-behavior",title:"Behavior",icon:o(te),flat:l.value},{default:p(()=>[w(Ne,{form:o(t)},null,8,["form"])]),_:1},8,["icon","flat"])):f("",!0)],2)])],2)]),i.value?f("",!0):(a(),h(_e,{key:0,"form-id":"prompt-form","form-node":o(t).formNode.value,readonly:e.readonly,inline:e.inline,saving:e.saving,dirty:S.value,"save-succeeded":N.value,"save-label":ce.value,"save-disabled":de.value,"api-error":e.apiError,"cancel-label":e.readonly?"Close":"Cancel",onCancel:ve,onDiscard:be},null,8,["form-node","readonly","inline","saving","dirty","save-succeeded","save-label","save-disabled","api-error","cancel-label"]))]),_:3},8,["disabled","form-class"]))]),_:3},16))]),_:3},16)}}}),xt=De(bt,[["__scopeId","data-v-e5d80261"]]);export{ae as I,xt as P,Xe as _,le as a,F as b,_e as c,Ye as u};
1
+ import{A as J,b as m,e as a,f as d,d as L,m as C,z as h,q as f,J as o,k as p,s as V,u as H,j as w,_ as pe,B as j,g as U,r as $,w as T,F as ne,l as se,K as ge,h as P,a3 as xe,c as x,O as re,a5 as ye,ao as we,a4 as Se,C as $e,D as Ce}from"./vue-CSFkhEaa.js";import{_ as Be}from"./Modal.vue_vue_type_script_setup_true_lang-B_xALCRj.js";import{_,J as Te,$ as He,L as X,i as Y,M as ee,z as te,C as Fe,a0 as Pe,a1 as Ve,a2 as Ee,a3 as Me,a4 as ze,a5 as Ne,m as De}from"./index-9-23MLMl.js";import{I as Re}from"./check-CXHJBWFq.js";const Ie={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function Le(e,c){return a(),m("svg",Ie,[...c[0]||(c[0]=[d("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"},null,-1)])])}const ae=J({name:"lucide-wrench",render:Le}),Ke={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function Ae(e,c){return a(),m("svg",Ke,[...c[0]||(c[0]=[d("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"},null,-1)])])}const le=J({name:"lucide-zap",render:Ae}),je={class:"p-6 border-t border-neutral-200 dark:border-neutral-700 flex-shrink-0"},qe={key:1,class:"flex items-center gap-3"},Oe={key:0,class:"text-sm text-red-600 dark:text-red-400"},_e=L({__name:"EditFormFooter",props:{formId:{},formNode:{},readonly:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},saving:{type:Boolean,default:!1},dirty:{type:Boolean,default:!1},saveSucceeded:{type:Boolean,default:!1},saveLabel:{},saveDisabled:{type:Boolean,default:!1},apiError:{default:null},cancelLabel:{default:"Cancel"}},emits:["cancel","discard"],setup(e,{emit:c}){const b=c;return(s,v)=>(a(),m("div",je,[d("div",{class:C(["flex items-center",e.inline?"justify-end":"justify-between"])},[e.inline?f("",!0):(a(),h(o(_),{key:0,variant:"ghost",size:"sm",disabled:e.saving,onClick:v[0]||(v[0]=u=>b("cancel"))},{default:p(()=>[V(H(e.cancelLabel),1)]),_:1},8,["disabled"])),e.readonly?f("",!0):(a(),m("div",qe,[e.apiError?(a(),m("span",Oe,H(e.apiError),1)):f("",!0),w(o(pe),{node:e.formNode||void 0},null,8,["node"]),e.inline&&e.dirty?(a(),h(o(_),{key:1,variant:"ghost",size:"sm",disabled:e.saving,onClick:v[1]||(v[1]=u=>b("discard"))},{default:p(()=>[...v[2]||(v[2]=[V(" Discard changes ",-1)])]),_:1},8,["disabled"])):f("",!0),w(o(_),{variant:e.saveSucceeded?"success":"primary",size:"sm",disabled:e.saveDisabled,loading:e.saving,"icon-left":e.saveSucceeded?o(Re):void 0,type:"submit",form:e.formId},{default:p(()=>[V(H(e.saveLabel),1)]),_:1},8,["variant","disabled","loading","icon-left","form"])]))],2)]))}}),Ue=["id"],Je={class:"modal-card-header border-b border-neutral-100 px-5 py-3 dark:border-neutral-800"},Ge={class:"text-sm font-semibold text-neutral-900 dark:text-neutral-100 flex items-center gap-2"},We={class:"p-5"},F=L({__name:"ModalCard",props:{id:{},title:{},icon:{},flat:{type:Boolean,default:!1}},setup(e){return(c,b)=>(a(),m("section",{id:e.id,class:C(e.flat?"modal-card overflow-hidden border-y border-neutral-200 bg-white dark:border-neutral-800 dark:bg-neutral-900":"modal-card overflow-hidden rounded-lg border border-neutral-200 bg-white dark:border-neutral-700 dark:bg-neutral-900")},[d("div",Je,[d("h3",Ge,[e.icon?(a(),h(j(e.icon),{key:0,class:"w-4 h-4 text-neutral-500"})):f("",!0),V(" "+H(e.title),1)])]),d("div",We,[U(c.$slots,"default")]),c.$slots.footer?(a(),m("div",{key:0,class:C(["modal-card-footer",e.flat?"border-t border-neutral-100 bg-transparent px-5 py-3 dark:border-neutral-800":"border-t border-neutral-100 bg-neutral-50 px-5 py-3 dark:border-neutral-800 dark:bg-neutral-800/50"])},[U(c.$slots,"footer")],2)):f("",!0)],10,Ue))}}),Ze=["onClick"],Qe={class:"overflow-hidden text-ellipsis whitespace-nowrap"},Xe=L({__name:"ModalTabs",props:{tabs:{},activeTab:{},accentActive:{type:Boolean},orientation:{default:"vertical"}},emits:["select"],setup(e,{emit:c}){const b=e,s=c,v=$({}),u=()=>b.orientation==="horizontal";function i(l,n){v.value[l]=n instanceof HTMLButtonElement?n:null}return T(()=>[b.activeTab,b.orientation],async()=>{u()&&(await P(),v.value[b.activeTab]?.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"}))},{immediate:!0}),(l,n)=>(a(),m("div",{class:C(e.orientation==="horizontal"?"flex min-w-0 gap-1 overflow-x-auto px-2 py-2":"flex flex-col gap-1 px-2")},[(a(!0),m(ne,null,se(e.tabs,k=>(a(),m("button",{key:k.id,ref_for:!0,ref:y=>i(k.id,y),type:"button",onClick:ge(y=>s("select",k.id),["prevent"]),class:C([e.orientation==="horizontal"?"flex shrink-0 items-center gap-1.5 rounded px-2.5 py-1.5 text-xs font-medium transition-all":"flex w-full items-center gap-3 rounded px-3 py-2.5 text-left text-sm font-medium transition-all",e.activeTab===k.id?e.accentActive?"agents-surface-selected agents-text-selected":"bg-black text-white dark:bg-white dark:text-black":"text-neutral-600 dark:text-neutral-400 hover:bg-black/5 dark:hover:bg-white/10"])},[(a(),h(j(k.icon),{class:C(e.orientation==="horizontal"?"h-3.5 w-3.5 flex-shrink-0":"h-4 w-4 flex-shrink-0")},null,8,["class"])),d("span",Qe,H(k.label),1)],10,Ze))),128))],2))}});function Ye(e,c){const b=$(c[0]);let s=null;const v=(l,n)=>l.querySelector(`#section-${n}`),u=()=>{const l=e.value;if(!l||l.clientHeight<=0)return;const n=c.filter(M=>v(l,M)!==null);if(n.length===0)return;if(l.scrollHeight>l.clientHeight+1&&l.scrollHeight-l.scrollTop-l.clientHeight<50){b.value=n[n.length-1];return}const t=l.getBoundingClientRect(),E=t.top+t.height*.3;let I=n[0];for(const M of n)v(l,M).getBoundingClientRect().top<=E&&(I=M);b.value=I},i=l=>{const n=e.value,k=n?v(n,l):null;if(k&&n){const y=n.getBoundingClientRect().top,t=k.getBoundingClientRect().top,E=n.scrollTop+(t-y);n.scrollTo({top:E,behavior:"smooth"})}};return T(e,(l,n)=>{n&&(n.removeEventListener("scroll",u),s?.disconnect(),s=null),l&&(l.addEventListener("scroll",u),s=new ResizeObserver(u),s.observe(l),u())}),xe(()=>{e.value?.removeEventListener("scroll",u),s?.disconnect()}),{activeTab:b,scrollToSection:i}}const et={key:0,class:"mb-4 space-y-2"},tt={class:"min-w-0 flex-1"},at={class:"text-sm font-medium"},lt={class:"text-xs text-neutral-500 dark:text-neutral-400"},ot=["onClick","aria-label"],nt={key:2,class:"rounded-lg border border-dashed border-neutral-300 px-4 py-6 text-center dark:border-neutral-600"},st={key:3,class:"py-3 text-center text-xs text-neutral-400 dark:text-neutral-500"},rt=L({__name:"PromptHooksFields",props:{form:{}},setup(e){const c=e,b=$(""),s=x(()=>{const u=new Set(c.form.selectedHooks.value);return c.form.availableHooks.value.filter(i=>!u.has(i.id)).map(i=>({value:i.id,label:i.id,attrs:{description:i.hook}}))}),v=u=>{u&&(c.form.selectedHooks.value.includes(u)||(c.form.selectedHooks.value=[...c.form.selectedHooks.value,u],P(()=>{b.value=""})))};return(u,i)=>{const l=re("FormKit");return a(),m("div",null,[i[3]||(i[3]=d("p",{class:"mb-4 text-sm text-neutral-500 dark:text-neutral-400"}," Select hooks to run when this prompt is active. Hooks execute in the order listed. ",-1)),e.form.selectedHooks.value.length>0?(a(),m("div",et,[(a(!0),m(ne,null,se(e.form.selectedHooks.value,n=>(a(),m("div",{key:n,class:"flex items-center justify-between rounded-lg border border-neutral-300 p-3 dark:border-neutral-600"},[d("div",tt,[d("div",at,H(n),1),d("div",lt,H(e.form.availableHooks.value.find(k=>k.id===n)?.hook||"unknown"),1)]),d("button",{onClick:k=>e.form.selectedHooks.value=e.form.selectedHooks.value.filter(y=>y!==n),type:"button",class:"rounded p-1 text-neutral-500 transition-colors hover:bg-neutral-200 hover:text-red-500 dark:hover:bg-neutral-800","aria-label":`Remove ${n}`},[...i[1]||(i[1]=[d("svg",{class:"h-4 w-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[d("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M6 18L18 6M6 6l12 12"})],-1)])],8,ot)]))),128))])):f("",!0),s.value.length>0?(a(),h(l,{key:1,type:"selectSearch",modelValue:b.value,"onUpdate:modelValue":i[0]||(i[0]=n=>b.value=n),onInput:v,placeholder:e.form.selectedHooks.value.length>0?"Add another hook...":"Select a hook","search-placeholder":"Search hooks...",options:s.value,"outer-class":"$reset"},null,8,["modelValue","placeholder","options"])):f("",!0),e.form.availableHooks.value.length===0?(a(),m("div",nt,[...i[2]||(i[2]=[d("p",{class:"text-sm text-neutral-500 dark:text-neutral-400"},[V(" No hooks available. Create hooks in "),d("code",{class:"rounded bg-neutral-200 px-1.5 py-0.5 font-mono text-xs dark:bg-neutral-700"},"agents/hooks/"),V(" to enable them here. ")],-1)])])):s.value.length===0&&e.form.selectedHooks.value.length>0?(a(),m("div",st," All available hooks are selected. ")):f("",!0)])}}}),it={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function ct(e,c){return a(),m("svg",it,[...c[0]||(c[0]=[d("path",{fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2a2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1m8 0h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1"},null,-1)])])}const oe=J({name:"lucide-braces",render:ct}),dt={key:0,class:"flex min-h-[500px] items-center justify-center"},ut={class:"flex min-h-0 min-w-0 flex-1 flex-col"},ft={key:0,class:"sticky top-0 z-10 flex min-w-0 shrink-0 items-center gap-2 border-b border-neutral-200 bg-neutral-50/95 px-3 backdrop-blur dark:border-neutral-800 dark:bg-neutral-950/95"},mt={class:"min-w-0 flex-1"},vt={class:"edit-sections-query"},bt=L({__name:"PromptModal",props:{modelValue:{type:Boolean},editPrompt:{},mode:{},readonly:{type:Boolean,default:!1},saving:{type:Boolean,default:!1},apiError:{default:null},inline:{type:Boolean,default:!1},inlineGlobalNotice:{type:Boolean,default:!1},inlineAccentTabs:{type:Boolean,default:!1},inlineFlatSections:{type:Boolean,default:!1},saveSuccessKey:{default:0},resetSuccessKey:{default:0},surfaceSection:{default:null},surfaceDefaultToolTab:{default:null}},emits:["update:modelValue","save"],setup(e,{expose:c,emit:b}){const s=e,v=b,u=x(()=>s.mode==="edit"),i=x(()=>!!s.surfaceSection),l=x(()=>s.inline&&s.inlineFlatSections),n=x(()=>s.inline||i.value),k=x(()=>n.value?{config:Te}:{}),y=x(()=>u.value&&(s.editPrompt?.id||s.editPrompt?.name)||""),t=He(()=>y.value,{autoload:!1}),E=$(null),I=$(null),M=["basics","schema","prompt","tools","hooks","variables","behavior"],{activeTab:G,scrollToSection:W}=Ye(E,M),ie=[{id:"basics",label:"Basics",icon:X},{id:"schema",label:"Schema",icon:oe},{id:"prompt",label:"Prompt",icon:Y},{id:"tools",label:"Tools",icon:ae},{id:"hooks",label:"Hooks",icon:le},{id:"variables",label:"Variables",icon:ee},{id:"behavior",label:"Behavior",icon:te}],S=$(!1),z=$(!1),N=$(!1),K=$(null);let A=0;const Z=x(()=>JSON.stringify({name:t.name.value,toolDescription:t.toolDescription.value,selectedModel:t.selectedModel.value,requiredSchema:t.requiredSchema.value,promptText:t.promptText.value,includeChat:t.includeChat.value,includePastTools:t.includePastTools.value,selectedTools:t.selectedTools.value,parallelToolCalls:t.parallelToolCalls.value,toolChoice:t.toolChoice.value,reasoningEffort:t.reasoningEffort.value,reasoningMaxTokens:t.reasoningMaxTokens.value,reasoningExclude:t.reasoningExclude.value,includeReasoning:t.includeReasoning.value,selectedHooks:t.selectedHooks.value,promptVariables:t.promptVariables.value,promptEnv:t.promptEnv.value}));x(()=>N.value?"success":"primary");const ce=x(()=>N.value?"Saved":u.value?"Save Prompt Changes":"Create Prompt"),de=x(()=>s.saving||z.value||s.inline&&!S.value),ue=x(()=>i.value||s.inline?{class:s.inline?"flex h-full min-w-0 flex-col":"min-w-0"}:{modelValue:s.modelValue,title:u.value?"Edit Prompt":"Add Prompt",width:"max-w-5xl",contentPadding:!1});function B(){N.value=!1,K.value=null}function D(){P().then(()=>{if(z.value){S.value=!1;return}S.value=!!t.formNode.value?.context?.state.dirty})}function fe(r){t.handleFormNode(r),r.on("commit",D),r.on("reset",D),r.on("message-added",D),r.on("message-updated",D),r.on("message-removed",D),D()}async function q(){const r=++A;z.value=!0,S.value=!1,await P();const g=t.formNode.value;if(!g||r!==A){z.value=!1,S.value=!1;return}await g.settled,g.reset(g.value),await P(),r===A&&(z.value=!1,S.value=!1)}async function Q(){await q(),N.value=!0,K.value=Z.value}async function O(){B(),t.resetForm(),await P(),u.value&&y.value?await t.load():(await t.loadPrerequisites(),await t.fetchScannedVariables()),await q()}async function me(){I.value?.removeUnavailableTools(),await P();const r=await t.prepareSubmit();v("save",r)}function ve(){t.resetForm(),B(),v("update:modelValue",!1)}async function be(){B(),await O()}function he(r){v("update:modelValue",r)}function R(r){return!s.surfaceSection||s.surfaceSection===r}return T(()=>s.modelValue,async r=>{r?await O():(A+=1,t.resetForm(),B(),S.value=!1,z.value=!1)},{immediate:!0}),T(()=>y.value,async(r,g)=>{!s.modelValue||r===g||await O()}),T(()=>s.saveSuccessKey,(r,g)=>{r===g||r<=0||Q()}),T(()=>s.resetSuccessKey,(r,g)=>{r!==g&&B()}),T(Z,r=>{N.value&&K.value!==null&&r!==K.value&&B()}),T(S,r=>{r&&B()}),c({formNode:t.formNode,markSaveSucceeded:Q,markCurrentFormCleanAfterSettle:q,resetSaveSuccess:B}),(r,g)=>{const ke=re("FormKit");return a(),h(j(i.value||e.inline?"div":Be),ye(ue.value,we(i.value||e.inline?void 0:{"update:modelValue":he})),{default:p(()=>[(a(),h(j(n.value?o(Se):"div"),$e(Ce(k.value)),{default:p(()=>[o(t).isLoading.value?(a(),m("div",dt,[...g[0]||(g[0]=[d("span",{class:"text-neutral-500"},"Loading prompt data...",-1)])])):(a(),h(ke,{key:1,type:"form",id:"prompt-form",actions:!1,disabled:e.readonly||e.saving,onSubmit:me,onNode:fe,"dirty-behavior":"compare","outer-class":"$reset flex min-h-0 min-w-0 flex-1 flex-col","form-class":i.value?"$reset min-w-0 flex flex-col":"$reset flex-1 min-h-0 min-w-0 flex flex-col"},{default:p(()=>[d("div",ut,[i.value?f("",!0):(a(),m("nav",ft,[U(r.$slots,"nav-leading",{},void 0,!0),d("div",mt,[w(o(Xe),{tabs:ie,"active-tab":o(G),"accent-active":e.inlineAccentTabs,orientation:"horizontal",onSelect:o(W)},null,8,["active-tab","accent-active","onSelect"])])])),d("div",{ref_key:"contentRef",ref:E,class:C(["min-h-0 flex-1 overflow-y-auto",i.value?"p-5":l.value?"bg-neutral-100 dark:bg-neutral-950":"bg-neutral-100 p-5 dark:bg-neutral-950"])},[d("div",vt,[e.inlineGlobalNotice?(a(),m("div",{key:0,class:C(["edit-sections-notice rounded-md border border-amber-300 bg-amber-50 px-3 py-2 text-sm text-amber-800 dark:border-amber-700 dark:bg-amber-950/30 dark:text-amber-200",l.value?"mx-5 mb-4 mt-5":"mb-4"])}," Changes here are global and will affect all new messages across all threads. ",2)):f("",!0),d("div",{class:C([l.value?"space-y-4 pb-5":"space-y-4","edit-sections-stack"])},[e.apiError?(a(),h(o(Fe),{key:0,variant:"error"},{default:p(()=>[V(H(e.apiError),1)]),_:1})):f("",!0),R("basic")?(a(),h(o(F),{key:1,id:"section-basics",title:"Basics",icon:o(X),flat:l.value},{default:p(()=>[w(Pe,{form:o(t)},null,8,["form"])]),_:1},8,["icon","flat"])):f("",!0),R("schema")?(a(),h(o(F),{key:2,id:"section-schema",title:"Schema",icon:o(oe),flat:l.value},{default:p(()=>[w(Ve,{form:o(t)},null,8,["form"])]),_:1},8,["icon","flat"])):f("",!0),R("prompt")?(a(),h(o(F),{key:3,id:"section-prompt",title:"Prompt",icon:o(Y),flat:l.value},{default:p(()=>[w(Ee,{form:o(t)},null,8,["form"])]),_:1},8,["icon","flat"])):f("",!0),R("tools")?(a(),h(o(F),{key:4,id:"section-tools",title:"Tools",icon:o(ae),flat:l.value},{default:p(()=>[w(Me,{ref_key:"toolsFieldsRef",ref:I,form:o(t),"default-tab":e.surfaceDefaultToolTab},null,8,["form","default-tab"])]),_:1},8,["icon","flat"])):f("",!0),i.value?f("",!0):(a(),h(o(F),{key:5,id:"section-hooks",title:"Hooks",icon:o(le),flat:l.value},{default:p(()=>[w(rt,{form:o(t)},null,8,["form"])]),_:1},8,["icon","flat"])),R("variables")?(a(),h(o(F),{key:6,id:"section-variables",title:"Variables",icon:o(ee),flat:l.value},{default:p(()=>[w(ze,{form:o(t),readonly:e.readonly},null,8,["form","readonly"])]),_:1},8,["icon","flat"])):f("",!0),R("behavior")?(a(),h(o(F),{key:7,id:"section-behavior",title:"Behavior",icon:o(te),flat:l.value},{default:p(()=>[w(Ne,{form:o(t)},null,8,["form"])]),_:1},8,["icon","flat"])):f("",!0)],2)])],2)]),i.value?f("",!0):(a(),h(_e,{key:0,"form-id":"prompt-form","form-node":o(t).formNode.value,readonly:e.readonly,inline:e.inline,saving:e.saving,dirty:S.value,"save-succeeded":N.value,"save-label":ce.value,"save-disabled":de.value,"api-error":e.apiError,"cancel-label":e.readonly?"Close":"Cancel",onCancel:ve,onDiscard:be},null,8,["form-node","readonly","inline","saving","dirty","save-succeeded","save-label","save-disabled","api-error","cancel-label"]))]),_:3},8,["disabled","form-class"]))]),_:3},16))]),_:3},16)}}}),xt=De(bt,[["__scopeId","data-v-e5d80261"]]);export{ae as I,xt as P,Xe as _,le as a,F as b,_e as c,Ye as u};
@@ -1 +1 @@
1
- import{d as D,r as u,c as V,o as N,b as M,e as f,z as _,q as w,j as C,J as a,k as P,s as R,u as A,X as $,Y as T,w as I}from"./vue-CSFkhEaa.js";import{C as E,b as x,D as S,x as q}from"./index-Dlk9K3Tb.js";import{_ as B}from"./DataTable.vue_vue_type_script_setup_true_lang-JokGQoze.js";import{u as F}from"./useActionFeedback-BZCNQs6e.js";import{P as U}from"./PromptModal-kPH1G9G3.js";import{C as j}from"./CenteredContentView-jbhr1bjU.js";import{I as L}from"./plus-CklTWLDT.js";import"./formkit-CLaxdhg8.js";import"./vendor-TPZjEwCU.js";import"./syntax-D-ZcovVx.js";import"./monaco-DI2r3M8m.js";import"./chevron-right-DsRzlF4N.js";import"./ConfirmDialog.vue_vue_type_script_setup_true_lang-qy-xFdId.js";import"./Modal.vue_vue_type_script_setup_true_lang-BC0ceJWj.js";import"./check-CXHJBWFq.js";const z=D({__name:"PromptsDataTable",props:{title:{},description:{},primaryAction:{},readonly:{type:Boolean,default:!1}},emits:["add","edit","delete"],setup(i,{expose:b,emit:y}){const r=i,s=y,d=u([]),o=u(!1),{feedback:m,setFeedback:n,clearFeedback:l}=F(),k=[{key:"name",label:"Name",width:"w-1/4",sortable:!0},{key:"tool_description",label:"Description",width:"w-2/5"},{key:"model_name",label:"Model",width:"w-1/5",sortable:!0,filterable:!0,formatter:(e,t)=>e||t.model_id||"-",filterIcon:(e,t)=>t.model_provider?`/api/providers/${t.model_provider}/icon?model=${encodeURIComponent(t.model_id||"")}`:void 0},{key:"created_at",label:"Created",width:"w-1/6",sortable:!0,searchable:!1,formatter:e=>e?new Date(e*1e3).toLocaleDateString():"-"}],v=[{icon:"edit",label:"Edit",handler:e=>s("edit",e)},{icon:"delete",label:"Delete",handler:async e=>{await g(e)},confirm:!0,confirmMessage:"Are you sure you want to delete this prompt?",variant:"danger"}],h=V(()=>r.readonly?v.filter(e=>e.variant!=="danger"):v),c=async()=>{o.value=!0,l();try{const e=await fetch(x("/api/prompts"));if(e.ok){const t=await e.json();d.value=t.prompts||[]}}catch{n("error","Prompts could not be loaded.")}finally{o.value=!1}},g=async e=>{l();try{const t=await fetch(x(`/api/prompts/${encodeURIComponent(e.id)}`),{method:"DELETE"});if(t.ok)await c(),n("success","Prompt deleted.");else{const p=await t.json();n("error",p.error||"Failed to delete prompt")}}catch{n("error","Failed to delete prompt")}};return N(()=>{c()}),b({refresh:c}),(e,t)=>(f(),M("div",null,[a(m)?(f(),_(a(E),{key:0,variant:a(m).variant,class:"mb-4"},{default:P(()=>[R(A(a(m).message),1)]),_:1},8,["variant"])):w("",!0),C(B,{title:i.title,description:i.description,"primary-action":i.primaryAction,columns:k,data:d.value,actions:h.value,loading:o.value,sortable:"",searchable:"","search-placeholder":"Search prompts...","empty-message":"No prompts available. Create your first prompt to get started.",onRowClick:t[0]||(t[0]=p=>s("edit",p))},null,8,["title","description","primary-action","data","actions","loading"])]))}}),J={key:1,class:"mb-5 rounded-lg border border-amber-200 dark:border-amber-800 bg-amber-50 dark:bg-amber-950/30 px-4 py-3 text-sm text-amber-800 dark:text-amber-200"},ne=D({__name:"PromptsView",setup(i){const b=$(),y=T(),r=u(!1),s=u(null),d=u(null),o=S(),{saving:m,savePrompt:n}=q(),{feedback:l,setFeedback:k,clearFeedback:v}=F();I(()=>y.query.refresh,()=>{y.query.refresh&&(s.value?.refresh(),b.replace({path:"/prompts",query:{}}))});const h=()=>{r.value=!0},c=e=>{b.push(`/prompts/${e.id}`)},g=async e=>{v();const t=await n({mode:"add",data:e,formNode:d.value?.formNode});t.ok?(r.value=!1,await s.value?.refresh()):t.formErrorsApplied||k("error","Failed to create prompt")};return(e,t)=>(f(),_(j,null,{default:P(()=>[a(l)?(f(),_(a(E),{key:0,variant:a(l).variant,class:"mb-4"},{default:P(()=>[R(A(a(l).message),1)]),_:1},8,["variant"])):w("",!0),a(o)?w("",!0):(f(),M("div",J," Configuration is read-only in production. To make changes, edit your configuration files locally and deploy. ")),C(z,{ref_key:"dataTableRef",ref:s,title:"Prompts",description:"Define and manage prompt templates for your agents.","primary-action":a(o)?{label:"Create Prompt",icon:a(L),handler:h}:void 0,readonly:!a(o),onAdd:h,onEdit:c},null,8,["primary-action","readonly"]),C(U,{ref_key:"promptModalRef",ref:d,modelValue:r.value,"onUpdate:modelValue":t[0]||(t[0]=p=>r.value=p),mode:"add",saving:a(m),onSave:g},null,8,["modelValue","saving"])]),_:1}))}});export{ne as default};
1
+ import{d as D,r as u,c as V,o as N,b as M,e as f,z as _,q as w,j as C,J as a,k as P,s as R,u as A,X as $,Y as T,w as I}from"./vue-CSFkhEaa.js";import{C as E,b as x,D as S,x as q}from"./index-9-23MLMl.js";import{_ as B}from"./DataTable.vue_vue_type_script_setup_true_lang-DO60JJnL.js";import{u as F}from"./useActionFeedback-BZCNQs6e.js";import{P as U}from"./PromptModal-Cls1xDPx.js";import{C as j}from"./CenteredContentView-w5dIVLqh.js";import{I as L}from"./plus-CklTWLDT.js";import"./formkit-CLaxdhg8.js";import"./vendor-TPZjEwCU.js";import"./syntax-D-ZcovVx.js";import"./monaco-DI2r3M8m.js";import"./chevron-right-DsRzlF4N.js";import"./ConfirmDialog.vue_vue_type_script_setup_true_lang-CUH5M-Rk.js";import"./Modal.vue_vue_type_script_setup_true_lang-B_xALCRj.js";import"./check-CXHJBWFq.js";const z=D({__name:"PromptsDataTable",props:{title:{},description:{},primaryAction:{},readonly:{type:Boolean,default:!1}},emits:["add","edit","delete"],setup(i,{expose:b,emit:y}){const r=i,s=y,d=u([]),o=u(!1),{feedback:m,setFeedback:n,clearFeedback:l}=F(),k=[{key:"name",label:"Name",width:"w-1/4",sortable:!0},{key:"tool_description",label:"Description",width:"w-2/5"},{key:"model_name",label:"Model",width:"w-1/5",sortable:!0,filterable:!0,formatter:(e,t)=>e||t.model_id||"-",filterIcon:(e,t)=>t.model_provider?`/api/providers/${t.model_provider}/icon?model=${encodeURIComponent(t.model_id||"")}`:void 0},{key:"created_at",label:"Created",width:"w-1/6",sortable:!0,searchable:!1,formatter:e=>e?new Date(e*1e3).toLocaleDateString():"-"}],v=[{icon:"edit",label:"Edit",handler:e=>s("edit",e)},{icon:"delete",label:"Delete",handler:async e=>{await g(e)},confirm:!0,confirmMessage:"Are you sure you want to delete this prompt?",variant:"danger"}],h=V(()=>r.readonly?v.filter(e=>e.variant!=="danger"):v),c=async()=>{o.value=!0,l();try{const e=await fetch(x("/api/prompts"));if(e.ok){const t=await e.json();d.value=t.prompts||[]}}catch{n("error","Prompts could not be loaded.")}finally{o.value=!1}},g=async e=>{l();try{const t=await fetch(x(`/api/prompts/${encodeURIComponent(e.id)}`),{method:"DELETE"});if(t.ok)await c(),n("success","Prompt deleted.");else{const p=await t.json();n("error",p.error||"Failed to delete prompt")}}catch{n("error","Failed to delete prompt")}};return N(()=>{c()}),b({refresh:c}),(e,t)=>(f(),M("div",null,[a(m)?(f(),_(a(E),{key:0,variant:a(m).variant,class:"mb-4"},{default:P(()=>[R(A(a(m).message),1)]),_:1},8,["variant"])):w("",!0),C(B,{title:i.title,description:i.description,"primary-action":i.primaryAction,columns:k,data:d.value,actions:h.value,loading:o.value,sortable:"",searchable:"","search-placeholder":"Search prompts...","empty-message":"No prompts available. Create your first prompt to get started.",onRowClick:t[0]||(t[0]=p=>s("edit",p))},null,8,["title","description","primary-action","data","actions","loading"])]))}}),J={key:1,class:"mb-5 rounded-lg border border-amber-200 dark:border-amber-800 bg-amber-50 dark:bg-amber-950/30 px-4 py-3 text-sm text-amber-800 dark:text-amber-200"},ne=D({__name:"PromptsView",setup(i){const b=$(),y=T(),r=u(!1),s=u(null),d=u(null),o=S(),{saving:m,savePrompt:n}=q(),{feedback:l,setFeedback:k,clearFeedback:v}=F();I(()=>y.query.refresh,()=>{y.query.refresh&&(s.value?.refresh(),b.replace({path:"/prompts",query:{}}))});const h=()=>{r.value=!0},c=e=>{b.push(`/prompts/${e.id}`)},g=async e=>{v();const t=await n({mode:"add",data:e,formNode:d.value?.formNode});t.ok?(r.value=!1,await s.value?.refresh()):t.formErrorsApplied||k("error","Failed to create prompt")};return(e,t)=>(f(),_(j,null,{default:P(()=>[a(l)?(f(),_(a(E),{key:0,variant:a(l).variant,class:"mb-4"},{default:P(()=>[R(A(a(l).message),1)]),_:1},8,["variant"])):w("",!0),a(o)?w("",!0):(f(),M("div",J," Configuration is read-only in production. To make changes, edit your configuration files locally and deploy. ")),C(z,{ref_key:"dataTableRef",ref:s,title:"Prompts",description:"Define and manage prompt templates for your agents.","primary-action":a(o)?{label:"Create Prompt",icon:a(L),handler:h}:void 0,readonly:!a(o),onAdd:h,onEdit:c},null,8,["primary-action","readonly"]),C(U,{ref_key:"promptModalRef",ref:d,modelValue:r.value,"onUpdate:modelValue":t[0]||(t[0]=p=>r.value=p),mode:"add",saving:a(m),onSave:g},null,8,["modelValue","saving"])]),_:1}))}});export{ne as default};
@@ -1,3 +1,3 @@
1
- import{C as P,ai as V,b as g}from"./index-Dlk9K3Tb.js";import{_ as K}from"./DataTable.vue_vue_type_script_setup_true_lang-JokGQoze.js";import{C as N}from"./CenteredContentView-jbhr1bjU.js";import{I as k}from"./check-CXHJBWFq.js";import{u as $}from"./useActionFeedback-BZCNQs6e.js";import{d as F,r as y,o as B,z as x,e as n,k as i,q as D,j as l,J as a,s as d,u as w,b as f,f as v}from"./vue-CSFkhEaa.js";import"./formkit-CLaxdhg8.js";import"./monaco-DI2r3M8m.js";import"./vendor-TPZjEwCU.js";import"./syntax-D-ZcovVx.js";import"./chevron-right-DsRzlF4N.js";import"./ConfirmDialog.vue_vue_type_script_setup_true_lang-qy-xFdId.js";const E={class:"flex items-center gap-2"},S=["src","alt"],T={key:0,class:"inline-flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium rounded-full bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400"},j={key:1,class:"inline-flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium rounded-full bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400"},L=["title"],Z=F({__name:"ProvidersView",setup(O){const c=y([]),p=y(!1),{feedback:u,setFeedback:o,clearFeedback:b}=$(),_={cloudflare:"Cloudflare Workers AI",cerebras:"Cerebras","openai-sdk":"OpenAI SDK",openrouter:"OpenRouter",openai:"OpenAI"},m=e=>_[e]||e,C=[{key:"name",label:"Name",width:"w-1/3",sortable:!0},{key:"sdk",label:"SDK Type",width:"w-1/3",sortable:!0,formatter:e=>m(e)},{key:"hasApiKey",label:"API Key",width:"w-1/3"}],A=[{icon:"delete",label:"Delete",confirm:!0,confirmMessage:"Are you sure you want to delete this provider? This action cannot be undone.",variant:"danger",handler:async e=>{await I(e.name)}}],h=async()=>{p.value=!0,b();try{const e=await fetch(g("/api/providers"));if(!e.ok)throw new Error("Failed to fetch providers");const t=await e.json();c.value=t.providers||[]}catch{o("error","Providers could not be loaded."),c.value=[]}finally{p.value=!1}},I=async e=>{b();try{const t=await fetch(g(`/api/providers/${encodeURIComponent(e)}`),{method:"DELETE"});if(!t.ok){const r=await t.json();r.modelCount?o("error",`${r.error}
1
+ import{C as P,ai as V,b as g}from"./index-9-23MLMl.js";import{_ as K}from"./DataTable.vue_vue_type_script_setup_true_lang-DO60JJnL.js";import{C as N}from"./CenteredContentView-w5dIVLqh.js";import{I as k}from"./check-CXHJBWFq.js";import{u as $}from"./useActionFeedback-BZCNQs6e.js";import{d as F,r as y,o as B,z as x,e as n,k as i,q as D,j as l,J as a,s as d,u as w,b as f,f as v}from"./vue-CSFkhEaa.js";import"./formkit-CLaxdhg8.js";import"./monaco-DI2r3M8m.js";import"./vendor-TPZjEwCU.js";import"./syntax-D-ZcovVx.js";import"./chevron-right-DsRzlF4N.js";import"./ConfirmDialog.vue_vue_type_script_setup_true_lang-CUH5M-Rk.js";const E={class:"flex items-center gap-2"},S=["src","alt"],T={key:0,class:"inline-flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium rounded-full bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400"},j={key:1,class:"inline-flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium rounded-full bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400"},L=["title"],Z=F({__name:"ProvidersView",setup(O){const c=y([]),p=y(!1),{feedback:u,setFeedback:o,clearFeedback:b}=$(),_={cloudflare:"Cloudflare Workers AI",cerebras:"Cerebras","openai-sdk":"OpenAI SDK",openrouter:"OpenRouter",openai:"OpenAI"},m=e=>_[e]||e,C=[{key:"name",label:"Name",width:"w-1/3",sortable:!0},{key:"sdk",label:"SDK Type",width:"w-1/3",sortable:!0,formatter:e=>m(e)},{key:"hasApiKey",label:"API Key",width:"w-1/3"}],A=[{icon:"delete",label:"Delete",confirm:!0,confirmMessage:"Are you sure you want to delete this provider? This action cannot be undone.",variant:"danger",handler:async e=>{await I(e.name)}}],h=async()=>{p.value=!0,b();try{const e=await fetch(g("/api/providers"));if(!e.ok)throw new Error("Failed to fetch providers");const t=await e.json();c.value=t.providers||[]}catch{o("error","Providers could not be loaded."),c.value=[]}finally{p.value=!1}},I=async e=>{b();try{const t=await fetch(g(`/api/providers/${encodeURIComponent(e)}`),{method:"DELETE"});if(!t.ok){const r=await t.json();r.modelCount?o("error",`${r.error}
2
2
 
3
3
  This provider has ${r.modelCount} associated model(s).`):o("error",r.error||"Failed to delete provider");return}await h(),o("success","Provider deleted.")}catch{o("error","Failed to delete provider")}};return B(()=>{h()}),(e,t)=>(n(),x(N,null,{default:i(()=>[a(u)?(n(),x(a(P),{key:0,variant:a(u).variant,class:"mb-4 whitespace-pre-line"},{default:i(()=>[d(w(a(u).message),1)]),_:1},8,["variant"])):D("",!0),l(K,{title:"Providers",description:"Installed providers and API key status. Provider availability is defined in code and environment configuration.",columns:C,data:c.value,actions:A,loading:p.value,sortable:"",searchable:"","search-placeholder":"Search providers...","empty-message":"No providers are installed in this AgentBuilder instance."},{"cell-sdk":i(({value:r,row:s})=>[v("div",E,[v("img",{src:`/api/providers/${s.name}/icon`,alt:m(r),class:"w-5 h-5"},null,8,S),v("span",null,w(m(r)),1)])]),"cell-hasApiKey":i(({value:r,row:s})=>[r&&s.configuredViaPlatform?(n(),f("span",T,[l(a(k),{class:"w-3.5 h-3.5"}),t[0]||(t[0]=d(" Via platform ",-1))])):r?(n(),f("span",j,[l(a(k),{class:"w-3.5 h-3.5"}),t[1]||(t[1]=d(" Configured ",-1))])):(n(),f("span",{key:2,class:"inline-flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium rounded-full bg-neutral-100 text-neutral-500 dark:bg-neutral-800 dark:text-neutral-400",title:s.envKeys?.length?`Required: ${s.envKeys.join(", ")}`:void 0},[l(a(V),{class:"w-3.5 h-3.5"}),t[2]||(t[2]=d(" Not configured ",-1))],8,L))]),_:1},8,["data","loading"])]),_:1}))}});export{Z as default};
@@ -1,5 +1,5 @@
1
1
  const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["syntax-D-ZcovVx.js","vendor-TPZjEwCU.js","vue-CSFkhEaa.js","formkit-CLaxdhg8.js"])))=>i.map(i=>d[i]);
2
- import{d as We,z as N,e as n,k as Ae,g as Rt,m as ee,B as Et,c as A,an as qt,w as he,r as h,O as Ht,a5 as Xa,ao as Za,J as f,a4 as Gn,C as er,D as tr,b as r,f as t,q as S,j as z,s as Ge,u as g,h as Oe,a as Yt,Z as un,o as jt,ap as nr,aq as Lt,ag as $t,F as _e,l as Ne,K as ze,n as pt,ar as Ra,as as Ma,ah as Nt,at as ar,au as rr,av as Vn,aw as Da,ax as Fa,x as rt,ay as kn,az as sr,X as lr,Y as or,aA as Pa,y as ht,aB as wn,aC as _t,_ as qn,aD as ir,a3 as Mt,aE as dr,am as dn,aF as ur,aG as _n,aH as Na,aI as za,aJ as cr,al as fr,aK as ja,aL as pr,aM as vr,aN as mr,aO as gr,aP as hr,aQ as xr,aR as br,aS as yr,L as Vt,aT as en,aU as Hn,aV as Yn,P as zt,H as kr,aW as Ba,aX as wr,aY as _r,aZ as $r,a_ as Rn,a$ as Cr,b0 as Sr,b1 as Tr,b2 as na,b3 as $n,b4 as Ir,b5 as aa,b6 as ra,b7 as Un,W as Ar,b8 as Er,b9 as Lr,ba as sa}from"./vue-CSFkhEaa.js";import{H as Rr,b as He,J as Qn,K as Mr,L as Wn,I as vn,k as la,M as oa,C as Oa,N as Dr,O as ia,P as Fr,m as dt,Q as Va,R as qa,B as qe,S as Pr,h as Cn,V as Nr,U as Mn,_ as mn,e as ln,f as sn,W as zr,X as jr,u as Br,A as Dt,p as Or,w as Vr,y as qr,z as Hr,Y as Ur,Z as Wr,x as Kr}from"./index-Dlk9K3Tb.js";import{e as da}from"./vendor-TPZjEwCU.js";import{_ as Ha}from"./Modal.vue_vue_type_script_setup_true_lang-BC0ceJWj.js";import{u as Jr}from"./timeAgo-BByZFcs9.js";import{_ as Xn,u as Gr}from"./CopyButton.vue_vue_type_script_setup_true_lang-CBllbG82.js";import{_ as at,W as Yr,a as Qr,b as Xr,c as Zr,d as es,e as tn}from"./monaco-DI2r3M8m.js";import{J as Dn}from"./JsonViewer-DlkFhEMS.js";import{_ as ts}from"./ConfirmDialog.vue_vue_type_script_setup_true_lang-qy-xFdId.js";import{u as Ua,_ as Wa,b as gn,c as ns,P as as}from"./PromptModal-kPH1G9G3.js";const rs=We({__name:"UiMenuItem",props:{active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},as:{default:"button"}},emits:["click"],setup(e,{emit:o}){const a=e,s=o;function l(i){a.disabled||s("click",i)}return(i,v)=>(n(),N(Et(e.as),{type:e.as==="button"?"button":void 0,disabled:e.as==="button"?e.disabled:void 0,onClick:l,class:ee(["w-full flex items-center gap-2 px-3 py-2 text-sm text-left transition-colors",[e.disabled?"opacity-50 cursor-not-allowed":"hover:bg-neutral-100 dark:hover:bg-neutral-800 cursor-pointer",e.active?"bg-accent-50 dark:bg-accent-950/30":""]])},{default:Ae(()=>[Rt(i.$slots,"default")]),_:3},8,["type","disabled","class"]))}});async function on(e){const o=await Rr(e);if(!o.ok)throw new Error(`Request failed for ${e}`);return o.json()}async function ss(e){if(!e)return null;try{return(await on(`/prompts/${encodeURIComponent(e)}`)).prompt}catch{return null}}async function zh(e){if(!e)return null;try{return await on(`/tools/${encodeURIComponent(e)}`)}catch{return null}}function ls(e){const o=e?.env??e?.tenvs;return!o||typeof o!="object"?{}:o}function Ka(e){return Object.keys(ls(e)).filter(o=>o.trim().length>0)}function os(e){const o=e?.variables||[],a=new Map;for(const s of o){const l=s.name?.trim();l&&a.set(l,{...s,name:l})}for(const s of Ka(e))a.has(s)||a.set(s,{name:s,type:"text",required:!1,description:"Default value set on this prompt."});return Array.from(a.values())}function jh(e){return e?!e.packed&&e.id===e.name:!1}function is(e,o){return o?.type?o.type:e.startsWith("provider:")?"provider":e.startsWith("mcp:")?"mcp":"unknown"}function ds(e){return e.startsWith("provider:")?e.slice(9):e.startsWith("mcp:")?e.slice(4):e}function us(e,o){if(!e)return null;const a=o[e];if(a)return a;for(const s of Object.values(o))if(s.name===e)return s;return null}function cs(e,o,a={}){const s=o[e.name],l=s?.model;return{name:e.name,displayName:ds(e.name),kind:is(e.name,s),description:s?.description||"",variables:s?.variables||[],model:l,resolvedModel:us(l,a),config:e}}function Bh(e,o,a,s){const l=o==="b"&&e.type!=="dual_ai",i=o==="a"?e.side_a_label||"Side A":e.side_b_label||(l?"Human":"Side B"),v=o==="a"?e.side_a_agent_prompt:e.side_b_agent_prompt,b=o==="a"?e.side_a_stop_on_response:e.side_b_stop_on_response,D=o==="a"?e.side_a_stop_tool:e.side_b_stop_tool,R=o==="a"?e.side_a_max_steps:e.side_b_max_steps,w=[o==="a"?e.side_a_session_stop_tool:e.side_b_session_stop_tool,o==="a"?e.side_a_session_fail_tool:e.side_b_session_fail_tool,o==="a"?e.side_a_session_status_tool:e.side_b_session_status_tool].filter(B=>!!B),y=(a?.tools||[]).map(B=>cs(B,s.toolsCatalog,s.models)),I=y.filter(B=>B.kind==="handoff"||B.kind==="subagent");return{id:o,agentName:e.name,label:i,mode:l?"human":"ai",promptName:v||null,stopOnResponse:b,stopTool:D,maxSteps:R,sessionStopTool:o==="a"?e.side_a_session_stop_tool:e.side_b_session_stop_tool,sessionTools:w,prompt:a,model:a&&s.models[a.model_id]||null,tools:y,hooks:(a?.hooks||[]).map(B=>s.hooks[B]||{id:B,hook:"unknown"}),variables:os(a),variableEnvNames:Ka(a),outgoingAgents:I}}function fs(e){const{limit:o=50,offset:a=0,agentId:s=null,userId:l=null,search:i=null,startDate:v=null,endDate:b=null,autoFetch:D=!0}=e||{},R=A(()=>{const j=new URLSearchParams,J=typeof o=="number"?o:o.value,pe=typeof a=="number"?a:a.value,ae=typeof s=="string"?s:s?.value,Q=typeof l=="string"?l:l?.value,W=typeof i=="string"?i:i?.value,fe=typeof v=="number"?v:v?.value,X=typeof b=="number"?b:b?.value;return j.append("limit",J.toString()),j.append("offset",pe.toString()),ae&&(j.append("agent_id",ae),j.append("include_children","1")),Q&&j.append("user_id",Q),W&&j.append("search",W),fe&&j.append("startDate",fe.toString()),X&&j.append("endDate",X.toString()),He(`/api/threads?${j.toString()}`)}),{data:w,error:y,isFetching:I,isFinished:B,execute:E,abort:H}=qt(R,{immediate:D,refetch:!0}).get().json(),U=A(()=>w.value?.threads||[]),G=A(()=>w.value?.total||0),q=A(()=>w.value?.hasMore||!1);return{threads:U,total:G,hasMore:q,error:y,isFetching:I,isFinished:B,refetch:E,abort:H}}function Zn(e){const o=A(()=>{const R=typeof e=="string"?e:e?.value;return R?He(`/api/threads/${R}`):""}),{data:a,error:s,isFetching:l,isFinished:i,execute:v,abort:b}=qt(o,{immediate:!1,refetch:!0}).get().json();return he(o,R=>{R?v():(b(),a.value=null)},{immediate:!0}),{thread:A(()=>a.value?{id:a.value.thread.id,agent_id:a.value.thread.agent_id,user_id:a.value.thread.user_id,tags:a.value.thread.tags||[],parent:a.value.thread.parent??null,terminated:a.value.thread.terminated??null,created_at:a.value.thread.created_at,agent:a.value.agent||{id:"",title:"Unknown",type:"unknown"},stats:a.value.stats}:null),error:s,isFetching:l,isFinished:i,refetch:v,abort:b}}const ps={key:0,class:"flex min-h-[500px] items-center justify-center"},vs={class:"flex min-h-0 min-w-0 flex-1 flex-col"},ms={key:0,class:"sticky top-0 z-10 flex min-w-0 shrink-0 items-center gap-2 border-b border-neutral-200 bg-neutral-50/95 px-3 backdrop-blur dark:border-neutral-800 dark:bg-neutral-950/95"},gs={class:"min-w-0 flex-1"},hs={class:"edit-sections-query"},xs=We({__name:"AgentModal",props:{modelValue:{type:Boolean},editAgent:{},mode:{},apiError:{},readonly:{type:Boolean,default:!1},saving:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},inlineGlobalNotice:{type:Boolean,default:!1},inlineAccentTabs:{type:Boolean,default:!1},inlineFlatSections:{type:Boolean,default:!1},surfaceSection:{default:null}},emits:["update:modelValue","save"],setup(e,{expose:o,emit:a}){const s=e,l=a,i=A(()=>s.mode==="edit"),v=A(()=>!!s.surfaceSection),b=A(()=>s.inline&&s.inlineFlatSections),D=A(()=>s.inline||v.value),R=A(()=>D.value?{config:Qn}:{}),w=A(()=>i.value&&(s.editAgent?.id||s.editAgent?.name)||""),y=Mr(()=>w.value,{autoload:!1}),I=h(null),B=["basics","side-a","side-b","variables"],{activeTab:E,scrollToSection:H}=Ua(I,B),U=A(()=>[{id:"basics",label:"Basics",icon:Wn},{id:"side-a",label:"Side A",icon:vn},{id:"side-b",label:"Side B",icon:y.agentType.value==="ai_human"?la:vn},{id:"variables",label:"Variables",icon:oa}]),G=h(!1),q=h(!1),j=h(null);let J=0;const pe=A(()=>JSON.stringify({name:y.name.value,title:y.title.value,agentType:y.agentType.value,exposeAsTool:y.exposeAsTool.value,toolDescription:y.toolDescription.value,maxSessionTurns:y.maxSessionTurns.value,sideALabel:y.sideALabel.value,sideAAgentPrompt:y.sideAAgentPrompt.value,sideAStopOnResponse:y.sideAStopOnResponse.value,sideAStopOnToolCall:y.sideAStopOnToolCall.value,sideAStopTool:y.sideAStopTool.value,sideAStopToolResponseProperty:y.sideAStopToolResponseProperty.value,sideAManualStopCondition:y.sideAManualStopCondition.value,sideAMaxSteps:y.sideAMaxSteps.value,sideAEndConversationTool:y.sideAEndConversationTool.value,sideBLabel:y.sideBLabel.value,sideBAgentPrompt:y.sideBAgentPrompt.value,sideBStopOnResponse:y.sideBStopOnResponse.value,sideBStopOnToolCall:y.sideBStopOnToolCall.value,sideBStopTool:y.sideBStopTool.value,sideBStopToolResponseProperty:y.sideBStopToolResponseProperty.value,sideBMaxSteps:y.sideBMaxSteps.value,sideBEndConversationTool:y.sideBEndConversationTool.value,agentEnv:y.agentEnv.value})),ae=A(()=>q.value?"Saved":s.inline&&i.value?"Save Agent Changes":i.value?"Update Agent":"Create Agent"),Q=A(()=>s.saving||s.inline&&!G.value),W=A(()=>v.value||s.inline?{class:s.inline?"flex h-full min-w-0 flex-col":"min-w-0"}:{modelValue:s.modelValue,title:i.value?"Edit Agent":"Create Agent",width:"max-w-5xl",contentPadding:!1});function fe(){q.value=!1,j.value=null}function X(){Oe().then(()=>{G.value=!!y.formNode.value?.context?.state.dirty})}function Me(ge){y.handleFormNode(ge),ge.on("commit",X),ge.on("reset",X),ge.on("message-added",X),ge.on("message-updated",X),ge.on("message-removed",X),X()}async function Fe(){const ge=++J;await Oe();const ve=y.formNode.value;if(!ve||ge!==J){G.value=!1;return}await ve.settled,ve.reset(ve.value),await Oe(),ge===J&&(G.value=!1)}async function re(){await Fe(),q.value=!0,j.value=pe.value}async function De(){fe(),y.resetForm(),await Oe(),i.value&&w.value?await y.load():await y.loadPrerequisites(),await Fe()}async function P(){const ge=await y.prepareSubmit();ge&&l("save",ge)}function de(){y.resetForm(),fe(),l("update:modelValue",!1)}async function le(){fe(),await De()}function ye(ge){return!s.surfaceSection||s.surfaceSection===ge}return he(()=>s.modelValue,async ge=>{ge?await De():(J+=1,y.resetForm(),fe(),G.value=!1)},{immediate:!0}),he(()=>w.value,async(ge,ve)=>{!s.modelValue||ge===ve||await De()}),he(pe,ge=>{q.value&&j.value!==null&&ge!==j.value&&fe()}),he(G,ge=>{ge&&fe()}),o({formNode:y.formNode,markSaveSucceeded:re,markCurrentFormCleanAfterSettle:Fe,resetSaveSuccess:fe}),(ge,ve)=>{const Re=Ht("FormKit");return n(),N(Et(e.inline||v.value?"div":Ha),Xa(W.value,Za(e.inline||v.value?void 0:{"update:modelValue":$e=>ge.$emit("update:modelValue",$e)})),{default:Ae(()=>[(n(),N(Et(D.value?f(Gn):"div"),er(tr(R.value)),{default:Ae(()=>[f(y).isLoading.value?(n(),r("div",ps,[...ve[0]||(ve[0]=[t("span",{class:"text-neutral-500"},"Loading agent data...",-1)])])):(n(),N(Re,{key:1,type:"form",id:"agent-form",actions:!1,disabled:e.readonly||e.saving,onSubmit:P,onNode:Me,"dirty-behavior":"compare","outer-class":"$reset flex min-h-0 min-w-0 flex-1 flex-col","form-class":"$reset flex-1 min-h-0 min-w-0 flex flex-col"},{default:Ae(()=>[t("div",vs,[v.value?S("",!0):(n(),r("nav",ms,[Rt(ge.$slots,"nav-leading",{},void 0,!0),t("div",gs,[z(f(Wa),{tabs:U.value,"active-tab":f(E),"accent-active":e.inlineAccentTabs,orientation:"horizontal",onSelect:f(H)},null,8,["tabs","active-tab","accent-active","onSelect"])])])),t("div",{ref_key:"contentRef",ref:I,class:ee(["min-h-0 flex-1 overflow-y-auto",v.value?"p-5":b.value?"bg-neutral-100 dark:bg-neutral-950":"bg-neutral-100 p-5 dark:bg-neutral-950"])},[t("div",hs,[e.inlineGlobalNotice?(n(),r("div",{key:0,class:ee(["edit-sections-notice rounded-md border border-amber-300 bg-amber-50 px-3 py-2 text-sm text-amber-800 dark:border-amber-700 dark:bg-amber-950/30 dark:text-amber-200",b.value?"mx-5 mb-4 mt-5":"mb-4"])}," Changes here are global and will affect all new messages across all threads. ",2)):S("",!0),t("div",{class:ee([b.value?"space-y-4 pb-5":"space-y-4","edit-sections-stack"])},[e.apiError?(n(),N(f(Oa),{key:0,variant:"error"},{default:Ae(()=>[Ge(g(e.apiError),1)]),_:1})):S("",!0),ye("identity")?(n(),N(f(gn),{key:1,id:"section-basics",title:"Basics",icon:f(Wn),flat:b.value},{default:Ae(()=>[z(Dr,{form:f(y),"is-edit-mode":i.value},null,8,["form","is-edit-mode"])]),_:1},8,["icon","flat"])):S("",!0),ye("side-a")?(n(),N(f(gn),{key:2,id:"section-side-a",title:"Side A (AI)",icon:f(vn),flat:b.value},{default:Ae(()=>[z(ia,{form:f(y),side:"a"},null,8,["form"])]),_:1},8,["icon","flat"])):S("",!0),ye("side-b")?(n(),N(f(gn),{key:3,id:"section-side-b",title:f(y).agentType.value==="ai_human"?"Side B (Human)":"Side B (AI)",icon:f(y).agentType.value==="ai_human"?f(la):f(vn),flat:b.value},{default:Ae(()=>[z(ia,{form:f(y),side:"b"},null,8,["form"])]),_:1},8,["title","icon","flat"])):S("",!0),ye("variables")?(n(),N(f(gn),{key:4,id:"section-variables",title:"Variables",icon:f(oa),flat:b.value},{default:Ae(()=>[z(Fr,{form:f(y),readonly:e.readonly},null,8,["form","readonly"])]),_:1},8,["icon","flat"])):S("",!0)],2)])],2)]),v.value?S("",!0):(n(),N(ns,{key:0,"form-id":"agent-form","form-node":f(y).formNode.value,readonly:e.readonly,inline:e.inline,saving:e.saving,dirty:G.value,"save-succeeded":q.value,"save-label":ae.value,"save-disabled":Q.value,"cancel-label":e.readonly?"Close":"Cancel",onCancel:de,onDiscard:le},null,8,["form-node","readonly","inline","saving","dirty","save-succeeded","save-label","save-disabled","cancel-label"]))]),_:3},8,["disabled"]))]),_:3},16))]),_:3},16)}}}),bs=dt(xs,[["__scopeId","data-v-e47eeb63"]]);function Ja(){const e=He("/api/agents"),{data:o,error:a,isFetching:s,isFinished:l,execute:i}=qt(e,{immediate:!0}).get().json();return{agents:A(()=>o.value?.agents||[]),error:a,isFetching:s,isFinished:l,refetch:i}}function Jt(e,o,...a){}function ea(e){return!!e&&typeof e=="object"}function Sn(e){return typeof e=="string"?e:null}function ys(e){return typeof e=="number"&&Number.isFinite(e)?e:null}function ks(e){if(ea(e)&&!(typeof e.name!="string"||typeof e.title!="string"||typeof e.type!="string"))return{name:e.name,title:e.title,type:e.type,description:Sn(e.description)??void 0,icon:Sn(e.icon)??void 0}}function ws(e){return!ea(e)||typeof e.id!="string"||typeof e.agent_name!="string"||typeof e.created_at!="number"?null:{id:e.id,agent_name:e.agent_name,user_id:Sn(e.user_id),tags:Array.isArray(e.tags)?e.tags.filter(o=>typeof o=="string"):null,parent:Sn(e.parent),terminated:ys(e.terminated),created_at:e.created_at,agent:ks(e.agent)}}function _s(e){if(!ea(e))return null;if(e.type==="thread_deleted")return typeof e.threadId=="string"?{type:e.type,threadId:e.threadId}:null;if(e.type==="thread_created"||e.type==="thread_updated"){const o=ws(e.thread);return o?{type:e.type,thread:o}:null}return null}function $s(e){const{autoConnect:o=!0,onEvent:a}=e||{},s=h(null),l=h(!1),i=h(null);let v=0,b=null,D=null,R=!0,w=null;const y=3e4,I=3e4,B=()=>{b&&(clearTimeout(b),b=null),D&&(clearInterval(D),D=null)},E=()=>{D&&clearInterval(D),D=setInterval(()=>{s.value&&s.value.readyState===WebSocket.OPEN&&s.value.send("ping")},I)},H=()=>{if(!R)return;const j=Math.min(1e3*Math.pow(2,v),y);v++,Jt(),b=setTimeout(()=>{R&&U()},j)},U=()=>{s.value&&(w=null,s.value.close());const j=window.location.protocol==="https:"?"wss:":"ws:",J=window.location.host,pe=Va(`${j}//${J}${He("/api/events")}`);try{const ae=new WebSocket(pe);s.value=ae,w=ae,ae.onopen=()=>{w===ae&&(l.value=!0,i.value=null,v=0,E(),Jt("AgentBuilderEvents","WebSocket connected"))},ae.onmessage=Q=>{if(w===ae)try{if(typeof Q.data=="string"&&Q.data==="pong")return;const W=_s(JSON.parse(Q.data));W&&a&&a(W)}catch{i.value="Failed to parse event update"}},ae.onerror=Q=>{w===ae&&(i.value="WebSocket connection error")},ae.onclose=()=>{w===ae&&(l.value=!1,B(),Jt("AgentBuilderEvents","WebSocket disconnected"),H())}}catch(ae){i.value=ae instanceof Error?ae.message:"Failed to create WebSocket",H()}},G=()=>{R=!0,v=0,U()},q=()=>{R=!1,B(),w=null,s.value&&(s.value.close(),s.value=null),l.value=!1,v=0};return o&&G(),Yt(()=>{q()}),{wsConnected:l,wsError:i,connect:G,disconnect:q}}const Cs={class:"relative inline-flex items-center"},Ss={key:0,class:"inline-block w-2 h-2 rounded-full bg-green-500 dark:bg-green-400"},Ts={key:1,class:"inline-block w-2 h-2 rounded-full bg-neutral-400 dark:bg-neutral-600"},Is={key:0},As={key:1},Ga=We({__name:"StatusDot",props:{connected:{type:Boolean},error:{type:Boolean}},setup(e){const o=h(!1),a=h(null);return(s,l)=>(n(),r("div",Cs,[t("span",{class:"p-0.5 cursor-default outline-none",tabindex:"-1",onMouseenter:l[0]||(l[0]=i=>o.value=!0),onMouseleave:l[1]||(l[1]=i=>o.value=!1)},[e.connected?(n(),r("span",Ss)):(n(),r("span",Ts))],32),z(un,{"enter-active-class":"transition-opacity duration-150","enter-from-class":"opacity-0","enter-to-class":"opacity-100","leave-active-class":"transition-opacity duration-100","leave-from-class":"opacity-100","leave-to-class":"opacity-0"},{default:Ae(()=>[o.value?(n(),r("div",{key:0,ref_key:"popoverRef",ref:a,class:ee(["absolute top-full left-1/2 -translate-x-1/2 mt-1 px-2 py-1 text-xs rounded shadow-lg whitespace-nowrap z-50 border",{"bg-green-50 dark:bg-green-950 border-green-200 dark:border-green-800 text-green-700 dark:text-green-300":e.connected,"bg-neutral-50 dark:bg-neutral-900 border-neutral-200 dark:border-neutral-700 text-neutral-600 dark:text-neutral-400":!e.connected}])},[e.connected?(n(),r("span",Is,"Live - Connected")):(n(),r("span",As,"Offline"))],2)):S("",!0)]),_:1})]))}}),Es={class:"relative min-w-0"},Ls={class:"truncate flex-1 text-left"},Rs={key:0},Ms=["onClick"],Ds={class:"border-t border-neutral-200 dark:border-neutral-700"},Fs={class:"flex items-center justify-between"},Ps={class:"space-y-4 date-filter-inputs"},Ns=We({__name:"DateFilterDropdown",props:{startDate:{},endDate:{}},emits:["update:startDate","update:endDate"],setup(e,{emit:o}){const a=e,s=o,l=h(!1),i=h(!1),v=h(null),b=h(null),D=h(""),R=h(""),w=[{label:"All time",value:"all",getRange:()=>({startDate:null,endDate:null})},{label:"Today",value:"today",getRange:()=>{const Q=new Date,W=new Date(Q.getFullYear(),Q.getMonth(),Q.getDate());return{startDate:Math.floor(W.getTime()/1e3),endDate:null}}},{label:"Last 3 days",value:"3days",getRange:()=>{const Q=new Date,W=new Date(Q.getFullYear(),Q.getMonth(),Q.getDate()-2);return{startDate:Math.floor(W.getTime()/1e3),endDate:null}}},{label:"Last 7 days",value:"7days",getRange:()=>{const Q=new Date,W=new Date(Q.getFullYear(),Q.getMonth(),Q.getDate()-6);return{startDate:Math.floor(W.getTime()/1e3),endDate:null}}},{label:"Last 30 days",value:"30days",getRange:()=>{const Q=new Date,W=new Date(Q.getFullYear(),Q.getMonth(),Q.getDate()-29);return{startDate:Math.floor(W.getTime()/1e3),endDate:null}}}],y=A(()=>{if(!a.startDate&&!a.endDate)return"all";for(const Q of w){const W=Q.getRange();if(W.startDate===a.startDate&&W.endDate===a.endDate)return Q.value}return"custom"}),I=A(()=>{if(!a.startDate&&!a.endDate)return"All time";const Q=w.find(fe=>fe.value===y.value);if(Q&&y.value!=="custom")return Q.label;const W=fe=>new Date(fe*1e3).toLocaleDateString("en-US",{month:"short",day:"numeric"});return a.startDate&&a.endDate?`${W(a.startDate)} - ${W(a.endDate)}`:a.startDate?`From ${W(a.startDate)}`:a.endDate?`Until ${W(a.endDate)}`:"Custom"}),B=A(()=>a.startDate!==null||a.endDate!==null);function E(){if(!v.value||!b.value)return;const Q=v.value.getBoundingClientRect();b.value.style.position="fixed",b.value.style.top=`${Q.bottom+8}px`,b.value.style.left=`${Q.left}px`;const W=i.value?280:180;b.value.style.minWidth=`${Q.width}px`,b.value.style.maxWidth=`${Math.max(Q.width,W)}px`,b.value.style.width="auto",b.value.style.margin="0"}function H(){l.value?U():(l.value=!0,Oe(()=>{if(b.value&&(b.value.setAttribute("popover","auto"),b.value.addEventListener("toggle",G),"showPopover"in b.value))try{b.value.showPopover()}catch{}E()}))}function U(){if(b.value){if("hidePopover"in b.value)try{b.value.hidePopover()}catch{}b.value.removeEventListener("toggle",G)}l.value=!1,i.value=!1}function G(Q){Q.target===b.value&&(l.value=Q.newState==="open",l.value&&E())}function q(Q){const W=Q.getRange();s("update:startDate",W.startDate),s("update:endDate",W.endDate),U()}function j(){const Q=D.value?Math.floor(new Date(D.value).getTime()/1e3):null,W=R.value?Math.floor(new Date(R.value+"T23:59:59").getTime()/1e3):null;s("update:startDate",Q),s("update:endDate",W),U()}function J(Q){Q.stopPropagation(),s("update:startDate",null),s("update:endDate",null)}const pe=Q=>{const W=Q.target;b.value&&!b.value.contains(W)&&v.value&&!v.value.contains(W)&&U()},ae=Q=>{Q.key==="Escape"&&l.value&&(U(),v.value?.focus())};return jt(()=>{document.addEventListener("click",pe),document.addEventListener("keydown",ae),window.addEventListener("resize",E),window.addEventListener("scroll",E,!0)}),Yt(()=>{document.removeEventListener("click",pe),document.removeEventListener("keydown",ae),window.removeEventListener("resize",E),window.removeEventListener("scroll",E,!0)}),he(i,Q=>{Q&&(a.startDate&&(D.value=new Date(a.startDate*1e3).toISOString().split("T")[0]),a.endDate?R.value=new Date(a.endDate*1e3).toISOString().split("T")[0]:R.value=new Date().toISOString().split("T")[0]),Oe(E)}),(Q,W)=>{const fe=Ht("FormKit");return n(),r("div",Es,[t("button",{ref_key:"triggerRef",ref:v,type:"button",onClick:H,class:ee(["w-full flex items-center gap-1 px-2 py-1 text-xs rounded-sm border transition-colors min-w-0 focus:outline-none focus:ring-2 focus:ring-accent-500/30",[B.value?"agents-border-selected agents-surface-selected agents-text-selected-muted":"border-zinc-300 dark:border-zinc-600 hover:border-accent-400 dark:hover:border-accent-500 bg-white dark:bg-transparent text-zinc-700 dark:text-zinc-300"]])},[z(f(nr),{size:14,class:"shrink-0 text-zinc-400"}),t("span",Ls,g(I.value),1),B.value?(n(),N(f(Lt),{key:0,size:14,class:"shrink-0 text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-200",onClick:J})):(n(),N(f($t),{key:1,size:14,class:ee(["shrink-0 text-zinc-400",l.value?"rotate-180":""])},null,8,["class"]))],2),l.value?(n(),r("div",{key:0,ref_key:"popoverRef",ref:b,class:"dropdown-popover z-[9999]"},[z(f(qa),{"max-height":i.value?void 0:"max-h-48",shadow:!1},{default:Ae(()=>[i.value?(n(),r("div",{key:1,class:"p-2.5 space-y-2.5",onClick:W[4]||(W[4]=ze(()=>{},["stop"]))},[t("div",Fs,[W[6]||(W[6]=t("span",{class:"text-xs font-medium"},"Custom range",-1)),t("button",{type:"button",onClick:W[1]||(W[1]=ze(X=>i.value=!1,["stop"])),class:"text-[10px] text-neutral-500 hover:text-black dark:hover:text-white"}," ← Back ")]),t("div",Ps,[z(fe,{modelValue:D.value,"onUpdate:modelValue":W[2]||(W[2]=X=>D.value=X),type:"datepicker",label:"From","picker-only":"",popover:"",format:"MMM D, YYYY","value-format":"YYYY-MM-DD",sequence:["day"]},null,8,["modelValue"]),z(fe,{modelValue:R.value,"onUpdate:modelValue":W[3]||(W[3]=X=>R.value=X),type:"datepicker",label:"To","picker-only":"",popover:"",format:"MMM D, YYYY","value-format":"YYYY-MM-DD",sequence:["day"]},null,8,["modelValue"])]),t("button",{type:"button",onClick:j,class:"w-full py-1.5 text-xs font-medium bg-black dark:bg-white text-white dark:text-black rounded-sm hover:opacity-90 transition-opacity"}," Apply ")])):(n(),r("div",Rs,[(n(),r(_e,null,Ne(w,X=>t("button",{key:X.value,type:"button",onClick:Me=>q(X),class:ee(["w-full px-2.5 py-1.5 text-left text-xs agents-surface-hover transition-colors flex items-center gap-2",y.value===X.value?"agents-surface-selected agents-text-selected":""])},[t("span",{class:ee(["w-1.5 h-1.5 rounded-full border border-accent-500",y.value===X.value?"bg-accent-500":""])},null,2),Ge(" "+g(X.label),1)],10,Ms)),64)),t("div",Ds,[t("button",{type:"button",onClick:W[0]||(W[0]=ze(X=>i.value=!0,["stop"])),class:ee(["w-full px-2.5 py-1.5 text-left text-xs agents-surface-hover transition-colors flex items-center gap-2",y.value==="custom"?"agents-surface-selected agents-text-selected":""])},[t("span",{class:ee(["w-1.5 h-1.5 rounded-full border border-accent-500",y.value==="custom"?"bg-accent-500":""])},null,2),W[5]||(W[5]=Ge(" Custom range... ",-1))],2)])]))]),_:1},8,["max-height"])],512)):S("",!0)])}}}),zs=dt(Ns,[["__scopeId","data-v-753faf78"]]),Tn=We({__name:"TimeAgo",props:{timestamp:{}},setup(e){const o=e,a=Jr(()=>o.timestamp);return(s,l)=>(n(),r("span",null,g(f(a)),1))}}),Kn="name:",ua=["bg-sky-400/70 dark:bg-sky-500/70","bg-emerald-400/70 dark:bg-emerald-500/70","bg-amber-400/70 dark:bg-amber-500/70","bg-rose-400/70 dark:bg-rose-500/70","bg-violet-400/70 dark:bg-violet-500/70"],bn=(e,o)=>o.created_at-e.created_at,yn=(e,o)=>`${e}::${o}`,Ya=e=>{const o=e.tags.find(s=>s.startsWith(Kn));if(!o)return null;const a=o.slice(Kn.length).trim();return a.length>0?a:null},Tt=e=>e.tags.filter(o=>!o.startsWith(Kn)),js=e=>Ya(e)||e.agent.title||e.agent.name,Bs=e=>e.id.startsWith("__draft_")?"--------":e.id.slice(0,8),Fn=e=>Ya(e)?e.agent.title||e.agent.name:null,ca=e=>Array.from({length:Math.min(Math.max(e,0),6)},(o,a)=>12+a*8),fa=e=>ua[e%ua.length],pa=e=>({left:`${e}px`}),Os=(e,o)=>{if(e.length===0)return[];const a=new Map(e.map(w=>[w.id,w])),s=new Map,l=[];for(const w of e){const y=w.parent;if(y&&a.has(y)){const I=s.get(y)??[];I.push(w),s.set(y,I);continue}l.push(w)}l.sort(bn);for(const w of s.values())w.sort(bn);const i=[],v=new Set,b=w=>{if(v.has(w.id))return;v.add(w.id);const y=s.get(w.id);if(y)for(const I of y)b(I)},D=(w,y,I)=>{if(v.has(w.id))return;v.add(w.id),i.push({kind:"thread",thread:w,depth:y,isNested:y>0,clusterId:I});const B=s.get(w.id);if(!B)return;const E=new Map;for(const H of B){const U=H.agent_id||H.agent?.name||H.id,G=E.get(U);G?G.push(H):E.set(U,[H])}for(const[H,U]of E.entries()){if(U.length>1){const G=yn(w.id,H),q=o(G);if(i.push({kind:"directory",key:G,depth:y+1,label:U[0]?.agent?.title||U[0]?.agent?.name||H,count:U.length,open:q,clusterId:I}),!q){for(const j of U)b(j);continue}for(const j of U)D(j,y+2,I);continue}D(U[0],y+1,I)}};for(const w of l)D(w,0,w.id);const R=e.filter(w=>!v.has(w.id)).sort(bn);for(const w of R)D(w,w.parent?1:0,w.parent??w.id);return i},Vs=["id","onClick"],qs={key:1,class:"space-y-0.5"},Hs={key:0,class:"flex flex-wrap gap-1 min-w-0"},Us={key:2,class:"flex items-center gap-1"},Ws={key:0,class:"text-[10px] text-neutral-400"},Ks=["onClick"],Js={class:"flex items-center gap-2"},Gs=We({__name:"ThreadListRows",props:{rows:{},selectedThreadId:{},clusterHasNestedRows:{},isThreadFlashing:{type:Function},isDirectoryFlashing:{type:Function},hasRowTopGap:{type:Function},hasRowBottomBorder:{type:Function}},emits:["selectThread","toggleDirectory"],setup(e,{emit:o}){const a=o;return(s,l)=>(n(!0),r(_e,null,Ne(e.rows,(i,v)=>(n(),r(_e,{key:i.kind==="thread"?i.thread.id:i.key},[i.kind==="thread"?(n(),r("button",{key:0,id:`thread-${i.thread.id}`,class:ee(["w-full text-left cursor-pointer rounded-lg px-3 transition-colors relative",[i.isNested?e.selectedThreadId===i.thread.id?"py-1.5":"py-1.5 bg-neutral-50/40 dark:bg-neutral-900/20":"py-2",e.hasRowTopGap(v)?"mt-1":"",e.hasRowBottomBorder(v)&&e.clusterHasNestedRows[i.clusterId]?"mb-1":"",i.thread.terminated?"opacity-50 text-neutral-500 dark:text-neutral-500":"",e.selectedThreadId===i.thread.id?"agents-surface-selected":"agents-surface-hover"]]),style:pt(i.depth>0?{paddingLeft:`${12+Math.min(i.depth,6)*8}px`}:void 0),onClick:b=>a("selectThread",i.thread.id)},[(n(!0),r(_e,null,Ne(f(ca)(i.depth),(b,D)=>(n(),r("span",{key:`thread-line-${D}`,class:ee(["pointer-events-none absolute inset-y-1 w-px rounded-full",f(fa)(D)]),style:pt(f(pa)(b)),"aria-hidden":"true"},null,6))),128)),t("div",{class:ee(["flex items-center gap-2",!i.isNested||f(Tt)(i.thread).length>0||f(Fn)(i.thread)?"mb-0.5":""])},[i.thread.terminated?(n(),N(f(Ra),{key:0,size:12,class:"shrink-0 text-neutral-500 dark:text-neutral-400"})):S("",!0),t("span",{class:ee(["font-medium truncate flex-1 min-w-0",[e.selectedThreadId===i.thread.id?"agents-text-selected":"",e.isThreadFlashing(i.thread.id)?"thread-list-green-flash":""]])},g(f(js)(i.thread)),3),t("span",{class:ee(["flex-shrink-0 text-[10px]",e.selectedThreadId===i.thread.id?"agents-text-selected-muted":"text-neutral-400 dark:text-neutral-500"])},[z(Tn,{timestamp:i.thread.created_at*1e6},null,8,["timestamp"])],2)],2),f(Fn)(i.thread)?(n(),r("div",{key:0,class:ee(["mb-0.5 truncate text-[10px]",e.selectedThreadId===i.thread.id?"agents-text-selected-muted":"text-neutral-400 dark:text-neutral-500"])},g(f(Fn)(i.thread)),3)):S("",!0),i.isNested?f(Tt)(i.thread).length>0?(n(),r("div",Us,[(n(!0),r(_e,null,Ne(f(Tt)(i.thread).slice(0,3),b=>(n(),r("span",{key:b,class:"inline-block px-1.5 py-0.5 rounded text-[10px] truncate max-w-[120px] bg-neutral-200 dark:bg-neutral-800 text-neutral-600 dark:text-neutral-400"},g(b),1))),128)),f(Tt)(i.thread).length>3?(n(),r("span",Ws," +"+g(f(Tt)(i.thread).length-3),1)):S("",!0)])):S("",!0):(n(),r("div",qs,[t("span",{class:ee(["block max-w-[80px] truncate font-mono text-[10px]",e.selectedThreadId===i.thread.id?"agents-text-selected-muted":"text-neutral-400 dark:text-neutral-500"])},g(f(Bs)(i.thread)),3),f(Tt)(i.thread).length>0?(n(),r("div",Hs,[(n(!0),r(_e,null,Ne(f(Tt)(i.thread).slice(0,3),b=>(n(),r("span",{key:b,class:ee(["inline-block px-1.5 py-0.5 rounded text-[10px] truncate max-w-[60px]",e.selectedThreadId===i.thread.id?"agents-surface-selected-strong agents-text-selected":"bg-neutral-200 dark:bg-neutral-800 text-neutral-600 dark:text-neutral-400"])},g(b),3))),128)),f(Tt)(i.thread).length>3?(n(),r("span",{key:0,class:ee(["text-[10px]",e.selectedThreadId===i.thread.id?"agents-text-selected-muted":"text-neutral-400"])}," +"+g(f(Tt)(i.thread).length-3),3)):S("",!0)])):S("",!0)]))],14,Vs)):(n(),r("button",{key:1,type:"button",class:"w-full rounded-lg text-left px-3 py-1.5 bg-neutral-50/25 dark:bg-neutral-900/10 hover:bg-neutral-100 dark:hover:bg-neutral-800/40 transition-colors relative",style:pt({paddingLeft:`${12+Math.min(i.depth,6)*8}px`}),onClick:b=>a("toggleDirectory",i.key)},[(n(!0),r(_e,null,Ne(f(ca)(i.depth),(b,D)=>(n(),r("span",{key:`directory-line-${D}`,class:ee(["pointer-events-none absolute inset-y-1 w-px rounded-full",f(fa)(D)]),style:pt(f(pa)(b)),"aria-hidden":"true"},null,6))),128)),t("div",Js,[z(f(Ma),{size:13,class:"text-neutral-500 dark:text-neutral-400 shrink-0"}),t("span",{class:ee(["truncate flex-1 min-w-0 text-[11px] font-medium text-neutral-600 dark:text-neutral-300",e.isDirectoryFlashing(i.key)?"thread-list-green-flash":""])},g(i.label)+" ("+g(i.count)+") ",3),i.open?(n(),N(f($t),{key:0,size:14,class:"text-neutral-500 dark:text-neutral-400 shrink-0"})):(n(),N(f(Nt),{key:1,size:14,class:"text-neutral-500 dark:text-neutral-400 shrink-0"}))])],12,Ks))],64))),128))}}),Ys=dt(Gs,[["__scopeId","data-v-1e5bebfe"]]),Qs={class:"flex flex-col flex-1 min-h-0 overflow-visible"},Xs={class:"px-3 border-b border-neutral-300 dark:border-neutral-700 h-12 flex items-center shrink-0"},Zs={class:"flex items-center justify-between w-full"},el={key:0,class:"text-xs font-mono text-neutral-500 dark:text-neutral-400"},tl={class:"flex items-center gap-1"},nl=["title","aria-label","aria-pressed"],al={key:0,class:"px-3 py-2 border-b border-neutral-200 dark:border-neutral-800 shrink-0 space-y-2"},rl={class:"relative"},sl={class:"flex items-center gap-2 w-full"},ll={key:0,class:"flex-1 min-w-0"},ol={key:0,class:"p-4 flex justify-center"},il={key:1,class:"p-4 text-red-600 dark:text-red-400"},dl={key:2,class:"text-neutral-500 dark:text-neutral-400 text-center py-12"},ul={key:1,class:"text-base"},cl={key:3,class:"px-2 py-2"},fl={key:0,class:"p-3 flex justify-center"},pl={key:1,class:"p-3 text-center text-[10px] text-neutral-400 dark:text-neutral-500"},vl=50,va=1800,Oh=We({__name:"ThreadListPane",props:{selectedThreadId:{},optimisticThread:{},agentId:{},showCollapseButton:{type:Boolean}},emits:["selectThread","collapse","createThread","threadsLoaded"],setup(e,{expose:o,emit:a}){const s=e,l=a,i=h(""),v=h(null),b=h(!1),D=h(null),R=h(null),w=h(null),y=h(!1),I=A(()=>s.agentId!=null);he(()=>s.agentId,c=>{c!=null&&(R.value=c),y.value=!1},{immediate:!0});const B=h(null),{agents:E,isFetching:H}=Ja(),U=A(()=>E.value.map(c=>({value:c.name,label:c.title||c.name}))),G=h(0),q=h([]),j=h(!1),J=h(!1),pe=sr(c=>{v.value=c||null},300);he(i,c=>{pe(c)});const ae=A(()=>{let c=0;return v.value&&c++,R.value&&!I.value&&c++,(w.value||B.value)&&c++,c});function Q(){i.value="",v.value=null,I.value||(R.value=null),w.value=null,B.value=null}async function W(){b.value=!0,await Oe(),D.value?.focus(),D.value?.select()}function fe(){Q(),b.value=!1}function X(){b.value?fe():W()}const{threads:Me,hasMore:Fe,isFetching:re,isFinished:De,error:P,refetch:de}=fs({limit:vl,offset:G,search:v,agentId:R,startDate:w,endDate:B}),le=h([]),ye=h(new Set);he([v,R,w,B],()=>{G.value=0,q.value=[],le.value=[],ye.value.clear(),j.value=!1,J.value=!1}),he(Me,c=>{if(G.value===0)q.value=[...c];else{const C=new Set(q.value.map(Y=>Y.id)),O=c.filter(Y=>!C.has(Y.id));q.value=[...q.value,...O],J.value=!0}j.value=!1});const ge=h({}),ve=h({}),Re=h({}),$e=new Set,ne=c=>ge.value[c]??!1,Z=c=>{ge.value[c]=!ne(c)},K=c=>{ve.value[c]=!0;const C=setTimeout(()=>{delete ve.value[c],$e.delete(C)},va);$e.add(C)},xe=c=>{Re.value[c]=!0;const C=setTimeout(()=>{delete Re.value[c],$e.delete(C)},va);$e.add(C)};Yt(()=>{$e.forEach(c=>clearTimeout(c)),$e.clear()});const ue=c=>ve.value[c]===!0,Ce=c=>Re.value[c]===!0,Ue=c=>{if(R.value&&c.agent_id!==R.value&&!c.parent||w.value&&c.created_at<w.value||B.value&&c.created_at>B.value)return!1;if(v.value){const C=v.value.toLowerCase(),O=c.id.toLowerCase().includes(C),Y=c.tags.some(Ee=>Ee.toLowerCase().includes(C));if(!O&&!Y)return!1}return!0},M=A(()=>{const c=q.value.filter(Ee=>!ye.value.has(Ee.id)),C=new Set(c.map(Ee=>Ee.id)),Y=[...le.value.filter(Ee=>!C.has(Ee.id)&&!ye.value.has(Ee.id)),...c];return s.optimisticThread&&!Y.some(Ee=>Ee.id===s.optimisticThread?.id)&&Y.unshift(s.optimisticThread),Y.sort(bn)}),be=A(()=>M.value.filter(c=>!c.parent).length),se=A(()=>Os(M.value,ne)),we=c=>{const C=se.value[c],O=se.value[c+1];return C?O?C.clusterId!==O.clusterId:!0:!1},Se=c=>{const C=se.value[c],O=se.value[c-1];if(!C||!O||C.clusterId!==O.clusterId)return!1;const Y=C.kind==="directory"||C.kind==="thread"&&C.isNested,Ee=O.kind==="thread"&&!O.isNested;return Y&&Ee},ce=A(()=>{const c={};for(const C of se.value)if(!c[C.clusterId]){if(C.kind==="directory"){c[C.clusterId]=!0;continue}if(C.kind==="thread"&&C.isNested){c[C.clusterId]=!0;continue}c[C.clusterId]=!1}return c}),me=h(null);function oe(){j.value||re.value||!Fe.value||(j.value=!0,G.value=q.value.length)}const{arrivedState:Te}=ar(me,{offset:{bottom:100}});he(()=>Te.bottom,c=>{c&&Fe.value&&!re.value&&!j.value&&oe()});const je=c=>{const C=E.value.find(Y=>Y.name===c.agent_name),O=c.agent;return{id:c.id,agent_id:c.agent_name,user_id:c.user_id,tags:c.tags||[],parent:c.parent??null,terminated:c.terminated??null,created_at:c.created_at,agent:{name:c.agent_name,title:O?.title||C?.title,type:O?.type||C?.type||"ai_human"}}},Be=async c=>{if(c.type==="thread_created"){const C=je(c.thread);if(!Ue(C))return;if(C.parent)if(M.value.filter(Y=>Y.parent===C.parent&&Y.agent_id===C.agent_id).length+1>1){const Y=yn(C.parent,C.agent_id);xe(Y),ne(Y)&&K(C.id)}else K(C.id);le.value.unshift(C)}else if(c.type==="thread_updated"){const C=je(c.thread),O=M.value.find(Ke=>Ke.id===C.id);if(!Ue(C)){le.value=le.value.filter(Ke=>Ke.id!==C.id),q.value=q.value.filter(Ke=>Ke.id!==C.id);return}ye.value.delete(C.id);const Y=le.value.findIndex(Ke=>Ke.id===C.id);Y>=0&&(le.value[Y]=C);const Ee=q.value.findIndex(Ke=>Ke.id===C.id);if(Ee>=0?q.value[Ee]=C:Y===-1&&le.value.unshift(C),!!C.terminated&&!O?.terminated)if(C.parent)if((M.value.filter(Je=>Je.parent===C.parent&&Je.agent_id===C.agent_id).length||1)>1){const Je=yn(C.parent,C.agent_id);xe(Je),ne(Je)&&K(C.id)}else K(C.id);else K(C.id)}else c.type==="thread_deleted"&&(ye.value.add(c.threadId),le.value=le.value.filter(C=>C.id!==c.threadId))},{wsConnected:V,wsError:F}=$s({onEvent:Be});he(()=>G.value,c=>{c===0&&(le.value=[])}),he(()=>[s.selectedThreadId,M.value],([c,C])=>{if(!c||C.length===0)return;const O=new Map(C.map(Ee=>[Ee.id,Ee]));let Y=O.get(c);for(;Y&&Y.parent;){const Ee=yn(Y.parent,Y.agent_id);ge.value[Ee]=!0,Y=O.get(Y.parent)}},{immediate:!0}),he(()=>({rows:se.value,finished:De.value}),({rows:c,finished:C})=>{const O=c.find(Y=>Y.kind==="thread");C&&!y.value&&(y.value=!0,l("threadsLoaded",O?.thread.id??null,M.value.map(Y=>Y.id)))},{immediate:!0}),o({refetch:de});const u=c=>{l("selectThread",c)};return(c,C)=>{const O=Ht("FormKit");return n(),r("div",Qs,[t("div",Xs,[t("div",Zs,[t("button",{onClick:C[0]||(C[0]=ze(Y=>l("collapse"),["stop"])),type:"button",class:"-ml-1 flex items-center gap-2 rounded px-1.5 py-1 text-left transition-colors hover:bg-black/10 dark:hover:bg-white/15",title:"Collapse Threads pane","aria-label":"Collapse Threads pane"},[z(f(rr),{size:18,class:"shrink-0"}),C[8]||(C[8]=t("h2",{class:"text-base font-bold"},"Threads",-1)),!f(re)&&be.value>0?(n(),r("span",el," ("+g(be.value)+") ",1)):S("",!0),z(Ga,{connected:f(V),error:f(F)},null,8,["connected","error"])]),t("div",tl,[t("button",{type:"button",class:ee(["inline-flex h-7 w-7 items-center justify-center rounded-md border border-neutral-300 bg-white text-neutral-700 transition-colors hover:border-neutral-500 hover:bg-neutral-50 hover:text-black dark:border-neutral-700 dark:bg-neutral-950 dark:text-neutral-300 dark:hover:border-neutral-500 dark:hover:bg-neutral-900 dark:hover:text-white",b.value?"agents-border-selected agents-text-selected bg-white dark:bg-neutral-950":""]),title:b.value?"Hide search":"Search threads","aria-label":b.value?"Hide search":"Search threads","aria-pressed":b.value,onClick:ze(X,["stop"])},[z(f(Vn),{size:16})],10,nl),t("button",{onClick:C[1]||(C[1]=Y=>l("createThread")),type:"button",class:"inline-flex h-7 w-7 items-center justify-center rounded-md border border-neutral-300 bg-white text-neutral-700 transition-colors hover:border-neutral-500 hover:bg-neutral-50 hover:text-black dark:border-neutral-700 dark:bg-neutral-950 dark:text-neutral-300 dark:hover:border-neutral-500 dark:hover:bg-neutral-900 dark:hover:text-white",title:"New thread","aria-label":"New thread"},[z(f(Da),{size:16})]),e.showCollapseButton!==!1?(n(),r("button",{key:0,onClick:C[2]||(C[2]=Y=>l("collapse")),type:"button",class:"inline-flex h-7 w-7 items-center justify-center rounded-md text-neutral-700 transition-colors hover:bg-black/10 hover:text-black dark:text-neutral-300 dark:hover:bg-white/15 dark:hover:text-white",title:"Collapse pane","aria-label":"Collapse pane"},[z(f(Fa),{size:17})])):S("",!0)])])]),b.value||ae.value>0?(n(),r("div",al,[t("div",rl,[z(f(Vn),{size:14,class:"pointer-events-none absolute left-2 top-1/2 -translate-y-1/2 text-neutral-400"}),rt(t("input",{ref_key:"threadSearchInputRef",ref:D,"onUpdate:modelValue":C[3]||(C[3]=Y=>i.value=Y),type:"search",placeholder:"Search threads...",class:"h-8 w-full rounded-md border border-neutral-300 bg-white pl-7 pr-8 text-sm text-neutral-950 outline-none transition-colors placeholder:text-neutral-400 focus:border-[var(--agents-accent-border)] dark:border-neutral-700 dark:bg-neutral-950 dark:text-neutral-50"},null,512),[[kn,i.value]]),i.value?(n(),r("button",{key:0,type:"button",class:"absolute right-1.5 top-1/2 inline-flex h-5 w-5 -translate-y-1/2 items-center justify-center rounded text-neutral-400 transition-colors hover:bg-neutral-100 hover:text-neutral-800 dark:hover:bg-neutral-800 dark:hover:text-neutral-100",title:"Clear search","aria-label":"Clear search",onClick:C[4]||(C[4]=Y=>{i.value="",v.value=null,W()})},[z(f(Lt),{size:13})])):S("",!0)]),t("div",sl,[I.value?S("",!0):(n(),r("div",ll,[z(O,{type:"selectSearch",size:"sm","active-highlight":"",value:R.value||"",options:U.value,placeholder:"All agents","search-placeholder":"Search agents...",loading:f(H),onInput:C[5]||(C[5]=Y=>R.value=Y||null)},null,8,["value","options","loading"])])),z(zs,{startDate:w.value,"onUpdate:startDate":C[6]||(C[6]=Y=>w.value=Y),endDate:B.value,"onUpdate:endDate":C[7]||(C[7]=Y=>B.value=Y),class:ee(I.value?"w-full":"flex-1 min-w-0")},null,8,["startDate","endDate","class"]),ae.value>0?(n(),r("button",{key:1,onClick:Q,type:"button",class:"text-[10px] font-mono text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100 transition-colors whitespace-nowrap"}," Clear ")):(n(),r("button",{key:2,onClick:fe,type:"button",class:"text-[10px] font-mono text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100 transition-colors whitespace-nowrap"}," Close "))])])):S("",!0),t("div",{ref_key:"scrollContainerRef",ref:me,class:"flex-1 overflow-y-auto text-xs min-h-0"},[f(re)&&q.value.length===0?(n(),r("div",ol,[z(qe)])):f(P)?(n(),r("div",il," Error: "+g(f(P)),1)):se.value.length===0?(n(),r("div",dl,[ae.value>0?(n(),r(_e,{key:0},[C[9]||(C[9]=t("p",{class:"text-base mb-2"},"No matching threads",-1)),t("button",{onClick:Q,type:"button",class:"text-xs text-accent-600 dark:text-accent-400 hover:underline"}," Clear filters ")],64)):(n(),r("p",ul,"No threads found"))])):(n(),r("div",cl,[z(Ys,{rows:se.value,"selected-thread-id":e.selectedThreadId,"cluster-has-nested-rows":ce.value,"is-thread-flashing":ue,"is-directory-flashing":Ce,"has-row-top-gap":Se,"has-row-bottom-border":we,onSelectThread:u,onToggleDirectory:Z},null,8,["rows","selected-thread-id","cluster-has-nested-rows"]),j.value||f(re)&&q.value.length>0?(n(),r("div",fl,[z(qe)])):J.value&&!f(Fe)&&se.value.length>0?(n(),r("div",pl," All "+g(be.value)+" threads loaded ",1)):S("",!0)]))],512)])}}});function Jn(e){return!!e&&typeof e=="object"}function ml(e){if(Jn(e)&&!Array.isArray(e))return e;if(typeof e=="string")try{const o=JSON.parse(e);return Jn(o)&&!Array.isArray(o)?o:void 0}catch{return}}function gl(e){const o=h(null),a=h(!1),s=h(null);let l=null;try{l=Pr()}catch{}const i=l?.messages??h([]),v=A(()=>l?.groupedMessages?.value?l.groupedMessages.value:l?.workblocks?.value?l.workblocks.value:i.value),b=A(()=>l?.status.value==="connected"),D=h(null);l?.loading??h(!1);const R=A(()=>i.value.some(P=>P.status==="pending"));function w(P){if(!o.value?.agent)return null;const de=o.value.agent,le=P==="assistant"?"A":"B";return le==="A"&&de.side_a_label?de.side_a_label:le==="B"&&de.side_b_label?de.side_b_label:null}function y(P){const de=P.path??"",le=P.name??de.split("/").pop()??"attachment";return{id:P.id||`att-${de||le||Math.random().toString(36).slice(2)}`,type:"file",path:de,name:le,mimeType:P.mimeType||P.mediaType||"application/octet-stream",width:P.width,height:P.height,description:P.description}}function I(P){if(P){if(Array.isArray(P))return P.length>0?P.map(y):void 0;try{const de=JSON.parse(P);return Array.isArray(de)&&de.length>0?de.filter(Jn).map(y):void 0}catch{return}}}function B(P,de){const le=[];P.reasoning_content&&le.push({id:`${P.id}-reasoning`,type:"reasoning",content:P.reasoning_content,created_at:P.created_at}),P.content&&le.push({id:`${P.id}-content`,type:"content",content:P.content,created_at:P.created_at});const ye=P.workItems.filter(ne=>ne.type==="tool_call"),ge=P.workItems.filter(ne=>ne.type==="tool_result"),ve=new Map;for(const ne of ge)ne.tool_call_id&&ve.set(ne.tool_call_id,ne);for(const ne of ye){const Z=ne.tool_call_id||ne.id,K=ve.get(Z);let xe="pending";if(K){const ue=(K.content||"").toLowerCase(),Ce=ue.includes("failed")||ue.includes("error"),Ue=ue.length<500;xe=K.status==="error"||Ce&&Ue?"failed":"success"}le.push({id:ne.id,type:"tool_call",content:ne.name||"",created_at:P.created_at,tool_name:ne.name,tool_call_id:Z,tool_arguments:ne.content||void 0,response:K?.content||null,response_status:xe,response_log_id:null,log_id:null})}const Re=le.some(ne=>ne.type==="tool_call"&&ne.response_status==="pending"),$e=P.status!=="pending"&&!Re;return{type:"work",id:P.id,role:"assistant",items:le,created_at:P.created_at,updated_at:P.updated_at??P.response_completed_at??P.created_at,request_sent_at:P.request_sent_at??P.created_at,response_completed_at:P.response_completed_at??($e?P.updated_at??P.created_at:null),isComplete:$e,sideLabel:w("assistant"),status:P.status}}function E(P){return P==="assistant"?"assistant":"user"}function H(P){for(let de=P.length-1;de>=0;de--){const le=(P[de].content||"").trim();if(le.length>0)return le}return""}function U(P){const de=new Set,le=[];for(const ye of P){const ge=I(ye.attachments);if(ge?.length)for(const ve of ge)de.has(ve.path)||(de.add(ve.path),le.push(ve))}return le.length>0?le:void 0}function G(P){if(!P)return!1;if(P.tool_status==="error"||P.status==="failed")return!0;const de=(P.content||"").toLowerCase();return de?de.includes("failed to execute tool")||de.includes("has reported a failure")||de.includes("execution stopped before completion"):!1}function q(P){const de=P.messages||[],le=de[de.length-1],ye=le?E(le.role):"assistant",ge=le?.log_id??null,ve=(P.subagent_status||"").toLowerCase(),Re=G(le)||ve.includes("error")||ve.includes("failed"),$e=H(de),ne=U(de),Z=de.filter(K=>{const xe=I(K.attachments);return!!K.content||!!K.status||!!(xe&&xe.length>0)}).map(K=>({id:K.id,role:K.role,content:K.content||"",created_at:K.created_at,silent:K.silent,attachments:I(K.attachments)}));return{type:"subagent",id:P.id,role:ye,created_at:P.created_at,updated_at:P.updated_at,subagentId:P.subagent_id,subagentName:P.subagent_name??null,subagentTitle:P.subagent_title??null,subagentThreadName:P.subagent_thread_name??null,subagentStatus:P.subagent_status??null,subagentHasError:Re,subagentResumable:P.subagent_resumable??null,subagentBlocking:P.subagent_blocking??null,messages:Z,messageCount:de.length,latestContent:$e,attachments:ne,log_id:ge,sideLabel:w(ye),silent:de.length>0&&de.every(K=>!!K.silent)}}function j(P){const de=(P.subagents||[]).map(ye=>q(ye)),le=de.reduce((ye,ge)=>ye?ge.updated_at>ye.updated_at?ge:ye:ge,null);return{type:"subagent_group",id:P.id,role:le?.role??"assistant",created_at:P.created_at,updated_at:P.updated_at,subagents:de,count:de.length,log_id:le?.log_id??null,sideLabel:le?.sideLabel??w("assistant"),silent:de.every(ye=>!!ye.silent)}}function J(P){return{type:"status",id:P.id,role:"system",content:P.content,created_at:P.created_at,statusKind:P.status_kind??null,subagentId:P.subagent_id??null}}const pe=A(()=>{const P=[],le=v.value.filter(ge=>(ge.depth??0)===0);let ye=[];for(let ge=0;ge<le.length;ge++){const ve=le[ge];if(P[P.length-1]?.role,"type"in ve&&ve.type==="workblock"){const xe=B(ve);P.push(xe),ve.attachments&&ve.attachments.length>0&&ye.push(...ve.attachments.map(y));continue}if("type"in ve&&ve.type==="subagent_block"){ye=[],P.push(q(ve));continue}if("type"in ve&&ve.type==="subagent_group_block"){ye=[],P.push(j(ve));continue}if("type"in ve&&ve.type==="status"){ye=[],P.push(J(ve));continue}const $e=ve,ne=$e.role;if($e.role==="tool")continue;const Z=I($e.attachments);let K;if((ye.length>0||Z)&&(K=[...ye,...Z||[]],ye=[]),$e.content||ne==="system"||$e.status==="pending"||K?.length){const xe={type:"text",id:$e.id,role:ne,content:$e.content||"",attachments:K?.length?K:void 0,created_at:$e.created_at,log_id:$e.log_id||null,sideLabel:w(ne),isOptimistic:$e.isOptimistic,status:$e.status,silent:$e.silent,metadata:ml($e.metadata)};P.push(xe)}}return P});async function ae(){if(!e.value){o.value=null;return}try{const P=await fetch(He(`/api/threads/${e.value}`));P.ok&&(o.value=await P.json())}catch{o.value=null}}async function Q(P){if(e.value){if(l?.deleteMessage){await l.deleteMessage(P);return}try{if(!(await fetch(He(`/api/threads/${e.value}/messages/${P}`),{method:"DELETE"})).ok)throw new Error("Failed to delete message")}catch(de){throw de}}}async function W(P,de){if(e.value)try{if(!(await fetch(He(`/api/threads/${e.value}/messages/${P}`),{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({content:de})})).ok)throw new Error("Failed to update message")}catch(le){throw le}}he(e,async P=>{P?(a.value=!0,await ae(),a.value=!1):o.value=null},{immediate:!0});const fe=l?.sendMessage,X=l?.stopExecution,Me=l?.attachments??h([]),Fe=l?.addAttachment??(()=>{}),re=l?.removeAttachment??(()=>{}),De=l?.clearAttachments??(()=>{});return{messages:pe,threadInfo:o,isFetching:a,error:s,wsConnected:b,wsError:D,isExecuting:R,sendMessage:fe,stopThread:X,attachments:Me,addAttachment:Fe,removeAttachment:re,clearAttachments:De,deleteMessageById:Q,updateMessageContent:W}}const Pn="__shiki_highlighter__";let hn=null;async function hl(){return typeof window<"u"&&window[Pn]?window[Pn]:hn||(hn=Promise.all([at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.d),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.e),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.f),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.g),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.i),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.k),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.l),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.m),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.n),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.s),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.o),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.p),__vite__mapDeps([0,1])),at(()=>import("./vue-CSFkhEaa.js").then(e=>e.bd),__vite__mapDeps([2,3,1,0])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.y),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.q),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.r),__vite__mapDeps([0,1]))]).then(async([{createHighlighterCore:e},{createJavaScriptRegexEngine:o},a,s,l,i,v,b,D,R,w,y,I,B,E,H])=>{const U=await e({themes:[E.default,H.default],langs:[a.default,s.default,l.default,i.default,v.default,b.default,D.default,R.default,w.default,y.default,I.default,B.default],engine:o()});return typeof window<"u"&&(window[Pn]=U),U}),hn)}const xl={class:"code-block"},bl={key:0,class:"text-xs text-neutral-500 p-2"},yl=["innerHTML"],Pt=We({__name:"CodeBlock",props:{code:{},language:{}},setup(e){const o=e,a=h(""),s=h(!0),l={bash:"bash",cjs:"javascript",htm:"html",js:"javascript",jsonl:"json",md:"markdown",mjs:"javascript",sh:"bash",shell:"bash",text:"text",ts:"typescript",txt:"text",yml:"yaml"},i=new Set(["bash","css","html","javascript","jsx","json","markdown","shellscript","tsx","typescript","vue","yaml"]),v=w=>{const y=w?.trim().toLowerCase()||"text";return l[y]??y},b=w=>w.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),D=w=>`<pre class="shiki shiki-text"><code>${b(w)}</code></pre>`,R=async()=>{const w=o.code??"";if(!w){a.value='<pre class="shiki"><code></code></pre>',s.value=!1;return}try{const y=await hl(),I=v(o.language);i.has(I)?a.value=y.codeToHtml(w,{lang:I,themes:{light:"github-light",dark:"github-dark"}}):a.value=D(w)}catch{a.value=D(w)}finally{s.value=!1}};return jt(()=>{R()}),he(()=>o.code,()=>{R()}),he(()=>o.language,()=>{R()}),(w,y)=>(n(),r("div",xl,[s.value?(n(),r("div",bl,"Loading...")):(n(),r("div",{key:1,innerHTML:a.value,class:"code-content"},null,8,yl))]))}}),kl={key:0,class:"absolute inset-0 flex items-center justify-center bg-neutral-100 dark:bg-neutral-800"},wl={key:1,class:"absolute inset-0 flex items-center justify-center bg-neutral-100 dark:bg-neutral-800 text-neutral-400"},_l=["src","alt"],$l={key:2,class:"pointer-events-none absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/35 transition-colors"},Cl={class:"text-xs text-neutral-600 dark:text-neutral-300 truncate max-w-[100px]"},Nn=We({__name:"FileAttachment",props:{attachment:{},threadId:{},showRemove:{type:Boolean}},emits:["remove"],setup(e,{emit:o}){const a=lr(),s=or(),l=e,i=o,v=h(!0),b=h(!1),D=A(()=>l.attachment.mimeType.startsWith("image/")),R=A(()=>!!l.attachment.thumbnailBase64),w=A(()=>{if(!l.threadId||!l.attachment.path)return"";const U=l.attachment.path.startsWith("/")?l.attachment.path.slice(1):l.attachment.path;return He(`/api/threads/${l.threadId}/fs/${U}`)}),y=A(()=>D.value?l.attachment.thumbnailBase64?`data:image/webp;base64,${l.attachment.thumbnailBase64}`:w.value:"");function I(){v.value=!1,b.value=!1}function B(){v.value=!1,b.value=!0}function E(){i("remove",l.attachment.id)}function H(){if(!l.attachment.path){w.value&&window.open(w.value,"_blank");return}a.replace({query:{...s.query,inspector:"files",filePath:l.attachment.path},hash:s.hash})}return(U,G)=>(n(),r("div",{class:ee(["relative group inline-flex items-center overflow-hidden rounded-2xl bg-neutral-100 dark:bg-neutral-800/60 ring-1 ring-black/5 dark:ring-white/10 transition-all hover:ring-black/10 dark:hover:ring-white/20 hover:shadow-sm",{"w-[256px] h-[256px]":D.value,"px-2.5 py-1.5":!D.value,"cursor-pointer":D.value&&w.value}]),onClick:G[0]||(G[0]=q=>D.value&&w.value?H():void 0)},[D.value?(n(),r(_e,{key:0},[v.value&&!b.value&&!R.value?(n(),r("div",kl,[...G[1]||(G[1]=[t("div",{class:"w-4 h-4 border-2 border-neutral-300 border-t-neutral-600 rounded-full animate-spin"},null,-1)])])):S("",!0),b.value&&!R.value?(n(),r("div",wl,[z(f(Pa),{size:24})])):S("",!0),rt(t("img",{src:y.value||w.value,alt:e.attachment.name,class:"w-full h-full object-cover",onLoad:I,onError:B},null,40,_l),[[ht,!v.value&&!b.value||R.value]]),w.value?(n(),r("div",$l,[...G[2]||(G[2]=[t("span",{class:"rounded-full bg-white/90 px-3 py-1 text-xs font-medium text-neutral-900 opacity-0 group-hover:opacity-100 transition-opacity shadow-sm"}," View ",-1)])])):S("",!0)],64)):(n(),r(_e,{key:1},[z(f(wn),{size:14,class:"text-neutral-500 mr-1 flex-shrink-0"}),t("span",Cl,g(e.attachment.name),1)],64)),e.showRemove?(n(),r("button",{key:2,onClick:ze(E,["stop"]),class:"absolute -top-1 -right-1 w-4 h-4 rounded-full bg-red-500 text-white flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"},[z(f(Lt),{size:10})])):S("",!0)],2))}}),Sl=["onMouseenter","onMouseleave","onClick"],Tl=["onClick"],Il={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"3",stroke:"currentColor",class:"w-3 h-3 text-white"},Al={key:1,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"2.5",stroke:"currentColor",class:"w-3 h-3 text-white"},El={key:0,class:"w-full text-center text-xs text-neutral-400 dark:text-neutral-500 py-1"},Ll={key:0,class:"text-[10px] font-semibold uppercase tracking-wider text-neutral-400 dark:text-neutral-500 leading-none mb-1"},Rl=["contenteditable","onInput"],Ml=["innerHTML"],Dl={key:3,class:"inline-flex items-center gap-1 rounded-full bg-neutral-100 dark:bg-neutral-800/60 px-3 py-2"},Fl={key:0,class:"inline-flex items-center gap-1.5"},Pl=["src"],Nl={key:1,class:"inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] border agents-border-selected agents-surface-selected text-[8px] font-semibold leading-none agents-text-selected","aria-hidden":"true"},zl=["title","onClick"],jl={key:0,class:"flex flex-wrap gap-2 px-4"},Bl=["onClick","onMouseenter"],Ol={key:0,class:"flex items-center gap-2 px-4 py-2 min-w-0"},Vl={key:0,class:"truncate text-neutral-700 dark:text-neutral-300 min-w-0"},ql={key:1,class:"truncate text-neutral-600 dark:text-neutral-400 min-w-0"},Hl={class:"text-neutral-500 dark:text-neutral-400 flex-shrink-0"},Ul={class:"work-op-strip","aria-label":"Operation statuses"},Wl=["title"],Kl={key:1,class:"px-4 py-2 space-y-2.5"},Jl={class:"flex items-center gap-2"},Gl={class:"min-w-0 truncate text-neutral-700 dark:text-neutral-300"},Yl={class:"shrink-0 text-neutral-500 dark:text-neutral-400"},Ql={class:"work-op-strip","aria-label":"Operation statuses"},Xl=["title"],Zl={key:0,class:"space-y-1"},eo=["onClick","onMouseenter"],to=["title"],no={class:"font-mono font-medium text-neutral-800 dark:text-neutral-100 flex-shrink-0"},ao={key:2,class:"text-neutral-500 dark:text-neutral-400 truncate flex-1 min-w-0"},ro={key:0,class:"pl-5 mt-2 space-y-3"},so={key:0},lo={class:"divide-y divide-neutral-100/80 rounded-md bg-white px-2.5 py-1.5 ring-1 ring-neutral-200/70 dark:divide-neutral-800/70 dark:bg-neutral-950/60 dark:ring-neutral-800/70"},oo={class:"pt-1 font-mono text-[12px] text-neutral-500 dark:text-neutral-500"},io={class:"min-w-0"},uo={key:1,class:"break-words text-neutral-800 dark:text-neutral-200"},co={key:1},fo={class:"text-[10px] font-semibold uppercase tracking-wider text-neutral-400 dark:text-neutral-500 mb-1"},po=["onClick","onMouseenter"],vo={key:0,class:"m-0 whitespace-pre-wrap break-words font-mono text-[11px] leading-relaxed"},mo={key:1},go=["onClick"],ho={key:0,class:"pl-5 mt-2 whitespace-pre-wrap break-words rounded-md bg-white dark:bg-neutral-950/60 ring-1 ring-neutral-200/70 dark:ring-neutral-800/70 px-2.5 py-2 text-neutral-700 dark:text-neutral-300"},xo={key:2,class:"pl-5 pb-1 break-words text-neutral-600 dark:text-neutral-400"},bo={class:"flex items-center justify-between gap-3 border-b border-neutral-100 px-3 py-2 dark:border-neutral-900"},yo={class:"min-w-0"},ko={class:"truncate text-[12px] font-medium text-neutral-800 dark:text-neutral-100"},wo={class:"rounded-full bg-neutral-100 px-2 py-0.5 text-[10px] text-neutral-500 ring-1 ring-inset ring-neutral-200 dark:bg-neutral-900 dark:text-neutral-400 dark:ring-neutral-800"},_o={class:"divide-y divide-neutral-100 dark:divide-neutral-900"},$o=["onClick"],Co={class:"flex items-center gap-3"},So=["src"],To={class:"min-w-0 flex-1"},Io={class:"flex items-center gap-2"},Ao={class:"truncate text-[13px] font-medium text-neutral-900 dark:text-neutral-50"},Eo={class:"mt-0.5 truncate text-[11px] text-neutral-500 dark:text-neutral-400"},Lo={class:"shrink-0 rounded-full bg-neutral-100 px-1.5 py-0.5 text-[10px] leading-none text-neutral-500 dark:bg-neutral-900 dark:text-neutral-400"},Ro={class:"ml-11 mt-1 truncate text-[11px] text-neutral-500 dark:text-neutral-400"},Mo={key:0,class:"ml-12 mt-1.5 space-y-1.5 border-l border-neutral-200 pl-2.5 dark:border-neutral-800"},Do={class:"flex items-center gap-2 text-[10px] text-neutral-500 dark:text-neutral-400"},Fo={class:"font-medium uppercase text-neutral-600 dark:text-neutral-300"},Po={key:0,class:"italic"},No=["innerHTML"],zo={key:1,class:"mt-2 flex flex-wrap gap-2"},jo=["onClick"],Bo={class:"flex items-center gap-3"},Oo=["src"],Vo={class:"min-w-0 flex-1"},qo={class:"flex items-center gap-2"},Ho={class:"truncate text-[13px] font-medium text-neutral-900 dark:text-neutral-50"},Uo={class:"mt-0.5 truncate text-[11px] text-neutral-500 dark:text-neutral-400"},Wo={class:"shrink-0 rounded-full bg-neutral-100 px-1.5 py-0.5 text-[10px] leading-none text-neutral-500 dark:bg-neutral-900 dark:text-neutral-400"},Ko={class:"ml-12 mt-1 truncate text-[11px] text-neutral-500 dark:text-neutral-400"},Jo={key:0,class:"ml-12 mt-2 space-y-1.5 border-l border-neutral-200 pl-2.5 dark:border-neutral-800"},Go={class:"flex items-center gap-2 text-[10px] text-neutral-500 dark:text-neutral-400"},Yo={class:"font-medium uppercase text-neutral-600 dark:text-neutral-300"},Qo={key:0,class:"italic"},Xo=["innerHTML"],Zo={key:1,class:"mt-2 flex flex-wrap gap-2"},ei=We({__name:"AgentMessages",props:{messages:{},threadId:{},selectedMessageId:{},selectedLogId:{},selectedEffectId:{},hoveredLogId:{},isEditMode:{type:Boolean},selectedForDelete:{},editedMessages:{},assistantAvatarSrc:{},userAvatarSrc:{}},emits:["messageClick","messageHover","selectionChange","messageEdit"],setup(e,{expose:o,emit:a}){const s=e,l=a;da.setOptions({gfm:!0,breaks:!0});function i(m){const x=s.selectedForDelete?.has(m)??!1;l("selectionChange",m,!x)}function v(m,x){const ke=m.target.innerText;l("messageEdit",x,ke)}function b(m){return m.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function D(m){if(typeof window>"u"||typeof DOMParser>"u")return m.replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi,"").replace(/\son\w+="[^"]*"/gi,"").replace(/\s(href|src)="javascript:[^"]*"/gi,"");const x=new DOMParser().parseFromString(m,"text/html"),_=["script","style","iframe","object","embed"];for(const ke of _)x.querySelectorAll(ke).forEach(te=>te.remove());return x.body.querySelectorAll("*").forEach(ke=>{for(const te of Array.from(ke.attributes)){const Pe=te.name.toLowerCase(),lt=te.value.trim().toLowerCase();(Pe.startsWith("on")||Pe==="style"||(Pe==="href"||Pe==="src")&&(lt.startsWith("javascript:")||lt.startsWith("data:text/html")))&&ke.removeAttribute(te.name)}}),x.body.innerHTML}function R(m){return!!m&&typeof m=="object"&&!Array.isArray(m)}function w(m){const x=b(st(m||"")),_=da.parse(x,{async:!1});return D(_)}function y(m){return s.editedMessages?.has(m)??!1}const I=h(new Map);function B(m,x){x?I.value.set(m,x):I.value.delete(m)}function E(m,x){B(m,x instanceof HTMLElement?x:null)}function H(m){const x=s.messages.findIndex(_=>_.log_id===m);if(x<=0)return-1;for(let _=x-1;_>=0;_--){const ke=s.messages[_];if(ke.role==="user")return _;if(ke.role==="assistant"&&ke.log_id)break}return-1}function U(m){for(let x=0;x<s.messages.length;x++){const _=s.messages[x];if(_.log_id===m||_.type==="work"&&_.items&&_.items.some(Pe=>Pe.log_id===m||Pe.response_log_id===m))return x}return-1}function G(m,x){const ke=U(m);if(ke===-1)return!1;const te=I.value.get(ke);if(!te)return!1;const Pe=s.messages[ke];let lt=null;if(Pe.role==="assistant"&&Pe.log_id){const kt=H(Pe.log_id);lt=kt!==-1?I.value.get(kt):null}const mt=x.getBoundingClientRect(),Zt=te.getBoundingClientRect();if(Zt.top<mt.top){const T=(lt||te).getBoundingClientRect().top-mt.top-10;x.scrollBy({top:T,behavior:"smooth"})}else if(Zt.bottom>mt.bottom){const kt=Zt.bottom-mt.bottom+10;x.scrollBy({top:kt,behavior:"smooth"})}else if(lt){const kt=lt.getBoundingClientRect();if(kt.top<mt.top){const pn=kt.top-mt.top-10;x.scrollBy({top:pn,behavior:"smooth"})}}return!0}function q(m){for(const x of s.messages){if(x.type!=="work")continue;if(x.items.some(te=>te.log_id===m||te.response_log_id===m))return!0}return!1}o({scrollToLogId:G,hasWorkblockForLogId:q});function j(m){const x=s.messages[m];if(x.log_id)return x.log_id;if(x.role==="user")for(let _=m+1;_<s.messages.length;_++){const ke=s.messages[_];if(ke.log_id)return ke.log_id;if(ke.role==="user")break}return null}function J(m){if(m.type!=="text")return null;const x=m.metadata;if(!R(x))return null;const _=x.scheduledEffect;return R(_)?_:null}function pe(m){const x=J(m);return typeof x?.id=="string"?x.id:null}function ae(m){const x=J(m);return typeof x?.name=="string"?x.name:null}function Q(m){return pe(m)!==null}function W(m){const x=pe(m),_=ae(m);return _&&x?`${_} (${x})`:_||"Scheduled effect"}function fe(m){if(m.type!=="text")return null;const x=J(m),_=typeof x?.id=="string"?x.id:null;return _?{id:_,name:typeof x?.name=="string"?x.name:null}:null}function X(m,x){return x?j(m)===x:!1}function Me(m,x){if(s.isEditMode||m.silent||m.role==="user"&&!Q(m))return"";const _=pe(m),ke=!!j(x)||Q(m);return X(x,s.selectedLogId??null)||_&&_===s.selectedEffectId?"message-log-state message-log-state--selected":j(x)&&X(x,s.hoveredLogId??null)?"message-log-state message-log-state--hovered":ke?"message-log-state":""}function Fe(m){const x=j(m);x&&l("messageHover",x)}function re(m){j(m)&&l("messageHover",null)}function De(m){const x=s.messages[m],_=j(m),ke=fe(x);(_||ke)&&l("messageClick",x.id,_,ke)}function P(m){const x=s.messages[m],_=fe(x);_&&l("messageClick",x.id,j(m),_)}const de=h(new Set),le=h(new Set),ye=h(new Set),ge=h(new Set);function ve(m){de.value.has(m)?de.value.delete(m):de.value.add(m)}function Re(m){le.value.has(m)?le.value.delete(m):le.value.add(m)}function $e(m){ye.value.has(m)?ye.value.delete(m):ye.value.add(m)}function ne(m){ge.value.has(m)?ge.value.delete(m):ge.value.add(m)}function Z(m){if(!m)return{};try{const x=JSON.parse(m);return x&&typeof x=="object"&&!Array.isArray(x)?x:{raw:x}}catch{return{raw:m}}}function K(m){if(!m)return null;const x=Z(m),_=Object.keys(x);if(_.length===0)return null;const ke=x[_[0]];return typeof ke=="string"?Ve(se(ke)):JSON.stringify(ke)}const xe={bash:"bash",css:"css",html:"html",js:"javascript",jsx:"jsx",json:"json",md:"markdown",mjs:"javascript",sh:"bash",ts:"typescript",tsx:"tsx",vue:"vue",yaml:"yaml",yml:"yaml"};function ue(m){if(typeof m!="string")return null;const x=m.split("?")[0]?.split("#")[0]?.split(".").pop()?.toLowerCase();return x?xe[x]??null:null}function Ce(m){if(typeof m!="string")return null;const x=m.toLowerCase();return x.includes("json")?"json":x.includes("typescript")?"typescript":x.includes("javascript")?"javascript":x.includes("html")?"html":x.includes("css")?"css":x.includes("markdown")?"markdown":x.includes("yaml")||x.includes("yml")?"yaml":x.includes("shell")||x.includes("bash")?"bash":null}function Ue(m){try{return JSON.stringify(JSON.parse(m),null,2)}catch{return null}}function M(m){try{return JSON.parse(m)}catch{return null}}function be(m){return m&&typeof m=="object"&&!Array.isArray(m)?m:null}function se(m){return m.replace(/\\r\\n/g,`
2
+ import{d as We,z as N,e as n,k as Ae,g as Rt,m as ee,B as Et,c as A,an as qt,w as he,r as h,O as Ht,a5 as Xa,ao as Za,J as f,a4 as Gn,C as er,D as tr,b as r,f as t,q as S,j as z,s as Ge,u as g,h as Oe,a as Yt,Z as un,o as jt,ap as nr,aq as Lt,ag as $t,F as _e,l as Ne,K as ze,n as pt,ar as Ra,as as Ma,ah as Nt,at as ar,au as rr,av as Vn,aw as Da,ax as Fa,x as rt,ay as kn,az as sr,X as lr,Y as or,aA as Pa,y as ht,aB as wn,aC as _t,_ as qn,aD as ir,a3 as Mt,aE as dr,am as dn,aF as ur,aG as _n,aH as Na,aI as za,aJ as cr,al as fr,aK as ja,aL as pr,aM as vr,aN as mr,aO as gr,aP as hr,aQ as xr,aR as br,aS as yr,L as Vt,aT as en,aU as Hn,aV as Yn,P as zt,H as kr,aW as Ba,aX as wr,aY as _r,aZ as $r,a_ as Rn,a$ as Cr,b0 as Sr,b1 as Tr,b2 as na,b3 as $n,b4 as Ir,b5 as aa,b6 as ra,b7 as Un,W as Ar,b8 as Er,b9 as Lr,ba as sa}from"./vue-CSFkhEaa.js";import{H as Rr,b as He,J as Qn,K as Mr,L as Wn,I as vn,k as la,M as oa,C as Oa,N as Dr,O as ia,P as Fr,m as dt,Q as Va,R as qa,B as qe,S as Pr,h as Cn,V as Nr,U as Mn,_ as mn,e as ln,f as sn,W as zr,X as jr,u as Br,A as Dt,p as Or,w as Vr,y as qr,z as Hr,Y as Ur,Z as Wr,x as Kr}from"./index-9-23MLMl.js";import{e as da}from"./vendor-TPZjEwCU.js";import{_ as Ha}from"./Modal.vue_vue_type_script_setup_true_lang-B_xALCRj.js";import{u as Jr}from"./timeAgo-BByZFcs9.js";import{_ as Xn,u as Gr}from"./CopyButton.vue_vue_type_script_setup_true_lang-BP_WkBf6.js";import{_ as at,W as Yr,a as Qr,b as Xr,c as Zr,d as es,e as tn}from"./monaco-DI2r3M8m.js";import{J as Dn}from"./JsonViewer-DwV4rW0b.js";import{_ as ts}from"./ConfirmDialog.vue_vue_type_script_setup_true_lang-CUH5M-Rk.js";import{u as Ua,_ as Wa,b as gn,c as ns,P as as}from"./PromptModal-Cls1xDPx.js";const rs=We({__name:"UiMenuItem",props:{active:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},as:{default:"button"}},emits:["click"],setup(e,{emit:o}){const a=e,s=o;function l(i){a.disabled||s("click",i)}return(i,v)=>(n(),N(Et(e.as),{type:e.as==="button"?"button":void 0,disabled:e.as==="button"?e.disabled:void 0,onClick:l,class:ee(["w-full flex items-center gap-2 px-3 py-2 text-sm text-left transition-colors",[e.disabled?"opacity-50 cursor-not-allowed":"hover:bg-neutral-100 dark:hover:bg-neutral-800 cursor-pointer",e.active?"bg-accent-50 dark:bg-accent-950/30":""]])},{default:Ae(()=>[Rt(i.$slots,"default")]),_:3},8,["type","disabled","class"]))}});async function on(e){const o=await Rr(e);if(!o.ok)throw new Error(`Request failed for ${e}`);return o.json()}async function ss(e){if(!e)return null;try{return(await on(`/prompts/${encodeURIComponent(e)}`)).prompt}catch{return null}}async function zh(e){if(!e)return null;try{return await on(`/tools/${encodeURIComponent(e)}`)}catch{return null}}function ls(e){const o=e?.env??e?.tenvs;return!o||typeof o!="object"?{}:o}function Ka(e){return Object.keys(ls(e)).filter(o=>o.trim().length>0)}function os(e){const o=e?.variables||[],a=new Map;for(const s of o){const l=s.name?.trim();l&&a.set(l,{...s,name:l})}for(const s of Ka(e))a.has(s)||a.set(s,{name:s,type:"text",required:!1,description:"Default value set on this prompt."});return Array.from(a.values())}function jh(e){return e?!e.packed&&e.id===e.name:!1}function is(e,o){return o?.type?o.type:e.startsWith("provider:")?"provider":e.startsWith("mcp:")?"mcp":"unknown"}function ds(e){return e.startsWith("provider:")?e.slice(9):e.startsWith("mcp:")?e.slice(4):e}function us(e,o){if(!e)return null;const a=o[e];if(a)return a;for(const s of Object.values(o))if(s.name===e)return s;return null}function cs(e,o,a={}){const s=o[e.name],l=s?.model;return{name:e.name,displayName:ds(e.name),kind:is(e.name,s),description:s?.description||"",variables:s?.variables||[],model:l,resolvedModel:us(l,a),config:e}}function Bh(e,o,a,s){const l=o==="b"&&e.type!=="dual_ai",i=o==="a"?e.side_a_label||"Side A":e.side_b_label||(l?"Human":"Side B"),v=o==="a"?e.side_a_agent_prompt:e.side_b_agent_prompt,b=o==="a"?e.side_a_stop_on_response:e.side_b_stop_on_response,D=o==="a"?e.side_a_stop_tool:e.side_b_stop_tool,R=o==="a"?e.side_a_max_steps:e.side_b_max_steps,w=[o==="a"?e.side_a_session_stop_tool:e.side_b_session_stop_tool,o==="a"?e.side_a_session_fail_tool:e.side_b_session_fail_tool,o==="a"?e.side_a_session_status_tool:e.side_b_session_status_tool].filter(B=>!!B),y=(a?.tools||[]).map(B=>cs(B,s.toolsCatalog,s.models)),I=y.filter(B=>B.kind==="handoff"||B.kind==="subagent");return{id:o,agentName:e.name,label:i,mode:l?"human":"ai",promptName:v||null,stopOnResponse:b,stopTool:D,maxSteps:R,sessionStopTool:o==="a"?e.side_a_session_stop_tool:e.side_b_session_stop_tool,sessionTools:w,prompt:a,model:a&&s.models[a.model_id]||null,tools:y,hooks:(a?.hooks||[]).map(B=>s.hooks[B]||{id:B,hook:"unknown"}),variables:os(a),variableEnvNames:Ka(a),outgoingAgents:I}}function fs(e){const{limit:o=50,offset:a=0,agentId:s=null,userId:l=null,search:i=null,startDate:v=null,endDate:b=null,autoFetch:D=!0}=e||{},R=A(()=>{const j=new URLSearchParams,J=typeof o=="number"?o:o.value,pe=typeof a=="number"?a:a.value,ae=typeof s=="string"?s:s?.value,Q=typeof l=="string"?l:l?.value,W=typeof i=="string"?i:i?.value,fe=typeof v=="number"?v:v?.value,X=typeof b=="number"?b:b?.value;return j.append("limit",J.toString()),j.append("offset",pe.toString()),ae&&(j.append("agent_id",ae),j.append("include_children","1")),Q&&j.append("user_id",Q),W&&j.append("search",W),fe&&j.append("startDate",fe.toString()),X&&j.append("endDate",X.toString()),He(`/api/threads?${j.toString()}`)}),{data:w,error:y,isFetching:I,isFinished:B,execute:E,abort:H}=qt(R,{immediate:D,refetch:!0}).get().json(),U=A(()=>w.value?.threads||[]),G=A(()=>w.value?.total||0),q=A(()=>w.value?.hasMore||!1);return{threads:U,total:G,hasMore:q,error:y,isFetching:I,isFinished:B,refetch:E,abort:H}}function Zn(e){const o=A(()=>{const R=typeof e=="string"?e:e?.value;return R?He(`/api/threads/${R}`):""}),{data:a,error:s,isFetching:l,isFinished:i,execute:v,abort:b}=qt(o,{immediate:!1,refetch:!0}).get().json();return he(o,R=>{R?v():(b(),a.value=null)},{immediate:!0}),{thread:A(()=>a.value?{id:a.value.thread.id,agent_id:a.value.thread.agent_id,user_id:a.value.thread.user_id,tags:a.value.thread.tags||[],parent:a.value.thread.parent??null,terminated:a.value.thread.terminated??null,created_at:a.value.thread.created_at,agent:a.value.agent||{id:"",title:"Unknown",type:"unknown"},stats:a.value.stats}:null),error:s,isFetching:l,isFinished:i,refetch:v,abort:b}}const ps={key:0,class:"flex min-h-[500px] items-center justify-center"},vs={class:"flex min-h-0 min-w-0 flex-1 flex-col"},ms={key:0,class:"sticky top-0 z-10 flex min-w-0 shrink-0 items-center gap-2 border-b border-neutral-200 bg-neutral-50/95 px-3 backdrop-blur dark:border-neutral-800 dark:bg-neutral-950/95"},gs={class:"min-w-0 flex-1"},hs={class:"edit-sections-query"},xs=We({__name:"AgentModal",props:{modelValue:{type:Boolean},editAgent:{},mode:{},apiError:{},readonly:{type:Boolean,default:!1},saving:{type:Boolean,default:!1},inline:{type:Boolean,default:!1},inlineGlobalNotice:{type:Boolean,default:!1},inlineAccentTabs:{type:Boolean,default:!1},inlineFlatSections:{type:Boolean,default:!1},surfaceSection:{default:null}},emits:["update:modelValue","save"],setup(e,{expose:o,emit:a}){const s=e,l=a,i=A(()=>s.mode==="edit"),v=A(()=>!!s.surfaceSection),b=A(()=>s.inline&&s.inlineFlatSections),D=A(()=>s.inline||v.value),R=A(()=>D.value?{config:Qn}:{}),w=A(()=>i.value&&(s.editAgent?.id||s.editAgent?.name)||""),y=Mr(()=>w.value,{autoload:!1}),I=h(null),B=["basics","side-a","side-b","variables"],{activeTab:E,scrollToSection:H}=Ua(I,B),U=A(()=>[{id:"basics",label:"Basics",icon:Wn},{id:"side-a",label:"Side A",icon:vn},{id:"side-b",label:"Side B",icon:y.agentType.value==="ai_human"?la:vn},{id:"variables",label:"Variables",icon:oa}]),G=h(!1),q=h(!1),j=h(null);let J=0;const pe=A(()=>JSON.stringify({name:y.name.value,title:y.title.value,agentType:y.agentType.value,exposeAsTool:y.exposeAsTool.value,toolDescription:y.toolDescription.value,maxSessionTurns:y.maxSessionTurns.value,sideALabel:y.sideALabel.value,sideAAgentPrompt:y.sideAAgentPrompt.value,sideAStopOnResponse:y.sideAStopOnResponse.value,sideAStopOnToolCall:y.sideAStopOnToolCall.value,sideAStopTool:y.sideAStopTool.value,sideAStopToolResponseProperty:y.sideAStopToolResponseProperty.value,sideAManualStopCondition:y.sideAManualStopCondition.value,sideAMaxSteps:y.sideAMaxSteps.value,sideAEndConversationTool:y.sideAEndConversationTool.value,sideBLabel:y.sideBLabel.value,sideBAgentPrompt:y.sideBAgentPrompt.value,sideBStopOnResponse:y.sideBStopOnResponse.value,sideBStopOnToolCall:y.sideBStopOnToolCall.value,sideBStopTool:y.sideBStopTool.value,sideBStopToolResponseProperty:y.sideBStopToolResponseProperty.value,sideBMaxSteps:y.sideBMaxSteps.value,sideBEndConversationTool:y.sideBEndConversationTool.value,agentEnv:y.agentEnv.value})),ae=A(()=>q.value?"Saved":s.inline&&i.value?"Save Agent Changes":i.value?"Update Agent":"Create Agent"),Q=A(()=>s.saving||s.inline&&!G.value),W=A(()=>v.value||s.inline?{class:s.inline?"flex h-full min-w-0 flex-col":"min-w-0"}:{modelValue:s.modelValue,title:i.value?"Edit Agent":"Create Agent",width:"max-w-5xl",contentPadding:!1});function fe(){q.value=!1,j.value=null}function X(){Oe().then(()=>{G.value=!!y.formNode.value?.context?.state.dirty})}function Me(ge){y.handleFormNode(ge),ge.on("commit",X),ge.on("reset",X),ge.on("message-added",X),ge.on("message-updated",X),ge.on("message-removed",X),X()}async function Fe(){const ge=++J;await Oe();const ve=y.formNode.value;if(!ve||ge!==J){G.value=!1;return}await ve.settled,ve.reset(ve.value),await Oe(),ge===J&&(G.value=!1)}async function re(){await Fe(),q.value=!0,j.value=pe.value}async function De(){fe(),y.resetForm(),await Oe(),i.value&&w.value?await y.load():await y.loadPrerequisites(),await Fe()}async function P(){const ge=await y.prepareSubmit();ge&&l("save",ge)}function de(){y.resetForm(),fe(),l("update:modelValue",!1)}async function le(){fe(),await De()}function ye(ge){return!s.surfaceSection||s.surfaceSection===ge}return he(()=>s.modelValue,async ge=>{ge?await De():(J+=1,y.resetForm(),fe(),G.value=!1)},{immediate:!0}),he(()=>w.value,async(ge,ve)=>{!s.modelValue||ge===ve||await De()}),he(pe,ge=>{q.value&&j.value!==null&&ge!==j.value&&fe()}),he(G,ge=>{ge&&fe()}),o({formNode:y.formNode,markSaveSucceeded:re,markCurrentFormCleanAfterSettle:Fe,resetSaveSuccess:fe}),(ge,ve)=>{const Re=Ht("FormKit");return n(),N(Et(e.inline||v.value?"div":Ha),Xa(W.value,Za(e.inline||v.value?void 0:{"update:modelValue":$e=>ge.$emit("update:modelValue",$e)})),{default:Ae(()=>[(n(),N(Et(D.value?f(Gn):"div"),er(tr(R.value)),{default:Ae(()=>[f(y).isLoading.value?(n(),r("div",ps,[...ve[0]||(ve[0]=[t("span",{class:"text-neutral-500"},"Loading agent data...",-1)])])):(n(),N(Re,{key:1,type:"form",id:"agent-form",actions:!1,disabled:e.readonly||e.saving,onSubmit:P,onNode:Me,"dirty-behavior":"compare","outer-class":"$reset flex min-h-0 min-w-0 flex-1 flex-col","form-class":"$reset flex-1 min-h-0 min-w-0 flex flex-col"},{default:Ae(()=>[t("div",vs,[v.value?S("",!0):(n(),r("nav",ms,[Rt(ge.$slots,"nav-leading",{},void 0,!0),t("div",gs,[z(f(Wa),{tabs:U.value,"active-tab":f(E),"accent-active":e.inlineAccentTabs,orientation:"horizontal",onSelect:f(H)},null,8,["tabs","active-tab","accent-active","onSelect"])])])),t("div",{ref_key:"contentRef",ref:I,class:ee(["min-h-0 flex-1 overflow-y-auto",v.value?"p-5":b.value?"bg-neutral-100 dark:bg-neutral-950":"bg-neutral-100 p-5 dark:bg-neutral-950"])},[t("div",hs,[e.inlineGlobalNotice?(n(),r("div",{key:0,class:ee(["edit-sections-notice rounded-md border border-amber-300 bg-amber-50 px-3 py-2 text-sm text-amber-800 dark:border-amber-700 dark:bg-amber-950/30 dark:text-amber-200",b.value?"mx-5 mb-4 mt-5":"mb-4"])}," Changes here are global and will affect all new messages across all threads. ",2)):S("",!0),t("div",{class:ee([b.value?"space-y-4 pb-5":"space-y-4","edit-sections-stack"])},[e.apiError?(n(),N(f(Oa),{key:0,variant:"error"},{default:Ae(()=>[Ge(g(e.apiError),1)]),_:1})):S("",!0),ye("identity")?(n(),N(f(gn),{key:1,id:"section-basics",title:"Basics",icon:f(Wn),flat:b.value},{default:Ae(()=>[z(Dr,{form:f(y),"is-edit-mode":i.value},null,8,["form","is-edit-mode"])]),_:1},8,["icon","flat"])):S("",!0),ye("side-a")?(n(),N(f(gn),{key:2,id:"section-side-a",title:"Side A (AI)",icon:f(vn),flat:b.value},{default:Ae(()=>[z(ia,{form:f(y),side:"a"},null,8,["form"])]),_:1},8,["icon","flat"])):S("",!0),ye("side-b")?(n(),N(f(gn),{key:3,id:"section-side-b",title:f(y).agentType.value==="ai_human"?"Side B (Human)":"Side B (AI)",icon:f(y).agentType.value==="ai_human"?f(la):f(vn),flat:b.value},{default:Ae(()=>[z(ia,{form:f(y),side:"b"},null,8,["form"])]),_:1},8,["title","icon","flat"])):S("",!0),ye("variables")?(n(),N(f(gn),{key:4,id:"section-variables",title:"Variables",icon:f(oa),flat:b.value},{default:Ae(()=>[z(Fr,{form:f(y),readonly:e.readonly},null,8,["form","readonly"])]),_:1},8,["icon","flat"])):S("",!0)],2)])],2)]),v.value?S("",!0):(n(),N(ns,{key:0,"form-id":"agent-form","form-node":f(y).formNode.value,readonly:e.readonly,inline:e.inline,saving:e.saving,dirty:G.value,"save-succeeded":q.value,"save-label":ae.value,"save-disabled":Q.value,"cancel-label":e.readonly?"Close":"Cancel",onCancel:de,onDiscard:le},null,8,["form-node","readonly","inline","saving","dirty","save-succeeded","save-label","save-disabled","cancel-label"]))]),_:3},8,["disabled"]))]),_:3},16))]),_:3},16)}}}),bs=dt(xs,[["__scopeId","data-v-e47eeb63"]]);function Ja(){const e=He("/api/agents"),{data:o,error:a,isFetching:s,isFinished:l,execute:i}=qt(e,{immediate:!0}).get().json();return{agents:A(()=>o.value?.agents||[]),error:a,isFetching:s,isFinished:l,refetch:i}}function Jt(e,o,...a){}function ea(e){return!!e&&typeof e=="object"}function Sn(e){return typeof e=="string"?e:null}function ys(e){return typeof e=="number"&&Number.isFinite(e)?e:null}function ks(e){if(ea(e)&&!(typeof e.name!="string"||typeof e.title!="string"||typeof e.type!="string"))return{name:e.name,title:e.title,type:e.type,description:Sn(e.description)??void 0,icon:Sn(e.icon)??void 0}}function ws(e){return!ea(e)||typeof e.id!="string"||typeof e.agent_name!="string"||typeof e.created_at!="number"?null:{id:e.id,agent_name:e.agent_name,user_id:Sn(e.user_id),tags:Array.isArray(e.tags)?e.tags.filter(o=>typeof o=="string"):null,parent:Sn(e.parent),terminated:ys(e.terminated),created_at:e.created_at,agent:ks(e.agent)}}function _s(e){if(!ea(e))return null;if(e.type==="thread_deleted")return typeof e.threadId=="string"?{type:e.type,threadId:e.threadId}:null;if(e.type==="thread_created"||e.type==="thread_updated"){const o=ws(e.thread);return o?{type:e.type,thread:o}:null}return null}function $s(e){const{autoConnect:o=!0,onEvent:a}=e||{},s=h(null),l=h(!1),i=h(null);let v=0,b=null,D=null,R=!0,w=null;const y=3e4,I=3e4,B=()=>{b&&(clearTimeout(b),b=null),D&&(clearInterval(D),D=null)},E=()=>{D&&clearInterval(D),D=setInterval(()=>{s.value&&s.value.readyState===WebSocket.OPEN&&s.value.send("ping")},I)},H=()=>{if(!R)return;const j=Math.min(1e3*Math.pow(2,v),y);v++,Jt(),b=setTimeout(()=>{R&&U()},j)},U=()=>{s.value&&(w=null,s.value.close());const j=window.location.protocol==="https:"?"wss:":"ws:",J=window.location.host,pe=Va(`${j}//${J}${He("/api/events")}`);try{const ae=new WebSocket(pe);s.value=ae,w=ae,ae.onopen=()=>{w===ae&&(l.value=!0,i.value=null,v=0,E(),Jt("AgentBuilderEvents","WebSocket connected"))},ae.onmessage=Q=>{if(w===ae)try{if(typeof Q.data=="string"&&Q.data==="pong")return;const W=_s(JSON.parse(Q.data));W&&a&&a(W)}catch{i.value="Failed to parse event update"}},ae.onerror=Q=>{w===ae&&(i.value="WebSocket connection error")},ae.onclose=()=>{w===ae&&(l.value=!1,B(),Jt("AgentBuilderEvents","WebSocket disconnected"),H())}}catch(ae){i.value=ae instanceof Error?ae.message:"Failed to create WebSocket",H()}},G=()=>{R=!0,v=0,U()},q=()=>{R=!1,B(),w=null,s.value&&(s.value.close(),s.value=null),l.value=!1,v=0};return o&&G(),Yt(()=>{q()}),{wsConnected:l,wsError:i,connect:G,disconnect:q}}const Cs={class:"relative inline-flex items-center"},Ss={key:0,class:"inline-block w-2 h-2 rounded-full bg-green-500 dark:bg-green-400"},Ts={key:1,class:"inline-block w-2 h-2 rounded-full bg-neutral-400 dark:bg-neutral-600"},Is={key:0},As={key:1},Ga=We({__name:"StatusDot",props:{connected:{type:Boolean},error:{type:Boolean}},setup(e){const o=h(!1),a=h(null);return(s,l)=>(n(),r("div",Cs,[t("span",{class:"p-0.5 cursor-default outline-none",tabindex:"-1",onMouseenter:l[0]||(l[0]=i=>o.value=!0),onMouseleave:l[1]||(l[1]=i=>o.value=!1)},[e.connected?(n(),r("span",Ss)):(n(),r("span",Ts))],32),z(un,{"enter-active-class":"transition-opacity duration-150","enter-from-class":"opacity-0","enter-to-class":"opacity-100","leave-active-class":"transition-opacity duration-100","leave-from-class":"opacity-100","leave-to-class":"opacity-0"},{default:Ae(()=>[o.value?(n(),r("div",{key:0,ref_key:"popoverRef",ref:a,class:ee(["absolute top-full left-1/2 -translate-x-1/2 mt-1 px-2 py-1 text-xs rounded shadow-lg whitespace-nowrap z-50 border",{"bg-green-50 dark:bg-green-950 border-green-200 dark:border-green-800 text-green-700 dark:text-green-300":e.connected,"bg-neutral-50 dark:bg-neutral-900 border-neutral-200 dark:border-neutral-700 text-neutral-600 dark:text-neutral-400":!e.connected}])},[e.connected?(n(),r("span",Is,"Live - Connected")):(n(),r("span",As,"Offline"))],2)):S("",!0)]),_:1})]))}}),Es={class:"relative min-w-0"},Ls={class:"truncate flex-1 text-left"},Rs={key:0},Ms=["onClick"],Ds={class:"border-t border-neutral-200 dark:border-neutral-700"},Fs={class:"flex items-center justify-between"},Ps={class:"space-y-4 date-filter-inputs"},Ns=We({__name:"DateFilterDropdown",props:{startDate:{},endDate:{}},emits:["update:startDate","update:endDate"],setup(e,{emit:o}){const a=e,s=o,l=h(!1),i=h(!1),v=h(null),b=h(null),D=h(""),R=h(""),w=[{label:"All time",value:"all",getRange:()=>({startDate:null,endDate:null})},{label:"Today",value:"today",getRange:()=>{const Q=new Date,W=new Date(Q.getFullYear(),Q.getMonth(),Q.getDate());return{startDate:Math.floor(W.getTime()/1e3),endDate:null}}},{label:"Last 3 days",value:"3days",getRange:()=>{const Q=new Date,W=new Date(Q.getFullYear(),Q.getMonth(),Q.getDate()-2);return{startDate:Math.floor(W.getTime()/1e3),endDate:null}}},{label:"Last 7 days",value:"7days",getRange:()=>{const Q=new Date,W=new Date(Q.getFullYear(),Q.getMonth(),Q.getDate()-6);return{startDate:Math.floor(W.getTime()/1e3),endDate:null}}},{label:"Last 30 days",value:"30days",getRange:()=>{const Q=new Date,W=new Date(Q.getFullYear(),Q.getMonth(),Q.getDate()-29);return{startDate:Math.floor(W.getTime()/1e3),endDate:null}}}],y=A(()=>{if(!a.startDate&&!a.endDate)return"all";for(const Q of w){const W=Q.getRange();if(W.startDate===a.startDate&&W.endDate===a.endDate)return Q.value}return"custom"}),I=A(()=>{if(!a.startDate&&!a.endDate)return"All time";const Q=w.find(fe=>fe.value===y.value);if(Q&&y.value!=="custom")return Q.label;const W=fe=>new Date(fe*1e3).toLocaleDateString("en-US",{month:"short",day:"numeric"});return a.startDate&&a.endDate?`${W(a.startDate)} - ${W(a.endDate)}`:a.startDate?`From ${W(a.startDate)}`:a.endDate?`Until ${W(a.endDate)}`:"Custom"}),B=A(()=>a.startDate!==null||a.endDate!==null);function E(){if(!v.value||!b.value)return;const Q=v.value.getBoundingClientRect();b.value.style.position="fixed",b.value.style.top=`${Q.bottom+8}px`,b.value.style.left=`${Q.left}px`;const W=i.value?280:180;b.value.style.minWidth=`${Q.width}px`,b.value.style.maxWidth=`${Math.max(Q.width,W)}px`,b.value.style.width="auto",b.value.style.margin="0"}function H(){l.value?U():(l.value=!0,Oe(()=>{if(b.value&&(b.value.setAttribute("popover","auto"),b.value.addEventListener("toggle",G),"showPopover"in b.value))try{b.value.showPopover()}catch{}E()}))}function U(){if(b.value){if("hidePopover"in b.value)try{b.value.hidePopover()}catch{}b.value.removeEventListener("toggle",G)}l.value=!1,i.value=!1}function G(Q){Q.target===b.value&&(l.value=Q.newState==="open",l.value&&E())}function q(Q){const W=Q.getRange();s("update:startDate",W.startDate),s("update:endDate",W.endDate),U()}function j(){const Q=D.value?Math.floor(new Date(D.value).getTime()/1e3):null,W=R.value?Math.floor(new Date(R.value+"T23:59:59").getTime()/1e3):null;s("update:startDate",Q),s("update:endDate",W),U()}function J(Q){Q.stopPropagation(),s("update:startDate",null),s("update:endDate",null)}const pe=Q=>{const W=Q.target;b.value&&!b.value.contains(W)&&v.value&&!v.value.contains(W)&&U()},ae=Q=>{Q.key==="Escape"&&l.value&&(U(),v.value?.focus())};return jt(()=>{document.addEventListener("click",pe),document.addEventListener("keydown",ae),window.addEventListener("resize",E),window.addEventListener("scroll",E,!0)}),Yt(()=>{document.removeEventListener("click",pe),document.removeEventListener("keydown",ae),window.removeEventListener("resize",E),window.removeEventListener("scroll",E,!0)}),he(i,Q=>{Q&&(a.startDate&&(D.value=new Date(a.startDate*1e3).toISOString().split("T")[0]),a.endDate?R.value=new Date(a.endDate*1e3).toISOString().split("T")[0]:R.value=new Date().toISOString().split("T")[0]),Oe(E)}),(Q,W)=>{const fe=Ht("FormKit");return n(),r("div",Es,[t("button",{ref_key:"triggerRef",ref:v,type:"button",onClick:H,class:ee(["w-full flex items-center gap-1 px-2 py-1 text-xs rounded-sm border transition-colors min-w-0 focus:outline-none focus:ring-2 focus:ring-accent-500/30",[B.value?"agents-border-selected agents-surface-selected agents-text-selected-muted":"border-zinc-300 dark:border-zinc-600 hover:border-accent-400 dark:hover:border-accent-500 bg-white dark:bg-transparent text-zinc-700 dark:text-zinc-300"]])},[z(f(nr),{size:14,class:"shrink-0 text-zinc-400"}),t("span",Ls,g(I.value),1),B.value?(n(),N(f(Lt),{key:0,size:14,class:"shrink-0 text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-200",onClick:J})):(n(),N(f($t),{key:1,size:14,class:ee(["shrink-0 text-zinc-400",l.value?"rotate-180":""])},null,8,["class"]))],2),l.value?(n(),r("div",{key:0,ref_key:"popoverRef",ref:b,class:"dropdown-popover z-[9999]"},[z(f(qa),{"max-height":i.value?void 0:"max-h-48",shadow:!1},{default:Ae(()=>[i.value?(n(),r("div",{key:1,class:"p-2.5 space-y-2.5",onClick:W[4]||(W[4]=ze(()=>{},["stop"]))},[t("div",Fs,[W[6]||(W[6]=t("span",{class:"text-xs font-medium"},"Custom range",-1)),t("button",{type:"button",onClick:W[1]||(W[1]=ze(X=>i.value=!1,["stop"])),class:"text-[10px] text-neutral-500 hover:text-black dark:hover:text-white"}," ← Back ")]),t("div",Ps,[z(fe,{modelValue:D.value,"onUpdate:modelValue":W[2]||(W[2]=X=>D.value=X),type:"datepicker",label:"From","picker-only":"",popover:"",format:"MMM D, YYYY","value-format":"YYYY-MM-DD",sequence:["day"]},null,8,["modelValue"]),z(fe,{modelValue:R.value,"onUpdate:modelValue":W[3]||(W[3]=X=>R.value=X),type:"datepicker",label:"To","picker-only":"",popover:"",format:"MMM D, YYYY","value-format":"YYYY-MM-DD",sequence:["day"]},null,8,["modelValue"])]),t("button",{type:"button",onClick:j,class:"w-full py-1.5 text-xs font-medium bg-black dark:bg-white text-white dark:text-black rounded-sm hover:opacity-90 transition-opacity"}," Apply ")])):(n(),r("div",Rs,[(n(),r(_e,null,Ne(w,X=>t("button",{key:X.value,type:"button",onClick:Me=>q(X),class:ee(["w-full px-2.5 py-1.5 text-left text-xs agents-surface-hover transition-colors flex items-center gap-2",y.value===X.value?"agents-surface-selected agents-text-selected":""])},[t("span",{class:ee(["w-1.5 h-1.5 rounded-full border border-accent-500",y.value===X.value?"bg-accent-500":""])},null,2),Ge(" "+g(X.label),1)],10,Ms)),64)),t("div",Ds,[t("button",{type:"button",onClick:W[0]||(W[0]=ze(X=>i.value=!0,["stop"])),class:ee(["w-full px-2.5 py-1.5 text-left text-xs agents-surface-hover transition-colors flex items-center gap-2",y.value==="custom"?"agents-surface-selected agents-text-selected":""])},[t("span",{class:ee(["w-1.5 h-1.5 rounded-full border border-accent-500",y.value==="custom"?"bg-accent-500":""])},null,2),W[5]||(W[5]=Ge(" Custom range... ",-1))],2)])]))]),_:1},8,["max-height"])],512)):S("",!0)])}}}),zs=dt(Ns,[["__scopeId","data-v-753faf78"]]),Tn=We({__name:"TimeAgo",props:{timestamp:{}},setup(e){const o=e,a=Jr(()=>o.timestamp);return(s,l)=>(n(),r("span",null,g(f(a)),1))}}),Kn="name:",ua=["bg-sky-400/70 dark:bg-sky-500/70","bg-emerald-400/70 dark:bg-emerald-500/70","bg-amber-400/70 dark:bg-amber-500/70","bg-rose-400/70 dark:bg-rose-500/70","bg-violet-400/70 dark:bg-violet-500/70"],bn=(e,o)=>o.created_at-e.created_at,yn=(e,o)=>`${e}::${o}`,Ya=e=>{const o=e.tags.find(s=>s.startsWith(Kn));if(!o)return null;const a=o.slice(Kn.length).trim();return a.length>0?a:null},Tt=e=>e.tags.filter(o=>!o.startsWith(Kn)),js=e=>Ya(e)||e.agent.title||e.agent.name,Bs=e=>e.id.startsWith("__draft_")?"--------":e.id.slice(0,8),Fn=e=>Ya(e)?e.agent.title||e.agent.name:null,ca=e=>Array.from({length:Math.min(Math.max(e,0),6)},(o,a)=>12+a*8),fa=e=>ua[e%ua.length],pa=e=>({left:`${e}px`}),Os=(e,o)=>{if(e.length===0)return[];const a=new Map(e.map(w=>[w.id,w])),s=new Map,l=[];for(const w of e){const y=w.parent;if(y&&a.has(y)){const I=s.get(y)??[];I.push(w),s.set(y,I);continue}l.push(w)}l.sort(bn);for(const w of s.values())w.sort(bn);const i=[],v=new Set,b=w=>{if(v.has(w.id))return;v.add(w.id);const y=s.get(w.id);if(y)for(const I of y)b(I)},D=(w,y,I)=>{if(v.has(w.id))return;v.add(w.id),i.push({kind:"thread",thread:w,depth:y,isNested:y>0,clusterId:I});const B=s.get(w.id);if(!B)return;const E=new Map;for(const H of B){const U=H.agent_id||H.agent?.name||H.id,G=E.get(U);G?G.push(H):E.set(U,[H])}for(const[H,U]of E.entries()){if(U.length>1){const G=yn(w.id,H),q=o(G);if(i.push({kind:"directory",key:G,depth:y+1,label:U[0]?.agent?.title||U[0]?.agent?.name||H,count:U.length,open:q,clusterId:I}),!q){for(const j of U)b(j);continue}for(const j of U)D(j,y+2,I);continue}D(U[0],y+1,I)}};for(const w of l)D(w,0,w.id);const R=e.filter(w=>!v.has(w.id)).sort(bn);for(const w of R)D(w,w.parent?1:0,w.parent??w.id);return i},Vs=["id","onClick"],qs={key:1,class:"space-y-0.5"},Hs={key:0,class:"flex flex-wrap gap-1 min-w-0"},Us={key:2,class:"flex items-center gap-1"},Ws={key:0,class:"text-[10px] text-neutral-400"},Ks=["onClick"],Js={class:"flex items-center gap-2"},Gs=We({__name:"ThreadListRows",props:{rows:{},selectedThreadId:{},clusterHasNestedRows:{},isThreadFlashing:{type:Function},isDirectoryFlashing:{type:Function},hasRowTopGap:{type:Function},hasRowBottomBorder:{type:Function}},emits:["selectThread","toggleDirectory"],setup(e,{emit:o}){const a=o;return(s,l)=>(n(!0),r(_e,null,Ne(e.rows,(i,v)=>(n(),r(_e,{key:i.kind==="thread"?i.thread.id:i.key},[i.kind==="thread"?(n(),r("button",{key:0,id:`thread-${i.thread.id}`,class:ee(["w-full text-left cursor-pointer rounded-lg px-3 transition-colors relative",[i.isNested?e.selectedThreadId===i.thread.id?"py-1.5":"py-1.5 bg-neutral-50/40 dark:bg-neutral-900/20":"py-2",e.hasRowTopGap(v)?"mt-1":"",e.hasRowBottomBorder(v)&&e.clusterHasNestedRows[i.clusterId]?"mb-1":"",i.thread.terminated?"opacity-50 text-neutral-500 dark:text-neutral-500":"",e.selectedThreadId===i.thread.id?"agents-surface-selected":"agents-surface-hover"]]),style:pt(i.depth>0?{paddingLeft:`${12+Math.min(i.depth,6)*8}px`}:void 0),onClick:b=>a("selectThread",i.thread.id)},[(n(!0),r(_e,null,Ne(f(ca)(i.depth),(b,D)=>(n(),r("span",{key:`thread-line-${D}`,class:ee(["pointer-events-none absolute inset-y-1 w-px rounded-full",f(fa)(D)]),style:pt(f(pa)(b)),"aria-hidden":"true"},null,6))),128)),t("div",{class:ee(["flex items-center gap-2",!i.isNested||f(Tt)(i.thread).length>0||f(Fn)(i.thread)?"mb-0.5":""])},[i.thread.terminated?(n(),N(f(Ra),{key:0,size:12,class:"shrink-0 text-neutral-500 dark:text-neutral-400"})):S("",!0),t("span",{class:ee(["font-medium truncate flex-1 min-w-0",[e.selectedThreadId===i.thread.id?"agents-text-selected":"",e.isThreadFlashing(i.thread.id)?"thread-list-green-flash":""]])},g(f(js)(i.thread)),3),t("span",{class:ee(["flex-shrink-0 text-[10px]",e.selectedThreadId===i.thread.id?"agents-text-selected-muted":"text-neutral-400 dark:text-neutral-500"])},[z(Tn,{timestamp:i.thread.created_at*1e6},null,8,["timestamp"])],2)],2),f(Fn)(i.thread)?(n(),r("div",{key:0,class:ee(["mb-0.5 truncate text-[10px]",e.selectedThreadId===i.thread.id?"agents-text-selected-muted":"text-neutral-400 dark:text-neutral-500"])},g(f(Fn)(i.thread)),3)):S("",!0),i.isNested?f(Tt)(i.thread).length>0?(n(),r("div",Us,[(n(!0),r(_e,null,Ne(f(Tt)(i.thread).slice(0,3),b=>(n(),r("span",{key:b,class:"inline-block px-1.5 py-0.5 rounded text-[10px] truncate max-w-[120px] bg-neutral-200 dark:bg-neutral-800 text-neutral-600 dark:text-neutral-400"},g(b),1))),128)),f(Tt)(i.thread).length>3?(n(),r("span",Ws," +"+g(f(Tt)(i.thread).length-3),1)):S("",!0)])):S("",!0):(n(),r("div",qs,[t("span",{class:ee(["block max-w-[80px] truncate font-mono text-[10px]",e.selectedThreadId===i.thread.id?"agents-text-selected-muted":"text-neutral-400 dark:text-neutral-500"])},g(f(Bs)(i.thread)),3),f(Tt)(i.thread).length>0?(n(),r("div",Hs,[(n(!0),r(_e,null,Ne(f(Tt)(i.thread).slice(0,3),b=>(n(),r("span",{key:b,class:ee(["inline-block px-1.5 py-0.5 rounded text-[10px] truncate max-w-[60px]",e.selectedThreadId===i.thread.id?"agents-surface-selected-strong agents-text-selected":"bg-neutral-200 dark:bg-neutral-800 text-neutral-600 dark:text-neutral-400"])},g(b),3))),128)),f(Tt)(i.thread).length>3?(n(),r("span",{key:0,class:ee(["text-[10px]",e.selectedThreadId===i.thread.id?"agents-text-selected-muted":"text-neutral-400"])}," +"+g(f(Tt)(i.thread).length-3),3)):S("",!0)])):S("",!0)]))],14,Vs)):(n(),r("button",{key:1,type:"button",class:"w-full rounded-lg text-left px-3 py-1.5 bg-neutral-50/25 dark:bg-neutral-900/10 hover:bg-neutral-100 dark:hover:bg-neutral-800/40 transition-colors relative",style:pt({paddingLeft:`${12+Math.min(i.depth,6)*8}px`}),onClick:b=>a("toggleDirectory",i.key)},[(n(!0),r(_e,null,Ne(f(ca)(i.depth),(b,D)=>(n(),r("span",{key:`directory-line-${D}`,class:ee(["pointer-events-none absolute inset-y-1 w-px rounded-full",f(fa)(D)]),style:pt(f(pa)(b)),"aria-hidden":"true"},null,6))),128)),t("div",Js,[z(f(Ma),{size:13,class:"text-neutral-500 dark:text-neutral-400 shrink-0"}),t("span",{class:ee(["truncate flex-1 min-w-0 text-[11px] font-medium text-neutral-600 dark:text-neutral-300",e.isDirectoryFlashing(i.key)?"thread-list-green-flash":""])},g(i.label)+" ("+g(i.count)+") ",3),i.open?(n(),N(f($t),{key:0,size:14,class:"text-neutral-500 dark:text-neutral-400 shrink-0"})):(n(),N(f(Nt),{key:1,size:14,class:"text-neutral-500 dark:text-neutral-400 shrink-0"}))])],12,Ks))],64))),128))}}),Ys=dt(Gs,[["__scopeId","data-v-1e5bebfe"]]),Qs={class:"flex flex-col flex-1 min-h-0 overflow-visible"},Xs={class:"px-3 border-b border-neutral-300 dark:border-neutral-700 h-12 flex items-center shrink-0"},Zs={class:"flex items-center justify-between w-full"},el={key:0,class:"text-xs font-mono text-neutral-500 dark:text-neutral-400"},tl={class:"flex items-center gap-1"},nl=["title","aria-label","aria-pressed"],al={key:0,class:"px-3 py-2 border-b border-neutral-200 dark:border-neutral-800 shrink-0 space-y-2"},rl={class:"relative"},sl={class:"flex items-center gap-2 w-full"},ll={key:0,class:"flex-1 min-w-0"},ol={key:0,class:"p-4 flex justify-center"},il={key:1,class:"p-4 text-red-600 dark:text-red-400"},dl={key:2,class:"text-neutral-500 dark:text-neutral-400 text-center py-12"},ul={key:1,class:"text-base"},cl={key:3,class:"px-2 py-2"},fl={key:0,class:"p-3 flex justify-center"},pl={key:1,class:"p-3 text-center text-[10px] text-neutral-400 dark:text-neutral-500"},vl=50,va=1800,Oh=We({__name:"ThreadListPane",props:{selectedThreadId:{},optimisticThread:{},agentId:{},showCollapseButton:{type:Boolean}},emits:["selectThread","collapse","createThread","threadsLoaded"],setup(e,{expose:o,emit:a}){const s=e,l=a,i=h(""),v=h(null),b=h(!1),D=h(null),R=h(null),w=h(null),y=h(!1),I=A(()=>s.agentId!=null);he(()=>s.agentId,c=>{c!=null&&(R.value=c),y.value=!1},{immediate:!0});const B=h(null),{agents:E,isFetching:H}=Ja(),U=A(()=>E.value.map(c=>({value:c.name,label:c.title||c.name}))),G=h(0),q=h([]),j=h(!1),J=h(!1),pe=sr(c=>{v.value=c||null},300);he(i,c=>{pe(c)});const ae=A(()=>{let c=0;return v.value&&c++,R.value&&!I.value&&c++,(w.value||B.value)&&c++,c});function Q(){i.value="",v.value=null,I.value||(R.value=null),w.value=null,B.value=null}async function W(){b.value=!0,await Oe(),D.value?.focus(),D.value?.select()}function fe(){Q(),b.value=!1}function X(){b.value?fe():W()}const{threads:Me,hasMore:Fe,isFetching:re,isFinished:De,error:P,refetch:de}=fs({limit:vl,offset:G,search:v,agentId:R,startDate:w,endDate:B}),le=h([]),ye=h(new Set);he([v,R,w,B],()=>{G.value=0,q.value=[],le.value=[],ye.value.clear(),j.value=!1,J.value=!1}),he(Me,c=>{if(G.value===0)q.value=[...c];else{const C=new Set(q.value.map(Y=>Y.id)),O=c.filter(Y=>!C.has(Y.id));q.value=[...q.value,...O],J.value=!0}j.value=!1});const ge=h({}),ve=h({}),Re=h({}),$e=new Set,ne=c=>ge.value[c]??!1,Z=c=>{ge.value[c]=!ne(c)},K=c=>{ve.value[c]=!0;const C=setTimeout(()=>{delete ve.value[c],$e.delete(C)},va);$e.add(C)},xe=c=>{Re.value[c]=!0;const C=setTimeout(()=>{delete Re.value[c],$e.delete(C)},va);$e.add(C)};Yt(()=>{$e.forEach(c=>clearTimeout(c)),$e.clear()});const ue=c=>ve.value[c]===!0,Ce=c=>Re.value[c]===!0,Ue=c=>{if(R.value&&c.agent_id!==R.value&&!c.parent||w.value&&c.created_at<w.value||B.value&&c.created_at>B.value)return!1;if(v.value){const C=v.value.toLowerCase(),O=c.id.toLowerCase().includes(C),Y=c.tags.some(Ee=>Ee.toLowerCase().includes(C));if(!O&&!Y)return!1}return!0},M=A(()=>{const c=q.value.filter(Ee=>!ye.value.has(Ee.id)),C=new Set(c.map(Ee=>Ee.id)),Y=[...le.value.filter(Ee=>!C.has(Ee.id)&&!ye.value.has(Ee.id)),...c];return s.optimisticThread&&!Y.some(Ee=>Ee.id===s.optimisticThread?.id)&&Y.unshift(s.optimisticThread),Y.sort(bn)}),be=A(()=>M.value.filter(c=>!c.parent).length),se=A(()=>Os(M.value,ne)),we=c=>{const C=se.value[c],O=se.value[c+1];return C?O?C.clusterId!==O.clusterId:!0:!1},Se=c=>{const C=se.value[c],O=se.value[c-1];if(!C||!O||C.clusterId!==O.clusterId)return!1;const Y=C.kind==="directory"||C.kind==="thread"&&C.isNested,Ee=O.kind==="thread"&&!O.isNested;return Y&&Ee},ce=A(()=>{const c={};for(const C of se.value)if(!c[C.clusterId]){if(C.kind==="directory"){c[C.clusterId]=!0;continue}if(C.kind==="thread"&&C.isNested){c[C.clusterId]=!0;continue}c[C.clusterId]=!1}return c}),me=h(null);function oe(){j.value||re.value||!Fe.value||(j.value=!0,G.value=q.value.length)}const{arrivedState:Te}=ar(me,{offset:{bottom:100}});he(()=>Te.bottom,c=>{c&&Fe.value&&!re.value&&!j.value&&oe()});const je=c=>{const C=E.value.find(Y=>Y.name===c.agent_name),O=c.agent;return{id:c.id,agent_id:c.agent_name,user_id:c.user_id,tags:c.tags||[],parent:c.parent??null,terminated:c.terminated??null,created_at:c.created_at,agent:{name:c.agent_name,title:O?.title||C?.title,type:O?.type||C?.type||"ai_human"}}},Be=async c=>{if(c.type==="thread_created"){const C=je(c.thread);if(!Ue(C))return;if(C.parent)if(M.value.filter(Y=>Y.parent===C.parent&&Y.agent_id===C.agent_id).length+1>1){const Y=yn(C.parent,C.agent_id);xe(Y),ne(Y)&&K(C.id)}else K(C.id);le.value.unshift(C)}else if(c.type==="thread_updated"){const C=je(c.thread),O=M.value.find(Ke=>Ke.id===C.id);if(!Ue(C)){le.value=le.value.filter(Ke=>Ke.id!==C.id),q.value=q.value.filter(Ke=>Ke.id!==C.id);return}ye.value.delete(C.id);const Y=le.value.findIndex(Ke=>Ke.id===C.id);Y>=0&&(le.value[Y]=C);const Ee=q.value.findIndex(Ke=>Ke.id===C.id);if(Ee>=0?q.value[Ee]=C:Y===-1&&le.value.unshift(C),!!C.terminated&&!O?.terminated)if(C.parent)if((M.value.filter(Je=>Je.parent===C.parent&&Je.agent_id===C.agent_id).length||1)>1){const Je=yn(C.parent,C.agent_id);xe(Je),ne(Je)&&K(C.id)}else K(C.id);else K(C.id)}else c.type==="thread_deleted"&&(ye.value.add(c.threadId),le.value=le.value.filter(C=>C.id!==c.threadId))},{wsConnected:V,wsError:F}=$s({onEvent:Be});he(()=>G.value,c=>{c===0&&(le.value=[])}),he(()=>[s.selectedThreadId,M.value],([c,C])=>{if(!c||C.length===0)return;const O=new Map(C.map(Ee=>[Ee.id,Ee]));let Y=O.get(c);for(;Y&&Y.parent;){const Ee=yn(Y.parent,Y.agent_id);ge.value[Ee]=!0,Y=O.get(Y.parent)}},{immediate:!0}),he(()=>({rows:se.value,finished:De.value}),({rows:c,finished:C})=>{const O=c.find(Y=>Y.kind==="thread");C&&!y.value&&(y.value=!0,l("threadsLoaded",O?.thread.id??null,M.value.map(Y=>Y.id)))},{immediate:!0}),o({refetch:de});const u=c=>{l("selectThread",c)};return(c,C)=>{const O=Ht("FormKit");return n(),r("div",Qs,[t("div",Xs,[t("div",Zs,[t("button",{onClick:C[0]||(C[0]=ze(Y=>l("collapse"),["stop"])),type:"button",class:"-ml-1 flex items-center gap-2 rounded px-1.5 py-1 text-left transition-colors hover:bg-black/10 dark:hover:bg-white/15",title:"Collapse Threads pane","aria-label":"Collapse Threads pane"},[z(f(rr),{size:18,class:"shrink-0"}),C[8]||(C[8]=t("h2",{class:"text-base font-bold"},"Threads",-1)),!f(re)&&be.value>0?(n(),r("span",el," ("+g(be.value)+") ",1)):S("",!0),z(Ga,{connected:f(V),error:f(F)},null,8,["connected","error"])]),t("div",tl,[t("button",{type:"button",class:ee(["inline-flex h-7 w-7 items-center justify-center rounded-md border border-neutral-300 bg-white text-neutral-700 transition-colors hover:border-neutral-500 hover:bg-neutral-50 hover:text-black dark:border-neutral-700 dark:bg-neutral-950 dark:text-neutral-300 dark:hover:border-neutral-500 dark:hover:bg-neutral-900 dark:hover:text-white",b.value?"agents-border-selected agents-text-selected bg-white dark:bg-neutral-950":""]),title:b.value?"Hide search":"Search threads","aria-label":b.value?"Hide search":"Search threads","aria-pressed":b.value,onClick:ze(X,["stop"])},[z(f(Vn),{size:16})],10,nl),t("button",{onClick:C[1]||(C[1]=Y=>l("createThread")),type:"button",class:"inline-flex h-7 w-7 items-center justify-center rounded-md border border-neutral-300 bg-white text-neutral-700 transition-colors hover:border-neutral-500 hover:bg-neutral-50 hover:text-black dark:border-neutral-700 dark:bg-neutral-950 dark:text-neutral-300 dark:hover:border-neutral-500 dark:hover:bg-neutral-900 dark:hover:text-white",title:"New thread","aria-label":"New thread"},[z(f(Da),{size:16})]),e.showCollapseButton!==!1?(n(),r("button",{key:0,onClick:C[2]||(C[2]=Y=>l("collapse")),type:"button",class:"inline-flex h-7 w-7 items-center justify-center rounded-md text-neutral-700 transition-colors hover:bg-black/10 hover:text-black dark:text-neutral-300 dark:hover:bg-white/15 dark:hover:text-white",title:"Collapse pane","aria-label":"Collapse pane"},[z(f(Fa),{size:17})])):S("",!0)])])]),b.value||ae.value>0?(n(),r("div",al,[t("div",rl,[z(f(Vn),{size:14,class:"pointer-events-none absolute left-2 top-1/2 -translate-y-1/2 text-neutral-400"}),rt(t("input",{ref_key:"threadSearchInputRef",ref:D,"onUpdate:modelValue":C[3]||(C[3]=Y=>i.value=Y),type:"search",placeholder:"Search threads...",class:"h-8 w-full rounded-md border border-neutral-300 bg-white pl-7 pr-8 text-sm text-neutral-950 outline-none transition-colors placeholder:text-neutral-400 focus:border-[var(--agents-accent-border)] dark:border-neutral-700 dark:bg-neutral-950 dark:text-neutral-50"},null,512),[[kn,i.value]]),i.value?(n(),r("button",{key:0,type:"button",class:"absolute right-1.5 top-1/2 inline-flex h-5 w-5 -translate-y-1/2 items-center justify-center rounded text-neutral-400 transition-colors hover:bg-neutral-100 hover:text-neutral-800 dark:hover:bg-neutral-800 dark:hover:text-neutral-100",title:"Clear search","aria-label":"Clear search",onClick:C[4]||(C[4]=Y=>{i.value="",v.value=null,W()})},[z(f(Lt),{size:13})])):S("",!0)]),t("div",sl,[I.value?S("",!0):(n(),r("div",ll,[z(O,{type:"selectSearch",size:"sm","active-highlight":"",value:R.value||"",options:U.value,placeholder:"All agents","search-placeholder":"Search agents...",loading:f(H),onInput:C[5]||(C[5]=Y=>R.value=Y||null)},null,8,["value","options","loading"])])),z(zs,{startDate:w.value,"onUpdate:startDate":C[6]||(C[6]=Y=>w.value=Y),endDate:B.value,"onUpdate:endDate":C[7]||(C[7]=Y=>B.value=Y),class:ee(I.value?"w-full":"flex-1 min-w-0")},null,8,["startDate","endDate","class"]),ae.value>0?(n(),r("button",{key:1,onClick:Q,type:"button",class:"text-[10px] font-mono text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100 transition-colors whitespace-nowrap"}," Clear ")):(n(),r("button",{key:2,onClick:fe,type:"button",class:"text-[10px] font-mono text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100 transition-colors whitespace-nowrap"}," Close "))])])):S("",!0),t("div",{ref_key:"scrollContainerRef",ref:me,class:"flex-1 overflow-y-auto text-xs min-h-0"},[f(re)&&q.value.length===0?(n(),r("div",ol,[z(qe)])):f(P)?(n(),r("div",il," Error: "+g(f(P)),1)):se.value.length===0?(n(),r("div",dl,[ae.value>0?(n(),r(_e,{key:0},[C[9]||(C[9]=t("p",{class:"text-base mb-2"},"No matching threads",-1)),t("button",{onClick:Q,type:"button",class:"text-xs text-accent-600 dark:text-accent-400 hover:underline"}," Clear filters ")],64)):(n(),r("p",ul,"No threads found"))])):(n(),r("div",cl,[z(Ys,{rows:se.value,"selected-thread-id":e.selectedThreadId,"cluster-has-nested-rows":ce.value,"is-thread-flashing":ue,"is-directory-flashing":Ce,"has-row-top-gap":Se,"has-row-bottom-border":we,onSelectThread:u,onToggleDirectory:Z},null,8,["rows","selected-thread-id","cluster-has-nested-rows"]),j.value||f(re)&&q.value.length>0?(n(),r("div",fl,[z(qe)])):J.value&&!f(Fe)&&se.value.length>0?(n(),r("div",pl," All "+g(be.value)+" threads loaded ",1)):S("",!0)]))],512)])}}});function Jn(e){return!!e&&typeof e=="object"}function ml(e){if(Jn(e)&&!Array.isArray(e))return e;if(typeof e=="string")try{const o=JSON.parse(e);return Jn(o)&&!Array.isArray(o)?o:void 0}catch{return}}function gl(e){const o=h(null),a=h(!1),s=h(null);let l=null;try{l=Pr()}catch{}const i=l?.messages??h([]),v=A(()=>l?.groupedMessages?.value?l.groupedMessages.value:l?.workblocks?.value?l.workblocks.value:i.value),b=A(()=>l?.status.value==="connected"),D=h(null);l?.loading??h(!1);const R=A(()=>i.value.some(P=>P.status==="pending"));function w(P){if(!o.value?.agent)return null;const de=o.value.agent,le=P==="assistant"?"A":"B";return le==="A"&&de.side_a_label?de.side_a_label:le==="B"&&de.side_b_label?de.side_b_label:null}function y(P){const de=P.path??"",le=P.name??de.split("/").pop()??"attachment";return{id:P.id||`att-${de||le||Math.random().toString(36).slice(2)}`,type:"file",path:de,name:le,mimeType:P.mimeType||P.mediaType||"application/octet-stream",width:P.width,height:P.height,description:P.description}}function I(P){if(P){if(Array.isArray(P))return P.length>0?P.map(y):void 0;try{const de=JSON.parse(P);return Array.isArray(de)&&de.length>0?de.filter(Jn).map(y):void 0}catch{return}}}function B(P,de){const le=[];P.reasoning_content&&le.push({id:`${P.id}-reasoning`,type:"reasoning",content:P.reasoning_content,created_at:P.created_at}),P.content&&le.push({id:`${P.id}-content`,type:"content",content:P.content,created_at:P.created_at});const ye=P.workItems.filter(ne=>ne.type==="tool_call"),ge=P.workItems.filter(ne=>ne.type==="tool_result"),ve=new Map;for(const ne of ge)ne.tool_call_id&&ve.set(ne.tool_call_id,ne);for(const ne of ye){const Z=ne.tool_call_id||ne.id,K=ve.get(Z);let xe="pending";if(K){const ue=(K.content||"").toLowerCase(),Ce=ue.includes("failed")||ue.includes("error"),Ue=ue.length<500;xe=K.status==="error"||Ce&&Ue?"failed":"success"}le.push({id:ne.id,type:"tool_call",content:ne.name||"",created_at:P.created_at,tool_name:ne.name,tool_call_id:Z,tool_arguments:ne.content||void 0,response:K?.content||null,response_status:xe,response_log_id:null,log_id:null})}const Re=le.some(ne=>ne.type==="tool_call"&&ne.response_status==="pending"),$e=P.status!=="pending"&&!Re;return{type:"work",id:P.id,role:"assistant",items:le,created_at:P.created_at,updated_at:P.updated_at??P.response_completed_at??P.created_at,request_sent_at:P.request_sent_at??P.created_at,response_completed_at:P.response_completed_at??($e?P.updated_at??P.created_at:null),isComplete:$e,sideLabel:w("assistant"),status:P.status}}function E(P){return P==="assistant"?"assistant":"user"}function H(P){for(let de=P.length-1;de>=0;de--){const le=(P[de].content||"").trim();if(le.length>0)return le}return""}function U(P){const de=new Set,le=[];for(const ye of P){const ge=I(ye.attachments);if(ge?.length)for(const ve of ge)de.has(ve.path)||(de.add(ve.path),le.push(ve))}return le.length>0?le:void 0}function G(P){if(!P)return!1;if(P.tool_status==="error"||P.status==="failed")return!0;const de=(P.content||"").toLowerCase();return de?de.includes("failed to execute tool")||de.includes("has reported a failure")||de.includes("execution stopped before completion"):!1}function q(P){const de=P.messages||[],le=de[de.length-1],ye=le?E(le.role):"assistant",ge=le?.log_id??null,ve=(P.subagent_status||"").toLowerCase(),Re=G(le)||ve.includes("error")||ve.includes("failed"),$e=H(de),ne=U(de),Z=de.filter(K=>{const xe=I(K.attachments);return!!K.content||!!K.status||!!(xe&&xe.length>0)}).map(K=>({id:K.id,role:K.role,content:K.content||"",created_at:K.created_at,silent:K.silent,attachments:I(K.attachments)}));return{type:"subagent",id:P.id,role:ye,created_at:P.created_at,updated_at:P.updated_at,subagentId:P.subagent_id,subagentName:P.subagent_name??null,subagentTitle:P.subagent_title??null,subagentThreadName:P.subagent_thread_name??null,subagentStatus:P.subagent_status??null,subagentHasError:Re,subagentResumable:P.subagent_resumable??null,subagentBlocking:P.subagent_blocking??null,messages:Z,messageCount:de.length,latestContent:$e,attachments:ne,log_id:ge,sideLabel:w(ye),silent:de.length>0&&de.every(K=>!!K.silent)}}function j(P){const de=(P.subagents||[]).map(ye=>q(ye)),le=de.reduce((ye,ge)=>ye?ge.updated_at>ye.updated_at?ge:ye:ge,null);return{type:"subagent_group",id:P.id,role:le?.role??"assistant",created_at:P.created_at,updated_at:P.updated_at,subagents:de,count:de.length,log_id:le?.log_id??null,sideLabel:le?.sideLabel??w("assistant"),silent:de.every(ye=>!!ye.silent)}}function J(P){return{type:"status",id:P.id,role:"system",content:P.content,created_at:P.created_at,statusKind:P.status_kind??null,subagentId:P.subagent_id??null}}const pe=A(()=>{const P=[],le=v.value.filter(ge=>(ge.depth??0)===0);let ye=[];for(let ge=0;ge<le.length;ge++){const ve=le[ge];if(P[P.length-1]?.role,"type"in ve&&ve.type==="workblock"){const xe=B(ve);P.push(xe),ve.attachments&&ve.attachments.length>0&&ye.push(...ve.attachments.map(y));continue}if("type"in ve&&ve.type==="subagent_block"){ye=[],P.push(q(ve));continue}if("type"in ve&&ve.type==="subagent_group_block"){ye=[],P.push(j(ve));continue}if("type"in ve&&ve.type==="status"){ye=[],P.push(J(ve));continue}const $e=ve,ne=$e.role;if($e.role==="tool")continue;const Z=I($e.attachments);let K;if((ye.length>0||Z)&&(K=[...ye,...Z||[]],ye=[]),$e.content||ne==="system"||$e.status==="pending"||K?.length){const xe={type:"text",id:$e.id,role:ne,content:$e.content||"",attachments:K?.length?K:void 0,created_at:$e.created_at,log_id:$e.log_id||null,sideLabel:w(ne),isOptimistic:$e.isOptimistic,status:$e.status,silent:$e.silent,metadata:ml($e.metadata)};P.push(xe)}}return P});async function ae(){if(!e.value){o.value=null;return}try{const P=await fetch(He(`/api/threads/${e.value}`));P.ok&&(o.value=await P.json())}catch{o.value=null}}async function Q(P){if(e.value){if(l?.deleteMessage){await l.deleteMessage(P);return}try{if(!(await fetch(He(`/api/threads/${e.value}/messages/${P}`),{method:"DELETE"})).ok)throw new Error("Failed to delete message")}catch(de){throw de}}}async function W(P,de){if(e.value)try{if(!(await fetch(He(`/api/threads/${e.value}/messages/${P}`),{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({content:de})})).ok)throw new Error("Failed to update message")}catch(le){throw le}}he(e,async P=>{P?(a.value=!0,await ae(),a.value=!1):o.value=null},{immediate:!0});const fe=l?.sendMessage,X=l?.stopExecution,Me=l?.attachments??h([]),Fe=l?.addAttachment??(()=>{}),re=l?.removeAttachment??(()=>{}),De=l?.clearAttachments??(()=>{});return{messages:pe,threadInfo:o,isFetching:a,error:s,wsConnected:b,wsError:D,isExecuting:R,sendMessage:fe,stopThread:X,attachments:Me,addAttachment:Fe,removeAttachment:re,clearAttachments:De,deleteMessageById:Q,updateMessageContent:W}}const Pn="__shiki_highlighter__";let hn=null;async function hl(){return typeof window<"u"&&window[Pn]?window[Pn]:hn||(hn=Promise.all([at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.d),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.e),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.f),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.g),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.i),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.k),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.l),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.m),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.n),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.s),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.o),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.p),__vite__mapDeps([0,1])),at(()=>import("./vue-CSFkhEaa.js").then(e=>e.bd),__vite__mapDeps([2,3,1,0])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.y),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.q),__vite__mapDeps([0,1])),at(()=>import("./syntax-D-ZcovVx.js").then(e=>e.r),__vite__mapDeps([0,1]))]).then(async([{createHighlighterCore:e},{createJavaScriptRegexEngine:o},a,s,l,i,v,b,D,R,w,y,I,B,E,H])=>{const U=await e({themes:[E.default,H.default],langs:[a.default,s.default,l.default,i.default,v.default,b.default,D.default,R.default,w.default,y.default,I.default,B.default],engine:o()});return typeof window<"u"&&(window[Pn]=U),U}),hn)}const xl={class:"code-block"},bl={key:0,class:"text-xs text-neutral-500 p-2"},yl=["innerHTML"],Pt=We({__name:"CodeBlock",props:{code:{},language:{}},setup(e){const o=e,a=h(""),s=h(!0),l={bash:"bash",cjs:"javascript",htm:"html",js:"javascript",jsonl:"json",md:"markdown",mjs:"javascript",sh:"bash",shell:"bash",text:"text",ts:"typescript",txt:"text",yml:"yaml"},i=new Set(["bash","css","html","javascript","jsx","json","markdown","shellscript","tsx","typescript","vue","yaml"]),v=w=>{const y=w?.trim().toLowerCase()||"text";return l[y]??y},b=w=>w.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),D=w=>`<pre class="shiki shiki-text"><code>${b(w)}</code></pre>`,R=async()=>{const w=o.code??"";if(!w){a.value='<pre class="shiki"><code></code></pre>',s.value=!1;return}try{const y=await hl(),I=v(o.language);i.has(I)?a.value=y.codeToHtml(w,{lang:I,themes:{light:"github-light",dark:"github-dark"}}):a.value=D(w)}catch{a.value=D(w)}finally{s.value=!1}};return jt(()=>{R()}),he(()=>o.code,()=>{R()}),he(()=>o.language,()=>{R()}),(w,y)=>(n(),r("div",xl,[s.value?(n(),r("div",bl,"Loading...")):(n(),r("div",{key:1,innerHTML:a.value,class:"code-content"},null,8,yl))]))}}),kl={key:0,class:"absolute inset-0 flex items-center justify-center bg-neutral-100 dark:bg-neutral-800"},wl={key:1,class:"absolute inset-0 flex items-center justify-center bg-neutral-100 dark:bg-neutral-800 text-neutral-400"},_l=["src","alt"],$l={key:2,class:"pointer-events-none absolute inset-0 flex items-center justify-center bg-black/0 group-hover:bg-black/35 transition-colors"},Cl={class:"text-xs text-neutral-600 dark:text-neutral-300 truncate max-w-[100px]"},Nn=We({__name:"FileAttachment",props:{attachment:{},threadId:{},showRemove:{type:Boolean}},emits:["remove"],setup(e,{emit:o}){const a=lr(),s=or(),l=e,i=o,v=h(!0),b=h(!1),D=A(()=>l.attachment.mimeType.startsWith("image/")),R=A(()=>!!l.attachment.thumbnailBase64),w=A(()=>{if(!l.threadId||!l.attachment.path)return"";const U=l.attachment.path.startsWith("/")?l.attachment.path.slice(1):l.attachment.path;return He(`/api/threads/${l.threadId}/fs/${U}`)}),y=A(()=>D.value?l.attachment.thumbnailBase64?`data:image/webp;base64,${l.attachment.thumbnailBase64}`:w.value:"");function I(){v.value=!1,b.value=!1}function B(){v.value=!1,b.value=!0}function E(){i("remove",l.attachment.id)}function H(){if(!l.attachment.path){w.value&&window.open(w.value,"_blank");return}a.replace({query:{...s.query,inspector:"files",filePath:l.attachment.path},hash:s.hash})}return(U,G)=>(n(),r("div",{class:ee(["relative group inline-flex items-center overflow-hidden rounded-2xl bg-neutral-100 dark:bg-neutral-800/60 ring-1 ring-black/5 dark:ring-white/10 transition-all hover:ring-black/10 dark:hover:ring-white/20 hover:shadow-sm",{"w-[256px] h-[256px]":D.value,"px-2.5 py-1.5":!D.value,"cursor-pointer":D.value&&w.value}]),onClick:G[0]||(G[0]=q=>D.value&&w.value?H():void 0)},[D.value?(n(),r(_e,{key:0},[v.value&&!b.value&&!R.value?(n(),r("div",kl,[...G[1]||(G[1]=[t("div",{class:"w-4 h-4 border-2 border-neutral-300 border-t-neutral-600 rounded-full animate-spin"},null,-1)])])):S("",!0),b.value&&!R.value?(n(),r("div",wl,[z(f(Pa),{size:24})])):S("",!0),rt(t("img",{src:y.value||w.value,alt:e.attachment.name,class:"w-full h-full object-cover",onLoad:I,onError:B},null,40,_l),[[ht,!v.value&&!b.value||R.value]]),w.value?(n(),r("div",$l,[...G[2]||(G[2]=[t("span",{class:"rounded-full bg-white/90 px-3 py-1 text-xs font-medium text-neutral-900 opacity-0 group-hover:opacity-100 transition-opacity shadow-sm"}," View ",-1)])])):S("",!0)],64)):(n(),r(_e,{key:1},[z(f(wn),{size:14,class:"text-neutral-500 mr-1 flex-shrink-0"}),t("span",Cl,g(e.attachment.name),1)],64)),e.showRemove?(n(),r("button",{key:2,onClick:ze(E,["stop"]),class:"absolute -top-1 -right-1 w-4 h-4 rounded-full bg-red-500 text-white flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"},[z(f(Lt),{size:10})])):S("",!0)],2))}}),Sl=["onMouseenter","onMouseleave","onClick"],Tl=["onClick"],Il={key:0,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"3",stroke:"currentColor",class:"w-3 h-3 text-white"},Al={key:1,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"2.5",stroke:"currentColor",class:"w-3 h-3 text-white"},El={key:0,class:"w-full text-center text-xs text-neutral-400 dark:text-neutral-500 py-1"},Ll={key:0,class:"text-[10px] font-semibold uppercase tracking-wider text-neutral-400 dark:text-neutral-500 leading-none mb-1"},Rl=["contenteditable","onInput"],Ml=["innerHTML"],Dl={key:3,class:"inline-flex items-center gap-1 rounded-full bg-neutral-100 dark:bg-neutral-800/60 px-3 py-2"},Fl={key:0,class:"inline-flex items-center gap-1.5"},Pl=["src"],Nl={key:1,class:"inline-flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] border agents-border-selected agents-surface-selected text-[8px] font-semibold leading-none agents-text-selected","aria-hidden":"true"},zl=["title","onClick"],jl={key:0,class:"flex flex-wrap gap-2 px-4"},Bl=["onClick","onMouseenter"],Ol={key:0,class:"flex items-center gap-2 px-4 py-2 min-w-0"},Vl={key:0,class:"truncate text-neutral-700 dark:text-neutral-300 min-w-0"},ql={key:1,class:"truncate text-neutral-600 dark:text-neutral-400 min-w-0"},Hl={class:"text-neutral-500 dark:text-neutral-400 flex-shrink-0"},Ul={class:"work-op-strip","aria-label":"Operation statuses"},Wl=["title"],Kl={key:1,class:"px-4 py-2 space-y-2.5"},Jl={class:"flex items-center gap-2"},Gl={class:"min-w-0 truncate text-neutral-700 dark:text-neutral-300"},Yl={class:"shrink-0 text-neutral-500 dark:text-neutral-400"},Ql={class:"work-op-strip","aria-label":"Operation statuses"},Xl=["title"],Zl={key:0,class:"space-y-1"},eo=["onClick","onMouseenter"],to=["title"],no={class:"font-mono font-medium text-neutral-800 dark:text-neutral-100 flex-shrink-0"},ao={key:2,class:"text-neutral-500 dark:text-neutral-400 truncate flex-1 min-w-0"},ro={key:0,class:"pl-5 mt-2 space-y-3"},so={key:0},lo={class:"divide-y divide-neutral-100/80 rounded-md bg-white px-2.5 py-1.5 ring-1 ring-neutral-200/70 dark:divide-neutral-800/70 dark:bg-neutral-950/60 dark:ring-neutral-800/70"},oo={class:"pt-1 font-mono text-[12px] text-neutral-500 dark:text-neutral-500"},io={class:"min-w-0"},uo={key:1,class:"break-words text-neutral-800 dark:text-neutral-200"},co={key:1},fo={class:"text-[10px] font-semibold uppercase tracking-wider text-neutral-400 dark:text-neutral-500 mb-1"},po=["onClick","onMouseenter"],vo={key:0,class:"m-0 whitespace-pre-wrap break-words font-mono text-[11px] leading-relaxed"},mo={key:1},go=["onClick"],ho={key:0,class:"pl-5 mt-2 whitespace-pre-wrap break-words rounded-md bg-white dark:bg-neutral-950/60 ring-1 ring-neutral-200/70 dark:ring-neutral-800/70 px-2.5 py-2 text-neutral-700 dark:text-neutral-300"},xo={key:2,class:"pl-5 pb-1 break-words text-neutral-600 dark:text-neutral-400"},bo={class:"flex items-center justify-between gap-3 border-b border-neutral-100 px-3 py-2 dark:border-neutral-900"},yo={class:"min-w-0"},ko={class:"truncate text-[12px] font-medium text-neutral-800 dark:text-neutral-100"},wo={class:"rounded-full bg-neutral-100 px-2 py-0.5 text-[10px] text-neutral-500 ring-1 ring-inset ring-neutral-200 dark:bg-neutral-900 dark:text-neutral-400 dark:ring-neutral-800"},_o={class:"divide-y divide-neutral-100 dark:divide-neutral-900"},$o=["onClick"],Co={class:"flex items-center gap-3"},So=["src"],To={class:"min-w-0 flex-1"},Io={class:"flex items-center gap-2"},Ao={class:"truncate text-[13px] font-medium text-neutral-900 dark:text-neutral-50"},Eo={class:"mt-0.5 truncate text-[11px] text-neutral-500 dark:text-neutral-400"},Lo={class:"shrink-0 rounded-full bg-neutral-100 px-1.5 py-0.5 text-[10px] leading-none text-neutral-500 dark:bg-neutral-900 dark:text-neutral-400"},Ro={class:"ml-11 mt-1 truncate text-[11px] text-neutral-500 dark:text-neutral-400"},Mo={key:0,class:"ml-12 mt-1.5 space-y-1.5 border-l border-neutral-200 pl-2.5 dark:border-neutral-800"},Do={class:"flex items-center gap-2 text-[10px] text-neutral-500 dark:text-neutral-400"},Fo={class:"font-medium uppercase text-neutral-600 dark:text-neutral-300"},Po={key:0,class:"italic"},No=["innerHTML"],zo={key:1,class:"mt-2 flex flex-wrap gap-2"},jo=["onClick"],Bo={class:"flex items-center gap-3"},Oo=["src"],Vo={class:"min-w-0 flex-1"},qo={class:"flex items-center gap-2"},Ho={class:"truncate text-[13px] font-medium text-neutral-900 dark:text-neutral-50"},Uo={class:"mt-0.5 truncate text-[11px] text-neutral-500 dark:text-neutral-400"},Wo={class:"shrink-0 rounded-full bg-neutral-100 px-1.5 py-0.5 text-[10px] leading-none text-neutral-500 dark:bg-neutral-900 dark:text-neutral-400"},Ko={class:"ml-12 mt-1 truncate text-[11px] text-neutral-500 dark:text-neutral-400"},Jo={key:0,class:"ml-12 mt-2 space-y-1.5 border-l border-neutral-200 pl-2.5 dark:border-neutral-800"},Go={class:"flex items-center gap-2 text-[10px] text-neutral-500 dark:text-neutral-400"},Yo={class:"font-medium uppercase text-neutral-600 dark:text-neutral-300"},Qo={key:0,class:"italic"},Xo=["innerHTML"],Zo={key:1,class:"mt-2 flex flex-wrap gap-2"},ei=We({__name:"AgentMessages",props:{messages:{},threadId:{},selectedMessageId:{},selectedLogId:{},selectedEffectId:{},hoveredLogId:{},isEditMode:{type:Boolean},selectedForDelete:{},editedMessages:{},assistantAvatarSrc:{},userAvatarSrc:{}},emits:["messageClick","messageHover","selectionChange","messageEdit"],setup(e,{expose:o,emit:a}){const s=e,l=a;da.setOptions({gfm:!0,breaks:!0});function i(m){const x=s.selectedForDelete?.has(m)??!1;l("selectionChange",m,!x)}function v(m,x){const ke=m.target.innerText;l("messageEdit",x,ke)}function b(m){return m.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function D(m){if(typeof window>"u"||typeof DOMParser>"u")return m.replace(/<script[\s\S]*?>[\s\S]*?<\/script>/gi,"").replace(/\son\w+="[^"]*"/gi,"").replace(/\s(href|src)="javascript:[^"]*"/gi,"");const x=new DOMParser().parseFromString(m,"text/html"),_=["script","style","iframe","object","embed"];for(const ke of _)x.querySelectorAll(ke).forEach(te=>te.remove());return x.body.querySelectorAll("*").forEach(ke=>{for(const te of Array.from(ke.attributes)){const Pe=te.name.toLowerCase(),lt=te.value.trim().toLowerCase();(Pe.startsWith("on")||Pe==="style"||(Pe==="href"||Pe==="src")&&(lt.startsWith("javascript:")||lt.startsWith("data:text/html")))&&ke.removeAttribute(te.name)}}),x.body.innerHTML}function R(m){return!!m&&typeof m=="object"&&!Array.isArray(m)}function w(m){const x=b(st(m||"")),_=da.parse(x,{async:!1});return D(_)}function y(m){return s.editedMessages?.has(m)??!1}const I=h(new Map);function B(m,x){x?I.value.set(m,x):I.value.delete(m)}function E(m,x){B(m,x instanceof HTMLElement?x:null)}function H(m){const x=s.messages.findIndex(_=>_.log_id===m);if(x<=0)return-1;for(let _=x-1;_>=0;_--){const ke=s.messages[_];if(ke.role==="user")return _;if(ke.role==="assistant"&&ke.log_id)break}return-1}function U(m){for(let x=0;x<s.messages.length;x++){const _=s.messages[x];if(_.log_id===m||_.type==="work"&&_.items&&_.items.some(Pe=>Pe.log_id===m||Pe.response_log_id===m))return x}return-1}function G(m,x){const ke=U(m);if(ke===-1)return!1;const te=I.value.get(ke);if(!te)return!1;const Pe=s.messages[ke];let lt=null;if(Pe.role==="assistant"&&Pe.log_id){const kt=H(Pe.log_id);lt=kt!==-1?I.value.get(kt):null}const mt=x.getBoundingClientRect(),Zt=te.getBoundingClientRect();if(Zt.top<mt.top){const T=(lt||te).getBoundingClientRect().top-mt.top-10;x.scrollBy({top:T,behavior:"smooth"})}else if(Zt.bottom>mt.bottom){const kt=Zt.bottom-mt.bottom+10;x.scrollBy({top:kt,behavior:"smooth"})}else if(lt){const kt=lt.getBoundingClientRect();if(kt.top<mt.top){const pn=kt.top-mt.top-10;x.scrollBy({top:pn,behavior:"smooth"})}}return!0}function q(m){for(const x of s.messages){if(x.type!=="work")continue;if(x.items.some(te=>te.log_id===m||te.response_log_id===m))return!0}return!1}o({scrollToLogId:G,hasWorkblockForLogId:q});function j(m){const x=s.messages[m];if(x.log_id)return x.log_id;if(x.role==="user")for(let _=m+1;_<s.messages.length;_++){const ke=s.messages[_];if(ke.log_id)return ke.log_id;if(ke.role==="user")break}return null}function J(m){if(m.type!=="text")return null;const x=m.metadata;if(!R(x))return null;const _=x.scheduledEffect;return R(_)?_:null}function pe(m){const x=J(m);return typeof x?.id=="string"?x.id:null}function ae(m){const x=J(m);return typeof x?.name=="string"?x.name:null}function Q(m){return pe(m)!==null}function W(m){const x=pe(m),_=ae(m);return _&&x?`${_} (${x})`:_||"Scheduled effect"}function fe(m){if(m.type!=="text")return null;const x=J(m),_=typeof x?.id=="string"?x.id:null;return _?{id:_,name:typeof x?.name=="string"?x.name:null}:null}function X(m,x){return x?j(m)===x:!1}function Me(m,x){if(s.isEditMode||m.silent||m.role==="user"&&!Q(m))return"";const _=pe(m),ke=!!j(x)||Q(m);return X(x,s.selectedLogId??null)||_&&_===s.selectedEffectId?"message-log-state message-log-state--selected":j(x)&&X(x,s.hoveredLogId??null)?"message-log-state message-log-state--hovered":ke?"message-log-state":""}function Fe(m){const x=j(m);x&&l("messageHover",x)}function re(m){j(m)&&l("messageHover",null)}function De(m){const x=s.messages[m],_=j(m),ke=fe(x);(_||ke)&&l("messageClick",x.id,_,ke)}function P(m){const x=s.messages[m],_=fe(x);_&&l("messageClick",x.id,j(m),_)}const de=h(new Set),le=h(new Set),ye=h(new Set),ge=h(new Set);function ve(m){de.value.has(m)?de.value.delete(m):de.value.add(m)}function Re(m){le.value.has(m)?le.value.delete(m):le.value.add(m)}function $e(m){ye.value.has(m)?ye.value.delete(m):ye.value.add(m)}function ne(m){ge.value.has(m)?ge.value.delete(m):ge.value.add(m)}function Z(m){if(!m)return{};try{const x=JSON.parse(m);return x&&typeof x=="object"&&!Array.isArray(x)?x:{raw:x}}catch{return{raw:m}}}function K(m){if(!m)return null;const x=Z(m),_=Object.keys(x);if(_.length===0)return null;const ke=x[_[0]];return typeof ke=="string"?Ve(se(ke)):JSON.stringify(ke)}const xe={bash:"bash",css:"css",html:"html",js:"javascript",jsx:"jsx",json:"json",md:"markdown",mjs:"javascript",sh:"bash",ts:"typescript",tsx:"tsx",vue:"vue",yaml:"yaml",yml:"yaml"};function ue(m){if(typeof m!="string")return null;const x=m.split("?")[0]?.split("#")[0]?.split(".").pop()?.toLowerCase();return x?xe[x]??null:null}function Ce(m){if(typeof m!="string")return null;const x=m.toLowerCase();return x.includes("json")?"json":x.includes("typescript")?"typescript":x.includes("javascript")?"javascript":x.includes("html")?"html":x.includes("css")?"css":x.includes("markdown")?"markdown":x.includes("yaml")||x.includes("yml")?"yaml":x.includes("shell")||x.includes("bash")?"bash":null}function Ue(m){try{return JSON.stringify(JSON.parse(m),null,2)}catch{return null}}function M(m){try{return JSON.parse(m)}catch{return null}}function be(m){return m&&typeof m=="object"&&!Array.isArray(m)?m:null}function se(m){return m.replace(/\\r\\n/g,`
3
3
  `).replace(/\\n/g,`
4
4
  `).replace(/\\t/g," ")}function we(m){const x=se(m);return x.includes(`
5
5
  `)||/(^|\s)(import|export|const|let|function|async|return|class|interface|type)\s/.test(x)||/<\/?[a-z][\s\S]*>/i.test(x)||/\b(Response|Request|fetch|console)\b/.test(x)}function Se(m){const x=se(m).trim();return x?/^\s*</.test(x)||/<\/[a-z][\s\S]*>/i.test(x)?"html":/^\s*[{[]/.test(x)&&Ue(x)?"json":/\b(interface|type|Request|Response)\b/.test(x)||/\bimport\s+.+\s+from\s+["']/.test(x)||/\bexport\s+(default\s+)?(async\s+)?function\b/.test(x)?"typescript":/\b(import|export|const|let|function|async|return|class)\b/.test(x)?"javascript":/^#!.*\b(bash|sh)\b/.test(x)?"bash":null:null}function ce(m,x,_){const ke=m.toLowerCase(),te=ue(_.path)||ue(_.filePath)||ue(_.filename)||ue(_.name),Pe=Ce(_.mimeType)||Ce(_.mime_type)||Ce(_.contentType)||Ce(_.content_type);return typeof x=="string"&&(ke.includes("content")||ke.includes("code")||ke.includes("source"))?Pe||te||Se(x)||"text":typeof x!="string"||Array.isArray(x)||x&&typeof x=="object"?"json":Se(x)||"text"}function me(m,x,_){if(Array.isArray(x)||x&&typeof x=="object")return!0;if(typeof x!="string")return!1;const ke=m.toLowerCase();return _!=="text"||x.length>120||we(x)||ke.includes("content")||ke.includes("body")||ke.includes("schema")||ke.includes("payload")}function oe(m,x){return typeof m!="string"?JSON.stringify(m,null,2):x==="json"?Ue(m)||m:se(m)}function Te(m){const x=Z(m);return Object.entries(x).map(([_,ke])=>{const te=ce(_,ke,x);return{key:_,language:te,code:oe(ke,te),isBlock:me(_,ke,te)}})}function je(m){const x=be(m);if(!x||typeof x.content!="string")return null;const _=Ce(x.mimeType)||Ce(x.mime_type)||Ce(x.contentType)||Ce(x.content_type)||ue(x.path)||ue(x.filePath)||ue(x.name)||Se(x.content)||"text";return{code:se(x.content),language:_}}function Be(m){const x=st(m),_=M(x),ke=je(_);if(ke)return ke;if(_!==null)return{code:JSON.stringify(_,null,2),language:"json"};const te=se(x);return{code:te,language:te.includes("```")?"markdown":"text"}}function V(m){return se(st(m))}function F(m){return Ee(m.items)?Ve(Ee(m.items)||""):Y(m)}function u(m){return m.type==="tool_call"?m.response_status==="failed"?"work-op-square--failed":m.response_status==="success"?"work-op-square--success":"work-op-square--pending":m.type==="content"?"work-op-square--success":"work-op-square--neutral"}function c(m){if(m.type==="tool_call"){const x=m.tool_name||"Tool call";return m.response_status==="failed"?`${x} failed`:m.response_status==="success"?`${x} succeeded`:`${x} pending`}return m.type}function C(m){return new Date(m/1e3).toLocaleTimeString()}function O(m){const x=Math.round(m/1e6);if(x<1)return"< 1s";if(x<60)return`${x}s`;const _=Math.floor(x/60),ke=x%60;return`${_}m ${ke}s`}function Y(m){if(m.status==="pending")return"...";if(!m.isComplete)return"Working...";let x;return m.request_sent_at&&m.response_completed_at?x=m.response_completed_at-m.request_sent_at:x=m.updated_at-m.created_at,`Worked for ${O(x)}`}function Ee(m){const x=m.filter(_=>_.type==="content");if(x.length===0){const _=m.filter(ke=>ke.type==="reasoning");return _.length>0?_[_.length-1].content:null}return x[x.length-1].content}function Ve(m){const _=m.trim().split(`
@@ -1 +1 @@
1
- import{d as Me,Y as Re,X as Se,r as l,c as q,a3 as Ee,w as W,b as D,e as f,f as L,j as C,z as B,J as V,al as qe,m as A,q as ne,n as oe,am as De,k as Fe}from"./vue-CSFkhEaa.js";import{T as $e}from"./index-Dlk9K3Tb.js";import{u as ze,_ as Ne,h as re,i as He,C as Ue,j as ie}from"./ThreadInspectorPane.vue_vue_type_script_setup_true_lang-DQZxl-R3.js";import"./formkit-CLaxdhg8.js";import"./vendor-TPZjEwCU.js";import"./syntax-D-ZcovVx.js";import"./monaco-DI2r3M8m.js";import"./Modal.vue_vue_type_script_setup_true_lang-BC0ceJWj.js";import"./ConfirmDialog.vue_vue_type_script_setup_true_lang-qy-xFdId.js";import"./timeAgo-BByZFcs9.js";import"./CopyButton.vue_vue_type_script_setup_true_lang-CBllbG82.js";import"./check-CXHJBWFq.js";import"./copy-BoFxpgim.js";import"./JsonViewer-DlkFhEMS.js";import"./PromptModal-kPH1G9G3.js";const We={class:"flex h-full overflow-hidden"},Be={key:0,class:"flex flex-col items-center p-4"},Ve={key:0,class:"flex flex-col items-center p-4"},F="__draft_new_thread__",de="agentbuilder.threads.messagesLogsSplitPercent",I=480,Ae=720,ue=360,ot=Me({__name:"ThreadsView",setup(Ie){const n=Re(),w=Se(),G=e=>e==="agent"||e==="side-a"||e==="side-b"?"config":e==="files"||e==="kv"||e==="effects"||e==="config"||e==="info"||e==="logs"?e:"logs",O=e=>typeof e=="string"&&e?e:"/",y=l(G(n.query.inspector)),k=l(O(n.query.filePath)),X=l(0),$=e=>{w.replace({path:n.path,query:{...n.query,...e.inspector?{inspector:e.inspector}:{},...e.filePath?{filePath:e.filePath}:{}},hash:n.hash})},o=l(typeof n.params.id=="string"?n.params.id:null),j=q(()=>o.value===F?null:o.value),i=l({threadList:!1,messages:!1}),ce=(e,t)=>{if(typeof window>"u")return t;const a=window.localStorage.getItem(e),s=a?Number.parseFloat(a):Number.NaN;return Number.isFinite(s)?s:t},K=(e,t,a)=>Math.min(a,Math.max(t,e)),Y=l(null),z=l(K(ce(de,40),25,70)),x=l(!1),fe=q(()=>{if(!i.value.messages)return{flex:`0 0 ${z.value}%`,minWidth:`${I}px`}}),ve=q(()=>({minWidth:`${ue}px`})),he=()=>{typeof window>"u"||window.localStorage.setItem(de,z.value.toFixed(2))},N=e=>{const t=Y.value;if(!t)return;const a=t.getBoundingClientRect();if(a.width<=0)return;const s=Math.min(Ae,Math.max(ue,a.width-I)),c=I/a.width*100,p=100-s/a.width*100;z.value=K((e.clientX-a.left)/a.width*100,Math.min(c,p),Math.max(c,p))},T=()=>{x.value&&(x.value=!1,document.body.style.cursor="",document.body.style.userSelect="",window.removeEventListener("pointermove",N),window.removeEventListener("pointerup",T),window.removeEventListener("pointercancel",T),he())},ge=e=>{i.value.messages||(e.preventDefault(),e.currentTarget instanceof HTMLElement&&e.currentTarget.setPointerCapture(e.pointerId),x.value=!0,document.body.style.cursor="col-resize",document.body.style.userSelect="none",N(e),window.addEventListener("pointermove",N),window.addEventListener("pointerup",T),window.addEventListener("pointercancel",T))};Ee(T);const M=l(!1),H=l(null),v=l(!1),me=q(()=>v.value?{id:F,agent_id:"",user_id:null,tags:[],parent:null,terminated:null,created_at:Math.floor(Date.now()/1e3)+1,agent:{name:"new_thread",title:"New thread",type:"ai_human"}}:null),R=l(null),{thread:J}=ze(j),h=l(null),d=l(null),u=l(null),g=l(null),r=l(null),S=l(null),m=l(null),Q=e=>{S.value=e,m.value=e},Z=e=>{const t=b.value,a=_.value;if(!t||!a)return null;if(t.hasWorkblockForLogId(e))return e;let s=e;const c=10;for(let p=0;p<c&&s;p++){const U=a.getLog(s);if(!U)break;const E=U.parent_log_id;if(!E)break;if(t.hasWorkblockForLogId(E))return E;s=E}return null},pe=e=>{if(S.value=e,!e){m.value=null;return}m.value=Z(e)??e},b=l(null),_=l(null);W(()=>n.params.id,e=>{o.value=typeof e=="string"?e:null,h.value=null,d.value=null,u.value=null,g.value=null,r.value=null}),W(()=>n.query.inspector,e=>{const t=G(e);t!==y.value&&(y.value=t)},{immediate:!0}),W(()=>n.query.filePath,e=>{const t=O(e);t!==k.value&&(k.value=t)},{immediate:!0});const Le=e=>{y.value=e,$({inspector:e})},we=e=>{k.value=e,$({filePath:e})},ee=()=>{X.value+=1},ye=e=>{k.value="/",w.push({path:`/threads/${e}`,query:{...n.query,filePath:"/"}})},ke=e=>{o.value===e&&(o.value=null,h.value=null,d.value=null,u.value=null,g.value=null,r.value=null,S.value=null,m.value=null),R.value?.refetch(),w.push({path:"/threads",query:n.query})},Te=()=>{J.value&&(H.value=J.value,M.value=!0)},be=()=>{H.value=null,M.value=!1,v.value=!0,o.value=F},te=async e=>{v.value=!1,o.value=e,R.value?.refetch(),await w.push({path:`/threads/${e}`,query:n.query}),await nextTick(),b.value?.focusComposer()},_e=()=>{v.value=!1,o.value===F&&(o.value=null)},ae=()=>{R.value?.refetch()},P=e=>{i.value[e]=!i.value[e]},le=async(e,t,a)=>{if(h.value=e,a){u.value=a.id??null,g.value=a,d.value=null,r.value=null,y.value="effects",$({inspector:"effects"}),await nextTick(),_.value?.selectEffectByReference(a);return}if(u.value=null,g.value=null,!t){d.value=null,r.value=null;return}const s=_.value;if(!s){d.value=t,r.value=t;return}const c=!s.hasLog(t);if(c&&s.setLoadingForLog(!0),d.value=t,r.value=t,c&&!await s.loadUntilLogId(t)){ie("ThreadsView","Could not find log after loading all available logs",{logId:t}),s.setLoadingForLog(!1);return}if(!await s.waitForLogRow(t)){ie("ThreadsView","Log row not rendered in time",{logId:t});return}s.scrollToLog(t),s.selectLogById(t)},Pe=e=>{d.value=e,u.value=null,g.value=null,h.value=null;const t=b.value;if(!t){r.value=e;return}if(t.scrollToLogId(e)){r.value=e;return}const a=Z(e);a&&a!==e&&t.scrollToLogId(a),r.value=a??e},Ce=e=>{e&&(d.value=e)},se=e=>{_.value?.removeLogsByIds(e)},xe=e=>{e&&!o.value&&w.push({path:`/threads/${e}`,query:n.query})};return(e,t)=>(f(),D("div",We,[L("div",{class:A([i.value.threadList?"w-[60px]":"w-[320px]","border-r border-neutral-300 dark:border-neutral-700 flex-shrink-0 transition-all duration-200 flex flex-col min-h-0"])},[i.value.threadList?(f(),D("div",Be,[L("button",{onClick:t[0]||(t[0]=a=>P("threadList")),class:"p-2 hover:bg-neutral-100 dark:hover:bg-neutral-900 rounded transition-colors",title:"Expand Threads pane"},[C(V(qe),{size:20})])])):(f(),B(Ne,{key:1,ref_key:"threadListPaneRef",ref:R,"selected-thread-id":o.value,"optimistic-thread":me.value,onSelectThread:ye,onCollapse:t[1]||(t[1]=a=>P("threadList")),onCreateThread:be,onThreadsLoaded:xe},null,8,["selected-thread-id","optimistic-thread"]))],2),L("div",{ref_key:"messagesLogsContainerRef",ref:Y,class:"flex min-w-0 flex-1 overflow-hidden"},[L("div",{style:oe(fe.value),class:A([i.value.messages?"w-[60px]":"","flex min-h-0 min-w-0 flex-col overflow-hidden transition-[width] duration-200"])},[i.value.messages?(f(),D("div",Ve,[L("button",{onClick:t[2]||(t[2]=a=>P("messages")),class:"p-2 hover:bg-neutral-100 dark:hover:bg-neutral-900 rounded transition-colors",title:"Expand Messages pane"},[C(V(De),{size:20})])])):o.value&&!v.value?(f(),B(V($e),{key:1,"thread-id":o.value,preload:!0,live:!0,"include-silent":!0,"use-workblocks":!0,"use-subagent-blocks":!0},{default:Fe(()=>[C(re,{ref_key:"messagesPaneRef",ref:b,"thread-id":o.value,"selected-message-id":h.value,"selected-log-id":r.value,"selected-effect-id":u.value,"hovered-log-id":m.value,onCollapse:t[3]||(t[3]=a=>P("messages")),onMessageClick:le,onMessageHover:Q,onLogsDeleted:se,onFilesChanged:ee},null,8,["thread-id","selected-message-id","selected-log-id","selected-effect-id","hovered-log-id"])]),_:1},8,["thread-id"])):i.value.messages?ne("",!0):(f(),B(re,{key:2,ref_key:"messagesPaneRef",ref:b,"thread-id":null,"create-thread-draft":v.value,"selected-message-id":h.value,"selected-log-id":r.value,"selected-effect-id":u.value,"hovered-log-id":m.value,onCollapse:t[4]||(t[4]=a=>P("messages")),onMessageClick:le,onMessageHover:Q,onLogsDeleted:se,onFilesChanged:ee,onCancelCreateThread:_e,onThreadCreated:te},null,8,["create-thread-draft","selected-message-id","selected-log-id","selected-effect-id","hovered-log-id"]))],6),i.value.messages?ne("",!0):(f(),D("div",{key:0,class:A(["group relative z-10 w-2 shrink-0 touch-none cursor-col-resize border-x border-neutral-300 bg-white transition-colors before:absolute before:inset-y-0 before:-left-2 before:-right-2 hover:bg-neutral-100 dark:border-neutral-700 dark:bg-black dark:hover:bg-neutral-900",x.value?"bg-neutral-100 dark:bg-neutral-900":""]),role:"separator","aria-orientation":"vertical",title:"Resize messages and logs",onPointerdown:ge},null,34)),L("div",{class:"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden",style:oe(ve.value)},[C(He,{ref_key:"logsPaneRef",ref:_,"thread-id":j.value,"selected-log-id":d.value,"selected-effect-id":u.value,"selected-effect-ref":g.value,"hovered-log-id":S.value,"active-tab":y.value,"file-path":k.value,"files-refresh-key":X.value,"onUpdate:activeTab":Le,"onUpdate:filePath":we,onLogClick:Pe,onLogHover:pe,onLogsLoaded:Ce,onThreadDeleted:ke,onEditThread:Te,onThreadUpdated:ae},null,8,["thread-id","selected-log-id","selected-effect-id","selected-effect-ref","hovered-log-id","active-tab","file-path","files-refresh-key"])],4)],512),C(Ue,{modelValue:M.value,"onUpdate:modelValue":t[5]||(t[5]=a=>M.value=a),"edit-thread":H.value,onThreadCreated:te,onThreadUpdated:ae},null,8,["modelValue","edit-thread"])]))}});export{ot as default};
1
+ import{d as Me,Y as Re,X as Se,r as l,c as q,a3 as Ee,w as W,b as D,e as f,f as L,j as C,z as B,J as V,al as qe,m as A,q as ne,n as oe,am as De,k as Fe}from"./vue-CSFkhEaa.js";import{T as $e}from"./index-9-23MLMl.js";import{u as ze,_ as Ne,h as re,i as He,C as Ue,j as ie}from"./ThreadInspectorPane.vue_vue_type_script_setup_true_lang-EygdqBZl.js";import"./formkit-CLaxdhg8.js";import"./vendor-TPZjEwCU.js";import"./syntax-D-ZcovVx.js";import"./monaco-DI2r3M8m.js";import"./Modal.vue_vue_type_script_setup_true_lang-B_xALCRj.js";import"./ConfirmDialog.vue_vue_type_script_setup_true_lang-CUH5M-Rk.js";import"./timeAgo-BByZFcs9.js";import"./CopyButton.vue_vue_type_script_setup_true_lang-BP_WkBf6.js";import"./check-CXHJBWFq.js";import"./copy-BoFxpgim.js";import"./JsonViewer-DwV4rW0b.js";import"./PromptModal-Cls1xDPx.js";const We={class:"flex h-full overflow-hidden"},Be={key:0,class:"flex flex-col items-center p-4"},Ve={key:0,class:"flex flex-col items-center p-4"},F="__draft_new_thread__",de="agentbuilder.threads.messagesLogsSplitPercent",I=480,Ae=720,ue=360,ot=Me({__name:"ThreadsView",setup(Ie){const n=Re(),w=Se(),G=e=>e==="agent"||e==="side-a"||e==="side-b"?"config":e==="files"||e==="kv"||e==="effects"||e==="config"||e==="info"||e==="logs"?e:"logs",O=e=>typeof e=="string"&&e?e:"/",y=l(G(n.query.inspector)),k=l(O(n.query.filePath)),X=l(0),$=e=>{w.replace({path:n.path,query:{...n.query,...e.inspector?{inspector:e.inspector}:{},...e.filePath?{filePath:e.filePath}:{}},hash:n.hash})},o=l(typeof n.params.id=="string"?n.params.id:null),j=q(()=>o.value===F?null:o.value),i=l({threadList:!1,messages:!1}),ce=(e,t)=>{if(typeof window>"u")return t;const a=window.localStorage.getItem(e),s=a?Number.parseFloat(a):Number.NaN;return Number.isFinite(s)?s:t},K=(e,t,a)=>Math.min(a,Math.max(t,e)),Y=l(null),z=l(K(ce(de,40),25,70)),x=l(!1),fe=q(()=>{if(!i.value.messages)return{flex:`0 0 ${z.value}%`,minWidth:`${I}px`}}),ve=q(()=>({minWidth:`${ue}px`})),he=()=>{typeof window>"u"||window.localStorage.setItem(de,z.value.toFixed(2))},N=e=>{const t=Y.value;if(!t)return;const a=t.getBoundingClientRect();if(a.width<=0)return;const s=Math.min(Ae,Math.max(ue,a.width-I)),c=I/a.width*100,p=100-s/a.width*100;z.value=K((e.clientX-a.left)/a.width*100,Math.min(c,p),Math.max(c,p))},T=()=>{x.value&&(x.value=!1,document.body.style.cursor="",document.body.style.userSelect="",window.removeEventListener("pointermove",N),window.removeEventListener("pointerup",T),window.removeEventListener("pointercancel",T),he())},ge=e=>{i.value.messages||(e.preventDefault(),e.currentTarget instanceof HTMLElement&&e.currentTarget.setPointerCapture(e.pointerId),x.value=!0,document.body.style.cursor="col-resize",document.body.style.userSelect="none",N(e),window.addEventListener("pointermove",N),window.addEventListener("pointerup",T),window.addEventListener("pointercancel",T))};Ee(T);const M=l(!1),H=l(null),v=l(!1),me=q(()=>v.value?{id:F,agent_id:"",user_id:null,tags:[],parent:null,terminated:null,created_at:Math.floor(Date.now()/1e3)+1,agent:{name:"new_thread",title:"New thread",type:"ai_human"}}:null),R=l(null),{thread:J}=ze(j),h=l(null),d=l(null),u=l(null),g=l(null),r=l(null),S=l(null),m=l(null),Q=e=>{S.value=e,m.value=e},Z=e=>{const t=b.value,a=_.value;if(!t||!a)return null;if(t.hasWorkblockForLogId(e))return e;let s=e;const c=10;for(let p=0;p<c&&s;p++){const U=a.getLog(s);if(!U)break;const E=U.parent_log_id;if(!E)break;if(t.hasWorkblockForLogId(E))return E;s=E}return null},pe=e=>{if(S.value=e,!e){m.value=null;return}m.value=Z(e)??e},b=l(null),_=l(null);W(()=>n.params.id,e=>{o.value=typeof e=="string"?e:null,h.value=null,d.value=null,u.value=null,g.value=null,r.value=null}),W(()=>n.query.inspector,e=>{const t=G(e);t!==y.value&&(y.value=t)},{immediate:!0}),W(()=>n.query.filePath,e=>{const t=O(e);t!==k.value&&(k.value=t)},{immediate:!0});const Le=e=>{y.value=e,$({inspector:e})},we=e=>{k.value=e,$({filePath:e})},ee=()=>{X.value+=1},ye=e=>{k.value="/",w.push({path:`/threads/${e}`,query:{...n.query,filePath:"/"}})},ke=e=>{o.value===e&&(o.value=null,h.value=null,d.value=null,u.value=null,g.value=null,r.value=null,S.value=null,m.value=null),R.value?.refetch(),w.push({path:"/threads",query:n.query})},Te=()=>{J.value&&(H.value=J.value,M.value=!0)},be=()=>{H.value=null,M.value=!1,v.value=!0,o.value=F},te=async e=>{v.value=!1,o.value=e,R.value?.refetch(),await w.push({path:`/threads/${e}`,query:n.query}),await nextTick(),b.value?.focusComposer()},_e=()=>{v.value=!1,o.value===F&&(o.value=null)},ae=()=>{R.value?.refetch()},P=e=>{i.value[e]=!i.value[e]},le=async(e,t,a)=>{if(h.value=e,a){u.value=a.id??null,g.value=a,d.value=null,r.value=null,y.value="effects",$({inspector:"effects"}),await nextTick(),_.value?.selectEffectByReference(a);return}if(u.value=null,g.value=null,!t){d.value=null,r.value=null;return}const s=_.value;if(!s){d.value=t,r.value=t;return}const c=!s.hasLog(t);if(c&&s.setLoadingForLog(!0),d.value=t,r.value=t,c&&!await s.loadUntilLogId(t)){ie("ThreadsView","Could not find log after loading all available logs",{logId:t}),s.setLoadingForLog(!1);return}if(!await s.waitForLogRow(t)){ie("ThreadsView","Log row not rendered in time",{logId:t});return}s.scrollToLog(t),s.selectLogById(t)},Pe=e=>{d.value=e,u.value=null,g.value=null,h.value=null;const t=b.value;if(!t){r.value=e;return}if(t.scrollToLogId(e)){r.value=e;return}const a=Z(e);a&&a!==e&&t.scrollToLogId(a),r.value=a??e},Ce=e=>{e&&(d.value=e)},se=e=>{_.value?.removeLogsByIds(e)},xe=e=>{e&&!o.value&&w.push({path:`/threads/${e}`,query:n.query})};return(e,t)=>(f(),D("div",We,[L("div",{class:A([i.value.threadList?"w-[60px]":"w-[320px]","border-r border-neutral-300 dark:border-neutral-700 flex-shrink-0 transition-all duration-200 flex flex-col min-h-0"])},[i.value.threadList?(f(),D("div",Be,[L("button",{onClick:t[0]||(t[0]=a=>P("threadList")),class:"p-2 hover:bg-neutral-100 dark:hover:bg-neutral-900 rounded transition-colors",title:"Expand Threads pane"},[C(V(qe),{size:20})])])):(f(),B(Ne,{key:1,ref_key:"threadListPaneRef",ref:R,"selected-thread-id":o.value,"optimistic-thread":me.value,onSelectThread:ye,onCollapse:t[1]||(t[1]=a=>P("threadList")),onCreateThread:be,onThreadsLoaded:xe},null,8,["selected-thread-id","optimistic-thread"]))],2),L("div",{ref_key:"messagesLogsContainerRef",ref:Y,class:"flex min-w-0 flex-1 overflow-hidden"},[L("div",{style:oe(fe.value),class:A([i.value.messages?"w-[60px]":"","flex min-h-0 min-w-0 flex-col overflow-hidden transition-[width] duration-200"])},[i.value.messages?(f(),D("div",Ve,[L("button",{onClick:t[2]||(t[2]=a=>P("messages")),class:"p-2 hover:bg-neutral-100 dark:hover:bg-neutral-900 rounded transition-colors",title:"Expand Messages pane"},[C(V(De),{size:20})])])):o.value&&!v.value?(f(),B(V($e),{key:1,"thread-id":o.value,preload:!0,live:!0,"include-silent":!0,"use-workblocks":!0,"use-subagent-blocks":!0},{default:Fe(()=>[C(re,{ref_key:"messagesPaneRef",ref:b,"thread-id":o.value,"selected-message-id":h.value,"selected-log-id":r.value,"selected-effect-id":u.value,"hovered-log-id":m.value,onCollapse:t[3]||(t[3]=a=>P("messages")),onMessageClick:le,onMessageHover:Q,onLogsDeleted:se,onFilesChanged:ee},null,8,["thread-id","selected-message-id","selected-log-id","selected-effect-id","hovered-log-id"])]),_:1},8,["thread-id"])):i.value.messages?ne("",!0):(f(),B(re,{key:2,ref_key:"messagesPaneRef",ref:b,"thread-id":null,"create-thread-draft":v.value,"selected-message-id":h.value,"selected-log-id":r.value,"selected-effect-id":u.value,"hovered-log-id":m.value,onCollapse:t[4]||(t[4]=a=>P("messages")),onMessageClick:le,onMessageHover:Q,onLogsDeleted:se,onFilesChanged:ee,onCancelCreateThread:_e,onThreadCreated:te},null,8,["create-thread-draft","selected-message-id","selected-log-id","selected-effect-id","hovered-log-id"]))],6),i.value.messages?ne("",!0):(f(),D("div",{key:0,class:A(["group relative z-10 w-2 shrink-0 touch-none cursor-col-resize border-x border-neutral-300 bg-white transition-colors before:absolute before:inset-y-0 before:-left-2 before:-right-2 hover:bg-neutral-100 dark:border-neutral-700 dark:bg-black dark:hover:bg-neutral-900",x.value?"bg-neutral-100 dark:bg-neutral-900":""]),role:"separator","aria-orientation":"vertical",title:"Resize messages and logs",onPointerdown:ge},null,34)),L("div",{class:"flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden",style:oe(ve.value)},[C(He,{ref_key:"logsPaneRef",ref:_,"thread-id":j.value,"selected-log-id":d.value,"selected-effect-id":u.value,"selected-effect-ref":g.value,"hovered-log-id":S.value,"active-tab":y.value,"file-path":k.value,"files-refresh-key":X.value,"onUpdate:activeTab":Le,"onUpdate:filePath":we,onLogClick:Pe,onLogHover:pe,onLogsLoaded:Ce,onThreadDeleted:ke,onEditThread:Te,onThreadUpdated:ae},null,8,["thread-id","selected-log-id","selected-effect-id","selected-effect-ref","hovered-log-id","active-tab","file-path","files-refresh-key"])],4)],512),C(Ue,{modelValue:M.value,"onUpdate:modelValue":t[5]||(t[5]=a=>M.value=a),"edit-thread":H.value,onThreadCreated:te,onThreadUpdated:ae},null,8,["modelValue","edit-thread"])]))}});export{ot as default};