@openhands/agent-canvas 1.0.0-beta.2 → 1.0.0-beta.5
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.
- package/README.md +2 -2
- package/build/assets/{agent-server-conversation-service.api-DFvqqEDo.js → agent-server-conversation-service.api-C2V5SlHu.js} +1 -1
- package/build/assets/{automation-detail-Di7EOIZD.js → automation-detail-DJvbVSYK.js} +1 -1
- package/build/assets/{automations-list-IsIWdDiw.js → automations-list-rMki-8au.js} +1 -1
- package/build/assets/{conversation-HlncOV7n.js → conversation-DVrKU0oz.js} +3 -3
- package/build/assets/conversation-Dlys-D5A.js +1 -0
- package/build/assets/conversation-panel-iF09WjZ4.js +1 -0
- package/build/assets/{conversation-service.api-nb5W1PqR.js → conversation-service.api-CCfztilW.js} +1 -1
- package/build/assets/{conversation-websocket-context-C8_PkGLi.js → conversation-websocket-context-DhJhqUna.js} +1 -1
- package/build/assets/{files-tab-BhnLgimi.js → files-tab-R5z0lLdY.js} +1 -1
- package/build/assets/{git-control-bar-branch-button-M34A5_vX.js → git-control-bar-branch-button-COdRAYHb.js} +1 -1
- package/build/assets/{git-provider-icon-D5dCNy-k.js → git-provider-icon-BzLbc0yC.js} +1 -1
- package/build/assets/{home-CYQv7yc_.js → home-XxBpNOVq.js} +1 -1
- package/build/assets/{launch-DHEUYn2A.js → launch-CshDse3e.js} +1 -1
- package/build/assets/{manifest-6b31008e.js → manifest-d9077852.js} +1 -1
- package/build/assets/{messages-BMzyOW2V.js → messages-D0rWot7s.js} +1 -1
- package/build/assets/{path-utils-YohAYyMv.js → path-utils-C3bQf6lJ.js} +1 -1
- package/build/assets/{planner-tab-CFc-hV07.js → planner-tab-BlrCpv-7.js} +1 -1
- package/build/assets/{recommended-automations-launcher-sgvfU62c.js → recommended-automations-launcher-BQChv2rc.js} +2 -2
- package/build/assets/root-BgEbw3S0.js +2 -0
- package/build/assets/{root-layout-DVepR4To.js → root-layout-Czo9Ma6Q.js} +1 -1
- package/build/assets/{shared-conversation-DChOdb0t.js → shared-conversation-AMyqXvpk.js} +1 -1
- package/build/assets/{sidebar-mobile-menu-toggle-BWuf4PRH.js → sidebar-mobile-menu-toggle-Do_aA9Zm.js} +1 -1
- package/build/assets/{terminal-CRf9S0Z2.js → terminal-DgQk1Ay6.js} +1 -1
- package/build/assets/{use-active-conversation-Db3IWSPK.js → use-active-conversation-BEFNwnFk.js} +1 -1
- package/build/assets/{use-agent-state-Bn8vS5sY.js → use-agent-state-Bkrd1FZq.js} +1 -1
- package/build/assets/{use-create-conversation-CKS3EAHu.js → use-create-conversation-CEgXpkfH.js} +1 -1
- package/build/assets/{use-handle-plan-click-C9zJpK8A.js → use-handle-plan-click-Ckkm5eIY.js} +1 -1
- package/build/assets/{use-runtime-is-ready-CQCE3xZC.js → use-runtime-is-ready-B7EF4BKU.js} +1 -1
- package/build/assets/{use-unified-vscode-url-sZt29HrC.js → use-unified-vscode-url-DdSRw-6P.js} +1 -1
- package/build/assets/{use-user-conversation-DfgEB6RW.js → use-user-conversation-C6hrMMtn.js} +1 -1
- package/build/assets/{vscode-tab-Zb-QbTuV.js → vscode-tab-DjNArCgY.js} +1 -1
- package/build/index.html +3 -3
- package/dist/api/agent-server-adapter.cjs +1 -1
- package/dist/api/agent-server-adapter.cjs.map +1 -1
- package/dist/api/agent-server-adapter.js +1 -1
- package/dist/api/agent-server-adapter.js.map +1 -1
- package/dist/package.cjs +1 -1
- package/dist/package.cjs.map +1 -1
- package/dist/package.js +2 -1
- package/dist/package.js.map +1 -1
- package/package.json +2 -1
- package/scripts/dev-safe.mjs +1 -1
- package/build/assets/conversation-MtnkpqA9.js +0 -1
- package/build/assets/conversation-panel-DxnM6tRe.js +0 -1
- package/build/assets/root-E6pcRIYp.js +0 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/files-tab-
|
|
2
|
-
import{a as e}from"./rolldown-runtime-BFRubm34.js";import{t}from"./react-CM_dJw1Z.js";import{t as n}from"./preload-helper-CT1Z6Pdu.js";import{A as r,L as i,M as a,k as o}from"./vendor~entry.client~root~root-layout~index-redirect~home~conversation-panel~conversation~la~cnj3raoq-DTEXlLSB.js";import{t as s}from"./react-dom-hVBnwgwZ.js";import{t as c}from"./vendor~root~root-layout~home~conversation-panel~conversation~launch~extensions-hub~skills-s~f2l2lr17-CDXvdvb2.js";import{c as l,i as u,r as d,s as f}from"./path-utils-YohAYyMv.js";import{t as p}from"./useMutation-DqrumCWD.js";import{o as m,t as h}from"./declaration-BNMqORFE.js";import{n as g}from"./QueryClientProvider-CkGuhXg-.js";import{t as _}from"./Trans-Cvm_-SMi.js";import{t as v}from"./useTranslation-DCOdSSMl.js";import{a as y,c as b,d as x,f as S,i as C,l as w,n as T,o as ee,r as E,s as D,t as te,u as O}from"./messages-BMzyOW2V.js";import{c as k,d as A,f as j,i as M,l as ne,n as re,r as N,s as P,t as F,u as ie}from"./sidebar-mobile-menu-toggle-BWuf4PRH.js";import{a as I,n as L,o as ae,r as oe,t as se}from"./custom-toast-handlers-C-SZFmto.js";import{n as R,r as ce,t as z}from"./vendor~conversation-panel~conversation-a9SyrrhV.js";import{a as le,c as ue,d as B,f as de,l as V,m as H,n as fe,o as pe,s as me,t as he,u as ge}from"./conversation-websocket-context-C8_PkGLi.js";import{t as _e}from"./x-JOBEVLW0.js";import{_ as U,b as ve,c as ye,d as be,k as xe,l as Se,m as Ce,o as we,t as W,u as Te,v as Ee,y as De}from"./utils-i18rdUj2.js";import{r as Oe}from"./agent-server-client-options-Bc5ZorQZ.js";import{n as G}from"./active-backend-context-cCM1vYYZ.js";import{n as ke}from"./vendor~entry.client~root~root-layout~home~conversation-panel~conversation~launch~skills-set~jfc6hidu-VnmIZrq3.js";import{a as Ae,i as je,t as Me}from"./agent-server-conversation-service.api-DFvqqEDo.js";import{t as Ne}from"./modal-backdrop-BAbgYsqB.js";import{n as Pe}from"./modal-body-BI6Ru2Qr.js";import{r as Fe}from"./base-modal-_dYTw1ri.js";import{d as Ie,t as Le}from"./brand-button-Br7f0kZJ.js";import{t as Re}from"./loading-spinner-BPtYORNK.js";import{n as ze}from"./navigation-context-D0YWpT8d.js";import{h as Be}from"./vendor~root-layout~home~conversation-panel~conversation~extensions-hub~skills-settings~skil~iguv7bgw-BkQGKpye.js";import{O as Ve}from"./vendor~root-layout~home~conversation-panel~conversation~extensions-hub~skills-settings~skil~iguv7bgw-DzIXV3Ui.js";import{t as He}from"./styled-tooltip-CBzrri6o.js";import{_ as Ue,h as We,m as Ge,n as Ke,p as qe,s as Je}from"./git-provider-icon-D5dCNy-k.js";import{t as Ye}from"./react-Do0CT17Y.js";import{n as Xe}from"./middleware-BC9EwbB9.js";import{i as Ze,s as Qe}from"./conversation-local-storage-UYl-SX-r.js";import{t as K}from"./conversation-store-Z5iMCRpc.js";import{t as $e}from"./modal-close-button-t1Gh3qmL.js";import{t as et}from"./v4-CNn21NXa.js";import{t as tt}from"./common-DR1t-EeP.js";import{t as nt}from"./use-is-authed-BggE5wPj.js";import{t as rt}from"./use-click-outside-element-DffgWWoZ.js";import{i as it,n as at,r as ot}from"./status-hp6M6E7E.js";import{r as st}from"./use-settings-DQIZmIov.js";import{n as ct,t as lt}from"./use-create-conversation-CKS3EAHu.js";import{r as ut}from"./conversation-service.api-nb5W1PqR.js";import{i as dt}from"./vendor~root-layout~conversation-panel~conversation~shared-conversation-DW31UyBp.js";import{n as ft,t as q}from"./context-menu-list-item-CWNFpuiC.js";import{i as J,r as pt,t as mt}from"./ellipsis-button-ZyLMPURn.js";import{t as ht}from"./u-edit-CFvXHqZk.js";import{t as gt}from"./skills-ChIKZPK4.js";import{t as _t}from"./terminal-RmuaSdhJ.js";import{t as vt}from"./use-user-conversation-DfgEB6RW.js";import{t as yt}from"./conversation-state-store-u5jepov0.js";import{C as bt,D as xt,E as St,I as Ct,M as wt,O as Tt,P as Et,S as Dt,T as Ot,_ as kt,a as At,b as jt,d as Mt,f as Nt,g as Pt,h as Ft,i as It,j as Lt,k as Rt,m as zt,n as Bt,p as Vt,r as Ht,t as Ut,v as Wt,w as Gt,x as Kt,y as qt}from"./git-control-bar-branch-button-M34A5_vX.js";import{n as Y,r as Jt,t as X}from"./use-active-conversation-Db3IWSPK.js";import{t as Z}from"./use-agent-state-Bn8vS5sY.js";import{S as Yt,a as Xt,d as Zt,o as Qt,t as $t}from"./use-event-store-BT_gV3ut.js";import{t as en}from"./command-store-DFN_17p1.js";import{r as tn}from"./typography-gpuWmrQO.js";import{t as nn}from"./lesson-plan-dH5Bj0pN.js";import{t as rn}from"./copy-DYgmUdIw.js";import{t as an}from"./use-runtime-is-ready-CQCE3xZC.js";import{r as on}from"./plan-components-atxXCF0R.js";import{t as sn}from"./use-breakpoint-DbJ6FkQ-.js";import{n as cn,t as ln}from"./use-unified-vscode-url-sZt29HrC.js";import{t as un}from"./use-task-list-CLJbuJgM.js";import{t as dn}from"./vendor~conversation-panel~conversation~alert-banner-DbvX3OcM.js";var Q=e(t(),1),fn={curAgentState:U.LOADING},pn=Ye(e=>({...fn,setCurrentAgentState:t=>e({curAgentState:t}),reset:()=>e(fn)})),mn=`openhands-last-conversation-by-backend`;function hn(e,t){return t?`${e}::${t}`:e}function gn(){if(typeof window>`u`)return{};try{let e=window.localStorage.getItem(mn);if(!e)return{};let t=JSON.parse(e);if(typeof t!=`object`||!t)return{};let n={};for(let[e,r]of Object.entries(t))typeof r==`string`&&r.length>0&&(n[e]=r);return n}catch{return{}}}function _n(e){if(!(typeof window>`u`))try{window.localStorage.setItem(mn,JSON.stringify(e))}catch{}}function vn(e,t,n){if(!n)return;let r=gn();r[hn(e,t)]=n,_n(r)}function yn(e,t){let n=gn(),r=hn(e,t);r in n&&(delete n[r],_n(n))}var bn=e=>({action:S.CHANGE_AGENT_STATE,args:{agent_state:e}}),xn=e=>`error`in e,Sn=e=>`type`in e&&e.type===`error`,Cn=()=>{let{send:e}=x(),t=$t(e=>e.events);Q.useEffect(()=>{if(!t.length)return;let n=t[t.length-1];if(!(Qt(n)&&Xt(n))){if(xn(n)){if(n.error_code===401){L(`Session expired.`);return}typeof n.error==`string`?L(n.error):L(n.message);return}Sn(n)&&`${n.message??``}`.startsWith(`Agent reached maximum`)&&e(bn(U.PAUSED))}},[t.length])},wn=()=>{let{curAgentState:e}=Z();return{runtimeActive:!Ee.includes(e)}};function Tn({children:e}){return Cn(),wn(),e}var $=m(),En=e=>(0,$.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 512 512`,...e,children:(0,$.jsx)(`path`,{d:`M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z`})}),Dn={entriesByConversation:{}},On=(e,t,n)=>({entriesByConversation:{...e.entriesByConversation,[t]:n(e.entriesByConversation[t]??[])}}),kn=Ye()(Xe(e=>({...Dn,addPending:(t,n)=>{let r=et();return e(e=>On(e,t,e=>[...e,{id:r,question:n,status:`pending`}])),r},resolve:(t,n,r)=>e(e=>On(e,t,e=>e.map(e=>e.id===n?{...e,response:r,status:`done`}:e))),fail:(t,n,r)=>e(e=>On(e,t,e=>e.map(e=>e.id===n?{...e,response:r,status:`error`}:e))),dismiss:(t,n)=>e(e=>On(e,t,e=>e.filter(e=>e.id!==n)))}),{name:`BtwStore`}));function An({onClick:e}){let{t}=v(`openhands`);return(0,$.jsxs)(`button`,{type:`button`,onClick:e,className:`flex items-center gap-1.5 px-3 py-1 rounded-full text-xs font-normal text-success bg-success/10 hover:bg-success/20 border border-success/30 transition-colors`,children:[(0,$.jsx)(En,{className:`w-3.5 h-3.5 fill-success`}),(0,$.jsx)(`span`,{children:t(h.CHAT_INTERFACE$BTW_GOT_IT)})]})}function jn({conversationId:e}){let{t}=v(`openhands`),n=kn(e=>e.entriesByConversation),r=kn(e=>e.dismiss),i=e?n[e]??[]:[];return!e||i.length===0?null:(0,$.jsx)(`div`,{"data-testid":`btw-messages`,className:`flex flex-col w-full`,children:i.map(n=>{let i=n.status===`pending`;return(0,$.jsx)(w,{title:(0,$.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`span`,{className:`opacity-60`,children:t(h.CHAT_INTERFACE$BTW_PREFIX)}),(0,$.jsx)(`span`,{children:n.question}),i&&(0,$.jsx)(`span`,{"data-testid":`btw-spinner`,className:`inline-block w-3.5 h-3.5 ml-2 rounded-full border-2 border-[var(--oh-border-input)] border-t-transparent animate-spin`})]}),details:i?t(h.CHAT_INTERFACE$BTW_WAITING_FOR_ANSWER):n.response??``,initiallyExpanded:!i,chevronPosition:`before`,titleTrailing:!i&&(0,$.jsx)(An,{onClick:()=>r(e,n.id)})},n.id)})})}var Mn=`${ve} `,Nn=(e,t)=>{let n=kn(e=>e.addPending),r=kn(e=>e.resolve),i=kn(e=>e.fail);return(0,Q.useCallback)(a=>{let o=a.trim(),s=o===`/btw`||o.startsWith(Mn);if(!e||!s){t(a);return}let c=o.slice(ve.length).trim();if(!c)return;let l=n(e,c);d(e,c).then(({response:t})=>r(e,l,t)).catch(t=>i(e,l,t?.message??`Failed to ask agent`))},[e,t,n,r,i])};function Pn({onSuggestionsClick:e,hasRepository:t,providerTokensReady:n,isConversationReady:r=!0}){let{t:i}=v(`openhands`),{trackPullButtonClick:a}=ct(),o=n&&t&&r;return(0,$.jsxs)(`button`,{type:`button`,onClick:()=>{a(),e(ye())},disabled:!o,className:W(`flex flex-row gap-1 items-center justify-center px-0.5 py-1 rounded-[100px] w-[76px] min-w-[76px]`,o?`bg-[var(--oh-surface)] hover:bg-tertiary cursor-pointer`:`bg-[rgba(71,74,84,0.50)] cursor-not-allowed`),children:[(0,$.jsx)(`div`,{className:`w-3 h-3 flex items-center justify-center`,children:(0,$.jsx)(bt,{width:12,height:12,color:`white`})}),(0,$.jsx)(`div`,{className:`font-normal text-white text-sm leading-5 max-w-[76px] truncate`,title:i(h.COMMON$PULL),children:i(h.COMMON$PULL)})]})}function Fn({onSuggestionsClick:e,hasRepository:t,providerTokensReady:n,currentGitProvider:r,isConversationReady:i=!0}){let{t:a}=v(`openhands`),{trackPushButtonClick:o}=ct(),s=n&&t&&i;return(0,$.jsxs)(`button`,{type:`button`,onClick:()=>{o(),e(Se(r))},disabled:!s,className:W(`flex flex-row gap-1 items-center justify-center px-2 py-1 rounded-[100px] w-[77px] min-w-[77px]`,s?`bg-[var(--oh-surface)] hover:bg-tertiary cursor-pointer`:`bg-[rgba(71,74,84,0.50)] cursor-not-allowed`),children:[(0,$.jsx)(`div`,{className:`w-3 h-3 flex items-center justify-center`,children:(0,$.jsx)(Gt,{width:12,height:12,color:`white`})}),(0,$.jsx)(`div`,{className:`font-normal text-white text-sm leading-5 max-w-[77px] truncate`,title:a(h.COMMON$PUSH),children:a(h.COMMON$PUSH)})]})}function In({onSuggestionsClick:e,hasRepository:t,providerTokensReady:n,currentGitProvider:r,isConversationReady:i=!0}){let{t:a}=v(`openhands`),{trackCreatePrButtonClick:o}=ct(),s=n&&t&&i;return(0,$.jsxs)(`button`,{type:`button`,onClick:()=>{o(),e(we(r))},disabled:!s,className:W(`flex flex-row gap-1 items-center justify-center px-2 py-1 rounded-[100px] w-[126px] min-w-[126px] h-7`,s?`bg-[var(--oh-surface)] hover:bg-tertiary cursor-pointer`:`bg-[rgba(71,74,84,0.50)] cursor-not-allowed`),children:[(0,$.jsx)(`div`,{className:`w-3 h-3 flex items-center justify-center`,children:(0,$.jsx)(Dt,{width:12,height:12,color:`white`})}),(0,$.jsx)(`div`,{className:`font-normal text-white text-sm leading-5 max-w-[126px] truncate`,title:a(h.COMMON$PULL_REQUEST),children:a(h.COMMON$PULL_REQUEST)})]})}function Ln(e){return e.kind===`BashCommand`}function Rn(e){return e.kind===`BashOutput`}function zn(e){return e.kind===`BashError`}function Bn(e,t,n){let r=(0,Q.useRef)(null),i=(0,Q.useRef)([]),a=(0,Q.useRef)([]),o=(0,Q.useRef)(new Map);return(0,Q.useEffect)(()=>{if(!n)return;let s=Oe(e,t),c=new WebSocket(s);r.current=c,c.onopen=()=>{for(let{command:e,cwd:t,timeout:n,resolve:r,reject:o}of i.current)a.current.push({resolve:r,reject:o}),c.send(JSON.stringify({command:e,cwd:t,timeout:n}));i.current=[]},c.onmessage=e=>{let t;try{t=JSON.parse(e.data)}catch{return}if(Ln(t)){let e=a.current.shift();e&&o.current.set(t.id,{...e,stdout:[],stderr:[]})}else if(Rn(t)&&t.command_id){let e=o.current.get(t.command_id);e&&(t.stdout&&e.stdout.push(t.stdout),t.stderr&&e.stderr.push(t.stderr),t.exit_code!=null&&(o.current.delete(t.command_id),e.resolve({exit_code:t.exit_code,stdout:e.stdout.join(``),stderr:e.stderr.join(``)})))}else zn(t)&&l(`Bash error: ${t.code}: ${t.detail}`)};function l(e){let t=Error(e);for(let{reject:e}of i.current)e(t);i.current=[];for(let e of a.current)e.reject(t);a.current=[];for(let e of o.current.values())e.reject(t);o.current.clear()}return c.onclose=()=>{r.current=null,l(`Bash WebSocket closed`)},c.onerror=()=>{r.current=null,l(`Bash WebSocket error`)},()=>{c.onclose=null,c.onerror=null,c.close(),r.current=null,l(`Bash WebSocket unmounted`)}},[n,e,t]),(0,Q.useCallback)((e,t,n)=>new Promise((o,s)=>{let c=r.current;if(!c||c.readyState===WebSocket.CLOSED||c.readyState===WebSocket.CLOSING){s(Error(`Bash WebSocket not available`));return}c.readyState===WebSocket.CONNECTING?i.current.push({command:e,cwd:t,timeout:n,resolve:o,reject:s}):(a.current.push({resolve:o,reject:s}),c.send(JSON.stringify({command:e,cwd:t,timeout:n})))}),[])}var Vn={"github.com":`github`,"gitlab.com":`gitlab`,"bitbucket.org":`bitbucket`,"dev.azure.com":`azure_devops`};function Hn(e){return e.replace(/\.git$/,``)}function Un(e){return e?Vn[e.toLowerCase()]??null:null}function Wn(e){let t=e.split(`/`).filter(Boolean),n=t.indexOf(`_git`);return n===-1?t.join(`/`):[...t.slice(0,n),...t.slice(n+1)].join(`/`)}function Gn(e,t,n){let r=Hn(n.replace(/^\/+/,``)),i=Un(t);return{url:e,host:t,repository:(i===`azure_devops`?Wn(r):r)||null,provider:i}}function Kn(e){let t=e?.trim();if(!t)return null;let n=t.match(/^[^@\s]+@([^:\s]+):(.+)$/);if(n){let e=n[1];return Gn(t,e,n[2])}try{let e=new URL(t);return Gn(t,e.hostname||null,e.pathname)}catch{return null}}var qn={repository:null,branch:null,provider:null,remoteUrl:null},Jn=[`r=$(git remote get-url origin 2>/dev/null)`,`b=$(git rev-parse --abbrev-ref HEAD 2>/dev/null)`,`if [ -z "$r$b" ]; then`,`n=$(find . -mindepth 2 -maxdepth 4 -name .git 2>/dev/null | cut -c3- | sed 's|/.git$||' | sort -u)`,`c=$(printf '%s\\n' "$n" | grep -c '[^[:space:]]')`,`if [ "$c" = "1" ] && [ -n "$n" ]; then`,`r=$(git -C "$n" remote get-url origin 2>/dev/null)`,`b=$(git -C "$n" rev-parse --abbrev-ref HEAD 2>/dev/null)`,`fi`,`fi`,`printf '%s\\n%s' "$r" "$b"`].join(`
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/files-tab-R5z0lLdY.js","assets/rolldown-runtime-BFRubm34.js","assets/vendor~files-tab-BGKayPiK.js","assets/iconBase-DE30Zj_-.js","assets/react-CM_dJw1Z.js","assets/vendor~root-layout~home~conversation-panel~conversation~launch~extensions-hub~skills-settin~dp08i1qy-DTwbEEcX.js","assets/agent-server-client-options-Bc5ZorQZ.js","assets/agent-server-conversation-service.api-C2V5SlHu.js","assets/preload-helper-CT1Z6Pdu.js","assets/profiles-client-D6IkTJof.js","assets/v4-CNn21NXa.js","assets/agent-server-compatibility-BlkUsrX2.js","assets/server-client-DyAQ3NZ_.js","assets/settings-client-C73C7IgV.js","assets/settings-service.api-CZ3uWx4v.js","assets/proxy-CxydCnis.js","assets/vendor~root-layout~home~conversation-panel~conversation~launch~extensions-hub~skills-settin~ninslayh-D9P8e98a.js","assets/settings-D_H-qsRm.js","assets/acp-providers-CbiRekh9.js","assets/declaration-BNMqORFE.js","assets/common-DR1t-EeP.js","assets/vendor~root~root-layout~home~conversation-panel~conversation~launch~extensions-hub~skills-s~f2l2lr17-CDXvdvb2.js","assets/vendor~entry.client~root~root-layout~home~conversation-panel~conversation~launch~extensions~g56ukk6u-DsSvIDZQ.js","assets/QueryClientProvider-CkGuhXg-.js","assets/useTranslation-DCOdSSMl.js","assets/context-CEQZwATj.js","assets/vendor~root-layout~home~conversation-panel~conversation~shared-conversation~alert-banner~pl~rqjteh0a-d2oallMa.js","assets/vendor~home~conversation-panel~conversation~shared-conversation~planner-tab~files-tab-smY2r837.js","assets/vendor~home~conversation-panel~conversation~shared-conversation~planner-tab~files-tab-BbFOrAjI.js","assets/objectWithoutPropertiesLoose-Du6eBn-V.js","assets/vendor~home~conversation-panel~conversation~shared-conversation~planner-tab~files-tab-B92czPCF.js","assets/vendor~home~conversation-panel~conversation~shared-conversation~planner-tab~files-tab-BW6261Sb.js","assets/vendor~home~conversation-panel~conversation~shared-conversation~planner-tab~files-tab-DpAdkv8m.js","assets/vendor~home~conversation-panel~conversation~shared-conversation~planner-tab~files-tab-By5W2oHN.js","assets/react-Do0CT17Y.js","assets/conversation-tab-empty-state-DyssnnWa.js","assets/utils-i18rdUj2.js","assets/vendor~entry.client~root~root-layout~home~conversation-panel~conversation~launch~extensions~hkqzh1hb-BZ0HXuHD.js","assets/markdown-renderer-DMzf2i4x.js","assets/checkmark-DL7acQA7.js","assets/copy-DYgmUdIw.js","assets/active-backend-context-cCM1vYYZ.js","assets/health-store-BDC2rM-X.js","assets/use-active-conversation-BEFNwnFk.js","assets/conversation-service.api-CCfztilW.js","assets/navigation-context-D0YWpT8d.js","assets/use-user-conversation-C6hrMMtn.js","assets/use-agent-state-Bkrd1FZq.js","assets/conversation-state-store-u5jepov0.js","assets/use-runtime-is-ready-B7EF4BKU.js","assets/status-hp6M6E7E.js","assets/chevron-left-small-CVWf8TI6.js","assets/link-external-D2POYx4c.js","assets/folder-ZZJVGgd7.js","assets/files-tab-store-CDyVTXNT.js","assets/use-event-store-BT_gV3ut.js","assets/typography-gpuWmrQO.js","assets/dist-C6t0EXL7.js","assets/conversation-local-storage-UYl-SX-r.js","assets/git-status-mapper-DnL9OC8_.js","assets/retrieve-axios-error-message-BY-yIkIq.js","assets/browser-tab-B-aIqXRl.js","assets/vendor~browser-tab-BgwV1mxF.js","assets/browser-store-Couc4S5D.js","assets/vscode-tab-DjNArCgY.js","assets/use-unified-vscode-url-DdSRw-6P.js","assets/vscode-url-helper-Cwy1A62q.js","assets/waiting-for-runtime-message-CntjExbU.js","assets/brand-button-Br7f0kZJ.js","assets/planner-tab-BlrCpv-7.js","assets/plan-components-atxXCF0R.js","assets/use-handle-plan-click-Ckkm5eIY.js","assets/custom-toast-handlers-C-SZFmto.js","assets/createLucideIcon-Ddu8jDOQ.js","assets/i18n-CTohRuoO.js","assets/vendor~entry.client~root~root-layout~home~conversation-panel~conversation~skills-settings~m~o9nrx3fm-D44TR8hL.js","assets/use-create-conversation-CEgXpkfH.js","assets/useMutation-DqrumCWD.js","assets/mutation-D0OogFCz.js","assets/vendor~entry.client~root~root-layout~home~conversation-panel~conversation~launch~skills-set~jfc6hidu-VnmIZrq3.js","assets/vendor~entry.client~root~root-layout~home~conversation-panel~conversation~launch~skills-set~zm51vy4j-iOsylxCS.js","assets/use-settings-DQIZmIov.js","assets/query-keys-tAsQcc_9.js","assets/conversation-store-Z5iMCRpc.js","assets/middleware-BC9EwbB9.js","assets/lesson-plan-dH5Bj0pN.js","assets/task-list-tab-DUJn1sgz.js","assets/use-task-list-CLJbuJgM.js","assets/u-check-circle-half-C1YxB6py.js","assets/u-check-circle-IUIfACQQ.js","assets/terminal-DgQk1Ay6.js","assets/vendor~terminal-DUrOWGFE.js","assets/vendor~terminal-T4IDBjWs.css","assets/command-store-DFN_17p1.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{a as e}from"./rolldown-runtime-BFRubm34.js";import{t}from"./react-CM_dJw1Z.js";import{t as n}from"./preload-helper-CT1Z6Pdu.js";import{A as r,L as i,M as a,k as o}from"./vendor~entry.client~root~root-layout~index-redirect~home~conversation-panel~conversation~la~cnj3raoq-DTEXlLSB.js";import{t as s}from"./react-dom-hVBnwgwZ.js";import{t as c}from"./vendor~root~root-layout~home~conversation-panel~conversation~launch~extensions-hub~skills-s~f2l2lr17-CDXvdvb2.js";import{c as l,i as u,r as d,s as f}from"./path-utils-C3bQf6lJ.js";import{t as p}from"./useMutation-DqrumCWD.js";import{o as m,t as h}from"./declaration-BNMqORFE.js";import{n as g}from"./QueryClientProvider-CkGuhXg-.js";import{t as _}from"./Trans-Cvm_-SMi.js";import{t as v}from"./useTranslation-DCOdSSMl.js";import{a as y,c as b,d as x,f as S,i as C,l as w,n as T,o as ee,r as E,s as D,t as te,u as O}from"./messages-D0rWot7s.js";import{c as k,d as A,f as j,i as M,l as ne,n as re,r as N,s as P,t as F,u as ie}from"./sidebar-mobile-menu-toggle-Do_aA9Zm.js";import{a as I,n as L,o as ae,r as oe,t as se}from"./custom-toast-handlers-C-SZFmto.js";import{n as R,r as ce,t as z}from"./vendor~conversation-panel~conversation-a9SyrrhV.js";import{a as le,c as ue,d as B,f as de,l as V,m as H,n as fe,o as pe,s as me,t as he,u as ge}from"./conversation-websocket-context-DhJhqUna.js";import{t as _e}from"./x-JOBEVLW0.js";import{_ as U,b as ve,c as ye,d as be,k as xe,l as Se,m as Ce,o as we,t as W,u as Te,v as Ee,y as De}from"./utils-i18rdUj2.js";import{r as Oe}from"./agent-server-client-options-Bc5ZorQZ.js";import{n as G}from"./active-backend-context-cCM1vYYZ.js";import{n as ke}from"./vendor~entry.client~root~root-layout~home~conversation-panel~conversation~launch~skills-set~jfc6hidu-VnmIZrq3.js";import{a as Ae,i as je,t as Me}from"./agent-server-conversation-service.api-C2V5SlHu.js";import{t as Ne}from"./modal-backdrop-BAbgYsqB.js";import{n as Pe}from"./modal-body-BI6Ru2Qr.js";import{r as Fe}from"./base-modal-_dYTw1ri.js";import{d as Ie,t as Le}from"./brand-button-Br7f0kZJ.js";import{t as Re}from"./loading-spinner-BPtYORNK.js";import{n as ze}from"./navigation-context-D0YWpT8d.js";import{h as Be}from"./vendor~root-layout~home~conversation-panel~conversation~extensions-hub~skills-settings~skil~iguv7bgw-BkQGKpye.js";import{O as Ve}from"./vendor~root-layout~home~conversation-panel~conversation~extensions-hub~skills-settings~skil~iguv7bgw-DzIXV3Ui.js";import{t as He}from"./styled-tooltip-CBzrri6o.js";import{_ as Ue,h as We,m as Ge,n as Ke,p as qe,s as Je}from"./git-provider-icon-BzLbc0yC.js";import{t as Ye}from"./react-Do0CT17Y.js";import{n as Xe}from"./middleware-BC9EwbB9.js";import{i as Ze,s as Qe}from"./conversation-local-storage-UYl-SX-r.js";import{t as K}from"./conversation-store-Z5iMCRpc.js";import{t as $e}from"./modal-close-button-t1Gh3qmL.js";import{t as et}from"./v4-CNn21NXa.js";import{t as tt}from"./common-DR1t-EeP.js";import{t as nt}from"./use-is-authed-BggE5wPj.js";import{t as rt}from"./use-click-outside-element-DffgWWoZ.js";import{i as it,n as at,r as ot}from"./status-hp6M6E7E.js";import{r as st}from"./use-settings-DQIZmIov.js";import{n as ct,t as lt}from"./use-create-conversation-CEgXpkfH.js";import{r as ut}from"./conversation-service.api-CCfztilW.js";import{i as dt}from"./vendor~root-layout~conversation-panel~conversation~shared-conversation-DW31UyBp.js";import{n as ft,t as q}from"./context-menu-list-item-CWNFpuiC.js";import{i as J,r as pt,t as mt}from"./ellipsis-button-ZyLMPURn.js";import{t as ht}from"./u-edit-CFvXHqZk.js";import{t as gt}from"./skills-ChIKZPK4.js";import{t as _t}from"./terminal-RmuaSdhJ.js";import{t as vt}from"./use-user-conversation-C6hrMMtn.js";import{t as yt}from"./conversation-state-store-u5jepov0.js";import{C as bt,D as xt,E as St,I as Ct,M as wt,O as Tt,P as Et,S as Dt,T as Ot,_ as kt,a as At,b as jt,d as Mt,f as Nt,g as Pt,h as Ft,i as It,j as Lt,k as Rt,m as zt,n as Bt,p as Vt,r as Ht,t as Ut,v as Wt,w as Gt,x as Kt,y as qt}from"./git-control-bar-branch-button-COdRAYHb.js";import{n as Y,r as Jt,t as X}from"./use-active-conversation-BEFNwnFk.js";import{t as Z}from"./use-agent-state-Bkrd1FZq.js";import{S as Yt,a as Xt,d as Zt,o as Qt,t as $t}from"./use-event-store-BT_gV3ut.js";import{t as en}from"./command-store-DFN_17p1.js";import{r as tn}from"./typography-gpuWmrQO.js";import{t as nn}from"./lesson-plan-dH5Bj0pN.js";import{t as rn}from"./copy-DYgmUdIw.js";import{t as an}from"./use-runtime-is-ready-B7EF4BKU.js";import{r as on}from"./plan-components-atxXCF0R.js";import{t as sn}from"./use-breakpoint-DbJ6FkQ-.js";import{n as cn,t as ln}from"./use-unified-vscode-url-DdSRw-6P.js";import{t as un}from"./use-task-list-CLJbuJgM.js";import{t as dn}from"./vendor~conversation-panel~conversation~alert-banner-DbvX3OcM.js";var Q=e(t(),1),fn={curAgentState:U.LOADING},pn=Ye(e=>({...fn,setCurrentAgentState:t=>e({curAgentState:t}),reset:()=>e(fn)})),mn=`openhands-last-conversation-by-backend`;function hn(e,t){return t?`${e}::${t}`:e}function gn(){if(typeof window>`u`)return{};try{let e=window.localStorage.getItem(mn);if(!e)return{};let t=JSON.parse(e);if(typeof t!=`object`||!t)return{};let n={};for(let[e,r]of Object.entries(t))typeof r==`string`&&r.length>0&&(n[e]=r);return n}catch{return{}}}function _n(e){if(!(typeof window>`u`))try{window.localStorage.setItem(mn,JSON.stringify(e))}catch{}}function vn(e,t,n){if(!n)return;let r=gn();r[hn(e,t)]=n,_n(r)}function yn(e,t){let n=gn(),r=hn(e,t);r in n&&(delete n[r],_n(n))}var bn=e=>({action:S.CHANGE_AGENT_STATE,args:{agent_state:e}}),xn=e=>`error`in e,Sn=e=>`type`in e&&e.type===`error`,Cn=()=>{let{send:e}=x(),t=$t(e=>e.events);Q.useEffect(()=>{if(!t.length)return;let n=t[t.length-1];if(!(Qt(n)&&Xt(n))){if(xn(n)){if(n.error_code===401){L(`Session expired.`);return}typeof n.error==`string`?L(n.error):L(n.message);return}Sn(n)&&`${n.message??``}`.startsWith(`Agent reached maximum`)&&e(bn(U.PAUSED))}},[t.length])},wn=()=>{let{curAgentState:e}=Z();return{runtimeActive:!Ee.includes(e)}};function Tn({children:e}){return Cn(),wn(),e}var $=m(),En=e=>(0,$.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 512 512`,...e,children:(0,$.jsx)(`path`,{d:`M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z`})}),Dn={entriesByConversation:{}},On=(e,t,n)=>({entriesByConversation:{...e.entriesByConversation,[t]:n(e.entriesByConversation[t]??[])}}),kn=Ye()(Xe(e=>({...Dn,addPending:(t,n)=>{let r=et();return e(e=>On(e,t,e=>[...e,{id:r,question:n,status:`pending`}])),r},resolve:(t,n,r)=>e(e=>On(e,t,e=>e.map(e=>e.id===n?{...e,response:r,status:`done`}:e))),fail:(t,n,r)=>e(e=>On(e,t,e=>e.map(e=>e.id===n?{...e,response:r,status:`error`}:e))),dismiss:(t,n)=>e(e=>On(e,t,e=>e.filter(e=>e.id!==n)))}),{name:`BtwStore`}));function An({onClick:e}){let{t}=v(`openhands`);return(0,$.jsxs)(`button`,{type:`button`,onClick:e,className:`flex items-center gap-1.5 px-3 py-1 rounded-full text-xs font-normal text-success bg-success/10 hover:bg-success/20 border border-success/30 transition-colors`,children:[(0,$.jsx)(En,{className:`w-3.5 h-3.5 fill-success`}),(0,$.jsx)(`span`,{children:t(h.CHAT_INTERFACE$BTW_GOT_IT)})]})}function jn({conversationId:e}){let{t}=v(`openhands`),n=kn(e=>e.entriesByConversation),r=kn(e=>e.dismiss),i=e?n[e]??[]:[];return!e||i.length===0?null:(0,$.jsx)(`div`,{"data-testid":`btw-messages`,className:`flex flex-col w-full`,children:i.map(n=>{let i=n.status===`pending`;return(0,$.jsx)(w,{title:(0,$.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`span`,{className:`opacity-60`,children:t(h.CHAT_INTERFACE$BTW_PREFIX)}),(0,$.jsx)(`span`,{children:n.question}),i&&(0,$.jsx)(`span`,{"data-testid":`btw-spinner`,className:`inline-block w-3.5 h-3.5 ml-2 rounded-full border-2 border-[var(--oh-border-input)] border-t-transparent animate-spin`})]}),details:i?t(h.CHAT_INTERFACE$BTW_WAITING_FOR_ANSWER):n.response??``,initiallyExpanded:!i,chevronPosition:`before`,titleTrailing:!i&&(0,$.jsx)(An,{onClick:()=>r(e,n.id)})},n.id)})})}var Mn=`${ve} `,Nn=(e,t)=>{let n=kn(e=>e.addPending),r=kn(e=>e.resolve),i=kn(e=>e.fail);return(0,Q.useCallback)(a=>{let o=a.trim(),s=o===`/btw`||o.startsWith(Mn);if(!e||!s){t(a);return}let c=o.slice(ve.length).trim();if(!c)return;let l=n(e,c);d(e,c).then(({response:t})=>r(e,l,t)).catch(t=>i(e,l,t?.message??`Failed to ask agent`))},[e,t,n,r,i])};function Pn({onSuggestionsClick:e,hasRepository:t,providerTokensReady:n,isConversationReady:r=!0}){let{t:i}=v(`openhands`),{trackPullButtonClick:a}=ct(),o=n&&t&&r;return(0,$.jsxs)(`button`,{type:`button`,onClick:()=>{a(),e(ye())},disabled:!o,className:W(`flex flex-row gap-1 items-center justify-center px-0.5 py-1 rounded-[100px] w-[76px] min-w-[76px]`,o?`bg-[var(--oh-surface)] hover:bg-tertiary cursor-pointer`:`bg-[rgba(71,74,84,0.50)] cursor-not-allowed`),children:[(0,$.jsx)(`div`,{className:`w-3 h-3 flex items-center justify-center`,children:(0,$.jsx)(bt,{width:12,height:12,color:`white`})}),(0,$.jsx)(`div`,{className:`font-normal text-white text-sm leading-5 max-w-[76px] truncate`,title:i(h.COMMON$PULL),children:i(h.COMMON$PULL)})]})}function Fn({onSuggestionsClick:e,hasRepository:t,providerTokensReady:n,currentGitProvider:r,isConversationReady:i=!0}){let{t:a}=v(`openhands`),{trackPushButtonClick:o}=ct(),s=n&&t&&i;return(0,$.jsxs)(`button`,{type:`button`,onClick:()=>{o(),e(Se(r))},disabled:!s,className:W(`flex flex-row gap-1 items-center justify-center px-2 py-1 rounded-[100px] w-[77px] min-w-[77px]`,s?`bg-[var(--oh-surface)] hover:bg-tertiary cursor-pointer`:`bg-[rgba(71,74,84,0.50)] cursor-not-allowed`),children:[(0,$.jsx)(`div`,{className:`w-3 h-3 flex items-center justify-center`,children:(0,$.jsx)(Gt,{width:12,height:12,color:`white`})}),(0,$.jsx)(`div`,{className:`font-normal text-white text-sm leading-5 max-w-[77px] truncate`,title:a(h.COMMON$PUSH),children:a(h.COMMON$PUSH)})]})}function In({onSuggestionsClick:e,hasRepository:t,providerTokensReady:n,currentGitProvider:r,isConversationReady:i=!0}){let{t:a}=v(`openhands`),{trackCreatePrButtonClick:o}=ct(),s=n&&t&&i;return(0,$.jsxs)(`button`,{type:`button`,onClick:()=>{o(),e(we(r))},disabled:!s,className:W(`flex flex-row gap-1 items-center justify-center px-2 py-1 rounded-[100px] w-[126px] min-w-[126px] h-7`,s?`bg-[var(--oh-surface)] hover:bg-tertiary cursor-pointer`:`bg-[rgba(71,74,84,0.50)] cursor-not-allowed`),children:[(0,$.jsx)(`div`,{className:`w-3 h-3 flex items-center justify-center`,children:(0,$.jsx)(Dt,{width:12,height:12,color:`white`})}),(0,$.jsx)(`div`,{className:`font-normal text-white text-sm leading-5 max-w-[126px] truncate`,title:a(h.COMMON$PULL_REQUEST),children:a(h.COMMON$PULL_REQUEST)})]})}function Ln(e){return e.kind===`BashCommand`}function Rn(e){return e.kind===`BashOutput`}function zn(e){return e.kind===`BashError`}function Bn(e,t,n){let r=(0,Q.useRef)(null),i=(0,Q.useRef)([]),a=(0,Q.useRef)([]),o=(0,Q.useRef)(new Map);return(0,Q.useEffect)(()=>{if(!n)return;let s=Oe(e,t),c=new WebSocket(s);r.current=c,c.onopen=()=>{for(let{command:e,cwd:t,timeout:n,resolve:r,reject:o}of i.current)a.current.push({resolve:r,reject:o}),c.send(JSON.stringify({command:e,cwd:t,timeout:n}));i.current=[]},c.onmessage=e=>{let t;try{t=JSON.parse(e.data)}catch{return}if(Ln(t)){let e=a.current.shift();e&&o.current.set(t.id,{...e,stdout:[],stderr:[]})}else if(Rn(t)&&t.command_id){let e=o.current.get(t.command_id);e&&(t.stdout&&e.stdout.push(t.stdout),t.stderr&&e.stderr.push(t.stderr),t.exit_code!=null&&(o.current.delete(t.command_id),e.resolve({exit_code:t.exit_code,stdout:e.stdout.join(``),stderr:e.stderr.join(``)})))}else zn(t)&&l(`Bash error: ${t.code}: ${t.detail}`)};function l(e){let t=Error(e);for(let{reject:e}of i.current)e(t);i.current=[];for(let e of a.current)e.reject(t);a.current=[];for(let e of o.current.values())e.reject(t);o.current.clear()}return c.onclose=()=>{r.current=null,l(`Bash WebSocket closed`)},c.onerror=()=>{r.current=null,l(`Bash WebSocket error`)},()=>{c.onclose=null,c.onerror=null,c.close(),r.current=null,l(`Bash WebSocket unmounted`)}},[n,e,t]),(0,Q.useCallback)((e,t,n)=>new Promise((o,s)=>{let c=r.current;if(!c||c.readyState===WebSocket.CLOSED||c.readyState===WebSocket.CLOSING){s(Error(`Bash WebSocket not available`));return}c.readyState===WebSocket.CONNECTING?i.current.push({command:e,cwd:t,timeout:n,resolve:o,reject:s}):(a.current.push({resolve:o,reject:s}),c.send(JSON.stringify({command:e,cwd:t,timeout:n})))}),[])}var Vn={"github.com":`github`,"gitlab.com":`gitlab`,"bitbucket.org":`bitbucket`,"dev.azure.com":`azure_devops`};function Hn(e){return e.replace(/\.git$/,``)}function Un(e){return e?Vn[e.toLowerCase()]??null:null}function Wn(e){let t=e.split(`/`).filter(Boolean),n=t.indexOf(`_git`);return n===-1?t.join(`/`):[...t.slice(0,n),...t.slice(n+1)].join(`/`)}function Gn(e,t,n){let r=Hn(n.replace(/^\/+/,``)),i=Un(t);return{url:e,host:t,repository:(i===`azure_devops`?Wn(r):r)||null,provider:i}}function Kn(e){let t=e?.trim();if(!t)return null;let n=t.match(/^[^@\s]+@([^:\s]+):(.+)$/);if(n){let e=n[1];return Gn(t,e,n[2])}try{let e=new URL(t);return Gn(t,e.hostname||null,e.pathname)}catch{return null}}var qn={repository:null,branch:null,provider:null,remoteUrl:null},Jn=[`r=$(git remote get-url origin 2>/dev/null)`,`b=$(git rev-parse --abbrev-ref HEAD 2>/dev/null)`,`if [ -z "$r$b" ]; then`,`n=$(find . -mindepth 2 -maxdepth 4 -name .git 2>/dev/null | cut -c3- | sed 's|/.git$||' | sort -u)`,`c=$(printf '%s\\n' "$n" | grep -c '[^[:space:]]')`,`if [ "$c" = "1" ] && [ -n "$n" ]; then`,`r=$(git -C "$n" remote get-url origin 2>/dev/null)`,`b=$(git -C "$n" rev-parse --abbrev-ref HEAD 2>/dev/null)`,`fi`,`fi`,`printf '%s\\n%s' "$r" "$b"`].join(`
|
|
3
3
|
`);async function Yn(e,t){let n=await e(Jn,t,10);if(n.exit_code!==0)return qn;let r=n.stdout.indexOf(`
|
|
4
4
|
`),i=(r>=0?n.stdout.slice(0,r):n.stdout).trim(),a=(r>=0?n.stdout.slice(r+1):``).trim(),o=a&&a!==`HEAD`?a:null;if(!i&&!o)return qn;let s=Kn(i);return{repository:s?.repository??null,provider:s?.provider??null,remoteUrl:i||null,branch:o}}var Xn=()=>{let{data:e}=X(),t=an(),{backend:n}=G(),r=n.kind===`local`,i=e?.id,a=e?.conversation_url,o=e?.session_api_key,s=e?.workspace?.working_dir?.trim(),l=!!e?.selected_repository,u=!!e?.git_provider,d=!!e?.selected_branch,f=r&&t&&!!i&&!!s&&(!l||!u||!d),p=Bn(a,o,f),m=(0,Q.useRef)(p);return m.current=p,c({queryKey:[`local-git-info`,i,a,o,s],queryFn:async()=>Yn((e,t,n)=>m.current(e,t,n),s),enabled:f,retry:!1,staleTime:1e4,refetchInterval:1e4,gcTime:1e3*60*5,meta:{disableToast:!0}})},Zn=()=>{let e=g(),{t}=v(`openhands`);return p({mutationFn:e=>Me.updateConversationRepository(e.conversationId,e.repository,e.branch,e.gitProvider),onMutate:async t=>{let n=[`user`,`conversation`,t.conversationId];await e.cancelQueries({queryKey:n});let r=e.getQueriesData({queryKey:n});return e.setQueriesData({queryKey:n},e=>e&&{...e,selected_repository:t.repository,selected_branch:t.branch??null,git_provider:t.gitProvider??null}),{previousEntries:r}},onError:(n,r,i)=>{i?.previousEntries.forEach(([t,n])=>{e.setQueryData(t,n)}),L(t(h.CONVERSATION$FAILED_TO_UPDATE_REPOSITORY))},onSuccess:()=>{oe(t(h.CONVERSATION$REPOSITORY_UPDATED))},onSettled:(t,n,r)=>{e.invalidateQueries({queryKey:[`user`,`conversation`,r.conversationId]}),e.invalidateQueries({queryKey:[`user`,`conversations`]}),e.invalidateQueries({queryKey:[`local-git-info`,r.conversationId]})}})};function Qn({children:e,tooltipMessage:t,testId:n,shouldShowTooltip:r}){return r?(0,$.jsx)(He,{content:t,placement:`top`,showArrow:!0,tooltipClassName:`bg-white text-black`,children:(0,$.jsx)(`span`,{"data-testid":n,className:`hover:opacity-100`,children:e})}):e}function $n({isOpen:e,onClose:t,onLaunch:n,defaultProvider:r=`github`}){let{t:i}=v(`openhands`),{providers:a}=Je(),[o,s]=(0,Q.useState)(null),[c,l]=(0,Q.useState)(null),[u,d]=(0,Q.useState)(null);(0,Q.useEffect)(()=>{a.length===1&&!o?s(a[0]):a.length>1&&!o&&r&&a.includes(r)&&s(r)},[a,o,r]);let f=(0,Q.useCallback)(e=>{e!==o&&(s(e),l(null),d(null))},[o]),p=(0,Q.useCallback)(e=>{e?(l(e),d(null)):(l(null),d(null))},[]),m=(0,Q.useCallback)(e=>{d(e)},[]),g=()=>{!c||!u||(n(c,u),l(null),d(null),t())},_=()=>{s(null),l(null),d(null),t()};if(!e)return null;let y=c?.git_provider||o||r,b=!!c&&!!u;return(0,$.jsx)(Ne,{onClose:_,children:(0,$.jsxs)(Pe,{width:`sm`,className:`relative items-start border border-[var(--oh-border)] !gap-4`,children:[(0,$.jsx)($e,{onClose:_,testId:`close-open-repository-modal`}),(0,$.jsx)(`div`,{className:`w-full pr-6`,children:(0,$.jsx)(Fe,{title:i(h.CONVERSATION$OPEN_REPOSITORY)})}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-4 w-full`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,$.jsx)(`span`,{className:`text-sm text-white font-normal leading-[22px]`,children:i(h.CONVERSATION$SELECT_OR_INSERT_LINK)}),a.length>1&&(0,$.jsx)(At,{providers:a,value:o,placeholder:`Select Provider`,onChange:f})]}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-[10px] w-full`,children:[(0,$.jsx)(Ht,{provider:y,value:c?.id||null,repositoryName:c?.full_name||null,onChange:p,placeholder:`Search repositories...`,className:`w-full`}),(0,$.jsx)(It,{repository:c?.full_name||null,provider:y,selectedBranch:u,onBranchSelect:m,defaultBranch:c?.main_branch||null,placeholder:`Select branch...`,disabled:!c,className:`w-full`})]})]}),(0,$.jsxs)(`div`,{className:`flex justify-end gap-2 w-full`,onClick:e=>e.stopPropagation(),children:[(0,$.jsx)(Le,{type:`button`,variant:`secondary`,onClick:_,children:i(h.BUTTON$CANCEL)}),(0,$.jsx)(Le,{type:`button`,variant:`primary`,onClick:g,isDisabled:!b,children:i(h.BUTTON$LAUNCH)})]})]})})}function er({onSuggestionsClick:e}){let{t}=v(`openhands`),{conversationId:n}=Y(),[r,i]=(0,Q.useState)(!1),[a,o]=(0,Q.useState)(!1),s=(0,Q.useRef)(null),{addRecentRepository:c}=Ke(),l=B(e=>e.enqueuePendingMessage),u=B(e=>e.markPendingMessageError),{backend:d}=G(),f=d.kind===`local`,{providers:p}=Je(),m=f||p.length>0,{data:g}=X(),{repositoryInfo:_}=Tt(),{data:y}=Xn(),b=Et(),S=(0,Q.useRef)(b);(0,Q.useEffect)(()=>{S.current=b},[b]);let{send:C}=x(),w=(0,Q.useRef)(C);(0,Q.useEffect)(()=>{w.current=C},[C]);let T=D(),{mutate:ee}=Zn(),{mutate:E,isPending:te}=lt(),O=g?.selected_repository||_?.selectedRepository,k=g?.git_provider||_?.gitProvider,A=g?.selected_branch||_?.selectedBranch,j=O||y?.repository||void 0,M=k||y?.provider,ne=A||y?.branch||void 0,re=(g?.id?Ae(g.id):null)?.selected_workspace??null,N=re&&re.replace(/\/+$/,``).split(`/`).pop()||null,P=!!j&&!!M,F=!!g&&b===`OPEN`;(0,Q.useEffect)(()=>{if(!a)return;let e=e=>{s.current&&!s.current.contains(e.target)&&o(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[a]),(0,Q.useEffect)(()=>{if(!a)return;let e=e=>{e.key===`Escape`&&o(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[a]);let ie=(e,r)=>{n&&(c(e),ee({conversationId:n,repository:e.full_name,branch:r.name,gitProvider:e.git_provider},{onSuccess:()=>{if(S.current!==`OPEN`){L(t(h.CONVERSATION$CLONE_COMMAND_FAILED_DISCONNECTED));return}let i=e.git_provider.charAt(0).toUpperCase()+e.git_provider.slice(1),a=`Clone ${e.full_name} from ${i} and checkout branch ${r.name}.`,o=n?l({conversationId:n,text:a}):null;T?.scrollDomToBottom(),Promise.resolve(w.current({action:`message`,args:{content:a,timestamp:new Date().toISOString()}})).catch(e=>{o&&u(o,e instanceof Error?e.message:`Failed to send message`)})}}))},I=!f||!!j||!!N,ae=f&&!P;return I||ne||P?(0,$.jsxs)(`div`,{className:`flex flex-row items-center`,children:[(0,$.jsxs)(`div`,{className:`flex flex-row gap-2.5 items-center overflow-x-auto flex-nowrap relative scrollbar-hide`,children:[I?(0,$.jsx)(Bt,{selectedRepository:j,gitProvider:M,workspaceName:N,onClick:()=>i(!0),disabled:!F||ae}):null,ne?(0,$.jsx)(Ut,{selectedBranch:ne,selectedRepository:j,gitProvider:M}):null,P?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Qn,{tooltipMessage:t(h.COMMON$GIT_TOOLS_DISABLED_CONTENT),testId:`git-control-bar-pull-button-tooltip`,shouldShowTooltip:!P,children:(0,$.jsx)(Pn,{onSuggestionsClick:e,hasRepository:P,providerTokensReady:m,isConversationReady:F})}),(0,$.jsx)(Qn,{tooltipMessage:t(h.COMMON$GIT_TOOLS_DISABLED_CONTENT),testId:`git-control-bar-push-button-tooltip`,shouldShowTooltip:!P,children:(0,$.jsx)(Fn,{onSuggestionsClick:e,hasRepository:P,providerTokensReady:m,currentGitProvider:M,isConversationReady:F})}),(0,$.jsx)(Qn,{tooltipMessage:t(h.COMMON$GIT_TOOLS_DISABLED_CONTENT),testId:`git-control-bar-pr-button-tooltip`,shouldShowTooltip:!P,children:(0,$.jsx)(In,{onSuggestionsClick:e,hasRepository:P,providerTokensReady:m,currentGitProvider:M,isConversationReady:F})})]}):null]}),(0,$.jsx)($n,{isOpen:r,onClose:()=>i(!1),onLaunch:ie,defaultProvider:M})]}):null}function tr({onSubmit:e,disabled:t=!1}){let{images:n,files:r,imagesMarkedUploadAsFile:i,clearAllFiles:a,subConversationTaskId:o}=K(),{curAgentState:s}=Z(),{data:c}=X(),{conversationId:l}=Jt(),u=l??c?.id??null,{taskStatus:d}=xt(o,c?.id||null),{handleUpload:f}=Mt(),p=Nt(u,Nn(u,t=>{let{imagesToEmbed:o,imagesAsFiles:s}=Ct(n,i);e(t,o,[...r,...s]),a()}));return(0,$.jsxs)(`div`,{"data-testid":`interactive-chat-box`,children:[(0,$.jsx)(Vt,{disabled:t||s===U.AWAITING_USER_CONFIRMATION||Ce(d),isNewConversationPending:t,onSubmit:p,onFilesPaste:f}),(0,$.jsx)(`div`,{className:`mt-3 pb-3`,children:(0,$.jsx)(er,{onSuggestionsClick:e=>{p(e)}})})]})}function nr(){let e=$t(e=>e.events),t=$t(e=>e.uiEvents),n=Q.useMemo(()=>t.filter(pe),[t]),r=Q.useMemo(()=>e,[e]),i=Q.useMemo(()=>n.length,[n]),a=Q.useMemo(()=>r.some(e=>e.source===`agent`&&!Yt(e)&&!Zt(e)),[r]),o=le(r);return{storeEvents:e,uiEvents:t,renderableEvents:n,allConversationEvents:r,totalEvents:i,hasSubstantiveAgentActions:a,conversationUserEventsExist:o,userEventsExist:o}}var rr=e=>`timestamp`in e?e.timestamp:void 0,ir=e=>{let t=!!e&&Ze(e),n=t?void 0:e,{data:r}=vt(e??null),{data:i,isFetched:a}=me(n??void 0),o=$t(e=>e.addEvents),[s,c]=Q.useState(!1),[l,u]=Q.useState(!0),d=Q.useRef(!1),f=Q.useRef(!0);return Q.useEffect(()=>{if(d.current=!1,c(!1),t){f.current=!1,u(!1);return}f.current=!0,u(!0)},[e,t]),Q.useEffect(()=>{t||!a||!i||i.hasMore||(f.current=!1,u(!1))},[t,a,i?.hasMore,n]),{isLoading:s,hasMore:l,loadOlder:Q.useCallback(async()=>{if(!e||Ze(e)||d.current||!f.current||!r)return;let{events:t}=$t.getState(),n=t[0];if(!n)return;let i=rr(n);if(!i){f.current=!1,u(!1);return}d.current=!0,c(!0);try{let t=await V.searchEvents(e,r?.conversation_url??null,r?.session_api_key??null,{limit:50,sortOrder:`TIMESTAMP_DESC`,timestampLt:i});if(!Array.isArray(t.items))throw Error(`Invalid older-events response: expected page.items to be an array.`);let n=[...t.items].reverse();n.length>0&&o(n),(!t.next_page_id||t.items.length<50)&&(f.current=!1,u(!1))}finally{d.current=!1,c(!1)}},[e,r,r?.conversation_url,r?.session_api_key,o])}};function ar(){return(0,$.jsxs)(`div`,{className:`flex items-center space-x-1.5 rounded-full bg-[var(--oh-surface)] px-3 py-1.5`,children:[(0,$.jsx)(`span`,{className:`h-1.5 w-1.5 rounded-full bg-[var(--oh-muted)] animate-[bounce_0.5s_infinite] translate-y-[1px] [animation-delay:0ms]`}),(0,$.jsx)(`span`,{className:`h-1.5 w-1.5 rounded-full bg-[var(--oh-muted)] animate-[bounce_0.5s_infinite] translate-y-[1px] [animation-delay:75ms]`}),(0,$.jsx)(`span`,{className:`h-1.5 w-1.5 rounded-full bg-[var(--oh-muted)] animate-[bounce_0.5s_infinite] translate-y-[1px] [animation-delay:150ms]`})]})}function or({suggestion:e,onClick:t}){let{t:n}=v(`openhands`);return(0,$.jsxs)(`button`,{type:`button`,className:`list-none border border-[var(--oh-border)] rounded-[15px] hover:bg-surface-raised hover:border-[var(--oh-interactive-hover)] transition-colors flex-1 flex items-center justify-center cursor-pointer gap-[10px] h-[55px] px-4`,onClick:()=>t(e.value),children:[(0,Q.useMemo)(()=>{switch(e.label){case`INCREASE_TEST_COVERAGE`:return(0,$.jsx)(Kt,{width:24,height:24,color:`#fff`});case`AUTO_MERGE_PRS`:return(0,$.jsx)(jt,{width:19,height:20,color:`#fff`});case`FIX_README`:return(0,$.jsx)(qt,{width:24,height:24,color:`#fff`});case`CLEAN_DEPENDENCIES`:return(0,$.jsx)(Wt,{width:24,height:24,color:`#fff`});default:return null}},[e]),(0,$.jsx)(`span`,{"data-testid":`suggestion`,className:`text-[15px] font-normal leading-5 text-white text-center cursor-pointer`,children:n(e.label)})]})}function sr({suggestions:e,onSuggestionClick:t}){return(0,$.jsx)(`div`,{"data-testid":`suggestions`,className:`grid grid-cols-2 gap-5 max-w-fit`,children:e.map((e,n)=>(0,$.jsx)(or,{suggestion:e,onClick:t},n))})}var cr=h.SUGGESTIONS$HACKER_NEWS,lr=`Please write a bash script which displays the top story on Hacker News. It should show the title, the link, and the number of points.
|
|
5
5
|
The script should only use tools that are widely available on unix systems, like curl and grep.`,ur=h.SUGGESTIONS$HELLO_WORLD,dr=`I want to create a Hello World app in Javascript that:
|
|
@@ -16,4 +16,4 @@ The script should only use tools that are widely available on unix systems, like
|
|
|
16
16
|
|
|
17
17
|
This should be a client-only app with no backend. The list should persist in localStorage.`,mr={repo:kt,"non-repo":{[cr]:lr,[ur]:dr,[fr]:pr}};function hr({onSuggestionsClick:e}){let{t}=v(`openhands`),{shouldHideSuggestions:n}=K();return(0,$.jsx)(Ve,{children:!n&&(0,$.jsxs)(z.div,{"data-testid":`chat-suggestions`,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.3,ease:`easeInOut`},className:`pointer-events-auto absolute inset-x-4 bottom-[151px] top-0 flex flex-col items-center justify-center md:inset-x-8`,children:[(0,$.jsx)(`div`,{className:`flex flex-col items-center p-4 rounded-xl w-full`,children:(0,$.jsx)(`span`,{className:`pb-6 text-[32px] font-medium leading-5 text-white`,children:t(h.LANDING$TITLE)})}),(0,$.jsx)(sr,{suggestions:Object.entries(mr.repo).slice(0,4).map(([e,t])=>({label:e,value:t})),onSuggestionClick:e})]})})}var gr={files:[],initialPrompt:null,selectedRepository:null,selectedRepositoryProvider:null,replayJson:null},_r=Ye(e=>({...gr,addFile:t=>e(e=>({files:[...e.files,t]})),removeFile:t=>e(e=>({files:e.files.filter((e,n)=>n!==t)})),clearFiles:()=>e(()=>({files:[]})),setInitialPrompt:t=>e(()=>({initialPrompt:t})),clearInitialPrompt:()=>e(()=>({initialPrompt:null})),setSelectedRepository:t=>e(()=>({selectedRepository:t})),clearSelectedRepository:()=>e(()=>({selectedRepository:null})),setSelectedRepositoryProvider:t=>e(()=>({selectedRepositoryProvider:t})),setReplayJson:t=>e(()=>({replayJson:t})),reset:()=>e(()=>gr)})),vr=e=>(0,$.jsx)(`svg`,{width:12,height:17,viewBox:`0 0 12 17`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...e,children:(0,$.jsx)(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M11.5304 6.46978L10.4697 7.53044L6.75006 3.81077L6.75006 17.0001H5.25006L5.25006 3.81077L1.53039 7.53044L0.469727 6.46978L6.00006 0.939453L11.5304 6.46978Z`,fill:`currentColor`})});function yr({onClick:e}){return(0,$.jsx)(`button`,{type:`button`,onClick:e,"data-testid":`scroll-to-bottom`,className:`flex items-center justify-center size-8 rounded-full bg-[var(--oh-surface)] text-[var(--oh-muted)] hover:bg-tertiary hover:text-white rotate-180 cursor-pointer transition-colors`,children:(0,$.jsx)(vr,{width:15,height:15})})}var br=[{width:`w-[25%]`,height:`h-4`,align:`justify-end`},{width:`w-[60%]`,height:`h-4`,align:`justify-start`},{width:`w-[45%]`,height:`h-4`,align:`justify-start`},{width:`w-[65%]`,height:`h-20`,align:`justify-start`},{width:`w-[35%]`,height:`h-4`,align:`justify-end`},{width:`w-[50%]`,height:`h-4`,align:`justify-start`},{width:`w-[30%]`,height:`h-4`,align:`justify-end`},{width:`w-[75%]`,height:`h-4`,align:`justify-start`},{width:`w-[55%]`,height:`h-4`,align:`justify-start`}];function xr({width:e,height:t}){return(0,$.jsx)(`div`,{className:W(`rounded-md bg-foreground/5 animate-pulse`,e,t)})}function Sr(){return(0,$.jsx)(`div`,{className:`flex flex-col gap-6 p-4 w-full h-full overflow-hidden`,"data-testid":`chat-messages-skeleton`,"aria-label":`Loading conversation`,children:br.map((e,t)=>(0,$.jsx)(`div`,{className:W(`flex w-full`,e.align),children:(0,$.jsx)(xr,{width:e.width,height:e.height})},t))})}var Cr=220;function wr({message:e,onDismiss:t,onRetry:n}){let{t:r,i18n:i}=v(`openhands`),[a,o]=Q.useState(!1),[s,c]=Q.useState(!1),l=Q.useRef(null),u=i.exists(e,{ns:`openhands`}),d=u?String(r(e)):e,f=d.length>Cr,p=f&&!a;return Q.useLayoutEffect(()=>{let e=l.current;if(!e)return;let t=()=>{let t=Number.parseFloat(getComputedStyle(e).lineHeight);if(!Number.isFinite(t)||t<=0){c(!1);return}c(e.getBoundingClientRect().height>t*1.5)};t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[d,p,a,e]),(0,$.jsxs)(`div`,{className:W(`flex w-full gap-2 rounded-lg border border-[var(--oh-border)] bg-[var(--oh-surface-raised)] p-2 text-[var(--oh-foreground)]`,s?`items-start`:`items-center`),"data-testid":`error-message-banner`,children:[(0,$.jsx)(ae,{"aria-hidden":!0,className:`h-4 w-4 shrink-0`,strokeWidth:2,style:{color:xe},"data-testid":`error-message-banner-icon`}),(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsx)(`div`,{ref:l,className:W(`whitespace-pre-wrap break-words text-sm text-[var(--oh-muted)]`,p&&`line-clamp-3`),"data-testid":`error-message-banner-content`,children:u?(0,$.jsx)(_,{ns:`openhands`,i18nKey:e}):e}),f&&(0,$.jsx)(`button`,{type:`button`,className:`mt-1 cursor-pointer text-xs font-normal text-[var(--oh-foreground)] underline`,onClick:()=>o(e=>!e),"data-testid":`error-message-banner-toggle`,children:r(a?h.COMMON$VIEW_LESS:h.COMMON$VIEW_MORE)})]}),(0,$.jsxs)(`div`,{className:W(`flex shrink-0 gap-1`,s?`self-start`:`items-center`),children:[n&&(0,$.jsx)(`button`,{type:`button`,onClick:n,className:`cursor-pointer rounded-md border border-[var(--oh-border)] px-2 py-1 text-xs font-normal text-[var(--oh-foreground)] hover:bg-[var(--oh-interactive-hover)]`,"data-testid":`error-message-banner-retry`,children:r(h.CHAT_INTERFACE$MESSAGE_RETRY)}),t&&(0,$.jsx)(`button`,{type:`button`,onClick:t,className:`shrink-0 cursor-pointer rounded-md p-1 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-hover)] hover:text-[var(--oh-foreground)]`,"aria-label":r(h.BUTTON$CLOSE),"data-testid":`error-message-banner-dismiss`,children:(0,$.jsx)(_e,{className:`h-4 w-4`,"aria-hidden":!0})})]})]})}function Tr(){let{conversationId:e}=Jt(),t=B(e=>e.pendingMessages),n=B(e=>e.markPendingMessageError),r=B(e=>e.markPendingMessageSending),{send:i}=x(),a=Q.useMemo(()=>e?t.filter(t=>Rt(e,t.conversationId)):[],[t,e]),o=Q.useCallback(async e=>{let t=B.getState().pendingMessages.find(t=>t.id===e);if(t){r(e);try{await i(O(t.text,t.imageUrls,t.fileUrls,t.timestamp))}catch(t){n(e,t instanceof Error?t.message:`Failed to send message`)}}},[i,n,r]);return a.length===0?null:(0,$.jsx)($.Fragment,{children:a.map(e=>(0,$.jsx)(E,{type:`user`,message:e.text,pendingStatus:e.status,onRetry:e.status===`error`?()=>o(e.id):void 0,children:e.imageUrls.length>0&&(0,$.jsx)(T,{size:`small`,images:e.imageUrls})},e.id))})}var Er=()=>{let{data:e}=X();return p({mutationKey:[`unified-upload-files`],mutationFn:async t=>{let{conversationId:n,files:r}=t;return ut(n,r,e)},meta:{disableToast:!0}})},Dr=e=>(0,$.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,...e,children:(0,$.jsx)(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M12 3.25C9.92893 3.25 8.25 4.92893 8.25 7V10H7C6.44772 10 6 10.4477 6 11V19C6 19.5523 6.44772 20 7 20H17C17.5523 20 18 19.5523 18 19V11C18 10.4477 17.5523 10 17 10H15.75V7C15.75 4.92893 14.0711 3.25 12 3.25ZM14.25 10V7C14.25 5.75736 13.2426 4.75 12 4.75C10.7574 4.75 9.75 5.75736 9.75 7V10H14.25Z`,fill:`currentColor`})});function Or(){let{t:e}=v(`openhands`),{data:t}=st();return t?.confirmation_mode?(0,$.jsx)(He,{closeDelay:100,content:e(h.COMMON$CONFIRMATION_MODE_ENABLED),tooltipClassName:`bg-white text-black hover:bg-transparent`,children:(0,$.jsx)(`div`,{className:`flex items-center justify-center w-[26px] h-[26px] rounded-lg bg-[var(--oh-surface)]`,children:(0,$.jsx)(Dr,{width:15,height:15})})}):null}var kr=e=>(0,$.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,...e,children:(0,$.jsx)(`path`,{d:`M15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7956 15 12 15C11.2044 15 10.4413 14.6839 9.87868 14.1213C9.31607 13.5587 9 12.7956 9 12C9 11.2044 9.31607 10.4413 9.87868 9.87868C10.4413 9.31607 11.2044 9 12 9C12.7956 9 13.5587 9.31607 14.1213 9.87868C14.6839 10.4413 15 11.2044 15 12Z`,fill:`currentColor`})});function Ar({status:e,statusColor:t}){return(0,$.jsx)(`div`,{"data-testid":`chat-status-indicator`,className:Be(`w-full max-w-full rounded-[100px] p-1 bg-[var(--oh-surface)] flex items-center gap-1`),children:(0,$.jsxs)(Ve,{mode:`wait`,children:[(0,$.jsx)(z.span,{className:`flex-shrink-0 animate-[pulse_1.2s_ease-in-out_infinite]`,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.3},children:(0,$.jsx)(kr,{className:`w-4 h-4`,color:t})},`dot-${e}`),(0,$.jsx)(z.span,{initial:{opacity:0,y:-2},animate:{opacity:1,y:0},exit:{opacity:0,y:2},transition:{duration:.3},className:`pr-1.5 font-normal text-[11px] leading-[16px] normal-case break-words whitespace-normal`,children:e},`text-${e}`)]})})}var jr=()=>{let e=g(),{navigate:t}=ze(),{t:n}=v(`openhands`),{data:r}=X();return p({mutationFn:async()=>{if(!r?.id)throw Error(`No active conversation`);let e=await Me.createConversation(void 0,void 0,void 0,void 0,void 0,void 0,void 0,r.sandbox_id??void 0);if(e.status===`ERROR`)throw Error(e.detail||`Failed to create new conversation`);return{newConversationId:e.app_conversation_id?e.app_conversation_id:`task-${e.id}`,oldConversationId:r.id}},onMutate:()=>{I.loading(n(h.CONVERSATION$CLEARING),{...se,id:`clear-conversation`})},onSuccess:r=>{I.dismiss(`clear-conversation`),oe(n(h.CONVERSATION$CLEAR_SUCCESS)),t(`/conversations/${r.newConversationId}`),e.invalidateQueries({queryKey:[`user`,`conversations`]}),e.invalidateQueries({queryKey:[`v1-batch-get-app-conversations`]})},onError:e=>{I.dismiss(`clear-conversation`);let t=n(h.CONVERSATION$CLEAR_UNKNOWN_ERROR);e instanceof Error?t=e.message:typeof e==`string`&&(t=e),L(n(h.CONVERSATION$CLEAR_FAILED,{error:t}))}})};function Mr(e,t){return e?`github`:t?`replay`:`direct`}function Nr(){let e=ke(),{setMessageToSend:t}=K(),{errorMessage:n,removeErrorMessage:r,setErrorMessage:i}=de(),{isTask:a,taskStatus:o,taskDetail:s}=Tt(),c=a,l=fe(),{send:u}=x(),{renderableEvents:d,allConversationEvents:f,totalEvents:p,hasSubstantiveAgentActions:m,userEventsExist:g}=nr(),_=B(e=>e.enqueuePendingMessage),S=B(e=>e.markPendingMessageError),C=B(e=>e.pendingMessages),{t:w}=v(`openhands`),T=Q.useRef(null),{scrollDomToBottom:E,onChatBodyScroll:D,hitBottom:k,autoScroll:A,setAutoScroll:j,setHitBottom:M}=on(T),{mutate:ne,isPending:re}=jr(),{curAgentState:N}=Z(),{handleBuildPlanClick:P}=y(),{data:F}=X(),ie=F?.sandbox_status??null,I=ie===`MISSING`||ie===`ERROR`,ae=N===U.RUNNING||N===U.LOADING;Q.useEffect(()=>{if(ae)return;let e=e=>{(e.metaKey||e.ctrlKey)&&e.key===`Enter`&&(e.preventDefault(),e.stopPropagation(),P(e),E())};return document.addEventListener(`keydown`,e),()=>{document.removeEventListener(`keydown`,e)}},[ae,P,E]);let{selectedRepository:oe,replayJson:se}=_r(),{conversationId:R}=Jt(),{mutateAsync:ce}=Er(),{isLoading:z,hasMore:le,loadOlder:ue}=ir(R),V=Q.useRef(null),H=Q.useCallback(e=>{if(c||z||!le)return;let t=e.scrollTop<=80,n=e.scrollHeight<=e.clientHeight+80;!t&&!n||(V.current={scrollHeight:e.scrollHeight,scrollTop:e.scrollTop},ue().catch(e=>{V.current=null,i(e instanceof Error&&e.message?e.message:w(h.ERROR$GENERIC))}))},[le,z,c,ue,i,w]),pe=Q.useCallback(e=>{e.deltaY<0&&e.currentTarget.scrollTop<=0&&H(e.currentTarget)},[H]),me=Q.useMemo(()=>R?C.some(e=>Rt(R,e.conversationId)):!1,[C,R]),he=f.length>0||me||!l?.isLoadingHistory,_e=!!R,ve=!he&&!a,ye=ge(e=>R?(e.entriesByConversation[R]?.length??0)>0:!1),xe=async(n,r,i)=>{if(n.trim()===`/new`){if(!R){L(w(h.CONVERSATION$CLEAR_NO_ID));return}if(p===0){L(w(h.CONVERSATION$CLEAR_EMPTY));return}if(re)return;ne();return}let a=[...r],o=[...i];p===0?e.capture(`initial_query_submitted`,{entry_point:Mr(oe!==null,se!==null),query_character_length:n.length,replay_json_size:se?.length}):e.capture(`user_message_sent`,{session_message_count:p,current_message_length:n.length});let s=Lt([...a,...o]);if(!s.isValid){L(`Error: ${s.errorMessage}`);return}let c=a.map(e=>wt(e)),l=await Promise.all(c),d=new Date().toISOString(),{skipped_files:f,uploaded_files:m}=o.length>0?await ce({conversationId:R,files:o}):{skipped_files:[],uploaded_files:[]};f.forEach(e=>L(e.reason));let g=`${w(`CHAT_INTERFACE$AUGMENTED_PROMPT_FILES_TITLE`)}: ${m.join(`
|
|
18
18
|
|
|
19
|
-
`)}`,v=m.length>0?`${n}\n\n${g}`:n,y=_({conversationId:R,text:n,content:v,imageUrls:l,fileUrls:m,timestamp:d});E(),t(``);try{await u(O(v,l,m,d))}catch(e){S(y,e instanceof Error?e.message:`Failed to send message`)}};Q.useEffect(()=>{if(V.current&&T.current){let{scrollHeight:e,scrollTop:t}=V.current,n=T.current,r=n.scrollHeight-e;r>0&&(n.scrollTop=t+r),V.current=null;return}A&&E()},[d.length,me,E]);let Se=Q.useRef(H);Q.useEffect(()=>{Se.current=H}),Q.useEffect(()=>{let e=T.current;e&&Se.current(e)},[d.length,le]);let Ce={scrollRef:T,autoScroll:A,setAutoScroll:j,scrollDomToBottom:E,hitBottom:k,setHitBottom:M,onChatBodyScroll:D},we=N===U.LOADING||N===U.INIT,W=N===U.STOPPED,Ee=N===U.PAUSED,De=Te({isPausing:Ee,isTask:a,taskStatus:o,isStartingStatus:we,isStopStatus:W,curAgentState:N}),Oe=be({isPausing:Ee,isTask:a,taskStatus:o,taskDetail:s,isStartingStatus:we,isStopStatus:W,curAgentState:N,errorMessage:n,t:w});return(0,$.jsx)(ee,{value:Ce,children:(0,$.jsxs)(`div`,{className:`relative flex h-full flex-col justify-between px-4`,"data-testid":`chat-interface`,children:[!m&&!me&&!g&&!ye&&!ve&&!c&&p===0&&!I&&(0,$.jsx)(hr,{onSuggestionsClick:e=>t(e)}),(0,$.jsxs)(`div`,{ref:T,"data-testid":`chat-scroll-container`,onScroll:e=>{D(e.currentTarget),H(e.currentTarget)},onWheel:pe,className:`custom-scrollbar-always flex min-h-0 grow flex-col gap-2 overflow-x-hidden overflow-y-auto px-0 pt-4 pb-8 md:px-4`,children:[ve&&_e&&(0,$.jsx)(Sr,{}),ve&&!_e&&(0,$.jsx)(`div`,{className:`flex justify-center`,"data-testid":`loading-spinner`,children:(0,$.jsx)(Re,{size:`small`})}),z&&(0,$.jsxs)(`div`,{className:`flex items-center justify-center gap-2 py-3 text-sm text-neutral-400`,"data-testid":`loading-older-events`,children:[(0,$.jsx)(Re,{size:`small`}),(0,$.jsx)(`span`,{children:w(h.CHAT_INTERFACE$FETCHING_OLDER_MESSAGES)})]}),(0,$.jsx)(b,{conversationId:R,anchorEventId:null}),he&&d.length>0&&(0,$.jsx)(te,{messages:d,allEvents:f}),(0,$.jsx)(Tr,{})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 flex-col gap-[6px]`,children:[(0,$.jsx)(jn,{conversationId:R}),n&&(0,$.jsx)(wr,{message:n,onDismiss:r,onRetry:n===`Unable to connect to server`?()=>l?.reconnect():void 0}),I?(0,$.jsxs)(`div`,{"data-testid":`archived-conversation-banner`,className:`mx-1 px-4 py-3 rounded-lg bg-[var(--oh-surface)] border border-[var(--oh-border-subtle)]`,children:[(0,$.jsx)(`p`,{className:`text-xs font-semibold text-[var(--oh-foreground)]`,children:w(ie===`ERROR`?h.CHAT_INTERFACE$ERROR_SANDBOX_TITLE:h.CHAT_INTERFACE$ARCHIVED_SANDBOX_TITLE)}),(0,$.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)] mt-0.5`,children:w(ie===`ERROR`?h.CHAT_INTERFACE$ERROR_SANDBOX_DESCRIPTION:h.CHAT_INTERFACE$ARCHIVED_SANDBOX_DESCRIPTION)})]}):(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsx)(`div`,{className:`pointer-events-none absolute inset-x-0 bottom-full mb-1 z-20`,children:(0,$.jsxs)(`div`,{className:`flex justify-between relative`,children:[(0,$.jsxs)(`div`,{className:`flex items-end gap-1 pointer-events-auto`,children:[(0,$.jsx)(Or,{}),we&&(0,$.jsx)(Ar,{statusColor:De,status:Oe})]}),k?N===U.RUNNING&&(0,$.jsx)(`div`,{className:`absolute left-1/2 transform -translate-x-1/2 bottom-0 pointer-events-auto`,children:(0,$.jsx)(ar,{})}):(0,$.jsx)(`div`,{className:`absolute left-1/2 transform -translate-x-1/2 bottom-0 pointer-events-auto`,children:(0,$.jsx)(yr,{onClick:E})})]})}),(0,$.jsx)(tr,{onSubmit:xe,disabled:re})]})]})]})})}function Pr({isRightPanelShown:e}){return(0,$.jsx)(`div`,{className:`flex justify-center w-full h-full`,children:(0,$.jsx)(`div`,{className:`w-full min-w-0 max-w-[800px] h-full flex flex-col min-h-0 transition-all duration-300 ease-in-out`,children:(0,$.jsx)(Nr,{})})})}function Fr({className:e}){let{t}=v(`openhands`);return(0,$.jsxs)(`div`,{className:W(`bg-[var(--oh-surface)] flex h-full w-full flex-col items-center justify-center gap-3`,e),children:[(0,$.jsx)(H,{className:`h-8 w-8 shrink-0 animate-spin text-[var(--oh-text-secondary)]`,"aria-hidden":!0}),(0,$.jsx)(`span`,{className:`text-base font-normal leading-5 text-[var(--oh-text-secondary)]`,children:t(h.HOME$LOADING)})]})}function Ir({children:e}){return(0,$.jsx)(`div`,{className:`absolute inset-0`,children:e})}function Lr({children:e}){return(0,$.jsx)(`div`,{className:`flex flex-col h-full w-full`,children:e})}function Rr({children:e}){return(0,$.jsx)(`div`,{className:`overflow-hidden flex-grow h-full w-full relative`,children:e})}var zr=(0,Q.lazy)(()=>n(()=>import(`./files-tab-BhnLgimi.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60]))),Br=(0,Q.lazy)(()=>n(()=>import(`./browser-tab-B-aIqXRl.js`),__vite__mapDeps([61,19,1,24,25,4,62,3,35,36,37,63,34]))),Vr=(0,Q.lazy)(()=>n(()=>import(`./vscode-tab-Zb-QbTuV.js`),__vite__mapDeps([64,1,19,24,25,4,65,7,8,5,6,9,10,11,12,13,14,15,16,17,18,20,21,22,23,44,41,42,43,45,46,49,36,37,47,48,34,50,66,67,35,68]))),Hr=(0,Q.lazy)(()=>n(()=>import(`./planner-tab-CFc-hV07.js`),__vite__mapDeps([69,1,19,24,25,4,35,36,37,38,30,28,29,31,32,26,3,27,33,39,40,70,68,71,72,73,74,75,76,7,8,5,6,9,10,11,12,13,14,15,16,17,18,20,77,22,78,23,79,80,81,21,41,42,82,43,44,45,46,83,84,34,58,85]))),Ur=(0,Q.lazy)(()=>n(()=>import(`./task-list-tab-DUJn1sgz.js`),__vite__mapDeps([86,1,19,24,25,4,35,36,37,87,55,34,88,89,56,57]))),Wr=(0,Q.lazy)(()=>n(()=>import(`./terminal-CRf9S0Z2.js`),__vite__mapDeps([90,1,91,92,19,4,67,24,25,36,37,47,43,44,5,6,7,8,9,10,11,12,13,14,15,16,17,18,20,45,46,21,22,23,41,42,48,34,93]))),Gr={tasklist:{component:Ur},files:{component:zr},browser:{component:Br},vscode:{component:Vr},terminal:{component:Wr},planner:{component:Hr}};function Kr(){let{selectedTab:e,shouldShownAgentLoading:t}=K(),{conversationId:n}=Y(),r=(0,Q.useMemo)(()=>Gr[e]??Gr.files,[e]).component;return t?(0,$.jsx)(Fr,{}):(0,$.jsx)(Lr,{children:(0,$.jsx)(Q.Suspense,{fallback:(0,$.jsx)(Fr,{}),children:(0,$.jsx)(Rr,{children:(0,$.jsx)(Ir,{children:(0,$.jsx)(r,{})},e===`terminal`?`${e}-${n}`:e)})})})}var qr=()=>{let e=g(),t=de(e=>e.removeErrorMessage);return p({mutationKey:[`start-conversation`],mutationFn:async e=>f(e.conversationId),onMutate:async()=>(await e.cancelQueries({queryKey:[`user`,`conversations`]}),{previousConversations:e.getQueryData([`user`,`conversations`])}),onError:(t,n,r)=>{r?.previousConversations&&e.setQueryData([`user`,`conversations`],r.previousConversations)},onSettled:(t,n,r)=>{u(e,r.conversationId)},onSuccess:(n,r)=>{t(),l(e,r.conversationId,tt.RUNNING)}})},Jr=e=>(0,$.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,...e,children:[(0,$.jsx)(`path`,{d:`M9 9H15V15H9V9Z`,fill:`currentColor`}),(0,$.jsx)(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M12.9 1.50004C15.3 1.65004 17.55 2.85004 19.2 4.50004C21.15 6.60004 22.2 9.15004 22.2 12.15C22.2 14.55 21.3 16.8 19.8 18.75C18.3 20.55 16.2 21.9 13.8 22.35C11.4 22.8 9 22.5 6.9 21.3C4.8 20.1 3.15 18.3 2.25 16.05C1.35 13.8 1.2 11.25 1.95 9.00004C2.7 6.60004 4.05 4.65004 6.15 3.30004C8.1 1.95004 10.5 1.35004 12.9 1.50004ZM13.65 20.85C15.6 20.4 17.4 19.35 18.75 17.7C19.95 16.05 20.7 14.1 20.55 12C20.55 9.60004 19.65 7.20004 18 5.55004C16.5 4.05004 14.7 3.15004 12.6 3.00004C10.65 2.85004 8.55 3.30004 6.9 4.50004C5.25 5.70004 4.05 7.35004 3.45 9.45004C2.85 11.4 2.85 13.5 3.75 15.45C4.65 17.4 6 18.9 7.8 19.95C9.6 21 11.7 21.3 13.65 20.85Z`,fill:`currentColor`})]}),Yr=e=>(0,$.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,...e,children:[(0,$.jsx)(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M12.9 1.50004C15.3 1.65004 17.55 2.85004 19.2 4.50004C21.15 6.60004 22.2 9.15004 22.2 12.15C22.2 14.55 21.3 16.8 19.8 18.75C18.3 20.55 16.2 21.9 13.8 22.35C11.4 22.8 9 22.5 6.9 21.3C4.8 20.1 3.15 18.3 2.25 16.05C1.35 13.8 1.2 11.25 1.95 9.00004C2.7 6.60004 4.05 4.65004 6.15 3.30004C8.1 1.95004 10.5 1.35004 12.9 1.50004ZM13.65 20.85C15.6 20.4 17.4 19.35 18.75 17.7C19.95 16.05 20.7 14.1 20.55 12C20.55 9.60004 19.65 7.20004 18 5.55004C16.5 4.05004 14.7 3.15004 12.6 3.00004C10.65 2.85004 8.55 3.30004 6.9 4.50004C5.25 5.70004 4.05 7.35004 3.45 9.45004C2.85 11.4 2.85 13.5 3.75 15.45C4.65 17.4 6 18.9 7.8 19.95C9.6 21 11.7 21.3 13.65 20.85Z`,fill:`currentColor`}),(0,$.jsx)(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M9 7.49998L10.1655 6.87598L16.9155 11.376V12.624L10.1655 17.124L9 16.5V7.49998ZM10.5 8.90098V15.099L15.1485 12L10.5 8.90098Z`,fill:`currentColor`})]});function Xr({icon:e,text:t,onClick:n,testId:r}){return(0,$.jsx)(q,{testId:r,onClick:n,children:(0,$.jsxs)(`div`,{className:`flex min-w-0 w-full items-center justify-between gap-2`,children:[(0,$.jsx)(`span`,{className:`min-w-0 truncate`,children:t}),(0,$.jsx)(`span`,{className:W(`flex shrink-0 items-center text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)] group-focus-visible:text-[var(--oh-foreground)] [&_svg]:text-current`,Ie),"aria-hidden":!0,children:e})]})})}function Zr({className:e=``,executionStatus:t,isPausing:n=!1}){let{curAgentState:r}=Z(),{isTask:i,taskStatus:a,taskDetail:o}=Tt(),{t:s}=v(`openhands`),{errorMessage:c}=de(),l=r===U.LOADING||r===U.INIT,u=ot(t)||it(t),d=Te({isPausing:n,isTask:i,taskStatus:a,isStartingStatus:l,isStopStatus:u,curAgentState:r}),f=be({isPausing:n,isTask:i,taskStatus:a,taskDetail:o,isStartingStatus:l,isStopStatus:u,curAgentState:r,errorMessage:c,t:s});return(0,$.jsx)(`div`,{className:e,"data-testid":`server-status`,children:(0,$.jsxs)(`div`,{className:`flex items-center`,children:[(0,$.jsx)(kr,{className:`w-6 h-6 shrink-0`,color:d}),(0,$.jsx)(`span`,{className:`text-[13px] text-white font-normal`,children:f})]})})}function Qr({onClose:e,onStopServer:t,onStartServer:n,executionStatus:r,position:i=`top`,className:a=``,isPausing:o=!1}){let{t:s}=v(`openhands`),c=rt(e),l=at(r),u=it(r),d=l||u;return(0,$.jsxs)(ft,{ref:c,testId:`server-status-context-menu`,position:i,alignment:`left`,size:`default`,className:W(`left-2 w-fit min-w-42`,a),children:[(0,$.jsx)(Zr,{executionStatus:r,isPausing:o,className:`pl-0 pr-2 py-1`}),d&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Ue,{inset:`menu`}),l&&t&&(0,$.jsx)(Xr,{icon:(0,$.jsx)(Jr,{width:18,height:18}),text:s(h.COMMON$STOP_RUNTIME),onClick:t,testId:`stop-server-button`}),u&&n&&(0,$.jsx)(Xr,{icon:(0,$.jsx)(Yr,{width:18,height:18}),text:s(h.COMMON$START_RUNTIME),onClick:n,testId:`start-server-button`})]})]})}var $r=e(s(),1);function ei({isPublic:e,onToggle:t,ariaLabel:n}){return(0,$.jsxs)(`label`,{className:`relative inline-flex shrink-0 cursor-pointer items-center`,children:[(0,$.jsx)(`input`,{hidden:!0,type:`checkbox`,"data-testid":`share-publicly-button`,checked:e,"aria-label":n,onChange:e=>t(e.target.checked)}),(0,$.jsx)(`span`,{"aria-hidden":!0,className:W(`inline-flex h-3.5 w-7 items-center rounded-full px-0.5 py-px transition-colors duration-200 ease-in-out`,e?`bg-white`:`bg-base-secondary`),children:(0,$.jsx)(`span`,{className:W(`block h-2 w-2 shrink-0 rounded-full transition-transform duration-200 ease-in-out`,e?`translate-x-[calc(1rem-1px)] bg-base-secondary`:`translate-x-px bg-tertiary-light`)})})]})}function ti({onClose:e,onRename:t,onDelete:n,onStop:r,onDisplayCost:i,onShowAgentTools:a,onShowSkills:o,onShowHooks:s,onTogglePublic:c,onCopyShareLink:l,onDownloadConversation:u,shareUrl:d,position:f=`bottom`,anchorRef:p}){let m=sn(),{t:g}=v(`openhands`),{backend:_}=G(),{data:y}=X(),b=rt(e),x=p?.current??null,[S,C]=Q.useState();Q.useLayoutEffect(()=>{if(!x)return;let e=()=>{let e=x.getBoundingClientRect();if(!e)return;let t={position:`fixed`,zIndex:9999};f===`top`?t.bottom=window.innerHeight-e.top+8:t.top=e.bottom+8,t.left=e.left,C(t)};return e(),window.addEventListener(`resize`,e),window.addEventListener(`scroll`,e,!0),()=>{window.removeEventListener(`resize`,e),window.removeEventListener(`scroll`,e,!0)}},[x,f]);let w=!!(a||o||s),T=!!i,ee=!!(r||n),E=_.kind===`cloud`?h.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME:h.COMMON$STOP_CONVERSATION,D=_.kind===`cloud`&&!!c,te=y?.public||!1,O=!!x,A=(0,$.jsxs)(ft,{ref:b,testId:`conversation-name-context-menu`,position:f,alignment:`left`,className:W(m?`right-0 translate-x-[34%] left-auto`:``,O?`!static !top-auto !bottom-auto !left-auto !right-auto !mt-0`:``),children:[t&&(0,$.jsx)(q,{testId:`rename-button`,onClick:t,children:(0,$.jsx)(J,{icon:(0,$.jsx)(ht,{width:16,height:16}),text:g(h.BUTTON$RENAME)})}),w&&(0,$.jsx)(Ue,{testId:`separator-tools`,inset:`menu`}),o&&(0,$.jsx)(q,{testId:`show-skills-button`,onClick:o,children:(0,$.jsx)(J,{icon:(0,$.jsx)(gt,{width:16,height:16,className:`stroke-[1.75]`,"aria-hidden":!0}),text:g(h.CONVERSATION$SHOW_SKILLS)})}),s&&(0,$.jsx)(q,{testId:`show-hooks-button`,onClick:s,children:(0,$.jsx)(J,{icon:(0,$.jsx)(Ot,{width:16,height:16,"aria-hidden":!0}),text:g(h.CONVERSATION$SHOW_HOOKS)})}),a&&(0,$.jsx)(q,{testId:`show-agent-tools-button`,onClick:a,children:(0,$.jsx)(J,{icon:(0,$.jsx)(Ge,{width:16,height:16}),text:g(h.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)})}),u&&(0,$.jsx)(q,{testId:`download-trajectory-button`,onClick:u,children:(0,$.jsx)(J,{icon:(0,$.jsx)(k,{width:16,height:16}),text:g(h.BUTTON$EXPORT_CONVERSATION)})}),(T||ee)&&(0,$.jsx)(Ue,{testId:`separator-info-control`,inset:`menu`}),i&&(0,$.jsx)(q,{testId:`display-cost-button`,onClick:i,children:(0,$.jsx)(J,{icon:(0,$.jsx)(P,{width:16,height:16}),text:g(h.BUTTON$DISPLAY_COST)})}),D&&c&&(0,$.jsxs)(`li`,{className:`flex w-full items-center gap-2 rounded px-2 py-2 hover:bg-[var(--oh-interactive-hover)]`,children:[(0,$.jsx)(`span`,{className:`flex shrink-0 items-center text-[var(--oh-muted)]`,"aria-hidden":!0,children:(0,$.jsx)(R,{size:16})}),(0,$.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm`,children:g(h.CONVERSATION$SHARE_PUBLICLY)}),(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center`,children:[te&&d&&l&&(0,$.jsxs)(`div`,{className:`mr-2 flex items-center gap-0.5`,children:[(0,$.jsx)(`button`,{type:`button`,"data-testid":`copy-share-link-button`,onClick:l,className:`rounded p-0.5 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current`,title:g(h.BUTTON$COPY_TO_CLIPBOARD),children:(0,$.jsx)(rn,{width:14,height:14})}),(0,$.jsx)(`a`,{"data-testid":`open-share-link-button`,href:d,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),className:`rounded p-0.5 text-[var(--oh-muted)] no-underline visited:text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current`,title:g(h.BUTTON$OPEN_IN_NEW_TAB),children:(0,$.jsx)(ce,{size:14,"aria-hidden":!0})})]}),(0,$.jsx)(ei,{isPublic:te,onToggle:c,ariaLabel:g(h.CONVERSATION$SHARE_PUBLICLY)})]})]}),r&&(0,$.jsx)(q,{testId:`stop-button`,onClick:r,children:(0,$.jsx)(J,{icon:(0,$.jsx)(qe,{width:16,height:16}),text:g(E)})}),n&&(0,$.jsx)(q,{testId:`delete-button`,onClick:n,children:(0,$.jsx)(J,{icon:(0,$.jsx)(pt,{width:16,height:16}),text:g(h.COMMON$DELETE_CONVERSATION)})})]});return O?typeof document>`u`||!S?null:$r.createPortal((0,$.jsx)(`div`,{style:S,children:A}),document.body):A}function ni({onClose:e}){let{t}=v(`openhands`);return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)($e,{onClose:e,testId:`close-metrics-modal`}),(0,$.jsx)(`div`,{className:`w-full pr-6`,children:(0,$.jsx)(Fe,{title:t(h.CONVERSATION$METRICS_INFO)})})]})}function ri({currentCost:e,maxBudget:t}){let n=e/t*100;return(0,$.jsx)(`div`,{className:`w-full h-1.5 bg-tertiary rounded-full overflow-hidden mt-1`,children:(0,$.jsx)(`div`,{className:W(`h-full transition-all duration-300`,n>80?`bg-red-500`:`bg-blue-500`),style:{width:`${Math.min(100,n)}%`}})})}function ii({currentCost:e,maxBudget:t}){let{t:n}=v(`openhands`),r=e/t*100;return(0,$.jsx)(`div`,{className:`flex justify-end`,children:(0,$.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)]`,children:n(h.CONVERSATION$BUDGET_USAGE_FORMAT,{currentCost:`$${e.toFixed(4)}`,maxBudget:`$${t.toFixed(4)}`,usagePercentage:r.toFixed(2),used:n(h.CONVERSATION$USED)})})})}function ai({cost:e,maxBudgetPerTask:t}){let{t:n}=v(`openhands`);return e===null?null:(0,$.jsx)(`div`,{className:`border-b border-[var(--oh-border-subtle)]`,children:t!==null&&t>0?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(ri,{currentCost:e,maxBudget:t}),(0,$.jsx)(ii,{currentCost:e,maxBudget:t})]}):(0,$.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)]`,children:n(h.CONVERSATION$NO_BUDGET_LIMIT)})})}function oi({cost:e,maxBudgetPerTask:t}){let{t:n}=v(`openhands`);return e===null?null:(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`flex justify-between items-center pb-2`,children:[(0,$.jsx)(`span`,{className:`text-lg font-semibold`,children:n(h.CONVERSATION$TOTAL_COST)}),(0,$.jsxs)(`span`,{className:`font-semibold`,children:[`$`,e.toFixed(4)]})]}),(0,$.jsx)(ai,{cost:e,maxBudgetPerTask:t})]})}function si({label:e,value:t,labelClassName:n=``,valueClassName:r=`font-semibold`}){return(0,$.jsxs)(`div`,{className:`flex justify-between items-center border-b border-[var(--oh-border-subtle)] pb-2`,children:[(0,$.jsx)(`span`,{className:n,children:e}),(0,$.jsx)(`span`,{className:r,children:t})]})}function ci({usage:e}){let{t}=v(`openhands`);return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(si,{label:t(h.CONVERSATION$INPUT),value:e.prompt_tokens.toLocaleString()}),(0,$.jsxs)(`div`,{className:`grid grid-cols-2 gap-2 pl-4 text-sm`,children:[(0,$.jsx)(`span`,{className:`text-[var(--oh-muted)]`,children:t(h.CONVERSATION$CACHE_HIT)}),(0,$.jsx)(`span`,{className:`text-right`,children:e.cache_read_tokens.toLocaleString()}),(0,$.jsx)(`span`,{className:`text-[var(--oh-muted)]`,children:t(h.CONVERSATION$CACHE_WRITE)}),(0,$.jsx)(`span`,{className:`text-right`,children:e.cache_write_tokens.toLocaleString()})]}),(0,$.jsx)(si,{label:t(h.CONVERSATION$OUTPUT),value:e.completion_tokens.toLocaleString()}),(0,$.jsx)(si,{label:t(h.CONVERSATION$TOTAL),value:(e.prompt_tokens+e.completion_tokens).toLocaleString(),labelClassName:`font-semibold`,valueClassName:`font-bold`})]})}function li({perTurnToken:e,contextWindow:t}){let{t:n}=v(`openhands`),r=t>0?e/t*100:0,i=Math.min(100,r);return(0,$.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,$.jsx)(`div`,{className:`flex items-center justify-between`,children:(0,$.jsx)(`span`,{className:`font-semibold`,children:n(h.CONVERSATION$CONTEXT_WINDOW)})}),(0,$.jsx)(`div`,{className:`w-full h-1.5 bg-tertiary rounded-full overflow-hidden`,children:(0,$.jsx)(`div`,{className:`h-full bg-foreground transition-all duration-300`,style:{width:`${i}%`}})}),(0,$.jsx)(`div`,{className:`flex justify-end`,children:(0,$.jsxs)(`span`,{className:`text-xs text-[var(--oh-muted)]`,children:[e.toLocaleString(),` / `,t.toLocaleString(),` (`,r.toFixed(2),`% `,n(h.CONVERSATION$USED),`)`]})})]})}function ui(){let{t:e}=v(`openhands`);return(0,$.jsx)(`div`,{className:`text-center`,children:(0,$.jsx)(`p`,{className:`text-[var(--oh-muted)]`,children:e(h.CONVERSATION$NO_METRICS)})})}function di(e){let{stats:t}=e;if(!t?.usage_to_metrics)return{accumulated_cost:0,max_budget_per_task:null,accumulated_token_usage:null};let n=0,r=null,i=null;for(let e of Object.values(t.usage_to_metrics))n+=e.accumulated_cost,r===null&&e.max_budget_per_task!==null&&(r=e.max_budget_per_task),e.accumulated_token_usage&&(i=i===null?{...e.accumulated_token_usage}:{prompt_tokens:i.prompt_tokens+e.accumulated_token_usage.prompt_tokens,completion_tokens:i.completion_tokens+e.accumulated_token_usage.completion_tokens,cache_read_tokens:i.cache_read_tokens+e.accumulated_token_usage.cache_read_tokens,cache_write_tokens:i.cache_write_tokens+e.accumulated_token_usage.cache_write_tokens,context_window:Math.max(i.context_window,e.accumulated_token_usage.context_window),per_turn_token:Math.max(i.per_turn_token,e.accumulated_token_usage.per_turn_token)});return{accumulated_cost:n,max_budget_per_task:r,accumulated_token_usage:i}}var fi=(e,t,n,r=!0)=>{let i=c({queryKey:[`conversation-metrics`,e,t,n],queryFn:async()=>{if(!e)throw Error(`Conversation ID is required`);return di(await Me.getRuntimeConversation(e,t,n))},enabled:r&&!!e&&!!t,staleTime:1e3*30,gcTime:1e3*60*5,refetchInterval:1e3*30,retry:!1});return{data:i.data,isLoading:i.isLoading,error:i.error}};function pi({isOpen:e,onOpenChange:t}){let n=ue(),{data:r}=X(),i=r?.id,a=r?.conversation_url,o=r?.session_api_key,{data:s}=fi(i,a,o,e),c=(0,Q.useMemo)(()=>s?{cost:s.accumulated_cost,max_budget_per_task:s.max_budget_per_task,usage:s.accumulated_token_usage?{prompt_tokens:s.accumulated_token_usage.prompt_tokens??0,completion_tokens:s.accumulated_token_usage.completion_tokens??0,cache_read_tokens:s.accumulated_token_usage.cache_read_tokens??0,cache_write_tokens:s.accumulated_token_usage.cache_write_tokens??0,context_window:s.accumulated_token_usage.context_window??0,per_turn_token:s.accumulated_token_usage.per_turn_token??0}:null}:n,[s,n]);return e?(0,$.jsx)(Ne,{onClose:()=>t(!1),children:(0,$.jsxs)(Pe,{testID:`metrics-modal`,className:`relative items-start border border-[var(--oh-border)]`,children:[(0,$.jsx)(ni,{onClose:()=>t(!1)}),(0,$.jsxs)(`div`,{className:`w-full`,children:[(c?.cost!==null||c?.usage!==null)&&(0,$.jsx)(`div`,{className:`rounded-md border border-[var(--oh-border)] bg-surface-raised p-3`,children:(0,$.jsxs)(`div`,{className:`grid gap-3`,children:[(0,$.jsx)(oi,{cost:c?.cost??null,maxBudgetPerTask:c?.max_budget_per_task??null}),c?.usage!==null&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(ci,{usage:c.usage}),(0,$.jsx)(li,{perTurnToken:c.usage.per_turn_token,contextWindow:c.usage.context_window})]})]})}),!c?.cost&&!c?.usage&&(0,$.jsx)(`div`,{className:`rounded-md border border-[var(--oh-border)] bg-surface-raised p-3`,children:(0,$.jsx)(ui,{})})]})]})}):null}function mi(){let{t:e}=v(`openhands`),{conversationId:t}=Y(),{data:n}=X(),{mutate:r}=ne(),[i,a]=Q.useState(`view`),[o,s]=Q.useState(!1),c=Q.useRef(null),l=Q.useRef(null),{handleDelete:u,handleStop:d,handleDownloadConversation:f,handleDisplayCost:p,handleShowAgentTools:m,handleShowSkills:g,handleShowHooks:_,handleTogglePublic:y,handleCopyShareLink:b,shareUrl:x,handleConfirmDelete:S,handleConfirmStop:C,metricsModalVisible:w,setMetricsModalVisible:T,systemModalVisible:ee,setSystemModalVisible:E,skillsModalVisible:D,setSkillsModalVisible:te,hooksModalVisible:O,setHooksModalVisible:k,confirmDeleteModalVisible:j,setConfirmDeleteModalVisible:M,confirmStopModalVisible:re,setConfirmStopModalVisible:N,systemMessage:P,shouldShowStop:F,shouldShowDownloadConversation:I,shouldShowDisplayCost:L,shouldShowAgentTools:ae,shouldShowSkills:se,shouldShowHooks:R}=St({conversationId:t,executionStatus:n?.execution_status,showOptions:!0,onContextMenuToggle:s});return Q.useEffect(()=>{i===`edit`&&c.current?.focus()},[i]),n?(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 h-[22px] text-base font-normal text-left pl-0 lg:pl-1 min-w-0`,"data-testid":`conversation-name`,children:[i===`edit`?(0,$.jsx)(`input`,{ref:c,"data-testid":`conversation-name-input`,onClick:e=>{i===`edit`&&(e.preventDefault(),e.stopPropagation())},onBlur:()=>{if(c.current?.value&&t){let i=c.current.value.trim();i!==n?.title&&r({conversationId:t,newTitle:i},{onSuccess:()=>{oe(e(h.CONVERSATION$TITLE_UPDATED))}})}else c.current&&(c.current.value=n?.title??``);a(`view`)},onKeyUp:e=>{e.nativeEvent.isComposing||e.key===`Enter`&&e.currentTarget.blur()},type:`text`,defaultValue:n.title||``,className:`text-white leading-5 bg-transparent border-none outline-none text-base font-normal w-fit max-w-fit field-sizing-content`}):(0,$.jsx)(`div`,{className:`text-white leading-5 truncate`,"data-testid":`conversation-name-title`,onDoubleClick:()=>{a(`edit`)},title:n.title||``,children:n.title}),i!==`edit`&&(0,$.jsxs)(`div`,{ref:l,className:`relative flex items-center shrink-0`,children:[(0,$.jsx)(mt,{onClick:e=>{e.preventDefault(),e.stopPropagation(),s(!o)}}),o&&(0,$.jsx)(ti,{onClose:()=>s(!1),onRename:e=>{e.preventDefault(),e.stopPropagation(),a(`edit`),s(!1)},onDelete:u,onStop:F?d:void 0,onDisplayCost:L?p:void 0,onShowAgentTools:ae?m:void 0,onShowSkills:se?g:void 0,onShowHooks:R?_:void 0,onTogglePublic:y,onCopyShareLink:b,shareUrl:x,onDownloadConversation:I?f:void 0,position:`bottom`,anchorRef:l})]})]}),(0,$.jsx)(pi,{isOpen:w,onOpenChange:T}),(0,$.jsx)(Pt,{isOpen:ee,onClose:()=>E(!1),systemMessage:P||null}),D&&(0,$.jsx)(Ft,{onClose:()=>te(!1)}),O&&(0,$.jsx)(zt,{onClose:()=>k(!1)}),j&&(0,$.jsx)(A,{onConfirm:S,onCancel:()=>M(!1),conversationTitle:n?.title||``}),re&&(0,$.jsx)(ie,{onConfirm:C,onCancel:()=>N(!1)})]}):null}function hi({children:e,tooltip:t,ariaLabel:n}){return(0,$.jsx)(He,{content:t,placement:`bottom`,tooltipClassName:`bg-white text-black text-xs font-medium leading-5`,children:(0,$.jsx)(`span`,{"data-aria-label":n,children:e})})}function gi({className:e}){let{t}=v(`openhands`),n=sn(),r=a(),{conversationId:i}=Y(),{isRightPanelShown:o,setHasRightPanelToggled:s,setIsRightPanelShown:c,setSelectedTab:l}=K(),u=()=>{if(n){if(!i)return;s(!0),c(!0);let{selectedTab:e}=K.getState();e||l(`files`),r(`/conversations/${i}/panel`);return}let e=!o;if(s(e),e){let{selectedTab:e}=K.getState();e||l(`files`)}},d=t(n?h.COMMON$SHOW_PANEL:o?h.COMMON$HIDE_PANEL:h.COMMON$SHOW_PANEL),f=n?!1:o;return(0,$.jsx)(hi,{tooltip:d,ariaLabel:d,children:(0,$.jsx)(`button`,{type:`button`,onClick:u,className:W(N,e),"aria-label":d,"aria-pressed":f,"data-testid":`right-panel-toggle`,children:(0,$.jsx)(re,{className:`w-5 h-5 -scale-x-100`})})})}function _i(){let{conversationId:e}=Y(),{data:t}=X(),{curAgentState:n}=Z(),{isTask:r,taskStatus:i}=Tt(),{mutate:a}=We(),{mutate:o}=qr(),{providers:s}=Je(),c=t?.execution_status??null,l=Te({isPausing:!1,isTask:r,taskStatus:i,isStartingStatus:n===U.LOADING||n===U.INIT,isStopStatus:ot(c),curAgentState:n});return(0,$.jsxs)(`div`,{className:`flex items-center justify-between w-full`,children:[(0,$.jsxs)(`div`,{className:`flex items-center min-w-0`,children:[(0,$.jsxs)(`div`,{className:`group relative shrink-0`,children:[(0,$.jsx)(kr,{className:`ml-[3.5px] w-6 h-6 cursor-pointer`,color:l}),(0,$.jsx)(Qr,{onClose:()=>{},onStopServer:at(c)?t=>{t.preventDefault(),t.stopPropagation(),e&&a({conversationId:e})}:void 0,onStartServer:it(c)?t=>{t.preventDefault(),t.stopPropagation(),e&&o({conversationId:e,providers:s})}:void 0,executionStatus:c,position:`bottom`,className:`opacity-0 invisible pointer-events-none group-hover:opacity-100 group-hover:visible group-hover:pointer-events-auto bottom-full left-0 mt-0 min-h-fit`,isPausing:!1})]}),(0,$.jsx)(mi,{})]}),(0,$.jsx)(gi,{className:`mr-2`})]})}var vi=e=>(0,$.jsx)(`svg`,{viewBox:`0 0 18 18`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...e,children:(0,$.jsx)(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M2.4375 9C2.4375 5.37563 5.37563 2.4375 9 2.4375C12.6244 2.4375 15.5625 5.37563 15.5625 9C15.5625 12.6244 12.6244 15.5625 9 15.5625C5.37563 15.5625 2.4375 12.6244 2.4375 9ZM4.13812 6.5625C4.81317 5.21867 6.02897 4.19333 7.49996 3.77204C7.15155 4.17641 6.85182 4.65395 6.60713 5.17892C6.40828 5.60556 6.24263 6.06975 6.11494 6.5625H4.13812ZM3.72196 7.6875C3.61778 8.10783 3.5625 8.54746 3.5625 9C3.5625 9.45254 3.61778 9.89217 3.72196 10.3125H5.89738C5.84161 9.88758 5.8125 9.44852 5.8125 8.99998C5.8125 8.55142 5.84161 8.11239 5.89737 7.6875H3.72196ZM7.0333 7.6875C6.97087 8.10689 6.9375 8.54634 6.9375 8.99998C6.9375 9.45367 6.97087 9.89313 7.0333 10.3125H10.9667C11.0291 9.89311 11.0625 9.45367 11.0625 9.00002C11.0625 8.54637 11.0291 8.1069 10.9667 7.6875H7.0333ZM12.1026 7.6875C12.1584 8.1124 12.1875 8.55145 12.1875 9.00002C12.1875 9.44858 12.1584 9.88762 12.1026 10.3125H14.278C14.3822 9.89217 14.4375 9.45254 14.4375 9C14.4375 8.54746 14.3822 8.10783 14.278 7.6875H12.1026ZM13.8619 6.5625H11.885C11.7574 6.06976 11.5917 5.6056 11.3929 5.17897C11.1482 4.65397 10.8484 4.1764 10.5 3.77203C11.971 4.19331 13.1868 5.21866 13.8619 6.5625ZM10.7171 6.5625H7.28293C7.38007 6.23971 7.49559 5.93571 7.62681 5.65419C7.99835 4.85708 8.48101 4.26914 8.99997 3.92442C9.51895 4.26913 10.0016 4.8571 10.3732 5.65424C10.5044 5.93575 10.6199 6.23973 10.7171 6.5625ZM4.13812 11.4375H6.11496C6.24963 11.9572 6.42655 12.4452 6.64015 12.8909C6.87835 13.3879 7.16685 13.8413 7.50006 14.228C6.02902 13.8067 4.81318 12.7814 4.13812 11.4375ZM10.7171 11.4375H7.28295C7.3869 11.7829 7.51191 12.1068 7.65465 12.4047C8.02305 13.1733 8.49456 13.7398 9.00007 14.0756C9.51902 13.7308 10.0017 13.1429 10.3732 12.3458C10.5044 12.0643 10.6199 11.7603 10.7171 11.4375ZM11.3929 12.8211C11.5917 12.3944 11.7574 11.9303 11.8851 11.4375H13.8619C13.1868 12.7813 11.971 13.8067 10.5 14.228C10.8485 13.8236 11.1482 13.346 11.3929 12.8211Z`,fill:`currentColor`})}),yi=e=>(0,$.jsxs)(`svg`,{width:20,height:20,viewBox:`0 0 20 20`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...e,children:[(0,$.jsx)(`path`,{d:`M3 10.5L6.5 14L14 6`,stroke:`currentColor`,strokeWidth:2.2,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,$.jsx)(`path`,{d:`M7 10.5L10.5 14L18 6`,stroke:`currentColor`,strokeWidth:2.2,strokeLinecap:`round`,strokeLinejoin:`round`})]});function bi({tabValue:e,icon:t,onClick:n,isActive:r,label:i,className:a,measureOnly:o}){return(0,$.jsxs)(`button`,{type:`button`,onClick:()=>{n()},...o?{}:{"data-testid":`conversation-tab-${e}`},"data-tab-measure":o?`true`:void 0,className:W(`flex items-center gap-2 rounded-md cursor-pointer`,`pl-1.5 pr-2 py-1 lg:py-1.5`,`text-[var(--oh-muted)] bg-transparent`,r&&`bg-[var(--oh-interactive-active)] text-white`,r?`hover:text-white hover:bg-[var(--oh-interactive-hover)]`:`hover:text-white hover:bg-white/5`,r?`focus-within:text-white`:`focus-within:text-[var(--oh-muted)]`,a),children:[(0,$.jsx)(t,{className:W(`w-5 h-5 text-inherit flex-shrink-0`)}),r&&i&&(0,$.jsx)(`span`,{className:`text-sm font-normal whitespace-nowrap`,children:i})]})}function xi(){let{curAgentState:e}=Z(),{t}=v(`openhands`),{data:n,refetch:r}=ln(),i=De.includes(e);return(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`span`,{children:t(h.COMMON$CODE)}),i?null:(0,$.jsx)(dt,{className:`w-3 h-3 text-inherit cursor-pointer`,onClick:async e=>{e.preventDefault(),e.stopPropagation();let t=n?.url;t||=(await r()).data?.url??null,t&&window.open(t,`_blank`,`noopener,noreferrer`)}})]})}var Si=e=>(0,$.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,...e,children:(0,$.jsx)(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M7.13832 8.76476C8.25957 8.17949 9.52697 7.9727 10.7515 8.14436L14.9025 2.52826L21.4717 9.09737L15.8555 13.2484C16.0272 14.4729 15.8204 15.7403 15.2351 16.8616C15.1872 16.9535 15.1366 17.0444 15.0836 17.1343C14.8318 17.5605 14.5228 17.9624 14.1566 18.3286L10.4443 14.6163L4.75207 20.3085H3.69141V19.2478L9.38361 13.5556L5.6713 9.84332C6.03755 9.47708 6.43936 9.16808 6.86562 8.91632C6.95547 8.86326 7.04641 8.81274 7.13832 8.76476ZM15.0735 4.82054L19.1794 8.92641L14.2461 12.5727L14.3701 13.4567C14.492 14.3266 14.3596 15.2233 13.9758 16.0265L7.97338 10.0241C8.77665 9.64035 9.67335 9.50789 10.5432 9.62984L11.4272 9.75376L15.0735 4.82054Z`,fill:`currentColor`})}),Ci=e=>(0,$.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,...e,children:(0,$.jsx)(`path`,{d:`M10.9706 10.1586C10.2819 10.0621 9.56905 10.1784 8.93842 10.5075C8.88672 10.5345 8.83557 10.5629 8.78504 10.5928C8.54529 10.7344 8.3193 10.9082 8.11331 11.1142L9.83702 12.8372L7.00054 15.75L7 17H8.25064L11.1628 14.1632L12.8857 15.8865C13.0917 15.6805 13.2655 15.4545 13.4071 15.2147C13.437 15.1642 13.4654 15.1131 13.4924 15.0614C13.8215 14.4308 13.9378 13.718 13.8413 13.0293L17 10.6946L13.3053 7L10.9706 10.1586Z`,fill:`currentColor`})});function wi({isOpen:e,onClose:t,ignoreOutsideClickRef:n}){let r=rt(t,n),{t:i}=v(`openhands`),{conversationId:a}=Y(),{state:o,setUnpinnedTabs:s,setSelectedTab:c}=Qe(a),{selectedTab:l,isRightPanelShown:u,setSelectedTab:d}=K(),{navigateToTab:f}=C(),{hasTaskList:p}=un(),{backend:m}=G(),g=[{tab:`planner`,icon:nn,i18nKey:h.COMMON$PLANNER},{tab:`files`,icon:qt,i18nKey:h.COMMON$FILES},{tab:`vscode`,icon:cn,i18nKey:h.COMMON$CODE},{tab:`terminal`,icon:_t,i18nKey:h.COMMON$TERMINAL},{tab:`browser`,icon:vi,i18nKey:h.COMMON$BROWSER}];p&&g.unshift({tab:`tasklist`,icon:yi,i18nKey:h.COMMON$TASK_LIST});let _=g.filter(({tab:e})=>e!==`vscode`&&e!==`planner`||m.kind===`cloud`);if(!e)return null;let y=e=>{f(e),t()},b=(e,t)=>{if(t.preventDefault(),t.stopPropagation(),o.unpinnedTabs.includes(e))s(o.unpinnedTabs.filter(t=>t!==e));else{let t=[...o.unpinnedTabs,e];if(s(t),l===e&&u){let n=_.find(({tab:n})=>n!==e&&!t.includes(n));n&&(d(n.tab),c(n.tab))}}};return(0,$.jsx)(ft,{ref:r,alignment:`right`,position:`bottom`,className:`z-[9999] mt-2 w-fit`,children:_.map(({tab:e,icon:t,i18nKey:n})=>{let r=!o.unpinnedTabs.includes(e);return(0,$.jsx)(`li`,{className:`list-none`,children:(0,$.jsxs)(`div`,{className:W(`flex h-[30px] w-full min-w-0 items-stretch rounded`,`hover:bg-[var(--oh-interactive-hover)]`),children:[(0,$.jsxs)(`button`,{type:`button`,"data-testid":`conversation-tabs-menu-open-${e}`,className:W(`flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-l p-2 text-start`,`text-white transition-colors`),onClick:()=>y(e),children:[(0,$.jsx)(t,{className:`h-4 w-4 shrink-0`}),(0,$.jsx)(`span`,{className:`text-sm`,children:i(n)})]}),(0,$.jsx)(`button`,{type:`button`,"data-testid":`conversation-tabs-menu-pin-${e}`,className:W(`flex shrink-0 cursor-pointer items-center justify-center rounded-r px-2`,`text-white transition-colors hover:bg-white/10`),"aria-pressed":r,"aria-label":r?`Unpin tab from bar`:`Pin tab to bar`,onClick:t=>b(e,t),children:r?(0,$.jsx)(Ci,{className:`-mr-[5px] ml-auto h-7 w-7`}):(0,$.jsx)(Si,{className:`ml-auto h-4.5 w-4.5`})})]})},e)})})}function Ti({variant:e=`default`}){let{conversationId:t}=Y(),{setSelectedTab:n,planContent:r}=K(),[i,a]=(0,Q.useState)(!1),{state:o}=Qe(t),{hasTaskList:s}=un(),{backend:c}=G(),{handleBuildPlanClick:l}=y(),{curAgentState:u}=Z(),{selectTab:d,isTabActive:f,onTabChange:p,selectedTab:m,isRightPanelShown:g}=C();(0,Q.useEffect)(()=>{n(o.selectedTab)},[n,o.selectedTab]),(0,Q.useEffect)(()=>{g&&(m||p(`files`))},[g,m,p]);let{t:_,i18n:b}=v(`openhands`),x=[{tabValue:`files`,isActive:f(`files`),icon:qt,onClick:()=>d(`files`),tooltipContent:_(h.COMMON$FILES),tooltipAriaLabel:_(h.COMMON$FILES),label:_(h.COMMON$FILES)},{tabValue:`planner`,isActive:f(`planner`),icon:nn,onClick:()=>d(`planner`),tooltipContent:_(h.COMMON$PLANNER),tooltipAriaLabel:_(h.COMMON$PLANNER),label:_(h.COMMON$PLANNER)},{tabValue:`vscode`,isActive:f(`vscode`),icon:cn,onClick:()=>d(`vscode`),tooltipContent:(0,$.jsx)(xi,{}),tooltipAriaLabel:_(h.COMMON$CODE),label:_(h.COMMON$CODE)},{tabValue:`terminal`,isActive:f(`terminal`),icon:_t,onClick:()=>d(`terminal`),tooltipContent:_(h.COMMON$TERMINAL),tooltipAriaLabel:_(h.COMMON$TERMINAL),label:_(h.COMMON$TERMINAL),className:`pl-2`},{tabValue:`browser`,isActive:f(`browser`),icon:vi,onClick:()=>d(`browser`),tooltipContent:_(h.COMMON$BROWSER),tooltipAriaLabel:_(h.COMMON$BROWSER),label:_(h.COMMON$BROWSER)}];s&&x.splice(1,0,{tabValue:`tasklist`,isActive:f(`tasklist`),icon:yi,onClick:()=>d(`tasklist`),tooltipContent:_(h.COMMON$TASK_LIST),tooltipAriaLabel:_(h.COMMON$TASK_LIST),label:_(h.COMMON$TASK_LIST)});let S=x.filter(e=>e.tabValue===`vscode`&&c.kind!==`cloud`||e.tabValue===`planner`&&c.kind!==`cloud`?!1:o.unpinnedTabs.includes(e.tabValue)?m===e.tabValue:!0),w=o.unpinnedTabs.join(`,`),T=u===U.RUNNING||u===U.LOADING||!r,ee=(0,Q.useRef)(null),E=(0,Q.useRef)(null),D=(0,Q.useRef)(null),te=(0,Q.useRef)(null),[O,k]=(0,Q.useState)(S.length);(0,Q.useLayoutEffect)(()=>{let e=ee.current,t=E.current,n=D.current;if(!e||!t||!n)return;let r=()=>{let r=t.querySelectorAll(`[data-tab-measure="true"]`),i=r.length,a=e.getBoundingClientRect().width;if(a===0){k(i);return}let o=Array.from(r).map(e=>e.getBoundingClientRect().width);if(o.length!==i||i===0){k(Math.max(0,i));return}let s=n.getBoundingClientRect().width,c=getComputedStyle(e).columnGap||getComputedStyle(e).gap,l=parseFloat(c)||6,u=0;for(let e=i;e>=0;--e){let t=s;for(let n=0;n<e;n+=1)t+=o[n]??0;if(e>0&&(t+=e*l),t<=a+.5){u=e;break}}k(e=>e===u?e:u)};if(r(),typeof ResizeObserver>`u`)return;let i=new ResizeObserver(r);return i.observe(e),()=>i.disconnect()},[w,S.length,s,c.kind,m,g,b.language]);let A=Math.min(O,S.length);return(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:W(`relative w-full min-w-0`,e===`compact`?`flex h-full min-h-0 items-center py-0 pl-0 pr-1`:`min-h-10 p-1`),children:[(0,$.jsx)(`div`,{ref:E,"aria-hidden":!0,className:`pointer-events-none absolute top-0 left-[-10000px] flex flex-nowrap items-center gap-1.5`,children:S.map(({tabValue:e,icon:t,isActive:n,tooltipContent:r,tooltipAriaLabel:i,label:a,className:o},s)=>(0,$.jsx)(hi,{tooltip:r,ariaLabel:i,children:(0,$.jsx)(bi,{tabValue:e,icon:t,onClick:()=>{},isActive:n,label:a,className:W(o,`shrink-0`),measureOnly:!0})},`measure-${e}-${s}`))}),(0,$.jsx)(`div`,{ref:ee,className:`flex w-full min-w-0 flex-nowrap items-center justify-start`,children:(0,$.jsxs)(`div`,{className:`flex w-fit max-w-full min-w-0 flex-nowrap items-center gap-1.5`,children:[(0,$.jsx)(`div`,{className:`flex min-w-0 flex-1 flex-nowrap items-center gap-1.5 overflow-x-hidden`,children:S.slice(0,A).map(({tabValue:e,icon:t,onClick:n,isActive:r,tooltipContent:i,tooltipAriaLabel:a,label:o,className:s},c)=>(0,$.jsx)(hi,{tooltip:i,ariaLabel:a,children:(0,$.jsx)(bi,{tabValue:e,icon:t,onClick:n,isActive:r,label:o,className:W(s,`shrink-0`)})},`${e}-${c}`))}),(0,$.jsxs)(`div`,{ref:D,className:`relative shrink-0`,children:[(0,$.jsx)(mt,{ref:te,onClick:()=>a(!i),ariaLabel:_(h.COMMON$MORE_OPTIONS),iconClassName:e===`compact`?M:void 0}),(0,$.jsx)(wi,{isOpen:i,onClose:()=>a(!1),ignoreOutsideClickRef:te})]})]})})]}),f(`planner`)&&(0,$.jsx)(`div`,{className:W(`flex h-10 min-h-10 shrink-0 items-center border-t border-[var(--oh-border)] pl-[10px] pr-1`),children:(0,$.jsx)(`button`,{type:`button`,onClick:l,disabled:T,className:W(`flex h-5 min-w-17 items-center justify-center rounded bg-white px-2 transition-opacity`,T?`cursor-not-allowed opacity-50`:`cursor-pointer hover:opacity-90`),"data-testid":`planner-tab-build-button`,children:(0,$.jsxs)(tn.Text,{className:`text-[11px] font-normal leading-5 text-black`,children:[_(h.COMMON$BUILD),` ⌘↩`]})})})]})}function Ei({onMouseDown:e,className:t,isDragging:n=!1}){let[r,i]=(0,Q.useState)(!1),a=n||r;return(0,$.jsxs)(`div`,{className:W(`relative z-10 w-0 shrink-0 self-stretch`,t),"aria-hidden":!0,children:[(0,$.jsx)(`div`,{className:`absolute inset-y-0 left-1/2 w-3 min-w-[12px] -translate-x-1/2 cursor-ew-resize`,onMouseDown:e,onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1)}),(0,$.jsx)(`div`,{className:W(`pointer-events-none absolute inset-y-0 left-1/2 w-px -translate-x-1/2 transition-colors`,a?`bg-white`:`bg-transparent`),"aria-hidden":!0})]})}var Di=200;function Oi({defaultLeftWidth:e=50,minLeftWidth:t=30,maxLeftWidth:n=80,storageKey:r=`desktop-layout-panel-width`}={}){let[i,a]=dn(r,e),o=(0,Q.useCallback)(e=>Math.max(t,Math.min(n,e)),[t,n]),[s,c]=(0,Q.useState)(()=>o(i)),[l,u]=(0,Q.useState)(!1),d=(0,Q.useRef)(null),f=(0,Q.useCallback)(e=>{e.preventDefault(),u(!0)},[]),p=(0,Q.useCallback)(e=>{if(!l||!d.current)return;let t=d.current.getBoundingClientRect();c(o((e.clientX-t.left)/t.width*100))},[l,o]),m=(0,Q.useCallback)(()=>{l&&(u(!1),a(s))},[l,s,a]);return(0,Q.useLayoutEffect)(()=>{if(!l)return;let e=document.createElement(`div`);return e.setAttribute(`aria-hidden`,`true`),e.dataset.panelDragShield=``,Object.assign(e.style,{position:`fixed`,inset:`0`,zIndex:String(Di),cursor:`ew-resize`}),document.body.appendChild(e),document.addEventListener(`mousemove`,p),document.addEventListener(`mouseup`,m),document.body.style.cursor=`ew-resize`,document.body.style.userSelect=`none`,()=>{document.removeEventListener(`mousemove`,p),document.removeEventListener(`mouseup`,m),document.body.style.cursor=``,document.body.style.userSelect=``,e.remove()}},[l,p,m]),{leftWidth:s,rightWidth:100-s,isDragging:l,containerRef:d,handleMouseDown:f}}function ki(e){return e?`translate-x-0 opacity-100`:`w-0 translate-x-full opacity-0`}function Ai(){let e=sn(),t=sn(767),{isRightPanelShown:n}=K(),{leftWidth:r,rightWidth:i,isDragging:a,containerRef:o,handleMouseDown:s}=Oi({defaultLeftWidth:50,minLeftWidth:30,maxLeftWidth:80,storageKey:`desktop-layout-panel-width`});return(0,$.jsx)(`div`,{className:W(e?`relative min-h-0 flex-1 flex flex-col`:`h-full flex flex-col overflow-hidden`),children:(0,$.jsxs)(`div`,{ref:o,className:W(`flex flex-1 overflow-hidden`,e?`flex-col`:`transition-all duration-300 ease-in-out`),style:e?void 0:{transitionProperty:a?`none`:`all`},children:[(0,$.jsxs)(`div`,{className:W(`flex flex-col bg-base overflow-hidden`,e?`flex-1`:`transition-all duration-300 ease-in-out`),style:e?void 0:{width:n?`${r}%`:`100%`,transitionProperty:a?`none`:`all`},children:[(0,$.jsxs)(`div`,{"data-testid":`chat-pane-header`,className:W(`flex h-10 min-h-10 shrink-0 items-center`,t&&`gap-2 pl-2.5`),children:[t?(0,$.jsx)(F,{}):null,(0,$.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,$.jsx)(_i,{})})]}),(0,$.jsx)(`div`,{className:`flex-1 min-h-0 flex flex-col`,children:(0,$.jsx)(Pr,{isRightPanelShown:!e&&n})})]}),!e&&n&&(0,$.jsx)(Ei,{onMouseDown:s,isDragging:a}),!e&&(0,$.jsx)(`div`,{className:W(`transition-all duration-300 ease-in-out overflow-hidden`,ki(n)),style:{width:n?`${i}%`:`0%`,transitionProperty:a?`opacity, transform`:`all`},children:(0,$.jsx)(`div`,{className:`flex h-full w-full flex-col`,children:(0,$.jsxs)(`div`,{className:`flex flex-col flex-1 min-h-0 bg-[var(--oh-surface)] border-l border-[var(--oh-border)] overflow-hidden`,children:[(0,$.jsx)(`div`,{"data-testid":`tabs-pane-header`,className:`flex shrink-0 flex-col border-b border-[var(--oh-border)]`,children:(0,$.jsx)(Ti,{})}),(0,$.jsx)(`div`,{className:`flex-1 min-h-0 flex flex-col`,children:(0,$.jsx)(Kr,{})})]})})})]})})}function ji({onNavigateBack:e}){let{t}=v(`openhands`),{setIsRightPanelShown:n,setHasRightPanelToggled:r,setSelectedTab:i}=K();return Q.useLayoutEffect(()=>(n(!0),r(!0),K.getState().selectedTab||i(`files`),()=>{n(!1),r(!1)}),[n,r,i]),(0,$.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col bg-[var(--oh-surface)]`,children:[(0,$.jsxs)(`div`,{"data-testid":`conversation-mobile-panel-top`,className:`flex h-10 min-h-10 shrink-0 items-center gap-1.5 border-b border-[var(--oh-border)] pl-2.5`,children:[(0,$.jsx)(`button`,{type:`button`,"data-testid":`conversation-mobile-panel-back`,onClick:()=>{e()},"aria-label":t(h.COMMON$BACK),className:N,children:(0,$.jsx)(j,{size:20,className:M,"aria-hidden":!0,strokeWidth:2})}),(0,$.jsx)(`div`,{className:`flex min-h-0 min-w-0 flex-1 items-center self-stretch`,children:(0,$.jsx)(`div`,{"data-testid":`tabs-pane-header`,className:`flex h-full min-h-0 w-full min-w-0 flex-col justify-center`,children:(0,$.jsx)(Ti,{variant:`compact`})})})]}),(0,$.jsx)(`div`,{className:`flex min-h-0 flex-1 flex-col bg-[var(--oh-surface)]`,children:(0,$.jsx)(Kr,{})})]})}var Mi=1e3*60*5,Ni=1e3*60*15,Pi=e=>{let t=e||[],n=G();return c({queryKey:[`v1`,`sub-conversations`,t,n.backend.id,n.orgId],queryFn:async()=>t.length===0?[]:Me.batchGetAppConversations(t),enabled:t.length>0,staleTime:Mi,gcTime:Ni,retry:!1})};function Fi({children:e,conversationId:t}){let{data:n}=X(),{data:r}=Pi(n?.sub_conversation_ids??[]),i=r?.filter(e=>e!==null);return(0,$.jsx)(he,{conversationId:t,conversationUrl:n?.sandbox_status===`PAUSED`?null:n?.conversation_url,sessionApiKey:n?.session_api_key,subConversationIds:n?.sub_conversation_ids,subConversations:i,children:e})}function Ii(){let{t:e}=v(`openhands`),{conversationId:t}=Y(),n=r(`/conversations/:conversationId/panel`),{isTask:i,taskStatus:s,taskDetail:c}=Tt(),l=G(),u=Q.useRef(l.backend.id),d=Q.useRef(l.orgId),f=u.current!==l.backend.id||d.current!==l.orgId,{data:p,isFetched:m}=X(),{data:g}=nt(),{resetConversationState:_}=K(),y=a(),b=o(),x=en(e=>e.clearTerminal),S=yt(e=>e.reset),C=pn(e=>e.setCurrentAgentState),w=de(e=>e.removeErrorMessage);Q.useEffect(()=>{x(),_(),S(),C(U.LOADING),w()},[t,x,_,S,C,w]),Q.useEffect(()=>{if(i&&s===`ERROR`){L(c||e(h.CONVERSATION$FAILED_TO_START_FROM_TASK));let t=b.state?.resumedFromConversationId;y(t?`/conversations/${t}`:`/conversations`,{replace:!0})}},[i,s,c,e,y,b.state]),Q.useEffect(()=>{!m||!g||f||p||(yn(l.backend.id,l.orgId),L(e(h.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION)),y(`/conversations`))},[p,m,g,y,e,f,l.backend.id,l.orgId]),Q.useEffect(()=>{f||t&&(t.startsWith(`task-`)||vn(l.backend.id,l.orgId,t))},[t,f,l.backend.id,l.orgId]);let T=Q.useRef(null);return Q.useEffect(()=>{!m||!p||l.backend.kind===`cloud`&&p.sandbox_status===`PAUSED`&&p.sandbox_id&&T.current!==p.id&&(T.current=p.id,je(p.sandbox_id).catch(()=>{L(e(h.CONVERSATION$FAILED_TO_START_FROM_TASK))}))},[m,p?.id,p?.sandbox_status,p?.sandbox_id,l.backend.kind,e]),(0,$.jsx)(Fi,{conversationId:t,children:(0,$.jsx)(Tn,{children:(0,$.jsx)(`div`,{"data-testid":`app-route`,className:`flex h-full flex-col`,children:n?(0,$.jsx)(ji,{onNavigateBack:()=>y(`/conversations/${t}`)}):(0,$.jsx)(Ai,{})})})})}function Li(){return(0,$.jsx)(Ii,{})}var Ri=i(Li);export{Ri as t};
|
|
19
|
+
`)}`,v=m.length>0?`${n}\n\n${g}`:n,y=_({conversationId:R,text:n,content:v,imageUrls:l,fileUrls:m,timestamp:d});E(),t(``);try{await u(O(v,l,m,d))}catch(e){S(y,e instanceof Error?e.message:`Failed to send message`)}};Q.useEffect(()=>{if(V.current&&T.current){let{scrollHeight:e,scrollTop:t}=V.current,n=T.current,r=n.scrollHeight-e;r>0&&(n.scrollTop=t+r),V.current=null;return}A&&E()},[d.length,me,E]);let Se=Q.useRef(H);Q.useEffect(()=>{Se.current=H}),Q.useEffect(()=>{let e=T.current;e&&Se.current(e)},[d.length,le]);let Ce={scrollRef:T,autoScroll:A,setAutoScroll:j,scrollDomToBottom:E,hitBottom:k,setHitBottom:M,onChatBodyScroll:D},we=N===U.LOADING||N===U.INIT,W=N===U.STOPPED,Ee=N===U.PAUSED,De=Te({isPausing:Ee,isTask:a,taskStatus:o,isStartingStatus:we,isStopStatus:W,curAgentState:N}),Oe=be({isPausing:Ee,isTask:a,taskStatus:o,taskDetail:s,isStartingStatus:we,isStopStatus:W,curAgentState:N,errorMessage:n,t:w});return(0,$.jsx)(ee,{value:Ce,children:(0,$.jsxs)(`div`,{className:`relative flex h-full flex-col justify-between px-4`,"data-testid":`chat-interface`,children:[!m&&!me&&!g&&!ye&&!ve&&!c&&p===0&&!I&&(0,$.jsx)(hr,{onSuggestionsClick:e=>t(e)}),(0,$.jsxs)(`div`,{ref:T,"data-testid":`chat-scroll-container`,onScroll:e=>{D(e.currentTarget),H(e.currentTarget)},onWheel:pe,className:`custom-scrollbar-always flex min-h-0 grow flex-col gap-2 overflow-x-hidden overflow-y-auto px-0 pt-4 pb-8 md:px-4`,children:[ve&&_e&&(0,$.jsx)(Sr,{}),ve&&!_e&&(0,$.jsx)(`div`,{className:`flex justify-center`,"data-testid":`loading-spinner`,children:(0,$.jsx)(Re,{size:`small`})}),z&&(0,$.jsxs)(`div`,{className:`flex items-center justify-center gap-2 py-3 text-sm text-neutral-400`,"data-testid":`loading-older-events`,children:[(0,$.jsx)(Re,{size:`small`}),(0,$.jsx)(`span`,{children:w(h.CHAT_INTERFACE$FETCHING_OLDER_MESSAGES)})]}),(0,$.jsx)(b,{conversationId:R,anchorEventId:null}),he&&d.length>0&&(0,$.jsx)(te,{messages:d,allEvents:f}),(0,$.jsx)(Tr,{})]}),(0,$.jsxs)(`div`,{className:`flex shrink-0 flex-col gap-[6px]`,children:[(0,$.jsx)(jn,{conversationId:R}),n&&(0,$.jsx)(wr,{message:n,onDismiss:r,onRetry:n===`Unable to connect to server`?()=>l?.reconnect():void 0}),I?(0,$.jsxs)(`div`,{"data-testid":`archived-conversation-banner`,className:`mx-1 px-4 py-3 rounded-lg bg-[var(--oh-surface)] border border-[var(--oh-border-subtle)]`,children:[(0,$.jsx)(`p`,{className:`text-xs font-semibold text-[var(--oh-foreground)]`,children:w(ie===`ERROR`?h.CHAT_INTERFACE$ERROR_SANDBOX_TITLE:h.CHAT_INTERFACE$ARCHIVED_SANDBOX_TITLE)}),(0,$.jsx)(`p`,{className:`text-xs text-[var(--oh-muted)] mt-0.5`,children:w(ie===`ERROR`?h.CHAT_INTERFACE$ERROR_SANDBOX_DESCRIPTION:h.CHAT_INTERFACE$ARCHIVED_SANDBOX_DESCRIPTION)})]}):(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsx)(`div`,{className:`pointer-events-none absolute inset-x-0 bottom-full mb-1 z-20`,children:(0,$.jsxs)(`div`,{className:`flex justify-between relative`,children:[(0,$.jsxs)(`div`,{className:`flex items-end gap-1 pointer-events-auto`,children:[(0,$.jsx)(Or,{}),we&&(0,$.jsx)(Ar,{statusColor:De,status:Oe})]}),k?N===U.RUNNING&&(0,$.jsx)(`div`,{className:`absolute left-1/2 transform -translate-x-1/2 bottom-0 pointer-events-auto`,children:(0,$.jsx)(ar,{})}):(0,$.jsx)(`div`,{className:`absolute left-1/2 transform -translate-x-1/2 bottom-0 pointer-events-auto`,children:(0,$.jsx)(yr,{onClick:E})})]})}),(0,$.jsx)(tr,{onSubmit:xe,disabled:re})]})]})]})})}function Pr({isRightPanelShown:e}){return(0,$.jsx)(`div`,{className:`flex justify-center w-full h-full`,children:(0,$.jsx)(`div`,{className:`w-full min-w-0 max-w-[800px] h-full flex flex-col min-h-0 transition-all duration-300 ease-in-out`,children:(0,$.jsx)(Nr,{})})})}function Fr({className:e}){let{t}=v(`openhands`);return(0,$.jsxs)(`div`,{className:W(`bg-[var(--oh-surface)] flex h-full w-full flex-col items-center justify-center gap-3`,e),children:[(0,$.jsx)(H,{className:`h-8 w-8 shrink-0 animate-spin text-[var(--oh-text-secondary)]`,"aria-hidden":!0}),(0,$.jsx)(`span`,{className:`text-base font-normal leading-5 text-[var(--oh-text-secondary)]`,children:t(h.HOME$LOADING)})]})}function Ir({children:e}){return(0,$.jsx)(`div`,{className:`absolute inset-0`,children:e})}function Lr({children:e}){return(0,$.jsx)(`div`,{className:`flex flex-col h-full w-full`,children:e})}function Rr({children:e}){return(0,$.jsx)(`div`,{className:`overflow-hidden flex-grow h-full w-full relative`,children:e})}var zr=(0,Q.lazy)(()=>n(()=>import(`./files-tab-R5z0lLdY.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60]))),Br=(0,Q.lazy)(()=>n(()=>import(`./browser-tab-B-aIqXRl.js`),__vite__mapDeps([61,19,1,24,25,4,62,3,35,36,37,63,34]))),Vr=(0,Q.lazy)(()=>n(()=>import(`./vscode-tab-DjNArCgY.js`),__vite__mapDeps([64,1,19,24,25,4,65,7,8,5,6,9,10,11,12,13,14,15,16,17,18,20,21,22,23,44,41,42,43,45,46,49,36,37,47,48,34,50,66,67,35,68]))),Hr=(0,Q.lazy)(()=>n(()=>import(`./planner-tab-BlrCpv-7.js`),__vite__mapDeps([69,1,19,24,25,4,35,36,37,38,30,28,29,31,32,26,3,27,33,39,40,70,68,71,72,73,74,75,76,7,8,5,6,9,10,11,12,13,14,15,16,17,18,20,77,22,78,23,79,80,81,21,41,42,82,43,44,45,46,83,84,34,58,85]))),Ur=(0,Q.lazy)(()=>n(()=>import(`./task-list-tab-DUJn1sgz.js`),__vite__mapDeps([86,1,19,24,25,4,35,36,37,87,55,34,88,89,56,57]))),Wr=(0,Q.lazy)(()=>n(()=>import(`./terminal-DgQk1Ay6.js`),__vite__mapDeps([90,1,91,92,19,4,67,24,25,36,37,47,43,44,5,6,7,8,9,10,11,12,13,14,15,16,17,18,20,45,46,21,22,23,41,42,48,34,93]))),Gr={tasklist:{component:Ur},files:{component:zr},browser:{component:Br},vscode:{component:Vr},terminal:{component:Wr},planner:{component:Hr}};function Kr(){let{selectedTab:e,shouldShownAgentLoading:t}=K(),{conversationId:n}=Y(),r=(0,Q.useMemo)(()=>Gr[e]??Gr.files,[e]).component;return t?(0,$.jsx)(Fr,{}):(0,$.jsx)(Lr,{children:(0,$.jsx)(Q.Suspense,{fallback:(0,$.jsx)(Fr,{}),children:(0,$.jsx)(Rr,{children:(0,$.jsx)(Ir,{children:(0,$.jsx)(r,{})},e===`terminal`?`${e}-${n}`:e)})})})}var qr=()=>{let e=g(),t=de(e=>e.removeErrorMessage);return p({mutationKey:[`start-conversation`],mutationFn:async e=>f(e.conversationId),onMutate:async()=>(await e.cancelQueries({queryKey:[`user`,`conversations`]}),{previousConversations:e.getQueryData([`user`,`conversations`])}),onError:(t,n,r)=>{r?.previousConversations&&e.setQueryData([`user`,`conversations`],r.previousConversations)},onSettled:(t,n,r)=>{u(e,r.conversationId)},onSuccess:(n,r)=>{t(),l(e,r.conversationId,tt.RUNNING)}})},Jr=e=>(0,$.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,...e,children:[(0,$.jsx)(`path`,{d:`M9 9H15V15H9V9Z`,fill:`currentColor`}),(0,$.jsx)(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M12.9 1.50004C15.3 1.65004 17.55 2.85004 19.2 4.50004C21.15 6.60004 22.2 9.15004 22.2 12.15C22.2 14.55 21.3 16.8 19.8 18.75C18.3 20.55 16.2 21.9 13.8 22.35C11.4 22.8 9 22.5 6.9 21.3C4.8 20.1 3.15 18.3 2.25 16.05C1.35 13.8 1.2 11.25 1.95 9.00004C2.7 6.60004 4.05 4.65004 6.15 3.30004C8.1 1.95004 10.5 1.35004 12.9 1.50004ZM13.65 20.85C15.6 20.4 17.4 19.35 18.75 17.7C19.95 16.05 20.7 14.1 20.55 12C20.55 9.60004 19.65 7.20004 18 5.55004C16.5 4.05004 14.7 3.15004 12.6 3.00004C10.65 2.85004 8.55 3.30004 6.9 4.50004C5.25 5.70004 4.05 7.35004 3.45 9.45004C2.85 11.4 2.85 13.5 3.75 15.45C4.65 17.4 6 18.9 7.8 19.95C9.6 21 11.7 21.3 13.65 20.85Z`,fill:`currentColor`})]}),Yr=e=>(0,$.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,...e,children:[(0,$.jsx)(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M12.9 1.50004C15.3 1.65004 17.55 2.85004 19.2 4.50004C21.15 6.60004 22.2 9.15004 22.2 12.15C22.2 14.55 21.3 16.8 19.8 18.75C18.3 20.55 16.2 21.9 13.8 22.35C11.4 22.8 9 22.5 6.9 21.3C4.8 20.1 3.15 18.3 2.25 16.05C1.35 13.8 1.2 11.25 1.95 9.00004C2.7 6.60004 4.05 4.65004 6.15 3.30004C8.1 1.95004 10.5 1.35004 12.9 1.50004ZM13.65 20.85C15.6 20.4 17.4 19.35 18.75 17.7C19.95 16.05 20.7 14.1 20.55 12C20.55 9.60004 19.65 7.20004 18 5.55004C16.5 4.05004 14.7 3.15004 12.6 3.00004C10.65 2.85004 8.55 3.30004 6.9 4.50004C5.25 5.70004 4.05 7.35004 3.45 9.45004C2.85 11.4 2.85 13.5 3.75 15.45C4.65 17.4 6 18.9 7.8 19.95C9.6 21 11.7 21.3 13.65 20.85Z`,fill:`currentColor`}),(0,$.jsx)(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M9 7.49998L10.1655 6.87598L16.9155 11.376V12.624L10.1655 17.124L9 16.5V7.49998ZM10.5 8.90098V15.099L15.1485 12L10.5 8.90098Z`,fill:`currentColor`})]});function Xr({icon:e,text:t,onClick:n,testId:r}){return(0,$.jsx)(q,{testId:r,onClick:n,children:(0,$.jsxs)(`div`,{className:`flex min-w-0 w-full items-center justify-between gap-2`,children:[(0,$.jsx)(`span`,{className:`min-w-0 truncate`,children:t}),(0,$.jsx)(`span`,{className:W(`flex shrink-0 items-center text-[var(--oh-muted)] group-hover:text-[var(--oh-foreground)] group-focus-visible:text-[var(--oh-foreground)] [&_svg]:text-current`,Ie),"aria-hidden":!0,children:e})]})})}function Zr({className:e=``,executionStatus:t,isPausing:n=!1}){let{curAgentState:r}=Z(),{isTask:i,taskStatus:a,taskDetail:o}=Tt(),{t:s}=v(`openhands`),{errorMessage:c}=de(),l=r===U.LOADING||r===U.INIT,u=ot(t)||it(t),d=Te({isPausing:n,isTask:i,taskStatus:a,isStartingStatus:l,isStopStatus:u,curAgentState:r}),f=be({isPausing:n,isTask:i,taskStatus:a,taskDetail:o,isStartingStatus:l,isStopStatus:u,curAgentState:r,errorMessage:c,t:s});return(0,$.jsx)(`div`,{className:e,"data-testid":`server-status`,children:(0,$.jsxs)(`div`,{className:`flex items-center`,children:[(0,$.jsx)(kr,{className:`w-6 h-6 shrink-0`,color:d}),(0,$.jsx)(`span`,{className:`text-[13px] text-white font-normal`,children:f})]})})}function Qr({onClose:e,onStopServer:t,onStartServer:n,executionStatus:r,position:i=`top`,className:a=``,isPausing:o=!1}){let{t:s}=v(`openhands`),c=rt(e),l=at(r),u=it(r),d=l||u;return(0,$.jsxs)(ft,{ref:c,testId:`server-status-context-menu`,position:i,alignment:`left`,size:`default`,className:W(`left-2 w-fit min-w-42`,a),children:[(0,$.jsx)(Zr,{executionStatus:r,isPausing:o,className:`pl-0 pr-2 py-1`}),d&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Ue,{inset:`menu`}),l&&t&&(0,$.jsx)(Xr,{icon:(0,$.jsx)(Jr,{width:18,height:18}),text:s(h.COMMON$STOP_RUNTIME),onClick:t,testId:`stop-server-button`}),u&&n&&(0,$.jsx)(Xr,{icon:(0,$.jsx)(Yr,{width:18,height:18}),text:s(h.COMMON$START_RUNTIME),onClick:n,testId:`start-server-button`})]})]})}var $r=e(s(),1);function ei({isPublic:e,onToggle:t,ariaLabel:n}){return(0,$.jsxs)(`label`,{className:`relative inline-flex shrink-0 cursor-pointer items-center`,children:[(0,$.jsx)(`input`,{hidden:!0,type:`checkbox`,"data-testid":`share-publicly-button`,checked:e,"aria-label":n,onChange:e=>t(e.target.checked)}),(0,$.jsx)(`span`,{"aria-hidden":!0,className:W(`inline-flex h-3.5 w-7 items-center rounded-full px-0.5 py-px transition-colors duration-200 ease-in-out`,e?`bg-white`:`bg-base-secondary`),children:(0,$.jsx)(`span`,{className:W(`block h-2 w-2 shrink-0 rounded-full transition-transform duration-200 ease-in-out`,e?`translate-x-[calc(1rem-1px)] bg-base-secondary`:`translate-x-px bg-tertiary-light`)})})]})}function ti({onClose:e,onRename:t,onDelete:n,onStop:r,onDisplayCost:i,onShowAgentTools:a,onShowSkills:o,onShowHooks:s,onTogglePublic:c,onCopyShareLink:l,onDownloadConversation:u,shareUrl:d,position:f=`bottom`,anchorRef:p}){let m=sn(),{t:g}=v(`openhands`),{backend:_}=G(),{data:y}=X(),b=rt(e),x=p?.current??null,[S,C]=Q.useState();Q.useLayoutEffect(()=>{if(!x)return;let e=()=>{let e=x.getBoundingClientRect();if(!e)return;let t={position:`fixed`,zIndex:9999};f===`top`?t.bottom=window.innerHeight-e.top+8:t.top=e.bottom+8,t.left=e.left,C(t)};return e(),window.addEventListener(`resize`,e),window.addEventListener(`scroll`,e,!0),()=>{window.removeEventListener(`resize`,e),window.removeEventListener(`scroll`,e,!0)}},[x,f]);let w=!!(a||o||s),T=!!i,ee=!!(r||n),E=_.kind===`cloud`?h.COMMON$CLOSE_CONVERSATION_STOP_RUNTIME:h.COMMON$STOP_CONVERSATION,D=_.kind===`cloud`&&!!c,te=y?.public||!1,O=!!x,A=(0,$.jsxs)(ft,{ref:b,testId:`conversation-name-context-menu`,position:f,alignment:`left`,className:W(m?`right-0 translate-x-[34%] left-auto`:``,O?`!static !top-auto !bottom-auto !left-auto !right-auto !mt-0`:``),children:[t&&(0,$.jsx)(q,{testId:`rename-button`,onClick:t,children:(0,$.jsx)(J,{icon:(0,$.jsx)(ht,{width:16,height:16}),text:g(h.BUTTON$RENAME)})}),w&&(0,$.jsx)(Ue,{testId:`separator-tools`,inset:`menu`}),o&&(0,$.jsx)(q,{testId:`show-skills-button`,onClick:o,children:(0,$.jsx)(J,{icon:(0,$.jsx)(gt,{width:16,height:16,className:`stroke-[1.75]`,"aria-hidden":!0}),text:g(h.CONVERSATION$SHOW_SKILLS)})}),s&&(0,$.jsx)(q,{testId:`show-hooks-button`,onClick:s,children:(0,$.jsx)(J,{icon:(0,$.jsx)(Ot,{width:16,height:16,"aria-hidden":!0}),text:g(h.CONVERSATION$SHOW_HOOKS)})}),a&&(0,$.jsx)(q,{testId:`show-agent-tools-button`,onClick:a,children:(0,$.jsx)(J,{icon:(0,$.jsx)(Ge,{width:16,height:16}),text:g(h.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)})}),u&&(0,$.jsx)(q,{testId:`download-trajectory-button`,onClick:u,children:(0,$.jsx)(J,{icon:(0,$.jsx)(k,{width:16,height:16}),text:g(h.BUTTON$EXPORT_CONVERSATION)})}),(T||ee)&&(0,$.jsx)(Ue,{testId:`separator-info-control`,inset:`menu`}),i&&(0,$.jsx)(q,{testId:`display-cost-button`,onClick:i,children:(0,$.jsx)(J,{icon:(0,$.jsx)(P,{width:16,height:16}),text:g(h.BUTTON$DISPLAY_COST)})}),D&&c&&(0,$.jsxs)(`li`,{className:`flex w-full items-center gap-2 rounded px-2 py-2 hover:bg-[var(--oh-interactive-hover)]`,children:[(0,$.jsx)(`span`,{className:`flex shrink-0 items-center text-[var(--oh-muted)]`,"aria-hidden":!0,children:(0,$.jsx)(R,{size:16})}),(0,$.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm`,children:g(h.CONVERSATION$SHARE_PUBLICLY)}),(0,$.jsxs)(`div`,{className:`flex shrink-0 items-center`,children:[te&&d&&l&&(0,$.jsxs)(`div`,{className:`mr-2 flex items-center gap-0.5`,children:[(0,$.jsx)(`button`,{type:`button`,"data-testid":`copy-share-link-button`,onClick:l,className:`rounded p-0.5 text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current`,title:g(h.BUTTON$COPY_TO_CLIPBOARD),children:(0,$.jsx)(rn,{width:14,height:14})}),(0,$.jsx)(`a`,{"data-testid":`open-share-link-button`,href:d,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),className:`rounded p-0.5 text-[var(--oh-muted)] no-underline visited:text-[var(--oh-muted)] hover:bg-[var(--oh-interactive-selected)] hover:text-[var(--oh-foreground)] cursor-pointer [&_svg]:text-current`,title:g(h.BUTTON$OPEN_IN_NEW_TAB),children:(0,$.jsx)(ce,{size:14,"aria-hidden":!0})})]}),(0,$.jsx)(ei,{isPublic:te,onToggle:c,ariaLabel:g(h.CONVERSATION$SHARE_PUBLICLY)})]})]}),r&&(0,$.jsx)(q,{testId:`stop-button`,onClick:r,children:(0,$.jsx)(J,{icon:(0,$.jsx)(qe,{width:16,height:16}),text:g(E)})}),n&&(0,$.jsx)(q,{testId:`delete-button`,onClick:n,children:(0,$.jsx)(J,{icon:(0,$.jsx)(pt,{width:16,height:16}),text:g(h.COMMON$DELETE_CONVERSATION)})})]});return O?typeof document>`u`||!S?null:$r.createPortal((0,$.jsx)(`div`,{style:S,children:A}),document.body):A}function ni({onClose:e}){let{t}=v(`openhands`);return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)($e,{onClose:e,testId:`close-metrics-modal`}),(0,$.jsx)(`div`,{className:`w-full pr-6`,children:(0,$.jsx)(Fe,{title:t(h.CONVERSATION$METRICS_INFO)})})]})}function ri({currentCost:e,maxBudget:t}){let n=e/t*100;return(0,$.jsx)(`div`,{className:`w-full h-1.5 bg-tertiary rounded-full overflow-hidden mt-1`,children:(0,$.jsx)(`div`,{className:W(`h-full transition-all duration-300`,n>80?`bg-red-500`:`bg-blue-500`),style:{width:`${Math.min(100,n)}%`}})})}function ii({currentCost:e,maxBudget:t}){let{t:n}=v(`openhands`),r=e/t*100;return(0,$.jsx)(`div`,{className:`flex justify-end`,children:(0,$.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)]`,children:n(h.CONVERSATION$BUDGET_USAGE_FORMAT,{currentCost:`$${e.toFixed(4)}`,maxBudget:`$${t.toFixed(4)}`,usagePercentage:r.toFixed(2),used:n(h.CONVERSATION$USED)})})})}function ai({cost:e,maxBudgetPerTask:t}){let{t:n}=v(`openhands`);return e===null?null:(0,$.jsx)(`div`,{className:`border-b border-[var(--oh-border-subtle)]`,children:t!==null&&t>0?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(ri,{currentCost:e,maxBudget:t}),(0,$.jsx)(ii,{currentCost:e,maxBudget:t})]}):(0,$.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)]`,children:n(h.CONVERSATION$NO_BUDGET_LIMIT)})})}function oi({cost:e,maxBudgetPerTask:t}){let{t:n}=v(`openhands`);return e===null?null:(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`flex justify-between items-center pb-2`,children:[(0,$.jsx)(`span`,{className:`text-lg font-semibold`,children:n(h.CONVERSATION$TOTAL_COST)}),(0,$.jsxs)(`span`,{className:`font-semibold`,children:[`$`,e.toFixed(4)]})]}),(0,$.jsx)(ai,{cost:e,maxBudgetPerTask:t})]})}function si({label:e,value:t,labelClassName:n=``,valueClassName:r=`font-semibold`}){return(0,$.jsxs)(`div`,{className:`flex justify-between items-center border-b border-[var(--oh-border-subtle)] pb-2`,children:[(0,$.jsx)(`span`,{className:n,children:e}),(0,$.jsx)(`span`,{className:r,children:t})]})}function ci({usage:e}){let{t}=v(`openhands`);return(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(si,{label:t(h.CONVERSATION$INPUT),value:e.prompt_tokens.toLocaleString()}),(0,$.jsxs)(`div`,{className:`grid grid-cols-2 gap-2 pl-4 text-sm`,children:[(0,$.jsx)(`span`,{className:`text-[var(--oh-muted)]`,children:t(h.CONVERSATION$CACHE_HIT)}),(0,$.jsx)(`span`,{className:`text-right`,children:e.cache_read_tokens.toLocaleString()}),(0,$.jsx)(`span`,{className:`text-[var(--oh-muted)]`,children:t(h.CONVERSATION$CACHE_WRITE)}),(0,$.jsx)(`span`,{className:`text-right`,children:e.cache_write_tokens.toLocaleString()})]}),(0,$.jsx)(si,{label:t(h.CONVERSATION$OUTPUT),value:e.completion_tokens.toLocaleString()}),(0,$.jsx)(si,{label:t(h.CONVERSATION$TOTAL),value:(e.prompt_tokens+e.completion_tokens).toLocaleString(),labelClassName:`font-semibold`,valueClassName:`font-bold`})]})}function li({perTurnToken:e,contextWindow:t}){let{t:n}=v(`openhands`),r=t>0?e/t*100:0,i=Math.min(100,r);return(0,$.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,$.jsx)(`div`,{className:`flex items-center justify-between`,children:(0,$.jsx)(`span`,{className:`font-semibold`,children:n(h.CONVERSATION$CONTEXT_WINDOW)})}),(0,$.jsx)(`div`,{className:`w-full h-1.5 bg-tertiary rounded-full overflow-hidden`,children:(0,$.jsx)(`div`,{className:`h-full bg-foreground transition-all duration-300`,style:{width:`${i}%`}})}),(0,$.jsx)(`div`,{className:`flex justify-end`,children:(0,$.jsxs)(`span`,{className:`text-xs text-[var(--oh-muted)]`,children:[e.toLocaleString(),` / `,t.toLocaleString(),` (`,r.toFixed(2),`% `,n(h.CONVERSATION$USED),`)`]})})]})}function ui(){let{t:e}=v(`openhands`);return(0,$.jsx)(`div`,{className:`text-center`,children:(0,$.jsx)(`p`,{className:`text-[var(--oh-muted)]`,children:e(h.CONVERSATION$NO_METRICS)})})}function di(e){let{stats:t}=e;if(!t?.usage_to_metrics)return{accumulated_cost:0,max_budget_per_task:null,accumulated_token_usage:null};let n=0,r=null,i=null;for(let e of Object.values(t.usage_to_metrics))n+=e.accumulated_cost,r===null&&e.max_budget_per_task!==null&&(r=e.max_budget_per_task),e.accumulated_token_usage&&(i=i===null?{...e.accumulated_token_usage}:{prompt_tokens:i.prompt_tokens+e.accumulated_token_usage.prompt_tokens,completion_tokens:i.completion_tokens+e.accumulated_token_usage.completion_tokens,cache_read_tokens:i.cache_read_tokens+e.accumulated_token_usage.cache_read_tokens,cache_write_tokens:i.cache_write_tokens+e.accumulated_token_usage.cache_write_tokens,context_window:Math.max(i.context_window,e.accumulated_token_usage.context_window),per_turn_token:Math.max(i.per_turn_token,e.accumulated_token_usage.per_turn_token)});return{accumulated_cost:n,max_budget_per_task:r,accumulated_token_usage:i}}var fi=(e,t,n,r=!0)=>{let i=c({queryKey:[`conversation-metrics`,e,t,n],queryFn:async()=>{if(!e)throw Error(`Conversation ID is required`);return di(await Me.getRuntimeConversation(e,t,n))},enabled:r&&!!e&&!!t,staleTime:1e3*30,gcTime:1e3*60*5,refetchInterval:1e3*30,retry:!1});return{data:i.data,isLoading:i.isLoading,error:i.error}};function pi({isOpen:e,onOpenChange:t}){let n=ue(),{data:r}=X(),i=r?.id,a=r?.conversation_url,o=r?.session_api_key,{data:s}=fi(i,a,o,e),c=(0,Q.useMemo)(()=>s?{cost:s.accumulated_cost,max_budget_per_task:s.max_budget_per_task,usage:s.accumulated_token_usage?{prompt_tokens:s.accumulated_token_usage.prompt_tokens??0,completion_tokens:s.accumulated_token_usage.completion_tokens??0,cache_read_tokens:s.accumulated_token_usage.cache_read_tokens??0,cache_write_tokens:s.accumulated_token_usage.cache_write_tokens??0,context_window:s.accumulated_token_usage.context_window??0,per_turn_token:s.accumulated_token_usage.per_turn_token??0}:null}:n,[s,n]);return e?(0,$.jsx)(Ne,{onClose:()=>t(!1),children:(0,$.jsxs)(Pe,{testID:`metrics-modal`,className:`relative items-start border border-[var(--oh-border)]`,children:[(0,$.jsx)(ni,{onClose:()=>t(!1)}),(0,$.jsxs)(`div`,{className:`w-full`,children:[(c?.cost!==null||c?.usage!==null)&&(0,$.jsx)(`div`,{className:`rounded-md border border-[var(--oh-border)] bg-surface-raised p-3`,children:(0,$.jsxs)(`div`,{className:`grid gap-3`,children:[(0,$.jsx)(oi,{cost:c?.cost??null,maxBudgetPerTask:c?.max_budget_per_task??null}),c?.usage!==null&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(ci,{usage:c.usage}),(0,$.jsx)(li,{perTurnToken:c.usage.per_turn_token,contextWindow:c.usage.context_window})]})]})}),!c?.cost&&!c?.usage&&(0,$.jsx)(`div`,{className:`rounded-md border border-[var(--oh-border)] bg-surface-raised p-3`,children:(0,$.jsx)(ui,{})})]})]})}):null}function mi(){let{t:e}=v(`openhands`),{conversationId:t}=Y(),{data:n}=X(),{mutate:r}=ne(),[i,a]=Q.useState(`view`),[o,s]=Q.useState(!1),c=Q.useRef(null),l=Q.useRef(null),{handleDelete:u,handleStop:d,handleDownloadConversation:f,handleDisplayCost:p,handleShowAgentTools:m,handleShowSkills:g,handleShowHooks:_,handleTogglePublic:y,handleCopyShareLink:b,shareUrl:x,handleConfirmDelete:S,handleConfirmStop:C,metricsModalVisible:w,setMetricsModalVisible:T,systemModalVisible:ee,setSystemModalVisible:E,skillsModalVisible:D,setSkillsModalVisible:te,hooksModalVisible:O,setHooksModalVisible:k,confirmDeleteModalVisible:j,setConfirmDeleteModalVisible:M,confirmStopModalVisible:re,setConfirmStopModalVisible:N,systemMessage:P,shouldShowStop:F,shouldShowDownloadConversation:I,shouldShowDisplayCost:L,shouldShowAgentTools:ae,shouldShowSkills:se,shouldShowHooks:R}=St({conversationId:t,executionStatus:n?.execution_status,showOptions:!0,onContextMenuToggle:s});return Q.useEffect(()=>{i===`edit`&&c.current?.focus()},[i]),n?(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 h-[22px] text-base font-normal text-left pl-0 lg:pl-1 min-w-0`,"data-testid":`conversation-name`,children:[i===`edit`?(0,$.jsx)(`input`,{ref:c,"data-testid":`conversation-name-input`,onClick:e=>{i===`edit`&&(e.preventDefault(),e.stopPropagation())},onBlur:()=>{if(c.current?.value&&t){let i=c.current.value.trim();i!==n?.title&&r({conversationId:t,newTitle:i},{onSuccess:()=>{oe(e(h.CONVERSATION$TITLE_UPDATED))}})}else c.current&&(c.current.value=n?.title??``);a(`view`)},onKeyUp:e=>{e.nativeEvent.isComposing||e.key===`Enter`&&e.currentTarget.blur()},type:`text`,defaultValue:n.title||``,className:`text-white leading-5 bg-transparent border-none outline-none text-base font-normal w-fit max-w-fit field-sizing-content`}):(0,$.jsx)(`div`,{className:`text-white leading-5 truncate`,"data-testid":`conversation-name-title`,onDoubleClick:()=>{a(`edit`)},title:n.title||``,children:n.title}),i!==`edit`&&(0,$.jsxs)(`div`,{ref:l,className:`relative flex items-center shrink-0`,children:[(0,$.jsx)(mt,{onClick:e=>{e.preventDefault(),e.stopPropagation(),s(!o)}}),o&&(0,$.jsx)(ti,{onClose:()=>s(!1),onRename:e=>{e.preventDefault(),e.stopPropagation(),a(`edit`),s(!1)},onDelete:u,onStop:F?d:void 0,onDisplayCost:L?p:void 0,onShowAgentTools:ae?m:void 0,onShowSkills:se?g:void 0,onShowHooks:R?_:void 0,onTogglePublic:y,onCopyShareLink:b,shareUrl:x,onDownloadConversation:I?f:void 0,position:`bottom`,anchorRef:l})]})]}),(0,$.jsx)(pi,{isOpen:w,onOpenChange:T}),(0,$.jsx)(Pt,{isOpen:ee,onClose:()=>E(!1),systemMessage:P||null}),D&&(0,$.jsx)(Ft,{onClose:()=>te(!1)}),O&&(0,$.jsx)(zt,{onClose:()=>k(!1)}),j&&(0,$.jsx)(A,{onConfirm:S,onCancel:()=>M(!1),conversationTitle:n?.title||``}),re&&(0,$.jsx)(ie,{onConfirm:C,onCancel:()=>N(!1)})]}):null}function hi({children:e,tooltip:t,ariaLabel:n}){return(0,$.jsx)(He,{content:t,placement:`bottom`,tooltipClassName:`bg-white text-black text-xs font-medium leading-5`,children:(0,$.jsx)(`span`,{"data-aria-label":n,children:e})})}function gi({className:e}){let{t}=v(`openhands`),n=sn(),r=a(),{conversationId:i}=Y(),{isRightPanelShown:o,setHasRightPanelToggled:s,setIsRightPanelShown:c,setSelectedTab:l}=K(),u=()=>{if(n){if(!i)return;s(!0),c(!0);let{selectedTab:e}=K.getState();e||l(`files`),r(`/conversations/${i}/panel`);return}let e=!o;if(s(e),e){let{selectedTab:e}=K.getState();e||l(`files`)}},d=t(n?h.COMMON$SHOW_PANEL:o?h.COMMON$HIDE_PANEL:h.COMMON$SHOW_PANEL),f=n?!1:o;return(0,$.jsx)(hi,{tooltip:d,ariaLabel:d,children:(0,$.jsx)(`button`,{type:`button`,onClick:u,className:W(N,e),"aria-label":d,"aria-pressed":f,"data-testid":`right-panel-toggle`,children:(0,$.jsx)(re,{className:`w-5 h-5 -scale-x-100`})})})}function _i(){let{conversationId:e}=Y(),{data:t}=X(),{curAgentState:n}=Z(),{isTask:r,taskStatus:i}=Tt(),{mutate:a}=We(),{mutate:o}=qr(),{providers:s}=Je(),c=t?.execution_status??null,l=Te({isPausing:!1,isTask:r,taskStatus:i,isStartingStatus:n===U.LOADING||n===U.INIT,isStopStatus:ot(c),curAgentState:n});return(0,$.jsxs)(`div`,{className:`flex items-center justify-between w-full`,children:[(0,$.jsxs)(`div`,{className:`flex items-center min-w-0`,children:[(0,$.jsxs)(`div`,{className:`group relative shrink-0`,children:[(0,$.jsx)(kr,{className:`ml-[3.5px] w-6 h-6 cursor-pointer`,color:l}),(0,$.jsx)(Qr,{onClose:()=>{},onStopServer:at(c)?t=>{t.preventDefault(),t.stopPropagation(),e&&a({conversationId:e})}:void 0,onStartServer:it(c)?t=>{t.preventDefault(),t.stopPropagation(),e&&o({conversationId:e,providers:s})}:void 0,executionStatus:c,position:`bottom`,className:`opacity-0 invisible pointer-events-none group-hover:opacity-100 group-hover:visible group-hover:pointer-events-auto bottom-full left-0 mt-0 min-h-fit`,isPausing:!1})]}),(0,$.jsx)(mi,{})]}),(0,$.jsx)(gi,{className:`mr-2`})]})}var vi=e=>(0,$.jsx)(`svg`,{viewBox:`0 0 18 18`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...e,children:(0,$.jsx)(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M2.4375 9C2.4375 5.37563 5.37563 2.4375 9 2.4375C12.6244 2.4375 15.5625 5.37563 15.5625 9C15.5625 12.6244 12.6244 15.5625 9 15.5625C5.37563 15.5625 2.4375 12.6244 2.4375 9ZM4.13812 6.5625C4.81317 5.21867 6.02897 4.19333 7.49996 3.77204C7.15155 4.17641 6.85182 4.65395 6.60713 5.17892C6.40828 5.60556 6.24263 6.06975 6.11494 6.5625H4.13812ZM3.72196 7.6875C3.61778 8.10783 3.5625 8.54746 3.5625 9C3.5625 9.45254 3.61778 9.89217 3.72196 10.3125H5.89738C5.84161 9.88758 5.8125 9.44852 5.8125 8.99998C5.8125 8.55142 5.84161 8.11239 5.89737 7.6875H3.72196ZM7.0333 7.6875C6.97087 8.10689 6.9375 8.54634 6.9375 8.99998C6.9375 9.45367 6.97087 9.89313 7.0333 10.3125H10.9667C11.0291 9.89311 11.0625 9.45367 11.0625 9.00002C11.0625 8.54637 11.0291 8.1069 10.9667 7.6875H7.0333ZM12.1026 7.6875C12.1584 8.1124 12.1875 8.55145 12.1875 9.00002C12.1875 9.44858 12.1584 9.88762 12.1026 10.3125H14.278C14.3822 9.89217 14.4375 9.45254 14.4375 9C14.4375 8.54746 14.3822 8.10783 14.278 7.6875H12.1026ZM13.8619 6.5625H11.885C11.7574 6.06976 11.5917 5.6056 11.3929 5.17897C11.1482 4.65397 10.8484 4.1764 10.5 3.77203C11.971 4.19331 13.1868 5.21866 13.8619 6.5625ZM10.7171 6.5625H7.28293C7.38007 6.23971 7.49559 5.93571 7.62681 5.65419C7.99835 4.85708 8.48101 4.26914 8.99997 3.92442C9.51895 4.26913 10.0016 4.8571 10.3732 5.65424C10.5044 5.93575 10.6199 6.23973 10.7171 6.5625ZM4.13812 11.4375H6.11496C6.24963 11.9572 6.42655 12.4452 6.64015 12.8909C6.87835 13.3879 7.16685 13.8413 7.50006 14.228C6.02902 13.8067 4.81318 12.7814 4.13812 11.4375ZM10.7171 11.4375H7.28295C7.3869 11.7829 7.51191 12.1068 7.65465 12.4047C8.02305 13.1733 8.49456 13.7398 9.00007 14.0756C9.51902 13.7308 10.0017 13.1429 10.3732 12.3458C10.5044 12.0643 10.6199 11.7603 10.7171 11.4375ZM11.3929 12.8211C11.5917 12.3944 11.7574 11.9303 11.8851 11.4375H13.8619C13.1868 12.7813 11.971 13.8067 10.5 14.228C10.8485 13.8236 11.1482 13.346 11.3929 12.8211Z`,fill:`currentColor`})}),yi=e=>(0,$.jsxs)(`svg`,{width:20,height:20,viewBox:`0 0 20 20`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...e,children:[(0,$.jsx)(`path`,{d:`M3 10.5L6.5 14L14 6`,stroke:`currentColor`,strokeWidth:2.2,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,$.jsx)(`path`,{d:`M7 10.5L10.5 14L18 6`,stroke:`currentColor`,strokeWidth:2.2,strokeLinecap:`round`,strokeLinejoin:`round`})]});function bi({tabValue:e,icon:t,onClick:n,isActive:r,label:i,className:a,measureOnly:o}){return(0,$.jsxs)(`button`,{type:`button`,onClick:()=>{n()},...o?{}:{"data-testid":`conversation-tab-${e}`},"data-tab-measure":o?`true`:void 0,className:W(`flex items-center gap-2 rounded-md cursor-pointer`,`pl-1.5 pr-2 py-1 lg:py-1.5`,`text-[var(--oh-muted)] bg-transparent`,r&&`bg-[var(--oh-interactive-active)] text-white`,r?`hover:text-white hover:bg-[var(--oh-interactive-hover)]`:`hover:text-white hover:bg-white/5`,r?`focus-within:text-white`:`focus-within:text-[var(--oh-muted)]`,a),children:[(0,$.jsx)(t,{className:W(`w-5 h-5 text-inherit flex-shrink-0`)}),r&&i&&(0,$.jsx)(`span`,{className:`text-sm font-normal whitespace-nowrap`,children:i})]})}function xi(){let{curAgentState:e}=Z(),{t}=v(`openhands`),{data:n,refetch:r}=ln(),i=De.includes(e);return(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`span`,{children:t(h.COMMON$CODE)}),i?null:(0,$.jsx)(dt,{className:`w-3 h-3 text-inherit cursor-pointer`,onClick:async e=>{e.preventDefault(),e.stopPropagation();let t=n?.url;t||=(await r()).data?.url??null,t&&window.open(t,`_blank`,`noopener,noreferrer`)}})]})}var Si=e=>(0,$.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,...e,children:(0,$.jsx)(`path`,{fillRule:`evenodd`,clipRule:`evenodd`,d:`M7.13832 8.76476C8.25957 8.17949 9.52697 7.9727 10.7515 8.14436L14.9025 2.52826L21.4717 9.09737L15.8555 13.2484C16.0272 14.4729 15.8204 15.7403 15.2351 16.8616C15.1872 16.9535 15.1366 17.0444 15.0836 17.1343C14.8318 17.5605 14.5228 17.9624 14.1566 18.3286L10.4443 14.6163L4.75207 20.3085H3.69141V19.2478L9.38361 13.5556L5.6713 9.84332C6.03755 9.47708 6.43936 9.16808 6.86562 8.91632C6.95547 8.86326 7.04641 8.81274 7.13832 8.76476ZM15.0735 4.82054L19.1794 8.92641L14.2461 12.5727L14.3701 13.4567C14.492 14.3266 14.3596 15.2233 13.9758 16.0265L7.97338 10.0241C8.77665 9.64035 9.67335 9.50789 10.5432 9.62984L11.4272 9.75376L15.0735 4.82054Z`,fill:`currentColor`})}),Ci=e=>(0,$.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,...e,children:(0,$.jsx)(`path`,{d:`M10.9706 10.1586C10.2819 10.0621 9.56905 10.1784 8.93842 10.5075C8.88672 10.5345 8.83557 10.5629 8.78504 10.5928C8.54529 10.7344 8.3193 10.9082 8.11331 11.1142L9.83702 12.8372L7.00054 15.75L7 17H8.25064L11.1628 14.1632L12.8857 15.8865C13.0917 15.6805 13.2655 15.4545 13.4071 15.2147C13.437 15.1642 13.4654 15.1131 13.4924 15.0614C13.8215 14.4308 13.9378 13.718 13.8413 13.0293L17 10.6946L13.3053 7L10.9706 10.1586Z`,fill:`currentColor`})});function wi({isOpen:e,onClose:t,ignoreOutsideClickRef:n}){let r=rt(t,n),{t:i}=v(`openhands`),{conversationId:a}=Y(),{state:o,setUnpinnedTabs:s,setSelectedTab:c}=Qe(a),{selectedTab:l,isRightPanelShown:u,setSelectedTab:d}=K(),{navigateToTab:f}=C(),{hasTaskList:p}=un(),{backend:m}=G(),g=[{tab:`planner`,icon:nn,i18nKey:h.COMMON$PLANNER},{tab:`files`,icon:qt,i18nKey:h.COMMON$FILES},{tab:`vscode`,icon:cn,i18nKey:h.COMMON$CODE},{tab:`terminal`,icon:_t,i18nKey:h.COMMON$TERMINAL},{tab:`browser`,icon:vi,i18nKey:h.COMMON$BROWSER}];p&&g.unshift({tab:`tasklist`,icon:yi,i18nKey:h.COMMON$TASK_LIST});let _=g.filter(({tab:e})=>e!==`vscode`&&e!==`planner`||m.kind===`cloud`);if(!e)return null;let y=e=>{f(e),t()},b=(e,t)=>{if(t.preventDefault(),t.stopPropagation(),o.unpinnedTabs.includes(e))s(o.unpinnedTabs.filter(t=>t!==e));else{let t=[...o.unpinnedTabs,e];if(s(t),l===e&&u){let n=_.find(({tab:n})=>n!==e&&!t.includes(n));n&&(d(n.tab),c(n.tab))}}};return(0,$.jsx)(ft,{ref:r,alignment:`right`,position:`bottom`,className:`z-[9999] mt-2 w-fit`,children:_.map(({tab:e,icon:t,i18nKey:n})=>{let r=!o.unpinnedTabs.includes(e);return(0,$.jsx)(`li`,{className:`list-none`,children:(0,$.jsxs)(`div`,{className:W(`flex h-[30px] w-full min-w-0 items-stretch rounded`,`hover:bg-[var(--oh-interactive-hover)]`),children:[(0,$.jsxs)(`button`,{type:`button`,"data-testid":`conversation-tabs-menu-open-${e}`,className:W(`flex min-w-0 flex-1 cursor-pointer items-center gap-2 rounded-l p-2 text-start`,`text-white transition-colors`),onClick:()=>y(e),children:[(0,$.jsx)(t,{className:`h-4 w-4 shrink-0`}),(0,$.jsx)(`span`,{className:`text-sm`,children:i(n)})]}),(0,$.jsx)(`button`,{type:`button`,"data-testid":`conversation-tabs-menu-pin-${e}`,className:W(`flex shrink-0 cursor-pointer items-center justify-center rounded-r px-2`,`text-white transition-colors hover:bg-white/10`),"aria-pressed":r,"aria-label":r?`Unpin tab from bar`:`Pin tab to bar`,onClick:t=>b(e,t),children:r?(0,$.jsx)(Ci,{className:`-mr-[5px] ml-auto h-7 w-7`}):(0,$.jsx)(Si,{className:`ml-auto h-4.5 w-4.5`})})]})},e)})})}function Ti({variant:e=`default`}){let{conversationId:t}=Y(),{setSelectedTab:n,planContent:r}=K(),[i,a]=(0,Q.useState)(!1),{state:o}=Qe(t),{hasTaskList:s}=un(),{backend:c}=G(),{handleBuildPlanClick:l}=y(),{curAgentState:u}=Z(),{selectTab:d,isTabActive:f,onTabChange:p,selectedTab:m,isRightPanelShown:g}=C();(0,Q.useEffect)(()=>{n(o.selectedTab)},[n,o.selectedTab]),(0,Q.useEffect)(()=>{g&&(m||p(`files`))},[g,m,p]);let{t:_,i18n:b}=v(`openhands`),x=[{tabValue:`files`,isActive:f(`files`),icon:qt,onClick:()=>d(`files`),tooltipContent:_(h.COMMON$FILES),tooltipAriaLabel:_(h.COMMON$FILES),label:_(h.COMMON$FILES)},{tabValue:`planner`,isActive:f(`planner`),icon:nn,onClick:()=>d(`planner`),tooltipContent:_(h.COMMON$PLANNER),tooltipAriaLabel:_(h.COMMON$PLANNER),label:_(h.COMMON$PLANNER)},{tabValue:`vscode`,isActive:f(`vscode`),icon:cn,onClick:()=>d(`vscode`),tooltipContent:(0,$.jsx)(xi,{}),tooltipAriaLabel:_(h.COMMON$CODE),label:_(h.COMMON$CODE)},{tabValue:`terminal`,isActive:f(`terminal`),icon:_t,onClick:()=>d(`terminal`),tooltipContent:_(h.COMMON$TERMINAL),tooltipAriaLabel:_(h.COMMON$TERMINAL),label:_(h.COMMON$TERMINAL),className:`pl-2`},{tabValue:`browser`,isActive:f(`browser`),icon:vi,onClick:()=>d(`browser`),tooltipContent:_(h.COMMON$BROWSER),tooltipAriaLabel:_(h.COMMON$BROWSER),label:_(h.COMMON$BROWSER)}];s&&x.splice(1,0,{tabValue:`tasklist`,isActive:f(`tasklist`),icon:yi,onClick:()=>d(`tasklist`),tooltipContent:_(h.COMMON$TASK_LIST),tooltipAriaLabel:_(h.COMMON$TASK_LIST),label:_(h.COMMON$TASK_LIST)});let S=x.filter(e=>e.tabValue===`vscode`&&c.kind!==`cloud`||e.tabValue===`planner`&&c.kind!==`cloud`?!1:o.unpinnedTabs.includes(e.tabValue)?m===e.tabValue:!0),w=o.unpinnedTabs.join(`,`),T=u===U.RUNNING||u===U.LOADING||!r,ee=(0,Q.useRef)(null),E=(0,Q.useRef)(null),D=(0,Q.useRef)(null),te=(0,Q.useRef)(null),[O,k]=(0,Q.useState)(S.length);(0,Q.useLayoutEffect)(()=>{let e=ee.current,t=E.current,n=D.current;if(!e||!t||!n)return;let r=()=>{let r=t.querySelectorAll(`[data-tab-measure="true"]`),i=r.length,a=e.getBoundingClientRect().width;if(a===0){k(i);return}let o=Array.from(r).map(e=>e.getBoundingClientRect().width);if(o.length!==i||i===0){k(Math.max(0,i));return}let s=n.getBoundingClientRect().width,c=getComputedStyle(e).columnGap||getComputedStyle(e).gap,l=parseFloat(c)||6,u=0;for(let e=i;e>=0;--e){let t=s;for(let n=0;n<e;n+=1)t+=o[n]??0;if(e>0&&(t+=e*l),t<=a+.5){u=e;break}}k(e=>e===u?e:u)};if(r(),typeof ResizeObserver>`u`)return;let i=new ResizeObserver(r);return i.observe(e),()=>i.disconnect()},[w,S.length,s,c.kind,m,g,b.language]);let A=Math.min(O,S.length);return(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:W(`relative w-full min-w-0`,e===`compact`?`flex h-full min-h-0 items-center py-0 pl-0 pr-1`:`min-h-10 p-1`),children:[(0,$.jsx)(`div`,{ref:E,"aria-hidden":!0,className:`pointer-events-none absolute top-0 left-[-10000px] flex flex-nowrap items-center gap-1.5`,children:S.map(({tabValue:e,icon:t,isActive:n,tooltipContent:r,tooltipAriaLabel:i,label:a,className:o},s)=>(0,$.jsx)(hi,{tooltip:r,ariaLabel:i,children:(0,$.jsx)(bi,{tabValue:e,icon:t,onClick:()=>{},isActive:n,label:a,className:W(o,`shrink-0`),measureOnly:!0})},`measure-${e}-${s}`))}),(0,$.jsx)(`div`,{ref:ee,className:`flex w-full min-w-0 flex-nowrap items-center justify-start`,children:(0,$.jsxs)(`div`,{className:`flex w-fit max-w-full min-w-0 flex-nowrap items-center gap-1.5`,children:[(0,$.jsx)(`div`,{className:`flex min-w-0 flex-1 flex-nowrap items-center gap-1.5 overflow-x-hidden`,children:S.slice(0,A).map(({tabValue:e,icon:t,onClick:n,isActive:r,tooltipContent:i,tooltipAriaLabel:a,label:o,className:s},c)=>(0,$.jsx)(hi,{tooltip:i,ariaLabel:a,children:(0,$.jsx)(bi,{tabValue:e,icon:t,onClick:n,isActive:r,label:o,className:W(s,`shrink-0`)})},`${e}-${c}`))}),(0,$.jsxs)(`div`,{ref:D,className:`relative shrink-0`,children:[(0,$.jsx)(mt,{ref:te,onClick:()=>a(!i),ariaLabel:_(h.COMMON$MORE_OPTIONS),iconClassName:e===`compact`?M:void 0}),(0,$.jsx)(wi,{isOpen:i,onClose:()=>a(!1),ignoreOutsideClickRef:te})]})]})})]}),f(`planner`)&&(0,$.jsx)(`div`,{className:W(`flex h-10 min-h-10 shrink-0 items-center border-t border-[var(--oh-border)] pl-[10px] pr-1`),children:(0,$.jsx)(`button`,{type:`button`,onClick:l,disabled:T,className:W(`flex h-5 min-w-17 items-center justify-center rounded bg-white px-2 transition-opacity`,T?`cursor-not-allowed opacity-50`:`cursor-pointer hover:opacity-90`),"data-testid":`planner-tab-build-button`,children:(0,$.jsxs)(tn.Text,{className:`text-[11px] font-normal leading-5 text-black`,children:[_(h.COMMON$BUILD),` ⌘↩`]})})})]})}function Ei({onMouseDown:e,className:t,isDragging:n=!1}){let[r,i]=(0,Q.useState)(!1),a=n||r;return(0,$.jsxs)(`div`,{className:W(`relative z-10 w-0 shrink-0 self-stretch`,t),"aria-hidden":!0,children:[(0,$.jsx)(`div`,{className:`absolute inset-y-0 left-1/2 w-3 min-w-[12px] -translate-x-1/2 cursor-ew-resize`,onMouseDown:e,onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1)}),(0,$.jsx)(`div`,{className:W(`pointer-events-none absolute inset-y-0 left-1/2 w-px -translate-x-1/2 transition-colors`,a?`bg-white`:`bg-transparent`),"aria-hidden":!0})]})}var Di=200;function Oi({defaultLeftWidth:e=50,minLeftWidth:t=30,maxLeftWidth:n=80,storageKey:r=`desktop-layout-panel-width`}={}){let[i,a]=dn(r,e),o=(0,Q.useCallback)(e=>Math.max(t,Math.min(n,e)),[t,n]),[s,c]=(0,Q.useState)(()=>o(i)),[l,u]=(0,Q.useState)(!1),d=(0,Q.useRef)(null),f=(0,Q.useCallback)(e=>{e.preventDefault(),u(!0)},[]),p=(0,Q.useCallback)(e=>{if(!l||!d.current)return;let t=d.current.getBoundingClientRect();c(o((e.clientX-t.left)/t.width*100))},[l,o]),m=(0,Q.useCallback)(()=>{l&&(u(!1),a(s))},[l,s,a]);return(0,Q.useLayoutEffect)(()=>{if(!l)return;let e=document.createElement(`div`);return e.setAttribute(`aria-hidden`,`true`),e.dataset.panelDragShield=``,Object.assign(e.style,{position:`fixed`,inset:`0`,zIndex:String(Di),cursor:`ew-resize`}),document.body.appendChild(e),document.addEventListener(`mousemove`,p),document.addEventListener(`mouseup`,m),document.body.style.cursor=`ew-resize`,document.body.style.userSelect=`none`,()=>{document.removeEventListener(`mousemove`,p),document.removeEventListener(`mouseup`,m),document.body.style.cursor=``,document.body.style.userSelect=``,e.remove()}},[l,p,m]),{leftWidth:s,rightWidth:100-s,isDragging:l,containerRef:d,handleMouseDown:f}}function ki(e){return e?`translate-x-0 opacity-100`:`w-0 translate-x-full opacity-0`}function Ai(){let e=sn(),t=sn(767),{isRightPanelShown:n}=K(),{leftWidth:r,rightWidth:i,isDragging:a,containerRef:o,handleMouseDown:s}=Oi({defaultLeftWidth:50,minLeftWidth:30,maxLeftWidth:80,storageKey:`desktop-layout-panel-width`});return(0,$.jsx)(`div`,{className:W(e?`relative min-h-0 flex-1 flex flex-col`:`h-full flex flex-col overflow-hidden`),children:(0,$.jsxs)(`div`,{ref:o,className:W(`flex flex-1 overflow-hidden`,e?`flex-col`:`transition-all duration-300 ease-in-out`),style:e?void 0:{transitionProperty:a?`none`:`all`},children:[(0,$.jsxs)(`div`,{className:W(`flex flex-col bg-base overflow-hidden`,e?`flex-1`:`transition-all duration-300 ease-in-out`),style:e?void 0:{width:n?`${r}%`:`100%`,transitionProperty:a?`none`:`all`},children:[(0,$.jsxs)(`div`,{"data-testid":`chat-pane-header`,className:W(`flex h-10 min-h-10 shrink-0 items-center`,t&&`gap-2 pl-2.5`),children:[t?(0,$.jsx)(F,{}):null,(0,$.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,$.jsx)(_i,{})})]}),(0,$.jsx)(`div`,{className:`flex-1 min-h-0 flex flex-col`,children:(0,$.jsx)(Pr,{isRightPanelShown:!e&&n})})]}),!e&&n&&(0,$.jsx)(Ei,{onMouseDown:s,isDragging:a}),!e&&(0,$.jsx)(`div`,{className:W(`transition-all duration-300 ease-in-out overflow-hidden`,ki(n)),style:{width:n?`${i}%`:`0%`,transitionProperty:a?`opacity, transform`:`all`},children:(0,$.jsx)(`div`,{className:`flex h-full w-full flex-col`,children:(0,$.jsxs)(`div`,{className:`flex flex-col flex-1 min-h-0 bg-[var(--oh-surface)] border-l border-[var(--oh-border)] overflow-hidden`,children:[(0,$.jsx)(`div`,{"data-testid":`tabs-pane-header`,className:`flex shrink-0 flex-col border-b border-[var(--oh-border)]`,children:(0,$.jsx)(Ti,{})}),(0,$.jsx)(`div`,{className:`flex-1 min-h-0 flex flex-col`,children:(0,$.jsx)(Kr,{})})]})})})]})})}function ji({onNavigateBack:e}){let{t}=v(`openhands`),{setIsRightPanelShown:n,setHasRightPanelToggled:r,setSelectedTab:i}=K();return Q.useLayoutEffect(()=>(n(!0),r(!0),K.getState().selectedTab||i(`files`),()=>{n(!1),r(!1)}),[n,r,i]),(0,$.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col bg-[var(--oh-surface)]`,children:[(0,$.jsxs)(`div`,{"data-testid":`conversation-mobile-panel-top`,className:`flex h-10 min-h-10 shrink-0 items-center gap-1.5 border-b border-[var(--oh-border)] pl-2.5`,children:[(0,$.jsx)(`button`,{type:`button`,"data-testid":`conversation-mobile-panel-back`,onClick:()=>{e()},"aria-label":t(h.COMMON$BACK),className:N,children:(0,$.jsx)(j,{size:20,className:M,"aria-hidden":!0,strokeWidth:2})}),(0,$.jsx)(`div`,{className:`flex min-h-0 min-w-0 flex-1 items-center self-stretch`,children:(0,$.jsx)(`div`,{"data-testid":`tabs-pane-header`,className:`flex h-full min-h-0 w-full min-w-0 flex-col justify-center`,children:(0,$.jsx)(Ti,{variant:`compact`})})})]}),(0,$.jsx)(`div`,{className:`flex min-h-0 flex-1 flex-col bg-[var(--oh-surface)]`,children:(0,$.jsx)(Kr,{})})]})}var Mi=1e3*60*5,Ni=1e3*60*15,Pi=e=>{let t=e||[],n=G();return c({queryKey:[`v1`,`sub-conversations`,t,n.backend.id,n.orgId],queryFn:async()=>t.length===0?[]:Me.batchGetAppConversations(t),enabled:t.length>0,staleTime:Mi,gcTime:Ni,retry:!1})};function Fi({children:e,conversationId:t}){let{data:n}=X(),{data:r}=Pi(n?.sub_conversation_ids??[]),i=r?.filter(e=>e!==null);return(0,$.jsx)(he,{conversationId:t,conversationUrl:n?.sandbox_status===`PAUSED`?null:n?.conversation_url,sessionApiKey:n?.session_api_key,subConversationIds:n?.sub_conversation_ids,subConversations:i,children:e})}function Ii(){let{t:e}=v(`openhands`),{conversationId:t}=Y(),n=r(`/conversations/:conversationId/panel`),{isTask:i,taskStatus:s,taskDetail:c}=Tt(),l=G(),u=Q.useRef(l.backend.id),d=Q.useRef(l.orgId),f=u.current!==l.backend.id||d.current!==l.orgId,{data:p,isFetched:m}=X(),{data:g}=nt(),{resetConversationState:_}=K(),y=a(),b=o(),x=en(e=>e.clearTerminal),S=yt(e=>e.reset),C=pn(e=>e.setCurrentAgentState),w=de(e=>e.removeErrorMessage);Q.useEffect(()=>{x(),_(),S(),C(U.LOADING),w()},[t,x,_,S,C,w]),Q.useEffect(()=>{if(i&&s===`ERROR`){L(c||e(h.CONVERSATION$FAILED_TO_START_FROM_TASK));let t=b.state?.resumedFromConversationId;y(t?`/conversations/${t}`:`/conversations`,{replace:!0})}},[i,s,c,e,y,b.state]),Q.useEffect(()=>{!m||!g||f||p||(yn(l.backend.id,l.orgId),L(e(h.CONVERSATION$NOT_EXIST_OR_NO_PERMISSION)),y(`/conversations`))},[p,m,g,y,e,f,l.backend.id,l.orgId]),Q.useEffect(()=>{f||t&&(t.startsWith(`task-`)||vn(l.backend.id,l.orgId,t))},[t,f,l.backend.id,l.orgId]);let T=Q.useRef(null);return Q.useEffect(()=>{!m||!p||l.backend.kind===`cloud`&&p.sandbox_status===`PAUSED`&&p.sandbox_id&&T.current!==p.id&&(T.current=p.id,je(p.sandbox_id).catch(()=>{L(e(h.CONVERSATION$FAILED_TO_START_FROM_TASK))}))},[m,p?.id,p?.sandbox_status,p?.sandbox_id,l.backend.kind,e]),(0,$.jsx)(Fi,{conversationId:t,children:(0,$.jsx)(Tn,{children:(0,$.jsx)(`div`,{"data-testid":`app-route`,className:`flex h-full flex-col`,children:n?(0,$.jsx)(ji,{onNavigateBack:()=>y(`/conversations/${t}`)}):(0,$.jsx)(Ai,{})})})})}function Li(){return(0,$.jsx)(Ii,{})}var Ri=i(Li);export{Ri as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e}from"./conversation-DVrKU0oz.js";export{e as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{t as e}from"./conversation-DVrKU0oz.js";export{e as default};
|
package/build/assets/{conversation-service.api-nb5W1PqR.js → conversation-service.api-CCfztilW.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as e,c as t,n,t as r}from"./agent-server-client-options-Bc5ZorQZ.js";import{i,r as a,s as o}from"./vendor~root-layout~home~conversation-panel~conversation~launch~extensions-hub~skills-settin~dp08i1qy-DTwbEEcX.js";import{a as s,n as c,t as l}from"./agent-server-conversation-service.api-
|
|
1
|
+
import{S as e,c as t,n,t as r}from"./agent-server-client-options-Bc5ZorQZ.js";import{i,r as a,s as o}from"./vendor~root-layout~home~conversation-panel~conversation~launch~extensions-hub~skills-settin~dp08i1qy-DTwbEEcX.js";import{a as s,n as c,t as l}from"./agent-server-conversation-service.api-C2V5SlHu.js";var u=/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;function d(e){let t=e.split(/[\\/]+/).filter(Boolean),n=t[t.length-1];if(!n||n===`.`||n===`..`)throw Error(`Invalid file name`);return n}function f(e){return e.startsWith(`/`)?e:`/${e}`}function p(e,t){let n=d(e);return`${f(t.replace(/\/+$/,``))}/${n}`}async function m(t,n){if(n?.id===t&&n.workspace?.working_dir?.trim())return n.workspace.working_dir.trim();let r=s(t);return r?.selected_workspace?.trim()?r.selected_workspace.trim():u.test(t)?l.resolveConversationWorkingDir(t):e()}var h=5;async function g(e,n){if(n?.id===e&&n.conversation_url?.trim()&&n.session_api_key?.trim())return{conversationUrl:n.conversation_url.trim(),sessionApiKey:n.session_api_key.trim()};if(t().backend.kind===`cloud`){let[t]=await c([e]);return{conversationUrl:t?.conversation_url?.trim()??null,sessionApiKey:t?.session_api_key?.trim()??null}}return{conversationUrl:null,sessionApiKey:null}}function _(e){if(!e.conversationUrl||!e.sessionApiKey)throw Error(`Conversation sandbox is still starting. Wait for it to finish, then try again.`);return{conversationUrl:e.conversationUrl,sessionApiKey:e.sessionApiKey}}async function v(e,n,r){let i=await m(e,r),a=await g(e,r),o=t().backend.kind===`cloud`,s=r?.id===e?r.session_api_key??a.sessionApiKey:a.sessionApiKey,c=r?.id===e?r.conversation_url??a.conversationUrl:a.conversationUrl;if(o){let e=_({conversationUrl:c,sessionApiKey:s});return y({files:n,workingDir:i,conversationUrl:e.conversationUrl,sessionApiKey:e.sessionApiKey})}return y({files:n,workingDir:i,conversationUrl:c,sessionApiKey:s})}async function y(e){let{files:t,workingDir:n,conversationUrl:i,sessionApiKey:o}=e,s=new a(r({conversationUrl:i,sessionApiKey:o,workingDir:n})),c=async e=>{try{let t=d(e.name),r=p(e.name,n);return await s.fileUpload(e,r),{uploadedFile:t,skippedFile:null}}catch(t){return{uploadedFile:null,skippedFile:{name:e.name,reason:t instanceof Error?t.message:`Upload failed`}}}},l=[];for(let e=0;e<t.length;e+=h){let n=t.slice(e,e+h);l.push(...await Promise.all(n.map(c)))}return{uploaded_files:l.flatMap(e=>e.uploadedFile?[e.uploadedFile]:[]),skipped_files:l.flatMap(e=>e.skippedFile?[e.skippedFile]:[])}}var b=class{static currentConversation=null;static setCurrentConversation(e){this.currentConversation=e}static getClientOverrides(){return{sessionApiKey:this.currentConversation?.session_api_key}}static async getVSCodeUrl(t){let n=this.currentConversation?.id===t?this.currentConversation?.workspace?.working_dir??e():e();return{vscode_url:await new o(r(this.getClientOverrides())).getUrl({baseUrl:typeof window<`u`?window.location.origin:void 0,workspaceDir:n})}}static async getTrajectory(e){return{trajectory:(await new i(n(this.getClientOverrides()),e).search({limit:1e4})).items??[]}}static async uploadFiles(e,t){return v(e,t,this.currentConversation)}};export{g as n,v as r,b as t};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{a as e}from"./rolldown-runtime-BFRubm34.js";import{t}from"./react-CM_dJw1Z.js";import{t as n}from"./vendor~root~root-layout~home~conversation-panel~conversation~launch~extensions-hub~skills-s~f2l2lr17-CDXvdvb2.js";import{i as r,l as i,n as a}from"./path-utils-YohAYyMv.js";import{t as o}from"./useMutation-DqrumCWD.js";import{o as s}from"./declaration-BNMqORFE.js";import{n as ee}from"./QueryClientProvider-CkGuhXg-.js";import{t as c}from"./createLucideIcon-Ddu8jDOQ.js";import{a as l,c as u,i as d,n as f,t as p}from"./agent-server-client-options-Bc5ZorQZ.js";import{n as m}from"./vendor~entry.client~root~root-layout~home~conversation-panel~conversation~launch~skills-set~jfc6hidu-VnmIZrq3.js";import{i as h}from"./vendor~root-layout~home~conversation-panel~conversation~launch~extensions-hub~skills-settin~dp08i1qy-DTwbEEcX.js";import{o as g,t as _}from"./agent-server-conversation-service.api-DFvqqEDo.js";import{t as v}from"./proxy-CxydCnis.js";import{t as y}from"./react-Do0CT17Y.js";import{n as b}from"./middleware-BC9EwbB9.js";import{a as te}from"./conversation-local-storage-UYl-SX-r.js";import{t as x}from"./conversation-store-Z5iMCRpc.js";import{t as S}from"./v4-CNn21NXa.js";import{t as C}from"./use-user-conversation-DfgEB6RW.js";import{t as ne}from"./conversation-state-store-u5jepov0.js";import{C as w,_ as T,a as E,b as re,c as ie,d as ae,f as oe,g as se,h as ce,i as D,l as le,m as ue,o as de,p as fe,r as O,s as pe,t as k,u as me,v as A,x as he,y as ge}from"./use-event-store-BT_gV3ut.js";import{t as _e}from"./command-store-DFN_17p1.js";import{t as j}from"./browser-store-Couc4S5D.js";import{t as M}from"./files-tab-store-CDyVTXNT.js";var N=c(`loader-circle`,[[`path`,{d:`M21 12a9 9 0 1 1-6.219-8.56`,key:`13zald`}]]),P=e(t(),1),ve=(e,t)=>{let[n,r]=P.useState(!1),[i,a]=P.useState(null),[o,s]=P.useState([]),[ee,c]=P.useState(null),[l,u]=P.useState(!1),d=P.useRef(null),f=P.useRef(0),p=P.useRef(null),m=P.useRef(!0),h=P.useRef(new WeakSet),g=P.useRef(t);P.useEffect(()=>{g.current=t},[t]);let _=P.useCallback(()=>{let t=e;if(g.current?.queryParams){let n=Object.entries(g.current.queryParams).reduce((e,[t,n])=>(e[t]=String(n),e),{});t=`${e}?${new URLSearchParams(n).toString()}`}let n=new WebSocket(t);d.current=n,h.current.add(n),n.onopen=e=>{r(!0),c(null),u(!1),f.current=0,g.current?.onOpen?.(e)},n.onmessage=e=>{a(e.data),s(t=>[...t,e.data]),g.current?.onMessage?.(e)},n.onclose=e=>{let t=h.current.has(n);r(!1),e.code!==1e3&&(c(Error(`WebSocket closed with code ${e.code}: ${e.reason||`Connection closed unexpectedly`}`)),t&&g.current?.onError?.(e)),g.current?.onClose?.(e);let i=g.current?.reconnect?.enabled??!1,a=g.current?.reconnect?.maxAttempts??1/0;i&&t&&m.current&&f.current<a?(u(!0),f.current+=1,p.current=setTimeout(()=>{_()},3e3)):u(!1)},n.onerror=e=>{r(!1),g.current?.onError?.(e)}},[e]);P.useEffect(()=>(m.current=!0,f.current=0,e&&e.trim()!==``&&_(),()=>{if(m.current=!1,p.current&&=(clearTimeout(p.current),null),d.current){let{readyState:e}=d.current;h.current.delete(d.current),(e===WebSocket.CONNECTING||e===WebSocket.OPEN)&&d.current.close(),d.current=null}}),[e,_]);let v=P.useCallback(e=>{d.current?.readyState===WebSocket.OPEN&&d.current.send(e)},[]),y=P.useCallback(()=>{m.current=!1,u(!1),p.current&&=(clearTimeout(p.current),null),d.current&&(h.current.delete(d.current),d.current.close())},[]),b=P.useCallback(()=>{if(m.current=!0,f.current=0,u(!0),c(null),p.current&&=(clearTimeout(p.current),null),d.current){let e=d.current;h.current.delete(e),d.current=null,(e.readyState===WebSocket.CONNECTING||e.readyState===WebSocket.OPEN)&&e.close()}_()},[_]);return{isConnected:n,lastMessage:i,messages:o,error:ee,socket:d.current,sendMessage:v,isReconnecting:l,attemptCount:f.current,disconnect:y,reconnect:b}},F=`Unable to connect to server`,I={errorMessage:null,errorType:null},ye=y(e=>({...I,setErrorMessage:(t,n=`conversation`)=>e(()=>({errorMessage:t,errorType:n})),removeErrorMessage:()=>e(()=>({errorMessage:null,errorType:null})),clearConnectionError:()=>e(e=>e.errorType===`connection`?{errorMessage:null,errorType:null}:e)})),L=15e4,R={pendingMessages:[]},z=()=>`pending-${Date.now()}-${Math.random().toString(36).slice(2,10)}`,be=y((e,t)=>({...R,enqueuePendingMessage:n=>{let r=z(),i={id:r,conversationId:n.conversationId,text:n.text,content:n.content??n.text,status:`sending`,imageUrls:n.imageUrls??[],fileUrls:n.fileUrls??[],timestamp:n.timestamp??new Date().toISOString()};return e(e=>({pendingMessages:[...e.pendingMessages,i]})),setTimeout(()=>{t().pendingMessages.find(e=>e.id===r)?.status===`sending`&&t().markPendingMessageError(r,`Send timed out`)},L),r},markPendingMessageError:(t,n)=>e(e=>({pendingMessages:e.pendingMessages.map(e=>e.id===t?{...e,status:`error`,errorMessage:n}:e)})),markPendingMessageSending:t=>e(e=>({pendingMessages:e.pendingMessages.map(e=>e.id===t?{...e,status:`sending`,errorMessage:void 0}:e)})),removePendingMessage:t=>e(e=>({pendingMessages:e.pendingMessages.filter(e=>e.id!==t)})),consumeMatchingPendingMessage:(t,n)=>{let r=null;return e(e=>{let i=e.pendingMessages.map((e,t)=>({m:e,i:t})).filter(({m:e})=>e.status===`sending`&&e.conversationId===t);if(i.length===0)return e;let a=i.find(({m:e})=>e.content===n)??i[0];return r=a.m,{pendingMessages:[...e.pendingMessages.slice(0,a.i),...e.pendingMessages.slice(a.i+1)]}}),r},clearPendingMessages:()=>e(()=>({...R})),reassignPendingMessages:(t,n)=>e(e=>({pendingMessages:e.pendingMessages.map(e=>e.conversationId===t?{...e,conversationId:n}:e)}))})),B=new Set([`files`,`browser`,`vscode`,`terminal`,`planner`,`tasklist`]);function V(e){let t=x.getState();t.setSelectedTab(e),t.isRightPanelShown||(t.setHasRightPanelToggled(!0),t.setIsRightPanelShown(!0))}function H(e){return B.has(e)}function xe(e){switch(e.command){case`navigate_to_file`:case`show_preview`:V(`files`),e.path&&M.getState().setSelectedPath(e.path);return;case`open_tab`:e.tab&&H(e.tab)?V(e.tab):e.tab&&console.warn(`[canvas_ui] Ignoring open_tab with unknown tab: ${e.tab}`);return}}var U=(e,t,n)=>({entriesByConversation:{...e.entriesByConversation,[t]:[...e.entriesByConversation[t]??[],n]}}),W=y()(b(e=>({entriesByConversation:{},activeProfileByConversation:{},show:(t,n,r)=>e(e=>U(e,t,{id:S(),anchorEventId:n,profiles:r})),recordSwitch:(t,n,r)=>e(e=>({...U(e,t,{id:S(),anchorEventId:n,profiles:[],switchedTo:r}),activeProfileByConversation:{...e.activeProfileByConversation,[t]:r}})),clearActiveProfile:t=>e(e=>{if(!(t in e.activeProfileByConversation))return e;let n={...e.activeProfileByConversation};return delete n[t],{activeProfileByConversation:n}}),clear:t=>e(e=>{let n={...e.entriesByConversation};delete n[t];let r={...e.activeProfileByConversation};return delete r[t],{entriesByConversation:n,activeProfileByConversation:r}}),clearAll:()=>e({entriesByConversation:{},activeProfileByConversation:{}})}),{name:`ModelStore`})),Se=(e,t,n)=>{let{action:r}=e;if((r.kind===`StrReplaceEditorAction`||r.kind===`FileEditorAction`||r.kind===`ExecuteBashAction`)&&n.invalidateQueries({queryKey:[`file_changes`,t]},{cancelRefetch:!1}),(r.kind===`StrReplaceEditorAction`||r.kind===`FileEditorAction`)&&r.path){let e=a(r.path);n.invalidateQueries({queryKey:[`file_diff`,t,e]})}e.tool_name===`SwitchLLMTool`&&(n.invalidateQueries({queryKey:[`user`,`conversation`,t]}),W.getState().clearActiveProfile(t))},Ce=class{static async respondToConfirmation(e,t,n,r){let i=u().backend;return i.kind===`cloud`?v({backend:i,method:`POST`,hostOverride:d(t),path:`/api/conversations/${e}/events/respond_to_confirmation`,body:n,authMode:`session-api-key`,sessionApiKey:r}):new g(p({conversationUrl:t,sessionApiKey:r})).respondToConfirmation(e,n)}static async getEventCount(e,t,n){let r=u().backend;return r.kind===`cloud`?v({backend:r,method:`GET`,hostOverride:d(t),path:`/api/conversations/${e}/events/count`,authMode:`session-api-key`,sessionApiKey:n}):new g(p({conversationUrl:t,sessionApiKey:n})).getEventCount(e)}static async searchEvents(e,t,n,r={}){let i=u().backend,a=r.limit??100;if(i.kind===`cloud`){let t=Math.min(a,100),n=!!(r.sortOrder||r.pageId||r.timestampGte||r.timestampLt),o=new URLSearchParams;o.set(`limit`,String(t)),r.sortOrder&&o.set(`sort_order`,r.sortOrder),r.pageId&&o.set(`page_id`,r.pageId),r.timestampGte&&o.set(`timestamp__gte`,r.timestampGte),r.timestampLt&&o.set(`timestamp__lt`,r.timestampLt);let s=t=>v({backend:i,method:`GET`,path:`/api/v1/conversation/${e}/events/search?${t.toString()}`});try{let e=await s(o);return{items:e?.items??[],next_page_id:e?.next_page_id??null}}catch(e){if(!n)throw e;return console.warn(`[EventService] Cloud backend doesn't support pagination filters. Falling back to initial load only. Server needs OpenHands/OpenHands#14399.`),{items:[],next_page_id:null}}}let o=await new h(f({conversationUrl:t,sessionApiKey:n}),e).search({limit:a,...r.pageId?{page_id:r.pageId}:{},...r.sortOrder?{sort_order:r.sortOrder}:{},...r.timestampGte?{timestamp__gte:r.timestampGte}:{},...r.timestampLt?{timestamp__lt:r.timestampLt}:{}});return{items:o?.items??[],next_page_id:o?.next_page_id??null}}};function G({message:e,source:t,metadata:n={},posthog:r}){if(!r)return;let i=Error(e);r.captureException(i,{error_source:t||`unknown`,...n})}var we=()=>o({mutationKey:[`read-conversation-file`],mutationFn:async({conversationId:e,filePath:t})=>_.readConversationFile(e,t)}),Te=y(e=>({cost:null,max_budget_per_task:null,usage:null,setMetrics:t=>e(t)})),Ee=e=>{let{data:t}=C(e??null);return n({queryKey:[`conversation-history`,e,t?.conversation_url??null,t?.session_api_key??null],enabled:!!e&&!!t,queryFn:async()=>{if(!e)return{events:[],hasMore:!1,nextPageId:null};let n=await Ce.searchEvents(e,t?.conversation_url??null,t?.session_api_key??null,{limit:50,sortOrder:`TIMESTAMP_DESC`});if(!Array.isArray(n.items))throw Error(`Invalid conversation history response: expected page.items to be an array.`);return{events:[...n.items].reverse(),hasMore:!!n.next_page_id||n.items.length>=50,nextPageId:n.next_page_id??null}},staleTime:1/0,gcTime:1800*1e3})},K=e=>{if(ae(e))return!1;if(D(e)){let t=e.action.kind;return!(!t||t===`ExecuteBashAction`&&e.source===`user`||t===`PlanningFileEditorAction`||t===`SwitchLLMAction`)}return A(e)?!(e.observation.kind===`SwitchLLMObservation`&&!e.observation.is_error):T(e)||E(e)||se(e)?!0:O(e)?e.status===`completed`||e.status===`failed`:!1},De=e=>e.some(e=>e.source===`user`),q=()=>{let{uiEvents:e}=k.getState();for(let t=e.length-1;t>=0;--t){let n=e[t];if(K(n))return String(n.id)}return null};function Oe(e,t,n=q()){W.getState().recordSwitch(e,n,t)}var ke=s(),Ae=(0,P.createContext)(void 0);function je(e){return e.llm_message.content.filter(e=>e.type===`text`).map(e=>e.text).join(``)}function J({children:e,conversationId:t,conversationUrl:n,sessionApiKey:a,subConversations:o,subConversationIds:s}){let[c,u]=(0,P.useState)(`CONNECTING`),[d,f]=(0,P.useState)(`CONNECTING`),h=P.useRef(!1),_=P.useRef(!1),v=m(),y=ee(),b=k(e=>e.addEvent),S=k(e=>e.addEvents),C=k(e=>e.clearEventsForConversation),{setErrorMessage:T,removeErrorMessage:se,clearConnectionError:O}=ye(),A=be(e=>e.consumeMatchingPendingMessage),{setExecutionStatus:M}=ne(),{appendInput:N,appendOutput:I}=_e(),L=j(e=>e.reset),[R,z]=(0,P.useState)(!0),[B,V]=(0,P.useState)(null),{setPlanContent:H}=x(),{mutate:U}=we(),W=(0,P.useRef)(0),K=(0,P.useRef)(null),De=e=>e?.toUpperCase().endsWith(`PLAN.MD`)??!1,q=(0,P.useCallback)(()=>{O()},[O]),J=(0,P.useCallback)(e=>{if(e.value.usage_to_metrics?.agent){let t=e.value.usage_to_metrics.agent,n={cost:t.accumulated_cost,max_budget_per_task:t.max_budget_per_task??null,usage:t.accumulated_token_usage?{prompt_tokens:t.accumulated_token_usage.prompt_tokens,completion_tokens:t.accumulated_token_usage.completion_tokens,cache_read_tokens:t.accumulated_token_usage.cache_read_tokens,cache_write_tokens:t.accumulated_token_usage.cache_write_tokens,context_window:t.accumulated_token_usage.context_window,per_turn_token:t.accumulated_token_usage.per_turn_token}:null};Te.getState().setMetrics(n)}},[]),{data:Y,isPending:X,isError:Me}=Ee(t),Ne=!!t&&X;(0,P.useLayoutEffect)(()=>{let e=t??null;k.getState().loadedConversationId!==e&&(C(e),L())},[t,C,L]),(0,P.useLayoutEffect)(()=>{if(!(!Y||Y.events.length===0)&&(S(Y.events),t))for(let e of Y.events)w(e)&&A(t,je(e))},[Y,S,t,A]);let Pe=(0,P.useMemo)(()=>{if(X)return null;let e=Y?.events??[],t=e[e.length-1];return!t||!(`timestamp`in t)||!t.timestamp?null:t.timestamp},[Y,X]),Fe=(0,P.useMemo)(()=>!t||!n||X&&!Me?null:l(t,n),[t,n,X,Me]),Z=(0,P.useMemo)(()=>{if(!o?.length)return null;let e=o[0];return!e?.id||!e.conversation_url?null:l(e.id,e.conversation_url)},[o]),Ie=(0,P.useMemo)(()=>Z?c===`CONNECTING`||d===`CONNECTING`?`CONNECTING`:c===`OPEN`&&d===`OPEN`?`OPEN`:c===`CLOSED`&&d===`CLOSED`?`CLOSED`:c===`CLOSING`||d===`CLOSING`?`CLOSING`:`CLOSED`:c,[c,d,Z]);(0,P.useEffect)(()=>{B!==null&&W.current>=B&&R&&z(!1)},[B,R,W]),(0,P.useEffect)(()=>{if(!R&&K.current){let{path:e,conversationId:t}=K.current;U({conversationId:t,filePath:e},{onSuccess:e=>{H(e)},onError:e=>{console.warn(`Failed to read conversation file:`,e)}}),K.current=null}},[R,U,H]),(0,P.useEffect)(()=>{h.current=!1,z(!!s?.length),V(null),W.current=0,K.current=null},[s]),(0,P.useEffect)(()=>{h.current=!1,_.current=!1,K.current=null},[t]);let Le=(0,P.useMemo)(()=>Ne||R,[Ne,R]),Re=(0,P.useCallback)(e=>{try{let n=JSON.parse(e.data);if(de(n)){let e=!k.getState().eventIds.has(n.id)&&he(n)?n:null;if(b(n),oe(n)){let e=n;G({message:e.detail,source:`conversation`,metadata:{eventId:e.id,errorCode:e.code},posthog:v}),T(e.detail)}else q();if(E(n)&&G({message:n.error,source:`agent`,metadata:{eventId:n.id,toolName:n.tool_name,toolCallId:n.tool_call_id},posthog:v}),w(n)&&t&&(A(t,je(n)),te(t,{draftMessage:null})),D(n)&&Se(n,t||`test-conversation-id`,y),ae(n)&&(ce(n)&&M(n.value.execution_status),pe(n)&&M(n.value),re(n)&&J(n)),fe(n)&&N(n.action.command),ue(n)&&I(n.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
|
|
1
|
+
import{a as e}from"./rolldown-runtime-BFRubm34.js";import{t}from"./react-CM_dJw1Z.js";import{t as n}from"./vendor~root~root-layout~home~conversation-panel~conversation~launch~extensions-hub~skills-s~f2l2lr17-CDXvdvb2.js";import{i as r,l as i,n as a}from"./path-utils-C3bQf6lJ.js";import{t as o}from"./useMutation-DqrumCWD.js";import{o as s}from"./declaration-BNMqORFE.js";import{n as ee}from"./QueryClientProvider-CkGuhXg-.js";import{t as c}from"./createLucideIcon-Ddu8jDOQ.js";import{a as l,c as u,i as d,n as f,t as p}from"./agent-server-client-options-Bc5ZorQZ.js";import{n as m}from"./vendor~entry.client~root~root-layout~home~conversation-panel~conversation~launch~skills-set~jfc6hidu-VnmIZrq3.js";import{i as h}from"./vendor~root-layout~home~conversation-panel~conversation~launch~extensions-hub~skills-settin~dp08i1qy-DTwbEEcX.js";import{o as g,t as _}from"./agent-server-conversation-service.api-C2V5SlHu.js";import{t as v}from"./proxy-CxydCnis.js";import{t as y}from"./react-Do0CT17Y.js";import{n as b}from"./middleware-BC9EwbB9.js";import{a as te}from"./conversation-local-storage-UYl-SX-r.js";import{t as x}from"./conversation-store-Z5iMCRpc.js";import{t as S}from"./v4-CNn21NXa.js";import{t as C}from"./use-user-conversation-C6hrMMtn.js";import{t as ne}from"./conversation-state-store-u5jepov0.js";import{C as w,_ as T,a as E,b as re,c as ie,d as ae,f as oe,g as se,h as ce,i as D,l as le,m as ue,o as de,p as fe,r as O,s as pe,t as k,u as me,v as A,x as he,y as ge}from"./use-event-store-BT_gV3ut.js";import{t as _e}from"./command-store-DFN_17p1.js";import{t as j}from"./browser-store-Couc4S5D.js";import{t as M}from"./files-tab-store-CDyVTXNT.js";var N=c(`loader-circle`,[[`path`,{d:`M21 12a9 9 0 1 1-6.219-8.56`,key:`13zald`}]]),P=e(t(),1),ve=(e,t)=>{let[n,r]=P.useState(!1),[i,a]=P.useState(null),[o,s]=P.useState([]),[ee,c]=P.useState(null),[l,u]=P.useState(!1),d=P.useRef(null),f=P.useRef(0),p=P.useRef(null),m=P.useRef(!0),h=P.useRef(new WeakSet),g=P.useRef(t);P.useEffect(()=>{g.current=t},[t]);let _=P.useCallback(()=>{let t=e;if(g.current?.queryParams){let n=Object.entries(g.current.queryParams).reduce((e,[t,n])=>(e[t]=String(n),e),{});t=`${e}?${new URLSearchParams(n).toString()}`}let n=new WebSocket(t);d.current=n,h.current.add(n),n.onopen=e=>{r(!0),c(null),u(!1),f.current=0,g.current?.onOpen?.(e)},n.onmessage=e=>{a(e.data),s(t=>[...t,e.data]),g.current?.onMessage?.(e)},n.onclose=e=>{let t=h.current.has(n);r(!1),e.code!==1e3&&(c(Error(`WebSocket closed with code ${e.code}: ${e.reason||`Connection closed unexpectedly`}`)),t&&g.current?.onError?.(e)),g.current?.onClose?.(e);let i=g.current?.reconnect?.enabled??!1,a=g.current?.reconnect?.maxAttempts??1/0;i&&t&&m.current&&f.current<a?(u(!0),f.current+=1,p.current=setTimeout(()=>{_()},3e3)):u(!1)},n.onerror=e=>{r(!1),g.current?.onError?.(e)}},[e]);P.useEffect(()=>(m.current=!0,f.current=0,e&&e.trim()!==``&&_(),()=>{if(m.current=!1,p.current&&=(clearTimeout(p.current),null),d.current){let{readyState:e}=d.current;h.current.delete(d.current),(e===WebSocket.CONNECTING||e===WebSocket.OPEN)&&d.current.close(),d.current=null}}),[e,_]);let v=P.useCallback(e=>{d.current?.readyState===WebSocket.OPEN&&d.current.send(e)},[]),y=P.useCallback(()=>{m.current=!1,u(!1),p.current&&=(clearTimeout(p.current),null),d.current&&(h.current.delete(d.current),d.current.close())},[]),b=P.useCallback(()=>{if(m.current=!0,f.current=0,u(!0),c(null),p.current&&=(clearTimeout(p.current),null),d.current){let e=d.current;h.current.delete(e),d.current=null,(e.readyState===WebSocket.CONNECTING||e.readyState===WebSocket.OPEN)&&e.close()}_()},[_]);return{isConnected:n,lastMessage:i,messages:o,error:ee,socket:d.current,sendMessage:v,isReconnecting:l,attemptCount:f.current,disconnect:y,reconnect:b}},F=`Unable to connect to server`,I={errorMessage:null,errorType:null},ye=y(e=>({...I,setErrorMessage:(t,n=`conversation`)=>e(()=>({errorMessage:t,errorType:n})),removeErrorMessage:()=>e(()=>({errorMessage:null,errorType:null})),clearConnectionError:()=>e(e=>e.errorType===`connection`?{errorMessage:null,errorType:null}:e)})),L=15e4,R={pendingMessages:[]},z=()=>`pending-${Date.now()}-${Math.random().toString(36).slice(2,10)}`,be=y((e,t)=>({...R,enqueuePendingMessage:n=>{let r=z(),i={id:r,conversationId:n.conversationId,text:n.text,content:n.content??n.text,status:`sending`,imageUrls:n.imageUrls??[],fileUrls:n.fileUrls??[],timestamp:n.timestamp??new Date().toISOString()};return e(e=>({pendingMessages:[...e.pendingMessages,i]})),setTimeout(()=>{t().pendingMessages.find(e=>e.id===r)?.status===`sending`&&t().markPendingMessageError(r,`Send timed out`)},L),r},markPendingMessageError:(t,n)=>e(e=>({pendingMessages:e.pendingMessages.map(e=>e.id===t?{...e,status:`error`,errorMessage:n}:e)})),markPendingMessageSending:t=>e(e=>({pendingMessages:e.pendingMessages.map(e=>e.id===t?{...e,status:`sending`,errorMessage:void 0}:e)})),removePendingMessage:t=>e(e=>({pendingMessages:e.pendingMessages.filter(e=>e.id!==t)})),consumeMatchingPendingMessage:(t,n)=>{let r=null;return e(e=>{let i=e.pendingMessages.map((e,t)=>({m:e,i:t})).filter(({m:e})=>e.status===`sending`&&e.conversationId===t);if(i.length===0)return e;let a=i.find(({m:e})=>e.content===n)??i[0];return r=a.m,{pendingMessages:[...e.pendingMessages.slice(0,a.i),...e.pendingMessages.slice(a.i+1)]}}),r},clearPendingMessages:()=>e(()=>({...R})),reassignPendingMessages:(t,n)=>e(e=>({pendingMessages:e.pendingMessages.map(e=>e.conversationId===t?{...e,conversationId:n}:e)}))})),B=new Set([`files`,`browser`,`vscode`,`terminal`,`planner`,`tasklist`]);function V(e){let t=x.getState();t.setSelectedTab(e),t.isRightPanelShown||(t.setHasRightPanelToggled(!0),t.setIsRightPanelShown(!0))}function H(e){return B.has(e)}function xe(e){switch(e.command){case`navigate_to_file`:case`show_preview`:V(`files`),e.path&&M.getState().setSelectedPath(e.path);return;case`open_tab`:e.tab&&H(e.tab)?V(e.tab):e.tab&&console.warn(`[canvas_ui] Ignoring open_tab with unknown tab: ${e.tab}`);return}}var U=(e,t,n)=>({entriesByConversation:{...e.entriesByConversation,[t]:[...e.entriesByConversation[t]??[],n]}}),W=y()(b(e=>({entriesByConversation:{},activeProfileByConversation:{},show:(t,n,r)=>e(e=>U(e,t,{id:S(),anchorEventId:n,profiles:r})),recordSwitch:(t,n,r)=>e(e=>({...U(e,t,{id:S(),anchorEventId:n,profiles:[],switchedTo:r}),activeProfileByConversation:{...e.activeProfileByConversation,[t]:r}})),clearActiveProfile:t=>e(e=>{if(!(t in e.activeProfileByConversation))return e;let n={...e.activeProfileByConversation};return delete n[t],{activeProfileByConversation:n}}),clear:t=>e(e=>{let n={...e.entriesByConversation};delete n[t];let r={...e.activeProfileByConversation};return delete r[t],{entriesByConversation:n,activeProfileByConversation:r}}),clearAll:()=>e({entriesByConversation:{},activeProfileByConversation:{}})}),{name:`ModelStore`})),Se=(e,t,n)=>{let{action:r}=e;if((r.kind===`StrReplaceEditorAction`||r.kind===`FileEditorAction`||r.kind===`ExecuteBashAction`)&&n.invalidateQueries({queryKey:[`file_changes`,t]},{cancelRefetch:!1}),(r.kind===`StrReplaceEditorAction`||r.kind===`FileEditorAction`)&&r.path){let e=a(r.path);n.invalidateQueries({queryKey:[`file_diff`,t,e]})}e.tool_name===`SwitchLLMTool`&&(n.invalidateQueries({queryKey:[`user`,`conversation`,t]}),W.getState().clearActiveProfile(t))},Ce=class{static async respondToConfirmation(e,t,n,r){let i=u().backend;return i.kind===`cloud`?v({backend:i,method:`POST`,hostOverride:d(t),path:`/api/conversations/${e}/events/respond_to_confirmation`,body:n,authMode:`session-api-key`,sessionApiKey:r}):new g(p({conversationUrl:t,sessionApiKey:r})).respondToConfirmation(e,n)}static async getEventCount(e,t,n){let r=u().backend;return r.kind===`cloud`?v({backend:r,method:`GET`,hostOverride:d(t),path:`/api/conversations/${e}/events/count`,authMode:`session-api-key`,sessionApiKey:n}):new g(p({conversationUrl:t,sessionApiKey:n})).getEventCount(e)}static async searchEvents(e,t,n,r={}){let i=u().backend,a=r.limit??100;if(i.kind===`cloud`){let t=Math.min(a,100),n=!!(r.sortOrder||r.pageId||r.timestampGte||r.timestampLt),o=new URLSearchParams;o.set(`limit`,String(t)),r.sortOrder&&o.set(`sort_order`,r.sortOrder),r.pageId&&o.set(`page_id`,r.pageId),r.timestampGte&&o.set(`timestamp__gte`,r.timestampGte),r.timestampLt&&o.set(`timestamp__lt`,r.timestampLt);let s=t=>v({backend:i,method:`GET`,path:`/api/v1/conversation/${e}/events/search?${t.toString()}`});try{let e=await s(o);return{items:e?.items??[],next_page_id:e?.next_page_id??null}}catch(e){if(!n)throw e;return console.warn(`[EventService] Cloud backend doesn't support pagination filters. Falling back to initial load only. Server needs OpenHands/OpenHands#14399.`),{items:[],next_page_id:null}}}let o=await new h(f({conversationUrl:t,sessionApiKey:n}),e).search({limit:a,...r.pageId?{page_id:r.pageId}:{},...r.sortOrder?{sort_order:r.sortOrder}:{},...r.timestampGte?{timestamp__gte:r.timestampGte}:{},...r.timestampLt?{timestamp__lt:r.timestampLt}:{}});return{items:o?.items??[],next_page_id:o?.next_page_id??null}}};function G({message:e,source:t,metadata:n={},posthog:r}){if(!r)return;let i=Error(e);r.captureException(i,{error_source:t||`unknown`,...n})}var we=()=>o({mutationKey:[`read-conversation-file`],mutationFn:async({conversationId:e,filePath:t})=>_.readConversationFile(e,t)}),Te=y(e=>({cost:null,max_budget_per_task:null,usage:null,setMetrics:t=>e(t)})),Ee=e=>{let{data:t}=C(e??null);return n({queryKey:[`conversation-history`,e,t?.conversation_url??null,t?.session_api_key??null],enabled:!!e&&!!t,queryFn:async()=>{if(!e)return{events:[],hasMore:!1,nextPageId:null};let n=await Ce.searchEvents(e,t?.conversation_url??null,t?.session_api_key??null,{limit:50,sortOrder:`TIMESTAMP_DESC`});if(!Array.isArray(n.items))throw Error(`Invalid conversation history response: expected page.items to be an array.`);return{events:[...n.items].reverse(),hasMore:!!n.next_page_id||n.items.length>=50,nextPageId:n.next_page_id??null}},staleTime:1/0,gcTime:1800*1e3})},K=e=>{if(ae(e))return!1;if(D(e)){let t=e.action.kind;return!(!t||t===`ExecuteBashAction`&&e.source===`user`||t===`PlanningFileEditorAction`||t===`SwitchLLMAction`)}return A(e)?!(e.observation.kind===`SwitchLLMObservation`&&!e.observation.is_error):T(e)||E(e)||se(e)?!0:O(e)?e.status===`completed`||e.status===`failed`:!1},De=e=>e.some(e=>e.source===`user`),q=()=>{let{uiEvents:e}=k.getState();for(let t=e.length-1;t>=0;--t){let n=e[t];if(K(n))return String(n.id)}return null};function Oe(e,t,n=q()){W.getState().recordSwitch(e,n,t)}var ke=s(),Ae=(0,P.createContext)(void 0);function je(e){return e.llm_message.content.filter(e=>e.type===`text`).map(e=>e.text).join(``)}function J({children:e,conversationId:t,conversationUrl:n,sessionApiKey:a,subConversations:o,subConversationIds:s}){let[c,u]=(0,P.useState)(`CONNECTING`),[d,f]=(0,P.useState)(`CONNECTING`),h=P.useRef(!1),_=P.useRef(!1),v=m(),y=ee(),b=k(e=>e.addEvent),S=k(e=>e.addEvents),C=k(e=>e.clearEventsForConversation),{setErrorMessage:T,removeErrorMessage:se,clearConnectionError:O}=ye(),A=be(e=>e.consumeMatchingPendingMessage),{setExecutionStatus:M}=ne(),{appendInput:N,appendOutput:I}=_e(),L=j(e=>e.reset),[R,z]=(0,P.useState)(!0),[B,V]=(0,P.useState)(null),{setPlanContent:H}=x(),{mutate:U}=we(),W=(0,P.useRef)(0),K=(0,P.useRef)(null),De=e=>e?.toUpperCase().endsWith(`PLAN.MD`)??!1,q=(0,P.useCallback)(()=>{O()},[O]),J=(0,P.useCallback)(e=>{if(e.value.usage_to_metrics?.agent){let t=e.value.usage_to_metrics.agent,n={cost:t.accumulated_cost,max_budget_per_task:t.max_budget_per_task??null,usage:t.accumulated_token_usage?{prompt_tokens:t.accumulated_token_usage.prompt_tokens,completion_tokens:t.accumulated_token_usage.completion_tokens,cache_read_tokens:t.accumulated_token_usage.cache_read_tokens,cache_write_tokens:t.accumulated_token_usage.cache_write_tokens,context_window:t.accumulated_token_usage.context_window,per_turn_token:t.accumulated_token_usage.per_turn_token}:null};Te.getState().setMetrics(n)}},[]),{data:Y,isPending:X,isError:Me}=Ee(t),Ne=!!t&&X;(0,P.useLayoutEffect)(()=>{let e=t??null;k.getState().loadedConversationId!==e&&(C(e),L())},[t,C,L]),(0,P.useLayoutEffect)(()=>{if(!(!Y||Y.events.length===0)&&(S(Y.events),t))for(let e of Y.events)w(e)&&A(t,je(e))},[Y,S,t,A]);let Pe=(0,P.useMemo)(()=>{if(X)return null;let e=Y?.events??[],t=e[e.length-1];return!t||!(`timestamp`in t)||!t.timestamp?null:t.timestamp},[Y,X]),Fe=(0,P.useMemo)(()=>!t||!n||X&&!Me?null:l(t,n),[t,n,X,Me]),Z=(0,P.useMemo)(()=>{if(!o?.length)return null;let e=o[0];return!e?.id||!e.conversation_url?null:l(e.id,e.conversation_url)},[o]),Ie=(0,P.useMemo)(()=>Z?c===`CONNECTING`||d===`CONNECTING`?`CONNECTING`:c===`OPEN`&&d===`OPEN`?`OPEN`:c===`CLOSED`&&d===`CLOSED`?`CLOSED`:c===`CLOSING`||d===`CLOSING`?`CLOSING`:`CLOSED`:c,[c,d,Z]);(0,P.useEffect)(()=>{B!==null&&W.current>=B&&R&&z(!1)},[B,R,W]),(0,P.useEffect)(()=>{if(!R&&K.current){let{path:e,conversationId:t}=K.current;U({conversationId:t,filePath:e},{onSuccess:e=>{H(e)},onError:e=>{console.warn(`Failed to read conversation file:`,e)}}),K.current=null}},[R,U,H]),(0,P.useEffect)(()=>{h.current=!1,z(!!s?.length),V(null),W.current=0,K.current=null},[s]),(0,P.useEffect)(()=>{h.current=!1,_.current=!1,K.current=null},[t]);let Le=(0,P.useMemo)(()=>Ne||R,[Ne,R]),Re=(0,P.useCallback)(e=>{try{let n=JSON.parse(e.data);if(de(n)){let e=!k.getState().eventIds.has(n.id)&&he(n)?n:null;if(b(n),oe(n)){let e=n;G({message:e.detail,source:`conversation`,metadata:{eventId:e.id,errorCode:e.code},posthog:v}),T(e.detail)}else q();if(E(n)&&G({message:n.error,source:`agent`,metadata:{eventId:n.id,toolName:n.tool_name,toolCallId:n.tool_call_id},posthog:v}),w(n)&&t&&(A(t,je(n)),te(t,{draftMessage:null})),D(n)&&Se(n,t||`test-conversation-id`,y),ae(n)&&(ce(n)&&M(n.value.execution_status),pe(n)&&M(n.value),re(n)&&J(n)),fe(n)&&N(n.action.command),ue(n)&&I(n.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
|
|
2
2
|
`)),le(n)){let{screenshot_data:e}=n.observation;if(e){let t=e.startsWith(`data:`)?e:`data:image/png;base64,${e}`;j.getState().setScreenshotSrc(t)}}ie(n)&&j.getState().setUrl(n.action.url),t&&e&&!e.observation.is_error&&(Oe(t,e.observation.profile_name),e.observation.active_model&&i(y,t,e.observation.active_model),r(y,t)),me(n)&&xe(n.action)}}catch(e){console.warn(`Failed to parse WebSocket message as JSON:`,e)}},[b,T,A,y,t,M,N,I,J,q,v]),ze=(0,P.useCallback)(e=>{try{let n=JSON.parse(e.data);if(R&&(W.current+=1,B!==null&&W.current>=B&&z(!1)),de(n)){if(b({...n,isFromPlanningAgent:!0}),oe(n)){let e=n;G({message:e.detail,source:`planning_conversation`,metadata:{eventId:e.id,errorCode:e.code},posthog:v}),T(e.detail)}else q();if(E(n)&&G({message:n.error,source:`planning_agent`,metadata:{eventId:n.id,toolName:n.tool_name,toolCallId:n.tool_call_id},posthog:v}),w(n)&&t&&(A(t,je(n)),te(t,{draftMessage:null})),D(n)&&Se(n,o?.[0]?.id||`test-conversation-id`,y),ae(n)&&(ce(n)&&M(n.value.execution_status),pe(n)&&M(n.value),re(n)&&J(n)),fe(n)&&N(n.action.command),ue(n)&&I(n.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
|
|
3
3
|
`)),ge(n)){let{path:e}=n.observation;if(De(e)){let t=o?.[0]?.id;t&&e&&(R?K.current={path:e,conversationId:t}:U({conversationId:t,filePath:e},{onSuccess:e=>{H(e)},onError:e=>{console.warn(`Failed to read conversation file:`,e)}}))}}}}catch(e){console.warn(`Failed to parse WebSocket message as JSON:`,e)}},[b,R,B,T,A,y,o,t,M,N,I,U,H,J,q,v]),Be=(0,P.useMemo)(()=>{let e=Pe?{resend_mode:`since`,after_timestamp:Pe}:{resend_mode:`all`};return a&&(e.session_api_key=a),{queryParams:e,reconnect:{enabled:!0},onOpen:()=>{u(`OPEN`),h.current=!0,O()},onClose:()=>{u(`CLOSED`)},onError:()=>{u(`CLOSED`),h.current&&T(F,`connection`)},onMessage:Re}},[Re,T,O,a,Pe]),Ve=(0,P.useMemo)(()=>{let e={resend_all:!0};a&&(e.session_api_key=a);let t=o?.[0];return{queryParams:e,reconnect:{enabled:!0},onOpen:async()=>{if(f(`OPEN`),_.current=!0,O(),t?.id&&t.conversation_url)try{let e=await Ce.getEventCount(t.id,t.conversation_url,t.session_api_key);V(e),e===0&&z(!1)}catch{z(!1)}},onClose:()=>{f(`CLOSED`)},onError:()=>{f(`CLOSED`),_.current&&T(F,`connection`)},onMessage:ze}},[ze,T,O,a,o]),{socket:Q,reconnect:He}=ve(Fe||``,Be),{socket:$,reconnect:Ue}=ve(Z||``,Ve),We=(0,P.useCallback)(()=>{if(se(),x.getState().conversationMode===`plan`&&Z){Ue();return}He()},[Z,He,Ue,se]),Ge=(0,P.useCallback)(async e=>{let n=x.getState().conversationMode===`plan`?$:Q;if(n?.readyState!==WebSocket.OPEN){if(!t){let e=Error(`No conversation ID available`);throw T(e.message),e}try{return await new g(p()).sendEvent(t,{role:`user`,content:e.content},{run:!0}),{queued:!0}}catch(e){throw T(e instanceof Error?e.message:`Failed to queue message for delivery`),e}}try{return n.send(JSON.stringify({...e,run:!0})),{queued:!1}}catch(e){throw T(e instanceof Error?e.message:`Failed to send message`),e}},[Q,$,T,t]);(0,P.useEffect)(()=>{Q&&Fe&&(()=>{switch(Q.readyState){case WebSocket.CONNECTING:u(`CONNECTING`);break;case WebSocket.OPEN:u(`OPEN`);break;case WebSocket.CLOSING:u(`CLOSING`);break;case WebSocket.CLOSED:u(`CLOSED`);break;default:u(`CLOSED`);break}})()},[Q,Fe]),(0,P.useEffect)(()=>{$&&Z&&(()=>{switch($.readyState){case WebSocket.CONNECTING:f(`CONNECTING`);break;case WebSocket.OPEN:f(`OPEN`);break;case WebSocket.CLOSING:f(`CLOSING`);break;case WebSocket.CLOSED:f(`CLOSED`);break;default:f(`CLOSED`);break}})()},[$,Z]);let Ke=(0,P.useMemo)(()=>({connectionState:Ie,sendMessage:Ge,isLoadingHistory:Le,reconnect:We}),[Ie,Ge,Le,We]);return(0,ke.jsx)(Ae.Provider,{value:Ke,children:e})}var Y=()=>(0,P.useContext)(Ae)||null;export{De as a,Te as c,be as d,ye as f,q as i,Ce as l,N as m,Y as n,K as o,F as p,Oe as r,Ee as s,J as t,W as u};
|