@standardagents/builder 0.37.3 → 0.37.5

package/dist/client/ThreadsView-sjo5Rrcm.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 h,f as w,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-Dw7WLX4c.js";import{T as ze}from"./index-BgZnQr8X.js";import{u as Ne,T as $e,_ as re,h as He,C as Ue,i as ie}from"./ThreadInspectorPane.vue_vue_type_script_setup_true_lang-CtIBWHUR.js";import"./formkit-0eyyCEP_.js";import"./vendor-TPZjEwCU.js";import"./syntax-D-ZcovVx.js";import"./monaco-DI2r3M8m.js";import"./Modal.vue_vue_type_script_setup_true_lang-DKdB9A8Z.js";import"./ConfirmDialog.vue_vue_type_script_setup_true_lang-BqwwsXWJ.js";import"./timeAgo-CDt-vAhI.js";import"./CopyButton.vue_vue_type_script_setup_true_lang-Cqm3Vt3E.js";import"./check-DeHZQcv4.js";import"./copy-BxJsl-KZ.js";import"./JsonViewer-ByQKCShF.js";import"./PromptModal-PNpoJfqD.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"},c="__draft_new_thread__",de="agentbuilder.threads.messagesLogsSplitPercent",G=480,Ae=720,ue=360,ot=Me({__name:"ThreadsView",setup(Ge){const o=Re(),y=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:"/",T=l(I(o.query.inspector)),k=l(O(o.query.filePath)),X=l(0),z=e=>{y.replace({path:o.path,query:{...o.query,...e.inspector?{inspector:e.inspector}:{},...e.filePath?{filePath:e.filePath}:{}},hash:o.hash})},s=l(typeof o.params.id=="string"?o.params.id:null),K=D(()=>s.value===c?null:s.value),i=l({threadList:!1,messages:!1}),ce=(e,t)=>{if(typeof window>"u")return t;const a=window.localStorage.getItem(e),n=a?Number.parseFloat(a):Number.NaN;return Number.isFinite(n)?n:t},Y=(e,t,a)=>Math.min(a,Math.max(t,e)),j=l(null),N=l(Y(ce(de,40),25,70)),M=l(!1),fe=D(()=>{if(!i.value.messages)return{flex:`0 0 ${N.value}%`,minWidth:`${G}px`}}),ve=D(()=>({minWidth:`${ue}px`})),he=()=>{typeof window>"u"||window.localStorage.setItem(de,N.value.toFixed(2))},$=e=>{const t=j.value;if(!t)return;const a=t.getBoundingClientRect();if(a.width<=0)return;const n=Math.min(Ae,Math.max(ue,a.width-G)),v=G/a.width*100,L=100-n/a.width*100;N.value=Y((e.clientX-a.left)/a.width*100,Math.min(v,L),Math.max(v,L))},b=()=>{M.value&&(M.value=!1,document.body.style.cursor="",document.body.style.userSelect="",window.removeEventListener("pointermove",$),window.removeEventListener("pointerup",b),window.removeEventListener("pointercancel",b),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",$(e),window.addEventListener("pointermove",$),window.addEventListener("pointerup",b),window.addEventListener("pointercancel",b))};Ee(b);const R=l(!1),H=l(null),f=l(!1),me=D(()=>f.value?{id:c,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}=Ne(K),g=l(null),d=l(null),u=l(null),m=l(null),r=l(null),E=l(null),p=l(null),Q=e=>{E.value=e,p.value=e},Z=e=>{const t=_.value,a=P.value;if(!t||!a)return null;if(t.hasWorkblockForLogId(e))return e;let n=e;const v=10;for(let L=0;L<v&&n;L++){const U=a.getLog(n);if(!U)break;const q=U.parent_log_id;if(!q)break;if(t.hasWorkblockForLogId(q))return q;n=q}return null},pe=e=>{if(E.value=e,!e){p.value=null;return}p.value=Z(e)??e},_=l(null),P=l(null);W(()=>o.params.id,e=>{const t=typeof e=="string"&&e!==c?e:null;s.value=t,t&&(f.value=!1),g.value=null,d.value=null,u.value=null,m.value=null,r.value=null}),W(()=>o.query.inspector,e=>{const t=I(e);t!==T.value&&(T.value=t)},{immediate:!0}),W(()=>o.query.filePath,e=>{const t=O(e);t!==k.value&&(k.value=t)},{immediate:!0});const Le=e=>{T.value=e,z({inspector:e})},we=e=>{k.value=e,z({filePath:e})},ee=()=>{X.value+=1},ye=e=>{e!==c&&(f.value=!1,s.value===c&&(s.value=e),k.value="/",y.push({path:`/threads/${e}`,query:{...o.query,filePath:"/"}}))},Te=e=>{s.value===e&&(s.value=null,g.value=null,d.value=null,u.value=null,m.value=null,r.value=null,E.value=null,p.value=null),S.value?.refetch(),y.push({path:"/threads",query:o.query})},ke=()=>{J.value&&(H.value=J.value,R.value=!0)},be=()=>{H.value=null,R.value=!1,f.value=!0,s.value=c},te=async e=>{f.value=!1,s.value=e,S.value?.refetch(),await y.push({path:`/threads/${e}`,query:o.query}),await nextTick(),_.value?.focusComposer()},_e=()=>{f.value=!1,s.value===c&&(s.value=null)},ae=()=>{S.value?.refetch()},x=e=>{i.value[e]=!i.value[e]},le=async(e,t,a)=>{if(g.value=e,a){u.value=a.id??null,m.value=a,d.value=null,r.value=null,T.value="effects",z({inspector:"effects"}),await nextTick(),P.value?.selectEffectByReference(a);return}if(u.value=null,m.value=null,!t){d.value=null,r.value=null;return}const n=P.value;if(!n){d.value=t,r.value=t;return}const v=!n.hasLog(t);if(v&&n.setLoadingForLog(!0),d.value=t,r.value=t,v&&!await n.loadUntilLogId(t)){ie("ThreadsView","Could not find log after loading all available logs",{logId:t}),n.setLoadingForLog(!1);return}if(!await n.waitForLogRow(t)){ie("ThreadsView","Log row not rendered in time",{logId:t});return}n.scrollToLog(t),n.selectLogById(t)},Pe=e=>{d.value=e,u.value=null,m.value=null,g.value=null;const t=_.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},xe=e=>{e&&(d.value=e)},se=e=>{P.value?.removeLogsByIds(e)},Ce=e=>{e&&!s.value&&y.push({path:`/threads/${e}`,query:o.query})};return(e,t)=>(h(),F("div",We,[w("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?(h(),F("div",Be,[w("button",{onClick:t[0]||(t[0]=a=>x("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})])])):(h(),B($e,{key:1,ref_key:"threadListPaneRef",ref:S,"selected-thread-id":s.value,"optimistic-thread":me.value,onSelectThread:ye,onCollapse:t[1]||(t[1]=a=>x("threadList")),onCreateThread:be,onThreadsLoaded:Ce},null,8,["selected-thread-id","optimistic-thread"]))],2),w("div",{ref_key:"messagesLogsContainerRef",ref:j,class:"flex min-w-0 flex-1 overflow-hidden"},[w("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?(h(),F("div",Ve,[w("button",{onClick:t[2]||(t[2]=a=>x("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})])])):s.value&&s.value!==c?(h(),B(V(ze),{key:1,"thread-id":s.value,preload:!0,live:!0,"include-silent":!0,"use-workblocks":!0,"use-subagent-blocks":!0},{default:Fe(()=>[C(re,{ref_key:"messagesPaneRef",ref:_,"thread-id":s.value,"selected-message-id":g.value,"selected-log-id":r.value,"selected-effect-id":u.value,"hovered-log-id":p.value,onCollapse:t[3]||(t[3]=a=>x("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):(h(),B(re,{key:2,ref_key:"messagesPaneRef",ref:_,"thread-id":null,"create-thread-draft":f.value,"selected-message-id":g.value,"selected-log-id":r.value,"selected-effect-id":u.value,"hovered-log-id":p.value,onCollapse:t[4]||(t[4]=a=>x("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):(h(),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)),w("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:P,"thread-id":K.value,"selected-log-id":d.value,"selected-effect-id":u.value,"selected-effect-ref":m.value,"hovered-log-id":E.value,"active-tab":T.value,"file-path":k.value,"files-refresh-key":X.value,"onUpdate:activeTab":Le,"onUpdate:filePath":we,onLogClick:Pe,onLogHover:pe,onLogsLoaded:xe,onThreadDeleted:Te,onEditThread:ke,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:R.value,"onUpdate:modelValue":t[5]||(t[5]=a=>R.value=a),"edit-thread":H.value,onThreadCreated:te,onThreadUpdated:ae},null,8,["modelValue","edit-thread"])]))}});export{ot as default};