@standardagents/builder 0.24.4 → 0.24.6

package/dist/client/ThreadsView-yJpVmf42.js

@@ -1 +0,0 @@
-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-2tGL2Ulx.js";import{T as $e}from"./index-TIntu1KJ.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-ejyFhmNy.js";import"./formkit-DcuuXZjC.js";import"./vendor-TPZjEwCU.js";import"./syntax-D-ZcovVx.js";import"./monaco-DI2r3M8m.js";import"./Modal.vue_vue_type_script_setup_true_lang-hkOmEwrb.js";import"./ConfirmDialog.vue_vue_type_script_setup_true_lang-YX8WE_iB.js";import"./timeAgo-ASgzq6bq.js";import"./CopyButton.vue_vue_type_script_setup_true_lang-BpJt6BT0.js";import"./check-DKLwABgc.js";import"./copy-CLWiDcxB.js";import"./JsonViewer-BdNA5OCG.js";import"./PromptModal-BF5bdmNQ.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};