@standardagents/builder 0.24.6 → 0.25.0

package/dist/client/ThreadsView-BAfuNShv.js

@@ -1 +0,0 @@
-import{d as Me,Y as Re,X as Se,r as l,c as D,a3 as Ee,w as W,b as F,e as v,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-BqC6IZDY.js";import{T as $e}from"./index-BVfRoUms.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-DHlNdv7o.js";import"./formkit-YJ1Z7D5r.js";import"./vendor-TPZjEwCU.js";import"./syntax-D-ZcovVx.js";import"./monaco-DI2r3M8m.js";import"./Modal.vue_vue_type_script_setup_true_lang-CFFVfl1g.js";import"./ConfirmDialog.vue_vue_type_script_setup_true_lang-h7YuRPAr.js";import"./timeAgo-D7V247YG.js";import"./CopyButton.vue_vue_type_script_setup_true_lang-BpQ6CMUp.js";import"./check-Dkzs1C3V.js";import"./copy-C08OR8rY.js";import"./JsonViewer-CvwfQYW-.js";import"./PromptModal-DaW1J_W6.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"},x="__draft_new_thread__",de="agentbuilder.threads.messagesLogsSplitPercent",G=480,Ae=720,ue=360,oa=Me({__name:"ThreadsView",setup(Ge){const o=Re(),w=Se(),I=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(I(o.query.inspector)),k=l(O(o.query.filePath)),X=l(0),$=e=>{w.replace({path:o.path,query:{...o.query,...e.inspector?{inspector:e.inspector}:{},...e.filePath?{filePath:e.filePath}:{}},hash:o.hash})},n=l(typeof o.params.id=="string"?o.params.id:null),j=D(()=>n.value===x?null:n.value),i=l({threadList:!1,messages:!1}),ce=(e,a)=>{if(typeof window>"u")return a;const t=window.localStorage.getItem(e),s=t?Number.parseFloat(t):Number.NaN;return Number.isFinite(s)?s:a},K=(e,a,t)=>Math.min(t,Math.max(a,e)),Y=l(null),z=l(K(ce(de,40),25,70)),M=l(!1),fe=D(()=>{if(!i.value.messages)return{flex:`0 0 ${z.value}%`,minWidth:`${G}px`}}),ve=D(()=>({minWidth:`${ue}px`})),he=()=>{typeof window>"u"||window.localStorage.setItem(de,z.value.toFixed(2))},N=e=>{const a=Y.value;if(!a)return;const t=a.getBoundingClientRect();if(t.width<=0)return;const s=Math.min(Ae,Math.max(ue,t.width-G)),f=G/t.width*100,p=100-s/t.width*100;z.value=K((e.clientX-t.left)/t.width*100,Math.min(f,p),Math.max(f,p))},T=()=>{M.value&&(M.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),M.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 R=l(!1),H=l(null),u=l(!1),me=D(()=>u.value?{id:x,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),S=l(null),{thread:J}=ze(j),h=l(null),d=l(null),c=l(null),g=l(null),r=l(null),E=l(null),m=l(null),Q=e=>{E.value=e,m.value=e},Z=e=>{const a=b.value,t=_.value;if(!a||!t)return null;if(a.hasWorkblockForLogId(e))return e;let s=e;const f=10;for(let p=0;p<f&&s;p++){const U=t.getLog(s);if(!U)break;const q=U.parent_log_id;if(!q)break;if(a.hasWorkblockForLogId(q))return q;s=q}return null},pe=e=>{if(E.value=e,!e){m.value=null;return}m.value=Z(e)??e},b=l(null),_=l(null);W(()=>o.params.id,e=>{n.value=typeof e=="string"?e:null,typeof e=="string"&&(u.value=!1),h.value=null,d.value=null,c.value=null,g.value=null,r.value=null}),W(()=>o.query.inspector,e=>{const a=I(e);a!==y.value&&(y.value=a)},{immediate:!0}),W(()=>o.query.filePath,e=>{const a=O(e);a!==k.value&&(k.value=a)},{immediate:!0});const Le=e=>{y.value=e,$({inspector:e})},we=e=>{k.value=e,$({filePath:e})},ee=()=>{X.value+=1},ye=e=>{u.value=!1,n.value===x&&(n.value=e),k.value="/",w.push({path:`/threads/${e}`,query:{...o.query,filePath:"/"}})},ke=e=>{n.value===e&&(n.value=null,h.value=null,d.value=null,c.value=null,g.value=null,r.value=null,E.value=null,m.value=null),S.value?.refetch(),w.push({path:"/threads",query:o.query})},Te=()=>{J.value&&(H.value=J.value,R.value=!0)},be=()=>{H.value=null,R.value=!1,u.value=!0,n.value=x},ae=async e=>{u.value=!1,n.value=e,S.value?.refetch(),await w.push({path:`/threads/${e}`,query:o.query}),await nextTick(),b.value?.focusComposer()},_e=()=>{u.value=!1,n.value===x&&(n.value=null)},te=()=>{S.value?.refetch()},P=e=>{i.value[e]=!i.value[e]},le=async(e,a,t)=>{if(h.value=e,t){c.value=t.id??null,g.value=t,d.value=null,r.value=null,y.value="effects",$({inspector:"effects"}),await nextTick(),_.value?.selectEffectByReference(t);return}if(c.value=null,g.value=null,!a){d.value=null,r.value=null;return}const s=_.value;if(!s){d.value=a,r.value=a;return}const f=!s.hasLog(a);if(f&&s.setLoadingForLog(!0),d.value=a,r.value=a,f&&!await s.loadUntilLogId(a)){ie("ThreadsView","Could not find log after loading all available logs",{logId:a}),s.setLoadingForLog(!1);return}if(!await s.waitForLogRow(a)){ie("ThreadsView","Log row not rendered in time",{logId:a});return}s.scrollToLog(a),s.selectLogById(a)},Pe=e=>{d.value=e,c.value=null,g.value=null,h.value=null;const a=b.value;if(!a){r.value=e;return}if(a.scrollToLogId(e)){r.value=e;return}const t=Z(e);t&&t!==e&&a.scrollToLogId(t),r.value=t??e},Ce=e=>{e&&(d.value=e)},se=e=>{_.value?.removeLogsByIds(e)},xe=e=>{e&&!n.value&&w.push({path:`/threads/${e}`,query:o.query})};return(e,a)=>(v(),F("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?(v(),F("div",Be,[L("button",{onClick:a[0]||(a[0]=t=>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})])])):(v(),B(Ne,{key:1,ref_key:"threadListPaneRef",ref:S,"selected-thread-id":n.value,"optimistic-thread":me.value,onSelectThread:ye,onCollapse:a[1]||(a[1]=t=>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?(v(),F("div",Ve,[L("button",{onClick:a[2]||(a[2]=t=>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})])])):n.value&&!u.value?(v(),B(V($e),{key:1,"thread-id":n.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":n.value,"selected-message-id":h.value,"selected-log-id":r.value,"selected-effect-id":c.value,"hovered-log-id":m.value,onCollapse:a[3]||(a[3]=t=>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):(v(),B(re,{key:2,ref_key:"messagesPaneRef",ref:b,"thread-id":null,"create-thread-draft":u.value,"selected-message-id":h.value,"selected-log-id":r.value,"selected-effect-id":c.value,"hovered-log-id":m.value,onCollapse:a[4]||(a[4]=t=>P("messages")),onMessageClick:le,onMessageHover:Q,onLogsDeleted:se,onFilesChanged:ee,onCancelCreateThread:_e,onThreadCreated:ae},null,8,["create-thread-draft","selected-message-id","selected-log-id","selected-effect-id","hovered-log-id"]))],6),i.value.messages?ne("",!0):(v(),F("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",M.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":c.value,"selected-effect-ref":g.value,"hovered-log-id":E.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:te},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:R.value,"onUpdate:modelValue":a[5]||(a[5]=t=>R.value=t),"edit-thread":H.value,onThreadCreated:ae,onThreadUpdated:te},null,8,["modelValue","edit-thread"])]))}});export{oa as default};