@openhands/agent-canvas 1.15.0 → 1.16.0

package/dist/contexts/conversation-websocket-context.cjs

@@ -1,4 +1,4 @@
-const e=require("../_virtual/_rolldown/runtime.cjs"),t=require("../stores/browser-store.cjs"),n=require("../stores/command-store.cjs"),ee=require("../utils/conversation-local-storage.cjs"),r=require("../stores/conversation-store.cjs"),te=require("../stores/conversation-state-store.cjs"),ne=require("../node_modules/@openhands/typescript-client/dist/client/conversation-client.cjs");require("../node_modules/@openhands/typescript-client/dist/clients.cjs");const re=require("../utils/websocket-url.cjs"),ie=require("../api/agent-server-client-options.cjs"),ae=require("../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),i=require("../types/agent-server/type-guards.cjs"),a=require("../stores/use-event-store.cjs"),o=require("../hooks/use-websocket.cjs"),oe=require("../constants/server-connection-error.cjs"),s=require("../stores/error-message-store.cjs"),se=require("../stores/optimistic-user-message-store.cjs"),c=require("../stores/goal-store.cjs"),ce=require("../utils/streaming-delta-batcher.cjs"),le=require("../services/canvas-ui.cjs"),l=require("../api/conversation-metadata-store.cjs"),ue=require("../services/child-conversation-launch.cjs"),de=require("../utils/cache-utils.cjs"),fe=require("../api/event-service/event-service.api.cjs"),u=require("../utils/error-handler.cjs"),pe=require("../hooks/mutation/use-read-conversation-file.cjs"),me=require("../stores/metrics-store.cjs"),he=require("../hooks/query/use-conversation-history.cjs"),ge=require("../hooks/chat/record-model-switch-message.cjs"),d=require("../hooks/mutation/conversation-mutation-utils.cjs");let f=require("react");f=e.__toESM(f,1);let _e=require("react/jsx-runtime");var p=(0,f.createContext)(void 0);function m(e){return e.llm_message.content.filter(e=>e.type===`text`).map(e=>e.text).join(``)}function h({children:e,conversationId:h,conversationUrl:g,sessionApiKey:_,subConversations:v,subConversationIds:ve}){let[y,b]=(0,f.useState)(`CONNECTING`),[x,S]=(0,f.useState)(`CONNECTING`),C=f.default.useRef(!1),w=f.default.useRef(!1),T=ae.useQueryClient(),E=a.useEventStore(e=>e.addEvent),ye=a.useEventStore(e=>e.addEvents),be=a.useEventStore(e=>e.clearEventsForConversation),{setErrorMessage:D,removeErrorMessage:O,clearConnectionError:k}=s.useErrorMessageStore(),A=se.useOptimisticUserMessageStore(e=>e.consumeMatchingPendingMessage),{setExecutionStatus:j}=te.useConversationStateStore(),{appendInput:M,appendOutput:N}=n.useCommandStore(),P=t.useBrowserStore(e=>e.reset),F=(0,f.useRef)(null);F.current===null&&(F.current=ce.createStreamingDeltaBatcher(e=>{a.useEventStore.getState().addEvent(e),s.useErrorMessageStore.getState().clearConnectionError()}));let I=(0,f.useRef)(null);I.current===null&&(I.current=ce.createStreamingDeltaBatcher(e=>{a.useEventStore.getState().addEvent({...e,isFromPlanningAgent:!0}),s.useErrorMessageStore.getState().clearConnectionError()}));let[L,R]=(0,f.useState)(!0),[z,xe]=(0,f.useState)(null),{setPlanContent:B}=r.useConversationStore(),{mutate:V}=pe.useReadConversationFile(),H=(0,f.useRef)(0),U=(0,f.useRef)(null),Se=e=>e?.toUpperCase().endsWith(`PLAN.MD`)??!1,W=(0,f.useCallback)(()=>{k()},[k]),G=(0,f.useCallback)(e=>{let t=e.value.usage_to_metrics;if(!t)return;let n=Object.values(t).reduce((e,t)=>{e.cost+=t.accumulated_cost,e.maxBudgetPerTask===null&&t.max_budget_per_task!==null&&(e.maxBudgetPerTask=t.max_budget_per_task);let n=t.accumulated_token_usage;return n&&(e.usage={prompt_tokens:(e.usage?.prompt_tokens??0)+n.prompt_tokens,completion_tokens:(e.usage?.completion_tokens??0)+n.completion_tokens,cache_read_tokens:(e.usage?.cache_read_tokens??0)+n.cache_read_tokens,cache_write_tokens:(e.usage?.cache_write_tokens??0)+n.cache_write_tokens,context_window:Math.max(e.usage?.context_window??0,n.context_window),per_turn_token:Math.max(e.usage?.per_turn_token??0,n.per_turn_token)}),e},{cost:0,maxBudgetPerTask:null,usage:null});me.default.getState().setMetrics({cost:n.cost,max_budget_per_task:n.maxBudgetPerTask,usage:n.usage})},[]),{data:K,isPending:q}=he.useConversationHistory(h),Ce=!!h&&q;(0,f.useLayoutEffect)(()=>{let e=h??null;a.useEventStore.getState().loadedConversationId!==e&&(be(e),P(),me.default.getState().resetMetrics())},[h,be,P]),(0,f.useLayoutEffect)(()=>{if(!(!K||K.events.length===0)&&(ye(K.events),h)){ge.seedModelSwitchesFromHistory(h,a.useEventStore.getState().uiEvents);for(let e of K.events)i.isUserMessageEvent(e)&&A(h,m(e))}},[K,ye,h,A]);let J=(0,f.useMemo)(()=>{let e=K?.events??[],t=e[e.length-1];return!t||!(`timestamp`in t)||!t.timestamp?null:t.timestamp},[K]),Y=(0,f.useMemo)(()=>!h||!g||q?null:re.buildWebSocketUrl(h,g),[h,g,q]),X=(0,f.useMemo)(()=>{if(!v?.length)return null;let e=v[0];return!e?.id||!e.conversation_url?null:re.buildWebSocketUrl(e.id,e.conversation_url)},[v]),we=(0,f.useMemo)(()=>X?y===`CONNECTING`||x===`CONNECTING`?`CONNECTING`:y===`OPEN`&&x===`OPEN`?`OPEN`:y===`CLOSED`&&x===`CLOSED`?`CLOSED`:y===`CLOSING`||x===`CLOSING`?`CLOSING`:`CLOSED`:y,[y,x,X]);(0,f.useEffect)(()=>{z!==null&&H.current>=z&&L&&R(!1)},[z,L,H]),(0,f.useEffect)(()=>{if(!L&&U.current){let{path:e,conversationId:t}=U.current;V({conversationId:t,filePath:e},{onSuccess:e=>{B(e)},onError:e=>{console.warn(`Failed to read conversation file:`,e)}}),U.current=null}},[L,V,B]),(0,f.useEffect)(()=>{C.current=!1,R(!!ve?.length),xe(null),H.current=0,U.current=null},[ve]),(0,f.useEffect)(()=>{C.current=!1,w.current=!1,U.current=null},[h]),(0,f.useEffect)(()=>{let e=F.current,t=I.current;return()=>{e?.reset(),t?.reset()}},[h]);let Te=(0,f.useMemo)(()=>Ce||L,[Ce,L]),Ee=(0,f.useCallback)(e=>{try{let n=JSON.parse(e.data);if(i.isAgentServerEvent(n)){if(i.isStreamingDeltaEvent(n)){F.current?.enqueue(n);return}F.current?.flush();let e=a.useEventStore.getState().eventIds.has(n.id??``),r=i.isSwitchLLMObservationEvent(n)?n:null;if(E(n),e)return;if(i.isDisplayableErrorEvent(n)){let e=n,t=`classification`in e?e.classification:null;u.trackError({source:`conversation`,metadata:{eventId:e.id,errorCode:e.code},classification:t}),D(e.detail,`conversation`,e.code,t)}else W();if(i.isAgentErrorEvent(n)&&u.trackError({source:`agent`,metadata:{eventId:n.id,toolName:n.tool_name,toolCallId:n.tool_call_id},classification:n.classification}),i.isUserMessageEvent(n)&&h&&(A(h,m(n)),ee.setConversationState(h,{draftMessage:null})),i.isActionEvent(n)&&de.handleActionEventCacheInvalidation(n,h||`test-conversation-id`,T),i.isConversationStateUpdateEvent(n)&&(i.isFullStateConversationStateUpdateEvent(n)&&j(n.value.execution_status),i.isAgentStatusConversationStateUpdateEvent(n)&&j(n.value),i.isStatsConversationStateUpdateEvent(n)&&G(n),i.isGoalConversationStateUpdateEvent(n)&&h&&c.useGoalStore.getState().setStatus(h,n.value)),i.isExecuteBashActionEvent(n)&&M(n.action.command),i.isExecuteBashObservationEvent(n)&&N(n.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
-`)),i.isBrowserObservationEvent(n)){let{screenshot_data:e}=n.observation;if(e){let n=e.startsWith(`data:`)?e:`data:image/png;base64,${e}`;t.useBrowserStore.getState().setScreenshotSrc(n)}}if(i.isBrowserNavigateActionEvent(n)&&t.useBrowserStore.getState().setUrl(n.action.url),h&&r&&!r.observation.is_error){ge.recordModelSwitchMessage(h,r.observation.profile_name);let e=l.getStoredConversationMetadata(h);l.setStoredConversationMetadata(h,{selected_repository:e?.selected_repository??null,selected_branch:e?.selected_branch??null,git_provider:e?.git_provider??null,selected_workspace:e?.selected_workspace??null,active_profile:r.observation.profile_name,plugins:e?.plugins??null}),r.observation.active_model&&d.updateConversationLlmModelInCache(T,h,r.observation.active_model),d.invalidateConversationQueries(T,h)}i.isCanvasUIActionEvent(n)&&le.handleCanvasUIAction(n.action,h??null),h&&i.isLaunchChildConversationActionEvent(n)&&ue.handleLaunchChildConversationAction(n.action,h,n.tool_call_id)}}catch(e){console.warn(`Failed to parse WebSocket message as JSON:`,e)}},[E,D,A,T,h,j,M,N,G,W]),De=(0,f.useCallback)(e=>{try{let t=JSON.parse(e.data);if(L&&(H.current+=1,z!==null&&H.current>=z&&R(!1)),i.isAgentServerEvent(t)){if(i.isStreamingDeltaEvent(t)){I.current?.enqueue(t);return}I.current?.flush();let e=a.useEventStore.getState().eventIds.has(t.id??``);if(E({...t,isFromPlanningAgent:!0}),e)return;if(i.isDisplayableErrorEvent(t)){let e=t,n=`classification`in e?e.classification:null;u.trackError({source:`planning_conversation`,metadata:{eventId:e.id,errorCode:e.code},classification:n}),D(e.detail,`conversation`,e.code,n)}else W();if(i.isAgentErrorEvent(t)&&u.trackError({source:`planning_agent`,metadata:{eventId:t.id,toolName:t.tool_name,toolCallId:t.tool_call_id},classification:t.classification}),i.isUserMessageEvent(t)&&h&&(A(h,m(t)),ee.setConversationState(h,{draftMessage:null})),i.isActionEvent(t)&&de.handleActionEventCacheInvalidation(t,v?.[0]?.id||`test-conversation-id`,T),i.isConversationStateUpdateEvent(t)&&(i.isFullStateConversationStateUpdateEvent(t)&&j(t.value.execution_status),i.isAgentStatusConversationStateUpdateEvent(t)&&j(t.value),i.isStatsConversationStateUpdateEvent(t)&&G(t),i.isGoalConversationStateUpdateEvent(t)&&h&&c.useGoalStore.getState().setStatus(h,t.value)),i.isExecuteBashActionEvent(t)&&M(t.action.command),i.isExecuteBashObservationEvent(t)&&N(t.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
-`)),i.isPlanningFileEditorObservationEvent(t)){let{path:e}=t.observation;if(Se(e)){let t=v?.[0]?.id;t&&e&&(L?U.current={path:e,conversationId:t}:V({conversationId:t,filePath:e},{onSuccess:e=>{B(e)},onError:e=>{console.warn(`Failed to read conversation file:`,e)}}))}}}}catch(e){console.warn(`Failed to parse WebSocket message as JSON:`,e)}},[E,L,z,D,A,T,v,h,j,M,N,V,B,G,W]),Oe=(0,f.useMemo)(()=>({queryParams:J?{resend_mode:`since`,after_timestamp:J}:{resend_mode:`all`},sessionApiKey:_,reconnect:{enabled:!0},onOpen:()=>{b(`OPEN`),C.current=!0,k()},onClose:()=>{b(`CLOSED`)},onError:()=>{b(`CLOSED`),C.current&&D(oe.SERVER_CONNECTION_ERROR_MESSAGE,`connection`)},onMessage:Ee}),[Ee,D,k,_,J]),ke=(0,f.useMemo)(()=>{let e={resend_all:!0},t=v?.[0];return{queryParams:e,sessionApiKey:t?.session_api_key??_,reconnect:{enabled:!0},onOpen:async()=>{if(S(`OPEN`),w.current=!0,k(),t?.id&&t.conversation_url)try{let e=await fe.default.getEventCount(t.id,t.conversation_url,t.session_api_key);xe(e),e===0&&R(!1)}catch{R(!1)}},onClose:()=>{S(`CLOSED`)},onError:()=>{S(`CLOSED`),w.current&&D(oe.SERVER_CONNECTION_ERROR_MESSAGE,`connection`)},onMessage:De}},[De,D,k,_,v]),{socket:Z,reconnect:Ae}=o.useWebSocket(Y||``,Oe),{socket:Q,reconnect:je}=o.useWebSocket(X||``,ke),Me=(0,f.useCallback)(()=>{if(O(),r.useConversationStore.getState().conversationMode===`plan`&&X){je();return}Ae()},[X,Ae,je,O]),$=(0,f.useCallback)(async e=>{let t=r.useConversationStore.getState().conversationMode===`plan`?Q:Z;if(t?.readyState!==WebSocket.OPEN){if(!h){let e=Error(`No conversation ID available`);throw D(e.message),e}try{return await new ne.ConversationClient(ie.getAgentServerClientOptions()).sendEvent(h,{role:`user`,content:e.content},{run:!0}),{queued:!0}}catch(e){throw D(e instanceof Error?e.message:`Failed to queue message for delivery`),e}}try{return t.send(JSON.stringify({...e,run:!0})),{queued:!1}}catch(e){throw D(e instanceof Error?e.message:`Failed to send message`),e}},[Z,Q,D,h]);(0,f.useEffect)(()=>{Z&&Y&&(()=>{switch(Z.readyState){case WebSocket.CONNECTING:b(`CONNECTING`);break;case WebSocket.OPEN:b(`OPEN`);break;case WebSocket.CLOSING:b(`CLOSING`);break;case WebSocket.CLOSED:b(`CLOSED`);break;default:b(`CLOSED`);break}})()},[Z,Y]),(0,f.useEffect)(()=>{Q&&X&&(()=>{switch(Q.readyState){case WebSocket.CONNECTING:S(`CONNECTING`);break;case WebSocket.OPEN:S(`OPEN`);break;case WebSocket.CLOSING:S(`CLOSING`);break;case WebSocket.CLOSED:S(`CLOSED`);break;default:S(`CLOSED`);break}})()},[Q,X]);let Ne=(0,f.useMemo)(()=>({connectionState:we,sendMessage:$,isLoadingHistory:Te,reconnect:Me}),[we,$,Te,Me]);return(0,_e.jsx)(p.Provider,{value:Ne,children:e})}var g=()=>(0,f.useContext)(p)||null;exports.ConversationWebSocketProvider=h,exports.useConversationWebSocket=g;
+const e=require("../_virtual/_rolldown/runtime.cjs"),t=require("../stores/browser-store.cjs"),n=require("../stores/command-store.cjs"),ee=require("../utils/conversation-local-storage.cjs"),r=require("../stores/conversation-store.cjs"),te=require("../stores/conversation-state-store.cjs"),ne=require("../node_modules/@openhands/typescript-client/dist/client/conversation-client.cjs");require("../node_modules/@openhands/typescript-client/dist/clients.cjs");const i=require("../utils/websocket-url.cjs"),re=require("../api/agent-server-client-options.cjs"),ie=require("../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),a=require("../types/agent-server/type-guards.cjs"),o=require("../stores/use-event-store.cjs"),s=require("../hooks/use-websocket.cjs"),ae=require("../constants/server-connection-error.cjs"),c=require("../stores/error-message-store.cjs"),oe=require("../stores/optimistic-user-message-store.cjs"),l=require("../stores/goal-store.cjs"),se=require("../utils/streaming-delta-batcher.cjs"),ce=require("../api/conversation-metadata-store.cjs"),le=require("../services/canvas-ui.cjs"),ue=require("../services/child-conversation-launch.cjs"),de=require("../utils/cache-utils.cjs"),fe=require("../api/event-service/event-service.api.cjs"),u=require("../utils/error-handler.cjs"),pe=require("../hooks/mutation/use-read-conversation-file.cjs"),me=require("../stores/metrics-store.cjs"),he=require("../hooks/query/use-conversation-history.cjs"),ge=require("../hooks/chat/record-model-switch-message.cjs"),d=require("../hooks/mutation/conversation-mutation-utils.cjs");let f=require("react");f=e.__toESM(f,1);let _e=require("react/jsx-runtime");var p=(0,f.createContext)(void 0);function m(e){return e.llm_message.content.filter(e=>e.type===`text`).map(e=>e.text).join(``)}function h({children:e,conversationId:h,conversationUrl:g,sessionApiKey:_,subConversations:v,subConversationIds:ve}){let[y,b]=(0,f.useState)(`CONNECTING`),[x,S]=(0,f.useState)(`CONNECTING`),C=f.default.useRef(!1),w=f.default.useRef(!1),T=ie.useQueryClient(),E=o.useEventStore(e=>e.addEvent),ye=o.useEventStore(e=>e.addEvents),be=o.useEventStore(e=>e.clearEventsForConversation),{setErrorMessage:D,removeErrorMessage:O,clearConnectionError:k}=c.useErrorMessageStore(),A=oe.useOptimisticUserMessageStore(e=>e.consumeMatchingPendingMessage),{setExecutionStatus:j}=te.useConversationStateStore(),{appendInput:M,appendOutput:N}=n.useCommandStore(),P=t.useBrowserStore(e=>e.reset),F=(0,f.useRef)(null);F.current===null&&(F.current=se.createStreamingDeltaBatcher(e=>{o.useEventStore.getState().addEvent(e),c.useErrorMessageStore.getState().clearConnectionError()}));let I=(0,f.useRef)(null);I.current===null&&(I.current=se.createStreamingDeltaBatcher(e=>{o.useEventStore.getState().addEvent({...e,isFromPlanningAgent:!0}),c.useErrorMessageStore.getState().clearConnectionError()}));let[L,R]=(0,f.useState)(!0),[z,xe]=(0,f.useState)(null),{setPlanContent:B}=r.useConversationStore(),{mutate:V}=pe.useReadConversationFile(),H=(0,f.useRef)(0),U=(0,f.useRef)(null),Se=e=>e?.toUpperCase().endsWith(`PLAN.MD`)??!1,W=(0,f.useCallback)(()=>{k()},[k]),G=(0,f.useCallback)(e=>{let t=e.value.usage_to_metrics;if(!t)return;let n=Object.values(t).reduce((e,t)=>{e.cost+=t.accumulated_cost,e.maxBudgetPerTask===null&&t.max_budget_per_task!==null&&(e.maxBudgetPerTask=t.max_budget_per_task);let n=t.accumulated_token_usage;return n&&(e.usage={prompt_tokens:(e.usage?.prompt_tokens??0)+n.prompt_tokens,completion_tokens:(e.usage?.completion_tokens??0)+n.completion_tokens,cache_read_tokens:(e.usage?.cache_read_tokens??0)+n.cache_read_tokens,cache_write_tokens:(e.usage?.cache_write_tokens??0)+n.cache_write_tokens,context_window:Math.max(e.usage?.context_window??0,n.context_window),per_turn_token:Math.max(e.usage?.per_turn_token??0,n.per_turn_token)}),e},{cost:0,maxBudgetPerTask:null,usage:null});me.default.getState().setMetrics({cost:n.cost,max_budget_per_task:n.maxBudgetPerTask,usage:n.usage})},[]),{data:K,isPending:q}=he.useConversationHistory(h),Ce=!!h&&q;(0,f.useLayoutEffect)(()=>{let e=h??null;o.useEventStore.getState().loadedConversationId!==e&&(be(e),P(),me.default.getState().resetMetrics())},[h,be,P]),(0,f.useLayoutEffect)(()=>{if(!(!K||K.events.length===0)&&(ye(K.events),h)){ge.seedModelSwitchesFromHistory(h,o.useEventStore.getState().uiEvents);for(let e of K.events)a.isUserMessageEvent(e)&&A(h,m(e))}},[K,ye,h,A]);let J=(0,f.useMemo)(()=>{let e=K?.events??[],t=e[e.length-1];return!t||!(`timestamp`in t)||!t.timestamp?null:t.timestamp},[K]),Y=(0,f.useMemo)(()=>!h||!g||q?null:i.buildWebSocketUrl(h,g),[h,g,q]),X=(0,f.useMemo)(()=>{if(!v?.length)return null;let e=v[0];return!e?.id||!e.conversation_url?null:i.buildWebSocketUrl(e.id,e.conversation_url)},[v]),we=(0,f.useMemo)(()=>X?y===`CONNECTING`||x===`CONNECTING`?`CONNECTING`:y===`OPEN`&&x===`OPEN`?`OPEN`:y===`CLOSED`&&x===`CLOSED`?`CLOSED`:y===`CLOSING`||x===`CLOSING`?`CLOSING`:`CLOSED`:y,[y,x,X]);(0,f.useEffect)(()=>{z!==null&&H.current>=z&&L&&R(!1)},[z,L,H]),(0,f.useEffect)(()=>{if(!L&&U.current){let{path:e,conversationId:t}=U.current;V({conversationId:t,filePath:e},{onSuccess:e=>{B(e)},onError:e=>{console.warn(`Failed to read conversation file:`,e)}}),U.current=null}},[L,V,B]),(0,f.useEffect)(()=>{C.current=!1,R(!!ve?.length),xe(null),H.current=0,U.current=null},[ve]),(0,f.useEffect)(()=>{C.current=!1,w.current=!1,U.current=null},[h]),(0,f.useEffect)(()=>{let e=F.current,t=I.current;return()=>{e?.reset(),t?.reset()}},[h]);let Te=(0,f.useMemo)(()=>Ce||L,[Ce,L]),Ee=(0,f.useCallback)(e=>{try{let n=JSON.parse(e.data);if(a.isAgentServerEvent(n)){if(a.isStreamingDeltaEvent(n)){F.current?.enqueue(n);return}F.current?.flush();let e=o.useEventStore.getState().eventIds.has(n.id??``),r=a.isSwitchLLMObservationEvent(n)?n:null;if(E(n),e)return;if(a.isDisplayableErrorEvent(n)){let e=n,t=`classification`in e?e.classification:null;u.trackError({source:`conversation`,metadata:{eventId:e.id,errorCode:e.code},classification:t}),D(e.detail,`conversation`,e.code,t)}else W();if(a.isAgentErrorEvent(n)&&u.trackError({source:`agent`,metadata:{eventId:n.id,toolName:n.tool_name,toolCallId:n.tool_call_id},classification:n.classification}),a.isUserMessageEvent(n)&&h&&(A(h,m(n)),ee.setConversationState(h,{draftMessage:null})),a.isActionEvent(n)&&de.handleActionEventCacheInvalidation(n,h||`test-conversation-id`,T),a.isConversationStateUpdateEvent(n)&&(a.isFullStateConversationStateUpdateEvent(n)&&j(n.value.execution_status),a.isAgentStatusConversationStateUpdateEvent(n)&&j(n.value),a.isStatsConversationStateUpdateEvent(n)&&G(n),a.isGoalConversationStateUpdateEvent(n)&&h&&l.useGoalStore.getState().setStatus(h,n.value)),a.isExecuteBashActionEvent(n)&&M(n.action.command),a.isExecuteBashObservationEvent(n)&&N(n.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
+`)),a.isBrowserObservationEvent(n)){let{screenshot_data:e}=n.observation;if(e){let n=e.startsWith(`data:`)?e:`data:image/png;base64,${e}`;t.useBrowserStore.getState().setScreenshotSrc(n)}}if(a.isBrowserNavigateActionEvent(n)&&t.useBrowserStore.getState().setUrl(n.action.url),h&&r&&!r.observation.is_error){ge.recordModelSwitchMessage(h,r.observation.profile_name);let e=ce.getStoredConversationMetadata(h);ce.setStoredConversationMetadata(h,{selected_repository:e?.selected_repository??null,selected_branch:e?.selected_branch??null,git_provider:e?.git_provider??null,selected_workspace:e?.selected_workspace??null,active_profile:r.observation.profile_name,plugins:e?.plugins??null}),r.observation.active_model&&d.updateConversationLlmModelInCache(T,h,r.observation.active_model),d.invalidateConversationQueries(T,h)}a.isCanvasUIActionEvent(n)&&le.handleCanvasUIAction(n.action,h??null),h&&a.isLaunchChildConversationActionEvent(n)&&ue.handleLaunchChildConversationAction(n.action,h,n.tool_call_id)}}catch(e){console.warn(`Failed to parse WebSocket message as JSON:`,e)}},[E,D,A,T,h,j,M,N,G,W]),De=(0,f.useCallback)(e=>{try{let t=JSON.parse(e.data);if(L&&(H.current+=1,z!==null&&H.current>=z&&R(!1)),a.isAgentServerEvent(t)){if(a.isStreamingDeltaEvent(t)){I.current?.enqueue(t);return}I.current?.flush();let e=o.useEventStore.getState().eventIds.has(t.id??``);if(E({...t,isFromPlanningAgent:!0}),e)return;if(a.isDisplayableErrorEvent(t)){let e=t,n=`classification`in e?e.classification:null;u.trackError({source:`planning_conversation`,metadata:{eventId:e.id,errorCode:e.code},classification:n}),D(e.detail,`conversation`,e.code,n)}else W();if(a.isAgentErrorEvent(t)&&u.trackError({source:`planning_agent`,metadata:{eventId:t.id,toolName:t.tool_name,toolCallId:t.tool_call_id},classification:t.classification}),a.isUserMessageEvent(t)&&h&&(A(h,m(t)),ee.setConversationState(h,{draftMessage:null})),a.isActionEvent(t)&&de.handleActionEventCacheInvalidation(t,v?.[0]?.id||`test-conversation-id`,T),a.isConversationStateUpdateEvent(t)&&(a.isFullStateConversationStateUpdateEvent(t)&&j(t.value.execution_status),a.isAgentStatusConversationStateUpdateEvent(t)&&j(t.value),a.isStatsConversationStateUpdateEvent(t)&&G(t),a.isGoalConversationStateUpdateEvent(t)&&h&&l.useGoalStore.getState().setStatus(h,t.value)),a.isExecuteBashActionEvent(t)&&M(t.action.command),a.isExecuteBashObservationEvent(t)&&N(t.observation.content.filter(e=>e.type===`text`).map(e=>e.text).join(`
+`)),a.isPlanningFileEditorObservationEvent(t)){let{path:e}=t.observation;if(Se(e)){let t=v?.[0]?.id;t&&e&&(L?U.current={path:e,conversationId:t}:V({conversationId:t,filePath:e},{onSuccess:e=>{B(e)},onError:e=>{console.warn(`Failed to read conversation file:`,e)}}))}}}}catch(e){console.warn(`Failed to parse WebSocket message as JSON:`,e)}},[E,L,z,D,A,T,v,h,j,M,N,V,B,G,W]),Oe=(0,f.useMemo)(()=>({queryParams:J?{resend_mode:`since`,after_timestamp:J}:{resend_mode:`all`},sessionApiKey:_,reconnect:{enabled:!0},onOpen:()=>{b(`OPEN`),C.current=!0,k()},onClose:()=>{b(`CLOSED`)},onError:()=>{b(`CLOSED`),C.current&&D(ae.SERVER_CONNECTION_ERROR_MESSAGE,`connection`)},onMessage:Ee}),[Ee,D,k,_,J]),ke=(0,f.useMemo)(()=>{let e={resend_all:!0},t=v?.[0];return{queryParams:e,sessionApiKey:t?.session_api_key??_,reconnect:{enabled:!0},onOpen:async()=>{if(S(`OPEN`),w.current=!0,k(),t?.id&&t.conversation_url)try{let e=await fe.default.getEventCount(t.id,t.conversation_url,t.session_api_key);xe(e),e===0&&R(!1)}catch{R(!1)}},onClose:()=>{S(`CLOSED`)},onError:()=>{S(`CLOSED`),w.current&&D(ae.SERVER_CONNECTION_ERROR_MESSAGE,`connection`)},onMessage:De}},[De,D,k,_,v]),{socket:Z,reconnect:Ae}=s.useWebSocket(Y||``,Oe),{socket:Q,reconnect:je}=s.useWebSocket(X||``,ke),Me=(0,f.useCallback)(()=>{if(O(),r.useConversationStore.getState().conversationMode===`plan`&&X){je();return}Ae()},[X,Ae,je,O]),$=(0,f.useCallback)(async e=>{let t=r.useConversationStore.getState().conversationMode===`plan`?Q:Z;if(t?.readyState!==WebSocket.OPEN){if(!h){let e=Error(`No conversation ID available`);throw D(e.message),e}try{return await new ne.ConversationClient(re.getAgentServerClientOptions()).sendEvent(h,{role:`user`,content:e.content},{run:!0}),{queued:!0}}catch(e){throw D(e instanceof Error?e.message:`Failed to queue message for delivery`),e}}try{return t.send(JSON.stringify({...e,run:!0})),{queued:!1}}catch(e){throw D(e instanceof Error?e.message:`Failed to send message`),e}},[Z,Q,D,h]);(0,f.useEffect)(()=>{Z&&Y&&(()=>{switch(Z.readyState){case WebSocket.CONNECTING:b(`CONNECTING`);break;case WebSocket.OPEN:b(`OPEN`);break;case WebSocket.CLOSING:b(`CLOSING`);break;case WebSocket.CLOSED:b(`CLOSED`);break;default:b(`CLOSED`);break}})()},[Z,Y]),(0,f.useEffect)(()=>{Q&&X&&(()=>{switch(Q.readyState){case WebSocket.CONNECTING:S(`CONNECTING`);break;case WebSocket.OPEN:S(`OPEN`);break;case WebSocket.CLOSING:S(`CLOSING`);break;case WebSocket.CLOSED:S(`CLOSED`);break;default:S(`CLOSED`);break}})()},[Q,X]);let Ne=(0,f.useMemo)(()=>({connectionState:we,sendMessage:$,isLoadingHistory:Te,reconnect:Me}),[we,$,Te,Me]);return(0,_e.jsx)(p.Provider,{value:Ne,children:e})}var g=()=>(0,f.useContext)(p)||null;exports.ConversationWebSocketProvider=h,exports.useConversationWebSocket=g;
 //# sourceMappingURL=conversation-websocket-context.cjs.map

package/dist/contexts/conversation-websocket-context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-websocket-context.cjs","names":[],"sources":["../../src/contexts/conversation-websocket-context.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useState,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { ConversationClient } from \"@openhands/typescript-client/clients\";\n\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { useWebSocket, WebSocketHookOptions } from \"#/hooks/use-websocket\";\nimport { SERVER_CONNECTION_ERROR_MESSAGE } from \"#/constants/server-connection-error\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { useErrorMessageStore } from \"#/stores/error-message-store\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { useConversationStateStore } from \"#/stores/conversation-state-store\";\nimport { useCommandStore } from \"#/stores/command-store\";\nimport { useBrowserStore } from \"#/stores/browser-store\";\nimport { useGoalStore } from \"#/stores/goal-store\";\nimport {\n  isAgentServerEvent,\n  isAgentErrorEvent,\n  isUserMessageEvent,\n  isActionEvent,\n  isConversationStateUpdateEvent,\n  isFullStateConversationStateUpdateEvent,\n  isAgentStatusConversationStateUpdateEvent,\n  isStatsConversationStateUpdateEvent,\n  isGoalConversationStateUpdateEvent,\n  isExecuteBashActionEvent,\n  isExecuteBashObservationEvent,\n  isDisplayableErrorEvent,\n  isPlanningFileEditorObservationEvent,\n  isBrowserObservationEvent,\n  isBrowserNavigateActionEvent,\n  isSwitchLLMObservationEvent,\n  isCanvasUIActionEvent,\n  isStreamingDeltaEvent,\n  isLaunchChildConversationActionEvent,\n} from \"#/types/agent-server/type-guards\";\nimport {\n  createStreamingDeltaBatcher,\n  StreamingDeltaBatcher,\n} from \"#/utils/streaming-delta-batcher\";\nimport { handleCanvasUIAction } from \"#/services/canvas-ui\";\nimport { handleLaunchChildConversationAction } from \"#/services/child-conversation-launch\";\nimport { ConversationStateUpdateEventStats } from \"#/types/agent-server/core/events/conversation-state-event\";\nimport type {\n  ConversationErrorEvent,\n  ServerErrorEvent,\n} from \"#/types/agent-server/core/events/conversation-state-event\";\nimport { handleActionEventCacheInvalidation } from \"#/utils/cache-utils\";\nimport { buildWebSocketUrl } from \"#/utils/websocket-url\";\nimport type {\n  AppConversation,\n  SendMessageRequest,\n} from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport EventService from \"#/api/event-service/event-service.api\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { trackError } from \"#/utils/error-handler\";\nimport { useReadConversationFile } from \"#/hooks/mutation/use-read-conversation-file\";\nimport useMetricsStore, { type MetricsState } from \"#/stores/metrics-store\";\nimport { useConversationHistory } from \"#/hooks/query/use-conversation-history\";\nimport { setConversationState } from \"#/utils/conversation-local-storage\";\nimport {\n  recordModelSwitchMessage,\n  seedModelSwitchesFromHistory,\n} from \"#/hooks/chat/record-model-switch-message\";\nimport {\n  invalidateConversationQueries,\n  updateConversationLlmModelInCache,\n} from \"#/hooks/mutation/conversation-mutation-utils\";\nimport {\n  getStoredConversationMetadata,\n  setStoredConversationMetadata,\n} from \"#/api/conversation-metadata-store\";\n\nexport type WebSocketConnectionState =\n  | \"CONNECTING\"\n  | \"OPEN\"\n  | \"CLOSED\"\n  | \"CLOSING\";\n\ninterface SendMessageResult {\n  queued: boolean; // true if message was queued for later delivery, false if sent immediately\n}\n\ninterface ConversationWebSocketContextType {\n  connectionState: WebSocketConnectionState;\n  sendMessage: (message: SendMessageRequest) => Promise<SendMessageResult>;\n  isLoadingHistory: boolean;\n  reconnect: () => void;\n}\n\nconst ConversationWebSocketContext = createContext<\n  ConversationWebSocketContextType | undefined\n>(undefined);\n\n/**\n * Extract the text body of an echoed user `MessageEvent` for matching against\n * the optimistic pending-message queue. The server wraps the original\n * `args.content` string in one or more `TextContent` entries (alongside any\n * `ImageContent` entries for inline images), so concatenating the `text`\n * fields gives us back the exact prompt we sent.\n */\nfunction extractMessageEventText(\n  event: import(\"#/types/agent-server/core/events/message-event\").MessageEvent,\n): string {\n  return event.llm_message.content\n    .filter(\n      (part): part is { type: \"text\"; text: string } => part.type === \"text\",\n    )\n    .map((part) => part.text)\n    .join(\"\");\n}\n\nexport function ConversationWebSocketProvider({\n  children,\n  conversationId,\n  conversationUrl,\n  sessionApiKey,\n  subConversations,\n  subConversationIds,\n}: {\n  children: React.ReactNode;\n  conversationId?: string;\n  conversationUrl?: string | null;\n  sessionApiKey?: string | null;\n  subConversations?: AppConversation[];\n  subConversationIds?: string[];\n}) {\n  // Separate connection state tracking for each WebSocket\n  const [mainConnectionState, setMainConnectionState] =\n    useState<WebSocketConnectionState>(\"CONNECTING\");\n  const [planningConnectionState, setPlanningConnectionState] =\n    useState<WebSocketConnectionState>(\"CONNECTING\");\n\n  // Track if we've ever successfully connected for each connection\n  // Don't show errors until after first successful connection\n  const hasConnectedRefMain = React.useRef(false);\n  const hasConnectedRefPlanning = React.useRef(false);\n\n  const queryClient = useQueryClient();\n  const addEvent = useEventStore((state) => state.addEvent);\n  const addEvents = useEventStore((state) => state.addEvents);\n  const clearEventsForConversation = useEventStore(\n    (state) => state.clearEventsForConversation,\n  );\n  const { setErrorMessage, removeErrorMessage, clearConnectionError } =\n    useErrorMessageStore();\n  const consumeMatchingPendingMessage = useOptimisticUserMessageStore(\n    (state) => state.consumeMatchingPendingMessage,\n  );\n  const { setExecutionStatus } = useConversationStateStore();\n  const { appendInput, appendOutput } = useCommandStore();\n  const resetBrowserStore = useBrowserStore((state) => state.reset);\n\n  // Coalesce streaming deltas to ≤1 store commit/render per frame.\n  // Separate batchers keep the main and planning streams from ever merging.\n  const mainDeltaBatcherRef = useRef<StreamingDeltaBatcher | null>(null);\n  if (mainDeltaBatcherRef.current === null) {\n    mainDeltaBatcherRef.current = createStreamingDeltaBatcher((delta) => {\n      useEventStore.getState().addEvent(delta);\n      // A delta means connectivity recovered — mirror handleNonErrorEvent.\n      useErrorMessageStore.getState().clearConnectionError();\n    });\n  }\n  const planningDeltaBatcherRef = useRef<StreamingDeltaBatcher | null>(null);\n  if (planningDeltaBatcherRef.current === null) {\n    planningDeltaBatcherRef.current = createStreamingDeltaBatcher((delta) => {\n      useEventStore\n        .getState()\n        .addEvent({ ...delta, isFromPlanningAgent: true });\n      useErrorMessageStore.getState().clearConnectionError();\n    });\n  }\n\n  // History loading state.\n  // - Main conversation history is now loaded via REST (`useConversationHistory`),\n  //   so its loading state mirrors the REST query state (see below).\n  // - Planning sub-conversation history still streams over the WebSocket using\n  //   `resend_mode='all'`, so we keep the count-based detection for it.\n  const [isLoadingHistoryPlanning, setIsLoadingHistoryPlanning] =\n    useState(true);\n  const [expectedEventCountPlanning, setExpectedEventCountPlanning] = useState<\n    number | null\n  >(null);\n\n  const { setPlanContent } = useConversationStore();\n\n  // Hook for reading conversation file\n  const { mutate: readConversationFile } = useReadConversationFile();\n\n  // Track planning-agent received events (still WS-driven).\n  const receivedEventCountRefPlanning = useRef(0);\n\n  // Track the latest PlanningFileEditorObservation for Plan.md during history replay\n  const latestPlanningFileEventRef = useRef<{\n    path: string;\n    conversationId: string;\n  } | null>(null);\n\n  const isPlanFilePath = (path: string | null): boolean =>\n    path?.toUpperCase().endsWith(\"PLAN.MD\") ?? false;\n\n  const handleNonErrorEvent = useCallback(() => {\n    // A normal event means connectivity recovered: clear a transient connection\n    // error, but keep sticky conversation errors (e.g. a wrong API key).\n    clearConnectionError();\n  }, [clearConnectionError]);\n\n  // Helper function to update metrics from stats event\n  const updateMetricsFromStats = useCallback(\n    (event: ConversationStateUpdateEventStats) => {\n      const usageToMetrics = event.value.usage_to_metrics;\n      if (!usageToMetrics) {\n        return;\n      }\n\n      // usage_to_metrics is keyed by arbitrary LLM usage ids (\"default\",\n      // \"condenser\", \"profile:<name>:<uuid>\", …) — combine across all of\n      // them, mirroring getCombinedMetrics on the REST path.\n      const combined = Object.values(usageToMetrics).reduce<{\n        cost: number;\n        maxBudgetPerTask: number | null;\n        usage: MetricsState[\"usage\"];\n      }>(\n        (acc, metrics) => {\n          acc.cost += metrics.accumulated_cost;\n          if (\n            acc.maxBudgetPerTask === null &&\n            metrics.max_budget_per_task !== null\n          ) {\n            acc.maxBudgetPerTask = metrics.max_budget_per_task;\n          }\n          const tokenUsage = metrics.accumulated_token_usage;\n          if (tokenUsage) {\n            acc.usage = {\n              prompt_tokens:\n                (acc.usage?.prompt_tokens ?? 0) + tokenUsage.prompt_tokens,\n              completion_tokens:\n                (acc.usage?.completion_tokens ?? 0) +\n                tokenUsage.completion_tokens,\n              cache_read_tokens:\n                (acc.usage?.cache_read_tokens ?? 0) +\n                tokenUsage.cache_read_tokens,\n              cache_write_tokens:\n                (acc.usage?.cache_write_tokens ?? 0) +\n                tokenUsage.cache_write_tokens,\n              context_window: Math.max(\n                acc.usage?.context_window ?? 0,\n                tokenUsage.context_window,\n              ),\n              per_turn_token: Math.max(\n                acc.usage?.per_turn_token ?? 0,\n                tokenUsage.per_turn_token,\n              ),\n            };\n          }\n          return acc;\n        },\n        { cost: 0, maxBudgetPerTask: null, usage: null },\n      );\n\n      useMetricsStore.getState().setMetrics({\n        cost: combined.cost,\n        max_budget_per_task: combined.maxBudgetPerTask,\n        usage: combined.usage,\n      });\n    },\n    [],\n  );\n\n  // Initial REST history load: fetch the most recent events and seed the\n  // store. Older events are paginated in via `useLoadOlderEvents` when the\n  // user scrolls to the top of the chat. The WebSocket connection waits for\n  // this query so it can subscribe with `resend_mode='since'` and avoid\n  // re-streaming everything REST already returned.\n  const { data: preloadedHistory, isPending: isPreloadingHistory } =\n    useConversationHistory(conversationId);\n\n  // Skeleton only on the genuine first load (no cached data yet). On return the\n  // cached page is present, so `isPending` is false and we render the\n  // last-known discussion immediately while the tail refetch runs in the\n  // background — the socket gate below also keys on `isPending`, so that\n  // refetch never drops a live socket.\n  const isLoadingHistoryMain = !!conversationId && isPreloadingHistory;\n\n  // Clear the (global, not conversation-scoped) event store when the active\n  // conversation changes, BEFORE the preloaded-history effect below re-seeds\n  // it. This MUST live here rather than in the route component: a parent's\n  // passive effect runs *after* this child's layout effects, so clearing from\n  // the route would wipe the freshly seeded history. On a conversation switch\n  // the history page is already cached, so `preloadedHistory` is available\n  // synchronously — without ordering the clear first, the user's already-echoed\n  // message gets seeded then immediately wiped, leaving only the `since`\n  // WebSocket resend (the agent's reply). Re-entering the same conversation is\n  // a no-op, so the store survives navigating away to Settings and back.\n  useLayoutEffect(() => {\n    const nextId = conversationId ?? null;\n    if (useEventStore.getState().loadedConversationId === nextId) {\n      return;\n    }\n    // Single atomic action: clears the previous conversation's events and\n    // records the new loaded id in one `set`, so no subscriber can observe a\n    // half-applied state (events gone but the old id still reported).\n    clearEventsForConversation(nextId);\n    resetBrowserStore();\n    // The metrics store is conversation-scoped state too: without a reset the\n    // previous conversation's usage/cost keeps rendering in the new\n    // conversation's meter until fresh WS stats arrive — and a brand-new\n    // conversation sends none, so the stale figure stuck indefinitely.\n    useMetricsStore.getState().resetMetrics();\n  }, [conversationId, clearEventsForConversation, resetBrowserStore]);\n\n  useLayoutEffect(() => {\n    if (!preloadedHistory || preloadedHistory.events.length === 0) {\n      return;\n    }\n    addEvents(preloadedHistory.events);\n\n    // The first user message of a cloud start-task conversation is persisted\n    // server-side and reaches us via this REST preload, not over the WebSocket\n    // (which subscribes with resend_mode='since' after the latest preloaded\n    // timestamp). Consume any matching optimistic \"Sending…\" bubble here too —\n    // mirroring the WS handler — so it doesn't linger as a duplicate of the echo.\n    if (conversationId) {\n      // Rebuild inline \"Switched to\" messages from the REST-preloaded history.\n      // The live store writers (WS handler / user action) never see preloaded\n      // events, so without this past model switches wouldn't render on reload.\n      // Read the post-`addEvents` `uiEvents` (actions replaced by observations,\n      // Think/Finish observations dropped) — not the raw history — so anchors\n      // match the ids the renderer actually mounts.\n      seedModelSwitchesFromHistory(\n        conversationId,\n        useEventStore.getState().uiEvents,\n      );\n\n      for (const event of preloadedHistory.events) {\n        if (isUserMessageEvent(event)) {\n          consumeMatchingPendingMessage(\n            conversationId,\n            extractMessageEventText(event),\n          );\n        }\n      }\n    }\n  }, [\n    preloadedHistory,\n    addEvents,\n    conversationId,\n    consumeMatchingPendingMessage,\n  ]);\n\n  /**\n   * Timestamp of the latest event we already have from REST. Used as\n   * `after_timestamp` when opening the WebSocket so the server only resends\n   * events strictly after this point. `null` until the first REST page lands\n   * (the WS connection is gated on that — see `wsUrl` below). During\n   * background refetches `preloadedHistory` keeps the last-known page, so the\n   * anchor holds steady instead of flipping to null; reconnects read the\n   * freshest value from the options ref at connect time.\n   */\n  const initialAfterTimestamp = useMemo<string | null>(() => {\n    const events = preloadedHistory?.events ?? [];\n    const latest = events[events.length - 1];\n    if (!latest || !(\"timestamp\" in latest) || !latest.timestamp) return null;\n    return latest.timestamp;\n  }, [preloadedHistory]);\n\n  // Build WebSocket URL from props.\n  //\n  // We deliberately wait for the FIRST history load (`isPending`: no data for\n  // this query key yet) before opening the socket, so the WS subscription can\n  // use `resend_mode='since'` with a meaningful `after_timestamp` instead of\n  // falling back to `resend_mode='all'`. The gate is intentionally NOT on\n  // `isFetching`: background refetches (e.g. the `refetchOnMount` fired when\n  // returning to a conversation) must never tear a live socket down — on a\n  // flaky link that caused a refetch → teardown → reconnect → refetch loop\n  // that kept the conversation stuck at \"Connecting\" for minutes. Connecting\n  // during a background refetch anchors `since` to the cached tail; the\n  // overlap with the refetched page is deduped by the event store and the\n  // `isDuplicateEvent` guards in the message handlers. A query-key reset\n  // (backend swap / new session key) makes `isPending` true again, so a\n  // genuine reset still re-gates. If the initial load errors, `isPending`\n  // flips false and we fall through to connect with `resend_mode='all'` so\n  // the user still sees live events.\n  const wsUrl = useMemo(() => {\n    if (!conversationId || !conversationUrl) {\n      return null;\n    }\n    if (isPreloadingHistory) {\n      return null;\n    }\n    return buildWebSocketUrl(conversationId, conversationUrl);\n  }, [conversationId, conversationUrl, isPreloadingHistory]);\n\n  const planningAgentWsUrl = useMemo(() => {\n    if (!subConversations?.length) {\n      return null;\n    }\n\n    // Currently, there is only one sub-conversation and it uses the planning agent.\n    const planningAgentConversation = subConversations[0];\n\n    if (\n      !planningAgentConversation?.id ||\n      !planningAgentConversation.conversation_url\n    ) {\n      return null;\n    }\n\n    return buildWebSocketUrl(\n      planningAgentConversation.id,\n      planningAgentConversation.conversation_url,\n    );\n  }, [subConversations]);\n\n  // Merged connection state - reflects combined status of both connections\n  const connectionState = useMemo<WebSocketConnectionState>(() => {\n    // If planning agent connection doesn't exist, use main connection state\n    if (!planningAgentWsUrl) {\n      return mainConnectionState;\n    }\n\n    // If either is connecting, merged state is connecting\n    if (\n      mainConnectionState === \"CONNECTING\" ||\n      planningConnectionState === \"CONNECTING\"\n    ) {\n      return \"CONNECTING\";\n    }\n\n    // If both are open, merged state is open\n    if (mainConnectionState === \"OPEN\" && planningConnectionState === \"OPEN\") {\n      return \"OPEN\";\n    }\n\n    // If both are closed, merged state is closed\n    if (\n      mainConnectionState === \"CLOSED\" &&\n      planningConnectionState === \"CLOSED\"\n    ) {\n      return \"CLOSED\";\n    }\n\n    // If either is closing, merged state is closing\n    if (\n      mainConnectionState === \"CLOSING\" ||\n      planningConnectionState === \"CLOSING\"\n    ) {\n      return \"CLOSING\";\n    }\n\n    // Default to closed if states don't match expected patterns\n    return \"CLOSED\";\n  }, [mainConnectionState, planningConnectionState, planningAgentWsUrl]);\n\n  useEffect(() => {\n    if (\n      expectedEventCountPlanning !== null &&\n      receivedEventCountRefPlanning.current >= expectedEventCountPlanning &&\n      isLoadingHistoryPlanning\n    ) {\n      setIsLoadingHistoryPlanning(false);\n    }\n  }, [\n    expectedEventCountPlanning,\n    isLoadingHistoryPlanning,\n    receivedEventCountRefPlanning,\n  ]);\n\n  // Call API once after history loading completes if we tracked any PlanningFileEditorObservation events\n  useEffect(() => {\n    if (!isLoadingHistoryPlanning && latestPlanningFileEventRef.current) {\n      const { path, conversationId: currentPlanningConversationId } =\n        latestPlanningFileEventRef.current;\n\n      readConversationFile(\n        {\n          conversationId: currentPlanningConversationId,\n          filePath: path,\n        },\n        {\n          onSuccess: (fileContent) => {\n            setPlanContent(fileContent);\n          },\n          onError: (error) => {\n            console.warn(\"Failed to read conversation file:\", error);\n          },\n        },\n      );\n\n      // Clear the ref after calling the API\n      latestPlanningFileEventRef.current = null;\n    }\n  }, [isLoadingHistoryPlanning, readConversationFile, setPlanContent]);\n\n  useEffect(() => {\n    hasConnectedRefMain.current = false;\n    setIsLoadingHistoryPlanning(!!subConversationIds?.length);\n    setExpectedEventCountPlanning(null);\n    receivedEventCountRefPlanning.current = 0;\n    // Reset the tracked event ref when sub-conversations change\n    latestPlanningFileEventRef.current = null;\n  }, [subConversationIds]);\n\n  // Reset hasConnected flags when the conversation changes.\n  useEffect(() => {\n    hasConnectedRefMain.current = false;\n    hasConnectedRefPlanning.current = false;\n    // Reset the tracked event ref when conversation changes\n    latestPlanningFileEventRef.current = null;\n  }, [conversationId]);\n\n  // Drop buffered deltas on conversation switch/unmount: the store is cleared on\n  // switch, so flushing them would leak into the next conversation.\n  useEffect(() => {\n    const mainBatcher = mainDeltaBatcherRef.current;\n    const planningBatcher = planningDeltaBatcherRef.current;\n    return () => {\n      mainBatcher?.reset();\n      planningBatcher?.reset();\n    };\n  }, [conversationId]);\n\n  // Merged loading history state - true if either connection is still loading\n  const isLoadingHistory = useMemo(\n    () => isLoadingHistoryMain || isLoadingHistoryPlanning,\n    [isLoadingHistoryMain, isLoadingHistoryPlanning],\n  );\n\n  // Separate message handlers for each connection\n  const handleMainMessage = useCallback(\n    (messageEvent: MessageEvent) => {\n      try {\n        const event = JSON.parse(messageEvent.data);\n\n        // History loading for the main conversation is REST-driven now;\n        // every WS message is a new event we add to the store.\n\n        // Use type guard to validate v1 event structure\n        if (isAgentServerEvent(event)) {\n          // Buffer deltas; nothing else in this handler applies to them.\n          if (isStreamingDeltaEvent(event)) {\n            mainDeltaBatcherRef.current?.enqueue(event);\n            return;\n          }\n          // Flush buffered deltas before this event so it can't overtake them.\n          mainDeltaBatcherRef.current?.flush();\n\n          // A reconnect replays the backlog from a stale anchor. The store\n          // dedups by id, but the side-effects below aren't idempotent, so skip\n          // them for replayed events (#1656).\n          const isDuplicateEvent = useEventStore\n            .getState()\n            .eventIds.has(event.id ?? \"\");\n          const switchLLMObservation = isSwitchLLMObservationEvent(event)\n            ? event\n            : null;\n          addEvent(event);\n          if (isDuplicateEvent) {\n            return;\n          }\n\n          // Handle displayable error events - show error banner\n          // AgentErrorEvent errors are displayed inline in the chat, not as banners\n          if (isDisplayableErrorEvent(event)) {\n            const errorEvent = event as\n              | ConversationErrorEvent\n              | ServerErrorEvent;\n            const classification =\n              \"classification\" in errorEvent ? errorEvent.classification : null;\n            trackError({\n              source: \"conversation\",\n              metadata: {\n                eventId: errorEvent.id,\n                errorCode: errorEvent.code,\n              },\n              classification,\n            });\n            setErrorMessage(\n              errorEvent.detail,\n              \"conversation\",\n              errorEvent.code,\n              classification,\n            );\n          } else {\n            handleNonErrorEvent();\n          }\n\n          // LLM errors render inline in the chat (see ErrorEventMessage); track\n          // them for analytics but keep them out of the banner above the chat box.\n          if (isAgentErrorEvent(event)) {\n            trackError({\n              source: \"agent\",\n              metadata: {\n                eventId: event.id,\n                toolName: event.tool_name,\n                toolCallId: event.tool_call_id,\n              },\n              classification: event.classification,\n            });\n          }\n\n          // Clear optimistic user message when a user message is confirmed.\n          // We match by the echoed text content (with FIFO fallback inside the\n          // store), so an echo for \"second\" pops \"second\" — not whichever\n          // pending entry happens to be oldest — protecting against any\n          // out-of-order delivery between conversations or sub-agents.\n          if (isUserMessageEvent(event)) {\n            if (conversationId) {\n              consumeMatchingPendingMessage(\n                conversationId,\n                extractMessageEventText(event),\n              );\n              // Clear draft from localStorage - message was successfully delivered\n              setConversationState(conversationId, { draftMessage: null });\n            }\n          }\n\n          // Handle cache invalidation for ActionEvent\n          if (isActionEvent(event)) {\n            const currentConversationId =\n              conversationId || \"test-conversation-id\"; // TODO: Get from context\n            handleActionEventCacheInvalidation(\n              event,\n              currentConversationId,\n              queryClient,\n            );\n          }\n\n          // Handle conversation state updates\n          // TODO: Tests\n          if (isConversationStateUpdateEvent(event)) {\n            if (isFullStateConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value.execution_status);\n            }\n            if (isAgentStatusConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value);\n            }\n            if (isStatsConversationStateUpdateEvent(event)) {\n              updateMetricsFromStats(event);\n            }\n            // Mirror goal status into the store. Intentionally duplicated across\n            // the main and planning WebSocket handlers (like the execution_status\n            // and stats branches above), not a merge artifact.\n            if (isGoalConversationStateUpdateEvent(event) && conversationId) {\n              useGoalStore.getState().setStatus(conversationId, event.value);\n            }\n          }\n\n          // Handle ExecuteBashAction events - add command as input to terminal\n          if (isExecuteBashActionEvent(event)) {\n            appendInput(event.action.command);\n          }\n\n          // Handle ExecuteBashObservation events - add output to terminal\n          if (isExecuteBashObservationEvent(event)) {\n            // Extract text content from the observation content array\n            const textContent = event.observation.content\n              .filter((c) => c.type === \"text\")\n              .map((c) => c.text)\n              .join(\"\\n\");\n            appendOutput(textContent);\n          }\n\n          // Handle BrowserObservation events - update browser store with screenshot\n          if (isBrowserObservationEvent(event)) {\n            const { screenshot_data: screenshotData } = event.observation;\n            if (screenshotData) {\n              const screenshotSrc = screenshotData.startsWith(\"data:\")\n                ? screenshotData\n                : `data:image/png;base64,${screenshotData}`;\n              useBrowserStore.getState().setScreenshotSrc(screenshotSrc);\n            }\n          }\n\n          // Handle BrowserNavigateAction events - update browser store with URL\n          if (isBrowserNavigateActionEvent(event)) {\n            useBrowserStore.getState().setUrl(event.action.url);\n          }\n\n          if (\n            conversationId &&\n            switchLLMObservation &&\n            !switchLLMObservation.observation.is_error\n          ) {\n            recordModelSwitchMessage(\n              conversationId,\n              switchLLMObservation.observation.profile_name,\n            );\n\n            // Mirror the user-driven `/model` path: persist the profile so the\n            // chat-header switcher shows the right name after a reload, even\n            // when several profiles share a model (#1082).\n            const prevMetadata = getStoredConversationMetadata(conversationId);\n            setStoredConversationMetadata(conversationId, {\n              selected_repository: prevMetadata?.selected_repository ?? null,\n              selected_branch: prevMetadata?.selected_branch ?? null,\n              git_provider: prevMetadata?.git_provider ?? null,\n              selected_workspace: prevMetadata?.selected_workspace ?? null,\n              active_profile: switchLLMObservation.observation.profile_name,\n              // Full-object replace: carry the plugins snapshot forward so the\n              // in-conversation plugins view survives a profile switch.\n              plugins: prevMetadata?.plugins ?? null,\n            });\n\n            if (switchLLMObservation.observation.active_model) {\n              updateConversationLlmModelInCache(\n                queryClient,\n                conversationId,\n                switchLLMObservation.observation.active_model,\n              );\n            }\n\n            invalidateConversationQueries(queryClient, conversationId);\n          }\n\n          // Handle canvas_ui ActionEvents from both the legacy Python tool and\n          // the client-defined JSON tool. The server acknowledges immediately;\n          // the actual UI change happens here on the client.\n          if (isCanvasUIActionEvent(event)) {\n            handleCanvasUIAction(event.action, conversationId ?? null);\n          }\n\n          // Same client-tool pattern, but the work is a network call: launch\n          // the requested child conversation and post the outcome back so the\n          // agent learns the id the server-side acknowledgement can't carry.\n          if (conversationId && isLaunchChildConversationActionEvent(event)) {\n            void handleLaunchChildConversationAction(\n              event.action,\n              conversationId,\n              event.tool_call_id,\n            );\n          }\n        }\n      } catch (error) {\n        console.warn(\"Failed to parse WebSocket message as JSON:\", error);\n      }\n    },\n    [\n      addEvent,\n      setErrorMessage,\n      consumeMatchingPendingMessage,\n      queryClient,\n      conversationId,\n      setExecutionStatus,\n      appendInput,\n      appendOutput,\n      updateMetricsFromStats,\n      handleNonErrorEvent,\n    ],\n  );\n\n  const handlePlanningMessage = useCallback(\n    (messageEvent: MessageEvent) => {\n      try {\n        const event = JSON.parse(messageEvent.data);\n\n        // Track received events for history loading (count ALL events from WebSocket)\n        // Always count when loading, even if we don't have the expected count yet\n        if (isLoadingHistoryPlanning) {\n          receivedEventCountRefPlanning.current += 1;\n\n          if (\n            expectedEventCountPlanning !== null &&\n            receivedEventCountRefPlanning.current >= expectedEventCountPlanning\n          ) {\n            setIsLoadingHistoryPlanning(false);\n          }\n        }\n\n        // Use type guard to validate v1 event structure\n        if (isAgentServerEvent(event)) {\n          // Buffer deltas (the commit re-applies the planning flag).\n          if (isStreamingDeltaEvent(event)) {\n            planningDeltaBatcherRef.current?.enqueue(event);\n            return;\n          }\n          // Flush buffered deltas before this event so it can't overtake them.\n          planningDeltaBatcherRef.current?.flush();\n\n          // Skip non-idempotent side-effects for replayed events, as in the\n          // main handler (#1656).\n          const isDuplicateEvent = useEventStore\n            .getState()\n            .eventIds.has(event.id ?? \"\");\n          // Mark this event as coming from the planning agent\n          const eventWithPlanningFlag = {\n            ...event,\n            isFromPlanningAgent: true,\n          };\n          addEvent(eventWithPlanningFlag);\n          if (isDuplicateEvent) {\n            return;\n          }\n\n          // Handle displayable error events - show error banner\n          // AgentErrorEvent errors are displayed inline in the chat, not as banners\n          if (isDisplayableErrorEvent(event)) {\n            const errorEvent = event as\n              | ConversationErrorEvent\n              | ServerErrorEvent;\n            const classification =\n              \"classification\" in errorEvent ? errorEvent.classification : null;\n            trackError({\n              source: \"planning_conversation\",\n              metadata: {\n                eventId: errorEvent.id,\n                errorCode: errorEvent.code,\n              },\n              classification,\n            });\n            setErrorMessage(\n              errorEvent.detail,\n              \"conversation\",\n              errorEvent.code,\n              classification,\n            );\n          } else {\n            handleNonErrorEvent();\n          }\n\n          // LLM errors render inline in the chat (see ErrorEventMessage); track\n          // them for analytics but keep them out of the banner above the chat box.\n          if (isAgentErrorEvent(event)) {\n            trackError({\n              source: \"planning_agent\",\n              metadata: {\n                eventId: event.id,\n                toolName: event.tool_name,\n                toolCallId: event.tool_call_id,\n              },\n              classification: event.classification,\n            });\n          }\n\n          // Clear optimistic user message when a user message is confirmed.\n          // Always scope to the main `conversationId` (where the user types)\n          // and match on the echoed content so the planning sub-agent's own\n          // events can never consume a main-conversation pending entry.\n          if (isUserMessageEvent(event)) {\n            if (conversationId) {\n              consumeMatchingPendingMessage(\n                conversationId,\n                extractMessageEventText(event),\n              );\n              setConversationState(conversationId, { draftMessage: null });\n            }\n          }\n\n          // Handle cache invalidation for ActionEvent\n          if (isActionEvent(event)) {\n            const planningAgentConversation = subConversations?.[0];\n            const currentConversationId =\n              planningAgentConversation?.id || \"test-conversation-id\"; // TODO: Get from context\n            handleActionEventCacheInvalidation(\n              event,\n              currentConversationId,\n              queryClient,\n            );\n          }\n\n          // Handle conversation state updates\n          // TODO: Tests\n          if (isConversationStateUpdateEvent(event)) {\n            if (isFullStateConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value.execution_status);\n            }\n            if (isAgentStatusConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value);\n            }\n            if (isStatsConversationStateUpdateEvent(event)) {\n              updateMetricsFromStats(event);\n            }\n            // Mirror goal status into the store. Intentionally duplicated across\n            // the main and planning WebSocket handlers (like the execution_status\n            // and stats branches above), not a merge artifact.\n            if (isGoalConversationStateUpdateEvent(event) && conversationId) {\n              useGoalStore.getState().setStatus(conversationId, event.value);\n            }\n          }\n\n          // Handle ExecuteBashAction events - add command as input to terminal\n          if (isExecuteBashActionEvent(event)) {\n            appendInput(event.action.command);\n          }\n\n          // Handle ExecuteBashObservation events - add output to terminal\n          if (isExecuteBashObservationEvent(event)) {\n            // Extract text content from the observation content array\n            const textContent = event.observation.content\n              .filter((c) => c.type === \"text\")\n              .map((c) => c.text)\n              .join(\"\\n\");\n            appendOutput(textContent);\n          }\n\n          // Handle PlanningFileEditorObservation - only update plan for Plan.md\n          if (isPlanningFileEditorObservationEvent(event)) {\n            const { path } = event.observation;\n            if (isPlanFilePath(path)) {\n              const planningAgentConversation = subConversations?.[0];\n              const planningConversationId = planningAgentConversation?.id;\n\n              if (planningConversationId && path) {\n                if (isLoadingHistoryPlanning) {\n                  latestPlanningFileEventRef.current = {\n                    path,\n                    conversationId: planningConversationId,\n                  };\n                } else {\n                  readConversationFile(\n                    {\n                      conversationId: planningConversationId,\n                      filePath: path,\n                    },\n                    {\n                      onSuccess: (fileContent) => {\n                        setPlanContent(fileContent);\n                      },\n                      onError: (error) => {\n                        console.warn(\n                          \"Failed to read conversation file:\",\n                          error,\n                        );\n                      },\n                    },\n                  );\n                }\n              }\n            }\n          }\n        }\n      } catch (error) {\n        console.warn(\"Failed to parse WebSocket message as JSON:\", error);\n      }\n    },\n    [\n      addEvent,\n      isLoadingHistoryPlanning,\n      expectedEventCountPlanning,\n      setErrorMessage,\n      consumeMatchingPendingMessage,\n      queryClient,\n      subConversations,\n      conversationId,\n      setExecutionStatus,\n      appendInput,\n      appendOutput,\n      readConversationFile,\n      setPlanContent,\n      updateMetricsFromStats,\n      handleNonErrorEvent,\n    ],\n  );\n\n  // Separate WebSocket options for main connection\n  const mainWebsocketOptions: WebSocketHookOptions = useMemo(() => {\n    // History was already loaded over REST (`useConversationHistory`).\n    // Subscribe with `resend_mode='since'` so the server only resends events\n    // strictly after the latest one we already have. If REST returned no\n    // events at all (brand-new conversation), fall back to `'all'` so any\n    // events that may have been written between the REST call and the WS\n    // handshake still show up. Dedup in the event store handles overlap.\n    const queryParams: Record<string, string | boolean> = initialAfterTimestamp\n      ? { resend_mode: \"since\", after_timestamp: initialAfterTimestamp }\n      : { resend_mode: \"all\" };\n\n    return {\n      queryParams,\n      sessionApiKey,\n      reconnect: { enabled: true },\n      onOpen: () => {\n        setMainConnectionState(\"OPEN\");\n        hasConnectedRefMain.current = true; // Mark that we've successfully connected\n        clearConnectionError(); // Clear a previous connection error; keep sticky conversation errors\n      },\n      onClose: () => {\n        setMainConnectionState(\"CLOSED\");\n      },\n      onError: () => {\n        setMainConnectionState(\"CLOSED\");\n        // Only show error message if we've previously connected successfully\n        if (hasConnectedRefMain.current) {\n          setErrorMessage(SERVER_CONNECTION_ERROR_MESSAGE, \"connection\");\n        }\n      },\n      onMessage: handleMainMessage,\n    };\n  }, [\n    handleMainMessage,\n    setErrorMessage,\n    clearConnectionError,\n    sessionApiKey,\n    initialAfterTimestamp,\n  ]);\n\n  // Separate WebSocket options for planning agent connection\n  const planningWebsocketOptions: WebSocketHookOptions = useMemo(() => {\n    const queryParams: Record<string, string | boolean> = {\n      resend_all: true,\n    };\n\n    const planningAgentConversation = subConversations?.[0];\n    const planningApiKey =\n      planningAgentConversation?.session_api_key ?? sessionApiKey;\n\n    return {\n      queryParams,\n      sessionApiKey: planningApiKey,\n      reconnect: { enabled: true },\n      onOpen: async () => {\n        setPlanningConnectionState(\"OPEN\");\n        hasConnectedRefPlanning.current = true; // Mark that we've successfully connected\n        clearConnectionError(); // Clear a previous connection error; keep sticky conversation errors\n\n        // Fetch expected event count for history loading detection\n        if (\n          planningAgentConversation?.id &&\n          planningAgentConversation.conversation_url\n        ) {\n          try {\n            const count = await EventService.getEventCount(\n              planningAgentConversation.id,\n              planningAgentConversation.conversation_url,\n              planningAgentConversation.session_api_key,\n            );\n            setExpectedEventCountPlanning(count);\n\n            // If no events expected, mark as loaded immediately\n            if (count === 0) {\n              setIsLoadingHistoryPlanning(false);\n            }\n          } catch (error) {\n            // Fall back to marking as loaded to avoid infinite loading state\n            setIsLoadingHistoryPlanning(false);\n          }\n        }\n      },\n      onClose: () => {\n        setPlanningConnectionState(\"CLOSED\");\n      },\n      onError: () => {\n        setPlanningConnectionState(\"CLOSED\");\n        // Only show error message if we've previously connected successfully\n        if (hasConnectedRefPlanning.current) {\n          setErrorMessage(SERVER_CONNECTION_ERROR_MESSAGE, \"connection\");\n        }\n      },\n      onMessage: handlePlanningMessage,\n    };\n  }, [\n    handlePlanningMessage,\n    setErrorMessage,\n    clearConnectionError,\n    sessionApiKey,\n    subConversations,\n  ]);\n\n  // Only attempt WebSocket connection when we have a valid URL\n  // This prevents connection attempts during task polling phase\n  const websocketUrl = wsUrl;\n  const { socket: mainSocket, reconnect: reconnectMain } = useWebSocket(\n    websocketUrl || \"\",\n    mainWebsocketOptions,\n  );\n\n  const { socket: planningAgentSocket, reconnect: reconnectPlanning } =\n    useWebSocket(planningAgentWsUrl || \"\", planningWebsocketOptions);\n\n  const reconnect = useCallback(() => {\n    removeErrorMessage();\n    const currentMode = useConversationStore.getState().conversationMode;\n    if (currentMode === \"plan\" && planningAgentWsUrl) {\n      reconnectPlanning();\n      return;\n    }\n    reconnectMain();\n  }, [\n    planningAgentWsUrl,\n    reconnectMain,\n    reconnectPlanning,\n    removeErrorMessage,\n  ]);\n\n  // V1 send message function via WebSocket\n  // Falls back to REST API queue when WebSocket is not connected\n  const sendMessage = useCallback(\n    async (message: SendMessageRequest): Promise<SendMessageResult> => {\n      const currentMode = useConversationStore.getState().conversationMode;\n      const currentSocket =\n        currentMode === \"plan\" ? planningAgentSocket : mainSocket;\n\n      if (currentSocket?.readyState !== WebSocket.OPEN) {\n        // WebSocket not connected - queue message via REST API\n        // Message will be delivered automatically when conversation becomes ready\n        if (!conversationId) {\n          const error = new Error(\"No conversation ID available\");\n          setErrorMessage(error.message);\n          throw error;\n        }\n\n        try {\n          await new ConversationClient(getAgentServerClientOptions()).sendEvent(\n            conversationId,\n            {\n              role: \"user\",\n              content: message.content,\n            },\n            { run: true },\n          );\n          // Message queued successfully - it will be delivered when ready\n          // Return queued: true so caller knows not to show optimistic UI\n          return { queued: true };\n        } catch (error) {\n          const errorMessage =\n            error instanceof Error\n              ? error.message\n              : \"Failed to queue message for delivery\";\n          setErrorMessage(errorMessage);\n          throw error;\n        }\n      }\n\n      try {\n        // Send message through WebSocket as JSON with run: true so the\n        // agent loop starts automatically in async mode.\n        currentSocket.send(JSON.stringify({ ...message, run: true }));\n        return { queued: false };\n      } catch (error) {\n        const errorMessage =\n          error instanceof Error ? error.message : \"Failed to send message\";\n        setErrorMessage(errorMessage);\n        throw error;\n      }\n    },\n    [mainSocket, planningAgentSocket, setErrorMessage, conversationId],\n  );\n\n  // Track main socket state changes\n  useEffect(() => {\n    // Only process socket updates if we have a valid URL and socket\n    if (mainSocket && wsUrl) {\n      // Update state based on socket readyState\n      const updateState = () => {\n        switch (mainSocket.readyState) {\n          case WebSocket.CONNECTING:\n            setMainConnectionState(\"CONNECTING\");\n            break;\n          case WebSocket.OPEN:\n            setMainConnectionState(\"OPEN\");\n            break;\n          case WebSocket.CLOSING:\n            setMainConnectionState(\"CLOSING\");\n            break;\n          case WebSocket.CLOSED:\n            setMainConnectionState(\"CLOSED\");\n            break;\n          default:\n            setMainConnectionState(\"CLOSED\");\n            break;\n        }\n      };\n\n      updateState();\n    }\n  }, [mainSocket, wsUrl]);\n\n  // Track planning agent socket state changes\n  useEffect(() => {\n    // Only process socket updates if we have a valid URL and socket\n    if (planningAgentSocket && planningAgentWsUrl) {\n      // Update state based on socket readyState\n      const updateState = () => {\n        switch (planningAgentSocket.readyState) {\n          case WebSocket.CONNECTING:\n            setPlanningConnectionState(\"CONNECTING\");\n            break;\n          case WebSocket.OPEN:\n            setPlanningConnectionState(\"OPEN\");\n            break;\n          case WebSocket.CLOSING:\n            setPlanningConnectionState(\"CLOSING\");\n            break;\n          case WebSocket.CLOSED:\n            setPlanningConnectionState(\"CLOSED\");\n            break;\n          default:\n            setPlanningConnectionState(\"CLOSED\");\n            break;\n        }\n      };\n\n      updateState();\n    }\n  }, [planningAgentSocket, planningAgentWsUrl]);\n\n  const contextValue = useMemo(\n    () => ({ connectionState, sendMessage, isLoadingHistory, reconnect }),\n    [connectionState, sendMessage, isLoadingHistory, reconnect],\n  );\n\n  return (\n    <ConversationWebSocketContext.Provider value={contextValue}>\n      {children}\n    </ConversationWebSocketContext.Provider>\n  );\n}\n\nexport const useConversationWebSocket =\n  (): ConversationWebSocketContextType | null => {\n    const context = useContext(ConversationWebSocketContext);\n    // Return null instead of throwing when not in provider\n    // This allows the hook to be called conditionally based on conversation version\n    return context || null;\n  };\n"],"mappings":"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"}
+{"version":3,"file":"conversation-websocket-context.cjs","names":[],"sources":["../../src/contexts/conversation-websocket-context.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useEffect,\n  useLayoutEffect,\n  useState,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { ConversationClient } from \"@openhands/typescript-client/clients\";\n\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { useWebSocket, WebSocketHookOptions } from \"#/hooks/use-websocket\";\nimport { SERVER_CONNECTION_ERROR_MESSAGE } from \"#/constants/server-connection-error\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { useErrorMessageStore } from \"#/stores/error-message-store\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { useConversationStateStore } from \"#/stores/conversation-state-store\";\nimport { useCommandStore } from \"#/stores/command-store\";\nimport { useBrowserStore } from \"#/stores/browser-store\";\nimport { useGoalStore } from \"#/stores/goal-store\";\nimport {\n  isAgentServerEvent,\n  isAgentErrorEvent,\n  isUserMessageEvent,\n  isActionEvent,\n  isConversationStateUpdateEvent,\n  isFullStateConversationStateUpdateEvent,\n  isAgentStatusConversationStateUpdateEvent,\n  isStatsConversationStateUpdateEvent,\n  isGoalConversationStateUpdateEvent,\n  isExecuteBashActionEvent,\n  isExecuteBashObservationEvent,\n  isDisplayableErrorEvent,\n  isPlanningFileEditorObservationEvent,\n  isBrowserObservationEvent,\n  isBrowserNavigateActionEvent,\n  isSwitchLLMObservationEvent,\n  isCanvasUIActionEvent,\n  isStreamingDeltaEvent,\n  isLaunchChildConversationActionEvent,\n} from \"#/types/agent-server/type-guards\";\nimport {\n  createStreamingDeltaBatcher,\n  StreamingDeltaBatcher,\n} from \"#/utils/streaming-delta-batcher\";\nimport { handleCanvasUIAction } from \"#/services/canvas-ui\";\nimport { handleLaunchChildConversationAction } from \"#/services/child-conversation-launch\";\nimport { ConversationStateUpdateEventStats } from \"#/types/agent-server/core/events/conversation-state-event\";\nimport type {\n  ConversationErrorEvent,\n  ServerErrorEvent,\n} from \"#/types/agent-server/core/events/conversation-state-event\";\nimport { handleActionEventCacheInvalidation } from \"#/utils/cache-utils\";\nimport { buildWebSocketUrl } from \"#/utils/websocket-url\";\nimport type {\n  AppConversation,\n  SendMessageRequest,\n} from \"#/api/conversation-service/agent-server-conversation-service.types\";\nimport EventService from \"#/api/event-service/event-service.api\";\nimport { getAgentServerClientOptions } from \"#/api/agent-server-client-options\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { trackError } from \"#/utils/error-handler\";\nimport { useReadConversationFile } from \"#/hooks/mutation/use-read-conversation-file\";\nimport useMetricsStore, { type MetricsState } from \"#/stores/metrics-store\";\nimport { useConversationHistory } from \"#/hooks/query/use-conversation-history\";\nimport { setConversationState } from \"#/utils/conversation-local-storage\";\nimport {\n  recordModelSwitchMessage,\n  seedModelSwitchesFromHistory,\n} from \"#/hooks/chat/record-model-switch-message\";\nimport {\n  invalidateConversationQueries,\n  updateConversationLlmModelInCache,\n} from \"#/hooks/mutation/conversation-mutation-utils\";\nimport {\n  getStoredConversationMetadata,\n  setStoredConversationMetadata,\n} from \"#/api/conversation-metadata-store\";\n\nexport type WebSocketConnectionState =\n  | \"CONNECTING\"\n  | \"OPEN\"\n  | \"CLOSED\"\n  | \"CLOSING\";\n\ninterface SendMessageResult {\n  queued: boolean; // true if message was queued for later delivery, false if sent immediately\n}\n\ninterface ConversationWebSocketContextType {\n  connectionState: WebSocketConnectionState;\n  sendMessage: (message: SendMessageRequest) => Promise<SendMessageResult>;\n  isLoadingHistory: boolean;\n  reconnect: () => void;\n}\n\nconst ConversationWebSocketContext = createContext<\n  ConversationWebSocketContextType | undefined\n>(undefined);\n\n/**\n * Extract the text body of an echoed user `MessageEvent` for matching against\n * the optimistic pending-message queue. The server wraps the original\n * `args.content` string in one or more `TextContent` entries (alongside any\n * `ImageContent` entries for inline images), so concatenating the `text`\n * fields gives us back the exact prompt we sent.\n */\nfunction extractMessageEventText(\n  event: import(\"#/types/agent-server/core/events/message-event\").MessageEvent,\n): string {\n  return event.llm_message.content\n    .filter(\n      (part): part is { type: \"text\"; text: string } => part.type === \"text\",\n    )\n    .map((part) => part.text)\n    .join(\"\");\n}\n\nexport function ConversationWebSocketProvider({\n  children,\n  conversationId,\n  conversationUrl,\n  sessionApiKey,\n  subConversations,\n  subConversationIds,\n}: {\n  children: React.ReactNode;\n  conversationId?: string;\n  conversationUrl?: string | null;\n  sessionApiKey?: string | null;\n  subConversations?: AppConversation[];\n  subConversationIds?: string[];\n}) {\n  // Separate connection state tracking for each WebSocket\n  const [mainConnectionState, setMainConnectionState] =\n    useState<WebSocketConnectionState>(\"CONNECTING\");\n  const [planningConnectionState, setPlanningConnectionState] =\n    useState<WebSocketConnectionState>(\"CONNECTING\");\n\n  // Track if we've ever successfully connected for each connection\n  // Don't show errors until after first successful connection\n  const hasConnectedRefMain = React.useRef(false);\n  const hasConnectedRefPlanning = React.useRef(false);\n\n  const queryClient = useQueryClient();\n  const addEvent = useEventStore((state) => state.addEvent);\n  const addEvents = useEventStore((state) => state.addEvents);\n  const clearEventsForConversation = useEventStore(\n    (state) => state.clearEventsForConversation,\n  );\n  const { setErrorMessage, removeErrorMessage, clearConnectionError } =\n    useErrorMessageStore();\n  const consumeMatchingPendingMessage = useOptimisticUserMessageStore(\n    (state) => state.consumeMatchingPendingMessage,\n  );\n  const { setExecutionStatus } = useConversationStateStore();\n  const { appendInput, appendOutput } = useCommandStore();\n  const resetBrowserStore = useBrowserStore((state) => state.reset);\n\n  // Coalesce streaming deltas to ≤1 store commit/render per frame.\n  // Separate batchers keep the main and planning streams from ever merging.\n  const mainDeltaBatcherRef = useRef<StreamingDeltaBatcher | null>(null);\n  if (mainDeltaBatcherRef.current === null) {\n    mainDeltaBatcherRef.current = createStreamingDeltaBatcher((delta) => {\n      useEventStore.getState().addEvent(delta);\n      // A delta means connectivity recovered — mirror handleNonErrorEvent.\n      useErrorMessageStore.getState().clearConnectionError();\n    });\n  }\n  const planningDeltaBatcherRef = useRef<StreamingDeltaBatcher | null>(null);\n  if (planningDeltaBatcherRef.current === null) {\n    planningDeltaBatcherRef.current = createStreamingDeltaBatcher((delta) => {\n      useEventStore\n        .getState()\n        .addEvent({ ...delta, isFromPlanningAgent: true });\n      useErrorMessageStore.getState().clearConnectionError();\n    });\n  }\n\n  // History loading state.\n  // - Main conversation history is now loaded via REST (`useConversationHistory`),\n  //   so its loading state mirrors the REST query state (see below).\n  // - Planning sub-conversation history still streams over the WebSocket using\n  //   `resend_mode='all'`, so we keep the count-based detection for it.\n  const [isLoadingHistoryPlanning, setIsLoadingHistoryPlanning] =\n    useState(true);\n  const [expectedEventCountPlanning, setExpectedEventCountPlanning] = useState<\n    number | null\n  >(null);\n\n  const { setPlanContent } = useConversationStore();\n\n  // Hook for reading conversation file\n  const { mutate: readConversationFile } = useReadConversationFile();\n\n  // Track planning-agent received events (still WS-driven).\n  const receivedEventCountRefPlanning = useRef(0);\n\n  // Track the latest PlanningFileEditorObservation for Plan.md during history replay\n  const latestPlanningFileEventRef = useRef<{\n    path: string;\n    conversationId: string;\n  } | null>(null);\n\n  const isPlanFilePath = (path: string | null): boolean =>\n    path?.toUpperCase().endsWith(\"PLAN.MD\") ?? false;\n\n  const handleNonErrorEvent = useCallback(() => {\n    // A normal event means connectivity recovered: clear a transient connection\n    // error, but keep sticky conversation errors (e.g. a wrong API key).\n    clearConnectionError();\n  }, [clearConnectionError]);\n\n  // Helper function to update metrics from stats event\n  const updateMetricsFromStats = useCallback(\n    (event: ConversationStateUpdateEventStats) => {\n      const usageToMetrics = event.value.usage_to_metrics;\n      if (!usageToMetrics) {\n        return;\n      }\n\n      // usage_to_metrics is keyed by arbitrary LLM usage ids (\"default\",\n      // \"condenser\", \"profile:<name>:<uuid>\", …) — combine across all of\n      // them, mirroring getCombinedMetrics on the REST path.\n      const combined = Object.values(usageToMetrics).reduce<{\n        cost: number;\n        maxBudgetPerTask: number | null;\n        usage: MetricsState[\"usage\"];\n      }>(\n        (acc, metrics) => {\n          acc.cost += metrics.accumulated_cost;\n          if (\n            acc.maxBudgetPerTask === null &&\n            metrics.max_budget_per_task !== null\n          ) {\n            acc.maxBudgetPerTask = metrics.max_budget_per_task;\n          }\n          const tokenUsage = metrics.accumulated_token_usage;\n          if (tokenUsage) {\n            acc.usage = {\n              prompt_tokens:\n                (acc.usage?.prompt_tokens ?? 0) + tokenUsage.prompt_tokens,\n              completion_tokens:\n                (acc.usage?.completion_tokens ?? 0) +\n                tokenUsage.completion_tokens,\n              cache_read_tokens:\n                (acc.usage?.cache_read_tokens ?? 0) +\n                tokenUsage.cache_read_tokens,\n              cache_write_tokens:\n                (acc.usage?.cache_write_tokens ?? 0) +\n                tokenUsage.cache_write_tokens,\n              context_window: Math.max(\n                acc.usage?.context_window ?? 0,\n                tokenUsage.context_window,\n              ),\n              per_turn_token: Math.max(\n                acc.usage?.per_turn_token ?? 0,\n                tokenUsage.per_turn_token,\n              ),\n            };\n          }\n          return acc;\n        },\n        { cost: 0, maxBudgetPerTask: null, usage: null },\n      );\n\n      useMetricsStore.getState().setMetrics({\n        cost: combined.cost,\n        max_budget_per_task: combined.maxBudgetPerTask,\n        usage: combined.usage,\n      });\n    },\n    [],\n  );\n\n  // Initial REST history load: fetch the most recent events and seed the\n  // store. Older events are paginated in via `useLoadOlderEvents` when the\n  // user scrolls to the top of the chat. The WebSocket connection waits for\n  // this query so it can subscribe with `resend_mode='since'` and avoid\n  // re-streaming everything REST already returned.\n  const { data: preloadedHistory, isPending: isPreloadingHistory } =\n    useConversationHistory(conversationId);\n\n  // Skeleton only on the genuine first load (no cached data yet). On return the\n  // cached page is present, so `isPending` is false and we render the\n  // last-known discussion immediately while the tail refetch runs in the\n  // background — the socket gate below also keys on `isPending`, so that\n  // refetch never drops a live socket.\n  const isLoadingHistoryMain = !!conversationId && isPreloadingHistory;\n\n  // Clear the (global, not conversation-scoped) event store when the active\n  // conversation changes, BEFORE the preloaded-history effect below re-seeds\n  // it. This MUST live here rather than in the route component: a parent's\n  // passive effect runs *after* this child's layout effects, so clearing from\n  // the route would wipe the freshly seeded history. On a conversation switch\n  // the history page is already cached, so `preloadedHistory` is available\n  // synchronously — without ordering the clear first, the user's already-echoed\n  // message gets seeded then immediately wiped, leaving only the `since`\n  // WebSocket resend (the agent's reply). Re-entering the same conversation is\n  // a no-op, so the store survives navigating away to Settings and back.\n  useLayoutEffect(() => {\n    const nextId = conversationId ?? null;\n    if (useEventStore.getState().loadedConversationId === nextId) {\n      return;\n    }\n    // Single atomic action: clears the previous conversation's events and\n    // records the new loaded id in one `set`, so no subscriber can observe a\n    // half-applied state (events gone but the old id still reported).\n    clearEventsForConversation(nextId);\n    resetBrowserStore();\n    // The metrics store is conversation-scoped state too: without a reset the\n    // previous conversation's usage/cost keeps rendering in the new\n    // conversation's meter until fresh WS stats arrive — and a brand-new\n    // conversation sends none, so the stale figure stuck indefinitely.\n    useMetricsStore.getState().resetMetrics();\n  }, [conversationId, clearEventsForConversation, resetBrowserStore]);\n\n  useLayoutEffect(() => {\n    if (!preloadedHistory || preloadedHistory.events.length === 0) {\n      return;\n    }\n    addEvents(preloadedHistory.events);\n\n    // The first user message of a cloud start-task conversation is persisted\n    // server-side and reaches us via this REST preload, not over the WebSocket\n    // (which subscribes with resend_mode='since' after the latest preloaded\n    // timestamp). Consume any matching optimistic \"Sending…\" bubble here too —\n    // mirroring the WS handler — so it doesn't linger as a duplicate of the echo.\n    if (conversationId) {\n      // Rebuild inline \"Switched to\" messages from the REST-preloaded history.\n      // The live store writers (WS handler / user action) never see preloaded\n      // events, so without this past model switches wouldn't render on reload.\n      // Read the post-`addEvents` `uiEvents` (actions replaced by observations,\n      // Think/Finish observations dropped) — not the raw history — so anchors\n      // match the ids the renderer actually mounts.\n      seedModelSwitchesFromHistory(\n        conversationId,\n        useEventStore.getState().uiEvents,\n      );\n\n      for (const event of preloadedHistory.events) {\n        if (isUserMessageEvent(event)) {\n          consumeMatchingPendingMessage(\n            conversationId,\n            extractMessageEventText(event),\n          );\n        }\n      }\n    }\n  }, [\n    preloadedHistory,\n    addEvents,\n    conversationId,\n    consumeMatchingPendingMessage,\n  ]);\n\n  /**\n   * Timestamp of the latest event we already have from REST. Used as\n   * `after_timestamp` when opening the WebSocket so the server only resends\n   * events strictly after this point. `null` until the first REST page lands\n   * (the WS connection is gated on that — see `wsUrl` below). During\n   * background refetches `preloadedHistory` keeps the last-known page, so the\n   * anchor holds steady instead of flipping to null; reconnects read the\n   * freshest value from the options ref at connect time.\n   */\n  const initialAfterTimestamp = useMemo<string | null>(() => {\n    const events = preloadedHistory?.events ?? [];\n    const latest = events[events.length - 1];\n    if (!latest || !(\"timestamp\" in latest) || !latest.timestamp) return null;\n    return latest.timestamp;\n  }, [preloadedHistory]);\n\n  // Build WebSocket URL from props.\n  //\n  // We deliberately wait for the FIRST history load (`isPending`: no data for\n  // this query key yet) before opening the socket, so the WS subscription can\n  // use `resend_mode='since'` with a meaningful `after_timestamp` instead of\n  // falling back to `resend_mode='all'`. The gate is intentionally NOT on\n  // `isFetching`: background refetches (e.g. the `refetchOnMount` fired when\n  // returning to a conversation) must never tear a live socket down — on a\n  // flaky link that caused a refetch → teardown → reconnect → refetch loop\n  // that kept the conversation stuck at \"Connecting\" for minutes. Connecting\n  // during a background refetch anchors `since` to the cached tail; the\n  // overlap with the refetched page is deduped by the event store and the\n  // `isDuplicateEvent` guards in the message handlers. A query-key reset\n  // (backend swap / new session key) makes `isPending` true again, so a\n  // genuine reset still re-gates. If the initial load errors, `isPending`\n  // flips false and we fall through to connect with `resend_mode='all'` so\n  // the user still sees live events.\n  const wsUrl = useMemo(() => {\n    if (!conversationId || !conversationUrl) {\n      return null;\n    }\n    if (isPreloadingHistory) {\n      return null;\n    }\n    return buildWebSocketUrl(conversationId, conversationUrl);\n  }, [conversationId, conversationUrl, isPreloadingHistory]);\n\n  const planningAgentWsUrl = useMemo(() => {\n    if (!subConversations?.length) {\n      return null;\n    }\n\n    // Currently, there is only one sub-conversation and it uses the planning agent.\n    const planningAgentConversation = subConversations[0];\n\n    if (\n      !planningAgentConversation?.id ||\n      !planningAgentConversation.conversation_url\n    ) {\n      return null;\n    }\n\n    return buildWebSocketUrl(\n      planningAgentConversation.id,\n      planningAgentConversation.conversation_url,\n    );\n  }, [subConversations]);\n\n  // Merged connection state - reflects combined status of both connections\n  const connectionState = useMemo<WebSocketConnectionState>(() => {\n    // If planning agent connection doesn't exist, use main connection state\n    if (!planningAgentWsUrl) {\n      return mainConnectionState;\n    }\n\n    // If either is connecting, merged state is connecting\n    if (\n      mainConnectionState === \"CONNECTING\" ||\n      planningConnectionState === \"CONNECTING\"\n    ) {\n      return \"CONNECTING\";\n    }\n\n    // If both are open, merged state is open\n    if (mainConnectionState === \"OPEN\" && planningConnectionState === \"OPEN\") {\n      return \"OPEN\";\n    }\n\n    // If both are closed, merged state is closed\n    if (\n      mainConnectionState === \"CLOSED\" &&\n      planningConnectionState === \"CLOSED\"\n    ) {\n      return \"CLOSED\";\n    }\n\n    // If either is closing, merged state is closing\n    if (\n      mainConnectionState === \"CLOSING\" ||\n      planningConnectionState === \"CLOSING\"\n    ) {\n      return \"CLOSING\";\n    }\n\n    // Default to closed if states don't match expected patterns\n    return \"CLOSED\";\n  }, [mainConnectionState, planningConnectionState, planningAgentWsUrl]);\n\n  useEffect(() => {\n    if (\n      expectedEventCountPlanning !== null &&\n      receivedEventCountRefPlanning.current >= expectedEventCountPlanning &&\n      isLoadingHistoryPlanning\n    ) {\n      setIsLoadingHistoryPlanning(false);\n    }\n  }, [\n    expectedEventCountPlanning,\n    isLoadingHistoryPlanning,\n    receivedEventCountRefPlanning,\n  ]);\n\n  // Call API once after history loading completes if we tracked any PlanningFileEditorObservation events\n  useEffect(() => {\n    if (!isLoadingHistoryPlanning && latestPlanningFileEventRef.current) {\n      const { path, conversationId: currentPlanningConversationId } =\n        latestPlanningFileEventRef.current;\n\n      readConversationFile(\n        {\n          conversationId: currentPlanningConversationId,\n          filePath: path,\n        },\n        {\n          onSuccess: (fileContent) => {\n            setPlanContent(fileContent);\n          },\n          onError: (error) => {\n            console.warn(\"Failed to read conversation file:\", error);\n          },\n        },\n      );\n\n      // Clear the ref after calling the API\n      latestPlanningFileEventRef.current = null;\n    }\n  }, [isLoadingHistoryPlanning, readConversationFile, setPlanContent]);\n\n  useEffect(() => {\n    hasConnectedRefMain.current = false;\n    setIsLoadingHistoryPlanning(!!subConversationIds?.length);\n    setExpectedEventCountPlanning(null);\n    receivedEventCountRefPlanning.current = 0;\n    // Reset the tracked event ref when sub-conversations change\n    latestPlanningFileEventRef.current = null;\n  }, [subConversationIds]);\n\n  // Reset hasConnected flags when the conversation changes.\n  useEffect(() => {\n    hasConnectedRefMain.current = false;\n    hasConnectedRefPlanning.current = false;\n    // Reset the tracked event ref when conversation changes\n    latestPlanningFileEventRef.current = null;\n  }, [conversationId]);\n\n  // Drop buffered deltas on conversation switch/unmount: the store is cleared on\n  // switch, so flushing them would leak into the next conversation.\n  useEffect(() => {\n    const mainBatcher = mainDeltaBatcherRef.current;\n    const planningBatcher = planningDeltaBatcherRef.current;\n    return () => {\n      mainBatcher?.reset();\n      planningBatcher?.reset();\n    };\n  }, [conversationId]);\n\n  // Merged loading history state - true if either connection is still loading\n  const isLoadingHistory = useMemo(\n    () => isLoadingHistoryMain || isLoadingHistoryPlanning,\n    [isLoadingHistoryMain, isLoadingHistoryPlanning],\n  );\n\n  // Separate message handlers for each connection\n  const handleMainMessage = useCallback(\n    (messageEvent: MessageEvent) => {\n      try {\n        const event = JSON.parse(messageEvent.data);\n\n        // History loading for the main conversation is REST-driven now;\n        // every WS message is a new event we add to the store.\n\n        // Use type guard to validate v1 event structure\n        if (isAgentServerEvent(event)) {\n          // Buffer deltas; nothing else in this handler applies to them.\n          if (isStreamingDeltaEvent(event)) {\n            mainDeltaBatcherRef.current?.enqueue(event);\n            return;\n          }\n          // Flush buffered deltas before this event so it can't overtake them.\n          mainDeltaBatcherRef.current?.flush();\n\n          // A reconnect replays the backlog from a stale anchor. The store\n          // dedups by id, but the side-effects below aren't idempotent, so skip\n          // them for replayed events (#1656).\n          const isDuplicateEvent = useEventStore\n            .getState()\n            .eventIds.has(event.id ?? \"\");\n          const switchLLMObservation = isSwitchLLMObservationEvent(event)\n            ? event\n            : null;\n          addEvent(event);\n          if (isDuplicateEvent) {\n            return;\n          }\n\n          // Handle displayable error events - show error banner\n          // AgentErrorEvent errors are displayed inline in the chat, not as banners\n          if (isDisplayableErrorEvent(event)) {\n            const errorEvent = event as\n              | ConversationErrorEvent\n              | ServerErrorEvent;\n            const classification =\n              \"classification\" in errorEvent ? errorEvent.classification : null;\n            trackError({\n              source: \"conversation\",\n              metadata: {\n                eventId: errorEvent.id,\n                errorCode: errorEvent.code,\n              },\n              classification,\n            });\n            setErrorMessage(\n              errorEvent.detail,\n              \"conversation\",\n              errorEvent.code,\n              classification,\n            );\n          } else {\n            handleNonErrorEvent();\n          }\n\n          // LLM errors render inline in the chat (see ErrorEventMessage); track\n          // them for analytics but keep them out of the banner above the chat box.\n          if (isAgentErrorEvent(event)) {\n            trackError({\n              source: \"agent\",\n              metadata: {\n                eventId: event.id,\n                toolName: event.tool_name,\n                toolCallId: event.tool_call_id,\n              },\n              classification: event.classification,\n            });\n          }\n\n          // Clear optimistic user message when a user message is confirmed.\n          // We match by the echoed text content (with FIFO fallback inside the\n          // store), so an echo for \"second\" pops \"second\" — not whichever\n          // pending entry happens to be oldest — protecting against any\n          // out-of-order delivery between conversations or sub-agents.\n          if (isUserMessageEvent(event)) {\n            if (conversationId) {\n              consumeMatchingPendingMessage(\n                conversationId,\n                extractMessageEventText(event),\n              );\n              // Clear draft from localStorage - message was successfully delivered\n              setConversationState(conversationId, { draftMessage: null });\n            }\n          }\n\n          // Handle cache invalidation for ActionEvent\n          if (isActionEvent(event)) {\n            const currentConversationId =\n              conversationId || \"test-conversation-id\"; // TODO: Get from context\n            handleActionEventCacheInvalidation(\n              event,\n              currentConversationId,\n              queryClient,\n            );\n          }\n\n          // Handle conversation state updates\n          // TODO: Tests\n          if (isConversationStateUpdateEvent(event)) {\n            if (isFullStateConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value.execution_status);\n            }\n            if (isAgentStatusConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value);\n            }\n            if (isStatsConversationStateUpdateEvent(event)) {\n              updateMetricsFromStats(event);\n            }\n            // Mirror goal status into the store. Intentionally duplicated across\n            // the main and planning WebSocket handlers (like the execution_status\n            // and stats branches above), not a merge artifact.\n            if (isGoalConversationStateUpdateEvent(event) && conversationId) {\n              useGoalStore.getState().setStatus(conversationId, event.value);\n            }\n          }\n\n          // Handle ExecuteBashAction events - add command as input to terminal\n          if (isExecuteBashActionEvent(event)) {\n            appendInput(event.action.command);\n          }\n\n          // Handle ExecuteBashObservation events - add output to terminal\n          if (isExecuteBashObservationEvent(event)) {\n            // Extract text content from the observation content array\n            const textContent = event.observation.content\n              .filter((c) => c.type === \"text\")\n              .map((c) => c.text)\n              .join(\"\\n\");\n            appendOutput(textContent);\n          }\n\n          // Handle BrowserObservation events - update browser store with screenshot\n          if (isBrowserObservationEvent(event)) {\n            const { screenshot_data: screenshotData } = event.observation;\n            if (screenshotData) {\n              const screenshotSrc = screenshotData.startsWith(\"data:\")\n                ? screenshotData\n                : `data:image/png;base64,${screenshotData}`;\n              useBrowserStore.getState().setScreenshotSrc(screenshotSrc);\n            }\n          }\n\n          // Handle BrowserNavigateAction events - update browser store with URL\n          if (isBrowserNavigateActionEvent(event)) {\n            useBrowserStore.getState().setUrl(event.action.url);\n          }\n\n          if (\n            conversationId &&\n            switchLLMObservation &&\n            !switchLLMObservation.observation.is_error\n          ) {\n            recordModelSwitchMessage(\n              conversationId,\n              switchLLMObservation.observation.profile_name,\n            );\n\n            // Mirror the user-driven `/model` path: persist the profile so the\n            // chat-header switcher shows the right name after a reload, even\n            // when several profiles share a model (#1082).\n            const prevMetadata = getStoredConversationMetadata(conversationId);\n            setStoredConversationMetadata(conversationId, {\n              selected_repository: prevMetadata?.selected_repository ?? null,\n              selected_branch: prevMetadata?.selected_branch ?? null,\n              git_provider: prevMetadata?.git_provider ?? null,\n              selected_workspace: prevMetadata?.selected_workspace ?? null,\n              active_profile: switchLLMObservation.observation.profile_name,\n              // Full-object replace: carry the plugins snapshot forward so the\n              // in-conversation plugins view survives a profile switch.\n              plugins: prevMetadata?.plugins ?? null,\n            });\n\n            if (switchLLMObservation.observation.active_model) {\n              updateConversationLlmModelInCache(\n                queryClient,\n                conversationId,\n                switchLLMObservation.observation.active_model,\n              );\n            }\n\n            invalidateConversationQueries(queryClient, conversationId);\n          }\n\n          // Handle canvas_ui ActionEvents from both the legacy Python tool and\n          // the client-defined JSON tool. The server acknowledges immediately;\n          // the actual UI change happens here on the client.\n          if (isCanvasUIActionEvent(event)) {\n            handleCanvasUIAction(event.action, conversationId ?? null);\n          }\n\n          // Same client-tool pattern, but the work is a network call: launch\n          // the requested child conversation and post the outcome back so the\n          // agent learns the id the server-side acknowledgement can't carry.\n          if (conversationId && isLaunchChildConversationActionEvent(event)) {\n            void handleLaunchChildConversationAction(\n              event.action,\n              conversationId,\n              event.tool_call_id,\n            );\n          }\n        }\n      } catch (error) {\n        console.warn(\"Failed to parse WebSocket message as JSON:\", error);\n      }\n    },\n    [\n      addEvent,\n      setErrorMessage,\n      consumeMatchingPendingMessage,\n      queryClient,\n      conversationId,\n      setExecutionStatus,\n      appendInput,\n      appendOutput,\n      updateMetricsFromStats,\n      handleNonErrorEvent,\n    ],\n  );\n\n  const handlePlanningMessage = useCallback(\n    (messageEvent: MessageEvent) => {\n      try {\n        const event = JSON.parse(messageEvent.data);\n\n        // Track received events for history loading (count ALL events from WebSocket)\n        // Always count when loading, even if we don't have the expected count yet\n        if (isLoadingHistoryPlanning) {\n          receivedEventCountRefPlanning.current += 1;\n\n          if (\n            expectedEventCountPlanning !== null &&\n            receivedEventCountRefPlanning.current >= expectedEventCountPlanning\n          ) {\n            setIsLoadingHistoryPlanning(false);\n          }\n        }\n\n        // Use type guard to validate v1 event structure\n        if (isAgentServerEvent(event)) {\n          // Buffer deltas (the commit re-applies the planning flag).\n          if (isStreamingDeltaEvent(event)) {\n            planningDeltaBatcherRef.current?.enqueue(event);\n            return;\n          }\n          // Flush buffered deltas before this event so it can't overtake them.\n          planningDeltaBatcherRef.current?.flush();\n\n          // Skip non-idempotent side-effects for replayed events, as in the\n          // main handler (#1656).\n          const isDuplicateEvent = useEventStore\n            .getState()\n            .eventIds.has(event.id ?? \"\");\n          // Mark this event as coming from the planning agent\n          const eventWithPlanningFlag = {\n            ...event,\n            isFromPlanningAgent: true,\n          };\n          addEvent(eventWithPlanningFlag);\n          if (isDuplicateEvent) {\n            return;\n          }\n\n          // Handle displayable error events - show error banner\n          // AgentErrorEvent errors are displayed inline in the chat, not as banners\n          if (isDisplayableErrorEvent(event)) {\n            const errorEvent = event as\n              | ConversationErrorEvent\n              | ServerErrorEvent;\n            const classification =\n              \"classification\" in errorEvent ? errorEvent.classification : null;\n            trackError({\n              source: \"planning_conversation\",\n              metadata: {\n                eventId: errorEvent.id,\n                errorCode: errorEvent.code,\n              },\n              classification,\n            });\n            setErrorMessage(\n              errorEvent.detail,\n              \"conversation\",\n              errorEvent.code,\n              classification,\n            );\n          } else {\n            handleNonErrorEvent();\n          }\n\n          // LLM errors render inline in the chat (see ErrorEventMessage); track\n          // them for analytics but keep them out of the banner above the chat box.\n          if (isAgentErrorEvent(event)) {\n            trackError({\n              source: \"planning_agent\",\n              metadata: {\n                eventId: event.id,\n                toolName: event.tool_name,\n                toolCallId: event.tool_call_id,\n              },\n              classification: event.classification,\n            });\n          }\n\n          // Clear optimistic user message when a user message is confirmed.\n          // Always scope to the main `conversationId` (where the user types)\n          // and match on the echoed content so the planning sub-agent's own\n          // events can never consume a main-conversation pending entry.\n          if (isUserMessageEvent(event)) {\n            if (conversationId) {\n              consumeMatchingPendingMessage(\n                conversationId,\n                extractMessageEventText(event),\n              );\n              setConversationState(conversationId, { draftMessage: null });\n            }\n          }\n\n          // Handle cache invalidation for ActionEvent\n          if (isActionEvent(event)) {\n            const planningAgentConversation = subConversations?.[0];\n            const currentConversationId =\n              planningAgentConversation?.id || \"test-conversation-id\"; // TODO: Get from context\n            handleActionEventCacheInvalidation(\n              event,\n              currentConversationId,\n              queryClient,\n            );\n          }\n\n          // Handle conversation state updates\n          // TODO: Tests\n          if (isConversationStateUpdateEvent(event)) {\n            if (isFullStateConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value.execution_status);\n            }\n            if (isAgentStatusConversationStateUpdateEvent(event)) {\n              setExecutionStatus(event.value);\n            }\n            if (isStatsConversationStateUpdateEvent(event)) {\n              updateMetricsFromStats(event);\n            }\n            // Mirror goal status into the store. Intentionally duplicated across\n            // the main and planning WebSocket handlers (like the execution_status\n            // and stats branches above), not a merge artifact.\n            if (isGoalConversationStateUpdateEvent(event) && conversationId) {\n              useGoalStore.getState().setStatus(conversationId, event.value);\n            }\n          }\n\n          // Handle ExecuteBashAction events - add command as input to terminal\n          if (isExecuteBashActionEvent(event)) {\n            appendInput(event.action.command);\n          }\n\n          // Handle ExecuteBashObservation events - add output to terminal\n          if (isExecuteBashObservationEvent(event)) {\n            // Extract text content from the observation content array\n            const textContent = event.observation.content\n              .filter((c) => c.type === \"text\")\n              .map((c) => c.text)\n              .join(\"\\n\");\n            appendOutput(textContent);\n          }\n\n          // Handle PlanningFileEditorObservation - only update plan for Plan.md\n          if (isPlanningFileEditorObservationEvent(event)) {\n            const { path } = event.observation;\n            if (isPlanFilePath(path)) {\n              const planningAgentConversation = subConversations?.[0];\n              const planningConversationId = planningAgentConversation?.id;\n\n              if (planningConversationId && path) {\n                if (isLoadingHistoryPlanning) {\n                  latestPlanningFileEventRef.current = {\n                    path,\n                    conversationId: planningConversationId,\n                  };\n                } else {\n                  readConversationFile(\n                    {\n                      conversationId: planningConversationId,\n                      filePath: path,\n                    },\n                    {\n                      onSuccess: (fileContent) => {\n                        setPlanContent(fileContent);\n                      },\n                      onError: (error) => {\n                        console.warn(\n                          \"Failed to read conversation file:\",\n                          error,\n                        );\n                      },\n                    },\n                  );\n                }\n              }\n            }\n          }\n        }\n      } catch (error) {\n        console.warn(\"Failed to parse WebSocket message as JSON:\", error);\n      }\n    },\n    [\n      addEvent,\n      isLoadingHistoryPlanning,\n      expectedEventCountPlanning,\n      setErrorMessage,\n      consumeMatchingPendingMessage,\n      queryClient,\n      subConversations,\n      conversationId,\n      setExecutionStatus,\n      appendInput,\n      appendOutput,\n      readConversationFile,\n      setPlanContent,\n      updateMetricsFromStats,\n      handleNonErrorEvent,\n    ],\n  );\n\n  // Separate WebSocket options for main connection\n  const mainWebsocketOptions: WebSocketHookOptions = useMemo(() => {\n    // History was already loaded over REST (`useConversationHistory`).\n    // Subscribe with `resend_mode='since'` so the server only resends events\n    // strictly after the latest one we already have. If REST returned no\n    // events at all (brand-new conversation), fall back to `'all'` so any\n    // events that may have been written between the REST call and the WS\n    // handshake still show up. Dedup in the event store handles overlap.\n    const queryParams: Record<string, string | boolean> = initialAfterTimestamp\n      ? { resend_mode: \"since\", after_timestamp: initialAfterTimestamp }\n      : { resend_mode: \"all\" };\n\n    return {\n      queryParams,\n      sessionApiKey,\n      reconnect: { enabled: true },\n      onOpen: () => {\n        setMainConnectionState(\"OPEN\");\n        hasConnectedRefMain.current = true; // Mark that we've successfully connected\n        clearConnectionError(); // Clear a previous connection error; keep sticky conversation errors\n      },\n      onClose: () => {\n        setMainConnectionState(\"CLOSED\");\n      },\n      onError: () => {\n        setMainConnectionState(\"CLOSED\");\n        // Only show error message if we've previously connected successfully\n        if (hasConnectedRefMain.current) {\n          setErrorMessage(SERVER_CONNECTION_ERROR_MESSAGE, \"connection\");\n        }\n      },\n      onMessage: handleMainMessage,\n    };\n  }, [\n    handleMainMessage,\n    setErrorMessage,\n    clearConnectionError,\n    sessionApiKey,\n    initialAfterTimestamp,\n  ]);\n\n  // Separate WebSocket options for planning agent connection\n  const planningWebsocketOptions: WebSocketHookOptions = useMemo(() => {\n    const queryParams: Record<string, string | boolean> = {\n      resend_all: true,\n    };\n\n    const planningAgentConversation = subConversations?.[0];\n    const planningApiKey =\n      planningAgentConversation?.session_api_key ?? sessionApiKey;\n\n    return {\n      queryParams,\n      sessionApiKey: planningApiKey,\n      reconnect: { enabled: true },\n      onOpen: async () => {\n        setPlanningConnectionState(\"OPEN\");\n        hasConnectedRefPlanning.current = true; // Mark that we've successfully connected\n        clearConnectionError(); // Clear a previous connection error; keep sticky conversation errors\n\n        // Fetch expected event count for history loading detection\n        if (\n          planningAgentConversation?.id &&\n          planningAgentConversation.conversation_url\n        ) {\n          try {\n            const count = await EventService.getEventCount(\n              planningAgentConversation.id,\n              planningAgentConversation.conversation_url,\n              planningAgentConversation.session_api_key,\n            );\n            setExpectedEventCountPlanning(count);\n\n            // If no events expected, mark as loaded immediately\n            if (count === 0) {\n              setIsLoadingHistoryPlanning(false);\n            }\n          } catch (error) {\n            // Fall back to marking as loaded to avoid infinite loading state\n            setIsLoadingHistoryPlanning(false);\n          }\n        }\n      },\n      onClose: () => {\n        setPlanningConnectionState(\"CLOSED\");\n      },\n      onError: () => {\n        setPlanningConnectionState(\"CLOSED\");\n        // Only show error message if we've previously connected successfully\n        if (hasConnectedRefPlanning.current) {\n          setErrorMessage(SERVER_CONNECTION_ERROR_MESSAGE, \"connection\");\n        }\n      },\n      onMessage: handlePlanningMessage,\n    };\n  }, [\n    handlePlanningMessage,\n    setErrorMessage,\n    clearConnectionError,\n    sessionApiKey,\n    subConversations,\n  ]);\n\n  // Only attempt WebSocket connection when we have a valid URL\n  // This prevents connection attempts during task polling phase\n  const websocketUrl = wsUrl;\n  const { socket: mainSocket, reconnect: reconnectMain } = useWebSocket(\n    websocketUrl || \"\",\n    mainWebsocketOptions,\n  );\n\n  const { socket: planningAgentSocket, reconnect: reconnectPlanning } =\n    useWebSocket(planningAgentWsUrl || \"\", planningWebsocketOptions);\n\n  const reconnect = useCallback(() => {\n    removeErrorMessage();\n    const currentMode = useConversationStore.getState().conversationMode;\n    if (currentMode === \"plan\" && planningAgentWsUrl) {\n      reconnectPlanning();\n      return;\n    }\n    reconnectMain();\n  }, [\n    planningAgentWsUrl,\n    reconnectMain,\n    reconnectPlanning,\n    removeErrorMessage,\n  ]);\n\n  // V1 send message function via WebSocket\n  // Falls back to REST API queue when WebSocket is not connected\n  const sendMessage = useCallback(\n    async (message: SendMessageRequest): Promise<SendMessageResult> => {\n      const currentMode = useConversationStore.getState().conversationMode;\n      const currentSocket =\n        currentMode === \"plan\" ? planningAgentSocket : mainSocket;\n\n      if (currentSocket?.readyState !== WebSocket.OPEN) {\n        // WebSocket not connected - queue message via REST API\n        // Message will be delivered automatically when conversation becomes ready\n        if (!conversationId) {\n          const error = new Error(\"No conversation ID available\");\n          setErrorMessage(error.message);\n          throw error;\n        }\n\n        try {\n          await new ConversationClient(getAgentServerClientOptions()).sendEvent(\n            conversationId,\n            {\n              role: \"user\",\n              content: message.content,\n            },\n            { run: true },\n          );\n          // Message queued successfully - it will be delivered when ready\n          // Return queued: true so caller knows not to show optimistic UI\n          return { queued: true };\n        } catch (error) {\n          const errorMessage =\n            error instanceof Error\n              ? error.message\n              : \"Failed to queue message for delivery\";\n          setErrorMessage(errorMessage);\n          throw error;\n        }\n      }\n\n      try {\n        // Send message through WebSocket as JSON with run: true so the\n        // agent loop starts automatically in async mode.\n        currentSocket.send(JSON.stringify({ ...message, run: true }));\n        return { queued: false };\n      } catch (error) {\n        const errorMessage =\n          error instanceof Error ? error.message : \"Failed to send message\";\n        setErrorMessage(errorMessage);\n        throw error;\n      }\n    },\n    [mainSocket, planningAgentSocket, setErrorMessage, conversationId],\n  );\n\n  // Track main socket state changes\n  useEffect(() => {\n    // Only process socket updates if we have a valid URL and socket\n    if (mainSocket && wsUrl) {\n      // Update state based on socket readyState\n      const updateState = () => {\n        switch (mainSocket.readyState) {\n          case WebSocket.CONNECTING:\n            setMainConnectionState(\"CONNECTING\");\n            break;\n          case WebSocket.OPEN:\n            setMainConnectionState(\"OPEN\");\n            break;\n          case WebSocket.CLOSING:\n            setMainConnectionState(\"CLOSING\");\n            break;\n          case WebSocket.CLOSED:\n            setMainConnectionState(\"CLOSED\");\n            break;\n          default:\n            setMainConnectionState(\"CLOSED\");\n            break;\n        }\n      };\n\n      updateState();\n    }\n  }, [mainSocket, wsUrl]);\n\n  // Track planning agent socket state changes\n  useEffect(() => {\n    // Only process socket updates if we have a valid URL and socket\n    if (planningAgentSocket && planningAgentWsUrl) {\n      // Update state based on socket readyState\n      const updateState = () => {\n        switch (planningAgentSocket.readyState) {\n          case WebSocket.CONNECTING:\n            setPlanningConnectionState(\"CONNECTING\");\n            break;\n          case WebSocket.OPEN:\n            setPlanningConnectionState(\"OPEN\");\n            break;\n          case WebSocket.CLOSING:\n            setPlanningConnectionState(\"CLOSING\");\n            break;\n          case WebSocket.CLOSED:\n            setPlanningConnectionState(\"CLOSED\");\n            break;\n          default:\n            setPlanningConnectionState(\"CLOSED\");\n            break;\n        }\n      };\n\n      updateState();\n    }\n  }, [planningAgentSocket, planningAgentWsUrl]);\n\n  const contextValue = useMemo(\n    () => ({ connectionState, sendMessage, isLoadingHistory, reconnect }),\n    [connectionState, sendMessage, isLoadingHistory, reconnect],\n  );\n\n  return (\n    <ConversationWebSocketContext.Provider value={contextValue}>\n      {children}\n    </ConversationWebSocketContext.Provider>\n  );\n}\n\nexport const useConversationWebSocket =\n  (): ConversationWebSocketContextType | null => {\n    const context = useContext(ConversationWebSocketContext);\n    // Return null instead of throwing when not in provider\n    // This allows the hook to be called conditionally based on conversation version\n    return context || null;\n  };\n"],"mappings":"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"}

package/dist/contexts/conversation-websocket-context.js

@@ -16,8 +16,8 @@ import { useErrorMessageStore as u } from "../stores/error-message-store.js";
 import { useOptimisticUserMessageStore as xe } from "../stores/optimistic-user-message-store.js";
 import { useGoalStore as Se } from "../stores/goal-store.js";
 import { createStreamingDeltaBatcher as Ce } from "../utils/streaming-delta-batcher.js";
-import { handleCanvasUIAction as we } from "../services/canvas-ui.js";
-import { getStoredConversationMetadata as Te, setStoredConversationMetadata as Ee } from "../api/conversation-metadata-store.js";
+import { getStoredConversationMetadata as we, setStoredConversationMetadata as Te } from "../api/conversation-metadata-store.js";
+import { handleCanvasUIAction as Ee } from "../services/canvas-ui.js";
 import { handleLaunchChildConversationAction as De } from "../services/child-conversation-launch.js";
 import { handleActionEventCacheInvalidation as Oe } from "../utils/cache-utils.js";
 import ke from "../api/event-service/event-service.api.js";
@@ -181,8 +181,8 @@ function y({ children: Re, conversationId: p, conversationUrl: y, sessionApiKey:
 				}
 				if (se(r) && e.getState().setUrl(r.action.url), p && i && !i.observation.is_error) {
 					Ne(p, i.observation.profile_name);
-					let e = Te(p);
-					Ee(p, {
+					let e = we(p);
+					Te(p, {
 						selected_repository: e?.selected_repository ?? null,
 						selected_branch: e?.selected_branch ?? null,
 						git_provider: e?.git_provider ?? null,
@@ -191,7 +191,7 @@ function y({ children: Re, conversationId: p, conversationUrl: y, sessionApiKey:
 						plugins: e?.plugins ?? null
 					}), i.observation.active_model && Ie(O, p, i.observation.active_model), Fe(O, p);
 				}
-				le(r) && we(r.action, p ?? null), p && me(r) && De(r.action, p, r.tool_call_id);
+				le(r) && Ee(r.action, p ?? null), p && me(r) && De(r.action, p, r.tool_call_id);
 			}
 		} catch (e) {
 			console.warn("Failed to parse WebSocket message as JSON:", e);

package/dist/extensions/canvas-extension-module-loader.d.ts

@@ -0,0 +1,11 @@
+import type { CanvasExtensionModule } from "#/types/canvas-extension";
+export declare class InvalidCanvasExtensionModuleError extends Error {
+    constructor(message: string);
+}
+export declare function assertCanvasExtensionModule(value: unknown): asserts value is CanvasExtensionModule;
+/**
+ * Import an authenticated, self-contained ESM bundle without putting the
+ * Agent Server session key in a URL. The source has already been fetched by
+ * Canvas through its authenticated HTTP client.
+ */
+export declare function loadCanvasExtensionModule(source: string): Promise<CanvasExtensionModule>;

package/dist/hooks/mutation/use-manage-canvas-extensions.d.ts

@@ -0,0 +1,12 @@
+import type { InstallCanvasExtensionRequest } from "#/types/canvas-extension";
+export declare function useInstallCanvasExtension(): import("@tanstack/react-query").UseMutationResult<import("#/types/canvas-extension").InstalledCanvasExtensionInfo, import("axios").AxiosError<unknown, any>, InstallCanvasExtensionRequest, unknown>;
+export declare function useSetCanvasExtensionEnabled(): import("@tanstack/react-query").UseMutationResult<{
+    name: string;
+    enabled: boolean;
+}, import("axios").AxiosError<unknown, any>, {
+    name: string;
+    enabled: boolean;
+}, unknown>;
+export declare function useUninstallCanvasExtension(): import("@tanstack/react-query").UseMutationResult<{
+    message: string;
+}, import("axios").AxiosError<unknown, any>, string, unknown>;

package/dist/hooks/query/concurrency-limiter.cjs

@@ -0,0 +1,2 @@
+require("../../_virtual/_rolldown/runtime.cjs"),new class{limit;active=0;queue=[];constructor(e){this.limit=e}async run(e,t){await this.acquire();try{if(t?.aborted)throw t.reason??new DOMException(`Aborted`,`AbortError`);return await e()}finally{this.release()}}acquire(){return this.active<this.limit?(this.active+=1,Promise.resolve()):new Promise(e=>{this.queue.push(e)})}release(){let e=this.queue.shift();e?e():--this.active}}(3);
+//# sourceMappingURL=concurrency-limiter.cjs.map

package/dist/hooks/query/concurrency-limiter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"concurrency-limiter.cjs","names":[],"sources":["../../../src/hooks/query/concurrency-limiter.ts"],"sourcesContent":["/**\n * A FIFO promise semaphore: at most `limit` wrapped tasks run at once; the\n * rest wait in arrival order. Wrap a queryFn's work in `run` to bound how many\n * of a query family's requests are in flight simultaneously.\n */\nexport class ConcurrencyLimiter {\n  private active = 0;\n\n  private readonly queue: Array<() => void> = [];\n\n  constructor(private readonly limit: number) {}\n\n  async run<T>(task: () => Promise<T>, signal?: AbortSignal): Promise<T> {\n    await this.acquire();\n    try {\n      // A query cancelled while queued (e.g. its last observer unmounted)\n      // frees its slot without ever hitting the network.\n      if (signal?.aborted) {\n        throw signal.reason ?? new DOMException(\"Aborted\", \"AbortError\");\n      }\n      return await task();\n    } finally {\n      this.release();\n    }\n  }\n\n  private acquire(): Promise<void> {\n    if (this.active < this.limit) {\n      this.active += 1;\n      return Promise.resolve();\n    }\n    return new Promise((resolve) => {\n      this.queue.push(resolve);\n    });\n  }\n\n  private release(): void {\n    const next = this.queue.shift();\n    if (next) {\n      // The waiter inherits the released slot directly, so `active` stays put.\n      next();\n    } else {\n      this.active -= 1;\n    }\n  }\n}\n\n/**\n * Shared by every per-automation runs query: the dashboard and home page each\n * fan out one GET .../runs request per automation, which can exhaust the\n * automation service's DB connection pool (~15 connections) and stall every\n * request for the pool's 30s acquisition timeout. Three in flight keeps the\n * surfaces responsive without saturating the pool.\n */\nexport const automationRunRequestsLimiter = new ConcurrencyLimiter(3);\n"],"mappings":"gDAsD4C,IAAI,KAjDhB,CAKD,MAJ7B,OAAiB,EAEjB,MAA4C,CAAC,EAE7C,YAAY,EAAgC,CAAf,KAAA,MAAA,CAAgB,CAE7C,MAAM,IAAO,EAAwB,EAAkC,CACrE,MAAM,KAAK,QAAQ,EACnB,GAAI,CAGF,GAAI,GAAQ,QACV,MAAM,EAAO,QAAU,IAAI,aAAa,UAAW,YAAY,EAEjE,OAAO,MAAM,EAAK,CACpB,QAAU,CACR,KAAK,QAAQ,CACf,CACF,CAEA,SAAiC,CAK/B,OAJI,KAAK,OAAS,KAAK,OACrB,KAAK,QAAU,EACR,QAAQ,QAAQ,GAElB,IAAI,QAAS,GAAY,CAC9B,KAAK,MAAM,KAAK,CAAO,CACzB,CAAC,CACH,CAEA,SAAwB,CACtB,IAAM,EAAO,KAAK,MAAM,MAAM,EAC1B,EAEF,EAAK,EAEL,OAAK,MAET,CACF,EASmE,CAAC"}

package/dist/hooks/query/concurrency-limiter.d.ts

@@ -0,0 +1,22 @@
+/**
+ * A FIFO promise semaphore: at most `limit` wrapped tasks run at once; the
+ * rest wait in arrival order. Wrap a queryFn's work in `run` to bound how many
+ * of a query family's requests are in flight simultaneously.
+ */
+export declare class ConcurrencyLimiter {
+    private readonly limit;
+    private active;
+    private readonly queue;
+    constructor(limit: number);
+    run<T>(task: () => Promise<T>, signal?: AbortSignal): Promise<T>;
+    private acquire;
+    private release;
+}
+/**
+ * Shared by every per-automation runs query: the dashboard and home page each
+ * fan out one GET .../runs request per automation, which can exhaust the
+ * automation service's DB connection pool (~15 connections) and stall every
+ * request for the pool's 30s acquisition timeout. Three in flight keeps the
+ * surfaces responsive without saturating the pool.
+ */
+export declare const automationRunRequestsLimiter: ConcurrencyLimiter;

package/dist/hooks/query/concurrency-limiter.js

@@ -0,0 +1,29 @@
+new class {
+	limit;
+	active = 0;
+	queue = [];
+	constructor(e) {
+		this.limit = e;
+	}
+	async run(e, t) {
+		await this.acquire();
+		try {
+			if (t?.aborted) throw t.reason ?? new DOMException("Aborted", "AbortError");
+			return await e();
+		} finally {
+			this.release();
+		}
+	}
+	acquire() {
+		return this.active < this.limit ? (this.active += 1, Promise.resolve()) : new Promise((e) => {
+			this.queue.push(e);
+		});
+	}
+	release() {
+		let e = this.queue.shift();
+		e ? e() : --this.active;
+	}
+}(3);
+//#endregion
+
+//# sourceMappingURL=concurrency-limiter.js.map

package/dist/hooks/query/concurrency-limiter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"concurrency-limiter.js","names":[],"sources":["../../../src/hooks/query/concurrency-limiter.ts"],"sourcesContent":["/**\n * A FIFO promise semaphore: at most `limit` wrapped tasks run at once; the\n * rest wait in arrival order. Wrap a queryFn's work in `run` to bound how many\n * of a query family's requests are in flight simultaneously.\n */\nexport class ConcurrencyLimiter {\n  private active = 0;\n\n  private readonly queue: Array<() => void> = [];\n\n  constructor(private readonly limit: number) {}\n\n  async run<T>(task: () => Promise<T>, signal?: AbortSignal): Promise<T> {\n    await this.acquire();\n    try {\n      // A query cancelled while queued (e.g. its last observer unmounted)\n      // frees its slot without ever hitting the network.\n      if (signal?.aborted) {\n        throw signal.reason ?? new DOMException(\"Aborted\", \"AbortError\");\n      }\n      return await task();\n    } finally {\n      this.release();\n    }\n  }\n\n  private acquire(): Promise<void> {\n    if (this.active < this.limit) {\n      this.active += 1;\n      return Promise.resolve();\n    }\n    return new Promise((resolve) => {\n      this.queue.push(resolve);\n    });\n  }\n\n  private release(): void {\n    const next = this.queue.shift();\n    if (next) {\n      // The waiter inherits the released slot directly, so `active` stays put.\n      next();\n    } else {\n      this.active -= 1;\n    }\n  }\n}\n\n/**\n * Shared by every per-automation runs query: the dashboard and home page each\n * fan out one GET .../runs request per automation, which can exhaust the\n * automation service's DB connection pool (~15 connections) and stall every\n * request for the pool's 30s acquisition timeout. Three in flight keeps the\n * surfaces responsive without saturating the pool.\n */\nexport const automationRunRequestsLimiter = new ConcurrencyLimiter(3);\n"],"mappings":"AAsD4C,IAAI,MAjDhB;CAKD;CAJ7B,SAAiB;CAEjB,QAA4C,CAAC;CAE7C,YAAY,GAAgC;EAAf,KAAA,QAAA;CAAgB;CAE7C,MAAM,IAAO,GAAwB,GAAkC;EACrE,MAAM,KAAK,QAAQ;EACnB,IAAI;GAGF,IAAI,GAAQ,SACV,MAAM,EAAO,UAAU,IAAI,aAAa,WAAW,YAAY;GAEjE,OAAO,MAAM,EAAK;EACpB,UAAU;GACR,KAAK,QAAQ;EACf;CACF;CAEA,UAAiC;EAK/B,OAJI,KAAK,SAAS,KAAK,SACrB,KAAK,UAAU,GACR,QAAQ,QAAQ,KAElB,IAAI,SAAS,MAAY;GAC9B,KAAK,MAAM,KAAK,CAAO;EACzB,CAAC;CACH;CAEA,UAAwB;EACtB,IAAM,IAAO,KAAK,MAAM,MAAM;EAC9B,AAAI,IAEF,EAAK,IAEL,OAAK;CAET;AACF,EASmE,CAAC"}

package/dist/hooks/query/query-keys.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"query-keys.cjs","names":[],"sources":["../../../src/hooks/query/query-keys.ts"],"sourcesContent":["/**\n * Centralized query keys and cache configuration for TanStack Query.\n * Using constants ensures type safety and prevents typos.\n */\n\nimport { SettingsScope } from \"#/types/settings\";\n\nexport const QUERY_KEYS = {\n  /** Web client configuration from the server */\n  WEB_CLIENT_CONFIG: [\"web-client-config\"] as const,\n  /** Same-origin OpenHands app cookie authentication status */\n  MAIN_APP_COOKIE_AUTH: [\"main-app-cookie-auth\"] as const,\n} as const;\n\nexport const SETTINGS_QUERY_KEYS = {\n  all: [\"settings\"] as const,\n  byScope: (scope: SettingsScope) => [\"settings\", scope] as const,\n  personal: () => [\"settings\", \"personal\"] as const,\n} as const;\n\nexport const LLM_PROFILES_QUERY_KEYS = {\n  all: [\"llm-profiles\"] as const,\n} as const;\n\nexport const AGENT_PROFILES_QUERY_KEYS = {\n  all: [\"agent-profiles\"] as const,\n} as const;\n\nexport const PROVIDER_CONNECTIONS_QUERY_KEYS = {\n  all: [\"provider-connections\"] as const,\n} as const;\n\n/** Fail fast when older backends lack the profile endpoint. */\nexport const AGENT_PROFILES_RETRY_OPTIONS = {\n  retry: false,\n} as const;\n\nexport const LLM_SUBSCRIPTION_QUERY_KEYS = {\n  all: [\"llm-subscription\"] as const,\n  openaiStatus: [\"llm-subscription\", \"openai\", \"status\"] as const,\n  openaiModels: [\"llm-subscription\", \"openai\", \"models\"] as const,\n} as const;\n\nexport const LOCAL_WORKSPACES_QUERY_KEYS = {\n  all: [\"local-workspaces\"] as const,\n} as const;\n\nexport const PLUGINS_QUERY_KEYS = {\n  /** Dynamic marketplace catalog (used by `use-plugins-marketplace`). */\n  marketplace: [\"plugins-marketplace\"] as const,\n  /** Installed plugins from the local agent-server. */\n  installed: [\"plugins-installed\"] as const,\n  /** Locally-discovered ambient plugins (used by `use-local-plugins`). */\n  local: [\"plugins-local\"] as const,\n} as const;\n\nexport const SETUP_QUERY_KEYS = {\n  /** What the deployment supports. The same answer for every setup entry. */\n  capabilities: () => [\"setup-capabilities\"] as const,\n} as const;\n\nexport const APP_UPDATE_QUERY_KEYS = {\n  /** Latest published @openhands/agent-canvas version (npm `latest` dist-tag). */\n  latestVersion: [\"agent-canvas-latest-version\"] as const,\n} as const;\n\n/** Cache configuration shared across all config-related queries */\nexport const CONFIG_CACHE_OPTIONS = {\n  staleTime: 1000 * 60 * 5, // 5 minutes\n  gcTime: 1000 * 60 * 15, // 15 minutes\n} as const;\n\nexport type QueryKeys = (typeof QUERY_KEYS)[keyof typeof QUERY_KEYS];\n"],"mappings":"gDAOA,IAAa,EAAa,CAExB,kBAAmB,CAAC,mBAAmB,EAEvC,qBAAsB,CAAC,sBAAsB,CAC/C,EAEa,EAAsB,CACjC,IAAK,CAAC,UAAU,EAChB,QAAU,GAAyB,CAAC,WAAY,CAAK,EACrD,aAAgB,CAAC,WAAY,UAAU,CACzC,EAEa,EAA0B,CACrC,IAAK,CAAC,cAAc,CACtB,EAEa,EAA4B,CACvC,IAAK,CAAC,gBAAgB,CACxB,EAEa,EAAkC,CAC7C,IAAK,CAAC,sBAAsB,CAC9B,EAGa,EAA+B,CAC1C,MAAO,EACT,EAEa,EAA8B,CACzC,IAAK,CAAC,kBAAkB,EACxB,aAAc,CAAC,mBAAoB,SAAU,QAAQ,EACrD,aAAc,CAAC,mBAAoB,SAAU,QAAQ,CACvD,EAEa,EAA8B,CACzC,IAAK,CAAC,kBAAkB,CAC1B,EAEa,EAAqB,CAEhC,YAAa,CAAC,qBAAqB,EAEnC,UAAW,CAAC,mBAAmB,EAE/B,MAAO,CAAC,eAAe,CACzB,EAOa,EAAwB,CAEnC,cAAe,CAAC,6BAA6B,CAC/C,EAGa,EAAuB,CAClC,UAAW,IAAO,GAAK,EACvB,OAAQ,IAAO,GAAK,EACtB"}
+{"version":3,"file":"query-keys.cjs","names":[],"sources":["../../../src/hooks/query/query-keys.ts"],"sourcesContent":["/**\n * Centralized query keys and cache configuration for TanStack Query.\n * Using constants ensures type safety and prevents typos.\n */\n\nimport { SettingsScope } from \"#/types/settings\";\n\nexport const QUERY_KEYS = {\n  /** Web client configuration from the server */\n  WEB_CLIENT_CONFIG: [\"web-client-config\"] as const,\n  /** Same-origin OpenHands app cookie authentication status */\n  MAIN_APP_COOKIE_AUTH: [\"main-app-cookie-auth\"] as const,\n} as const;\n\nexport const SETTINGS_QUERY_KEYS = {\n  all: [\"settings\"] as const,\n  byScope: (scope: SettingsScope) => [\"settings\", scope] as const,\n  personal: () => [\"settings\", \"personal\"] as const,\n} as const;\n\nexport const LLM_PROFILES_QUERY_KEYS = {\n  all: [\"llm-profiles\"] as const,\n} as const;\n\nexport const AGENT_PROFILES_QUERY_KEYS = {\n  all: [\"agent-profiles\"] as const,\n} as const;\n\nexport const PROVIDER_CONNECTIONS_QUERY_KEYS = {\n  all: [\"provider-connections\"] as const,\n} as const;\n\n/** Fail fast when older backends lack the profile endpoint. */\nexport const AGENT_PROFILES_RETRY_OPTIONS = {\n  retry: false,\n} as const;\n\nexport const LLM_SUBSCRIPTION_QUERY_KEYS = {\n  all: [\"llm-subscription\"] as const,\n  openaiStatus: [\"llm-subscription\", \"openai\", \"status\"] as const,\n  openaiModels: [\"llm-subscription\", \"openai\", \"models\"] as const,\n} as const;\n\nexport const LOCAL_WORKSPACES_QUERY_KEYS = {\n  all: [\"local-workspaces\"] as const,\n} as const;\n\nexport const PLUGINS_QUERY_KEYS = {\n  /** Dynamic marketplace catalog (used by `use-plugins-marketplace`). */\n  marketplace: [\"plugins-marketplace\"] as const,\n  /** Installed plugins from the local agent-server. */\n  installed: [\"plugins-installed\"] as const,\n  /** Locally-discovered ambient plugins (used by `use-local-plugins`). */\n  local: [\"plugins-local\"] as const,\n} as const;\n\nexport const CANVAS_EXTENSIONS_QUERY_KEYS = {\n  all: [\"canvas-extensions\"] as const,\n  installed: (\n    backendId: string,\n    orgId: string | null,\n    connectionRevision: number,\n  ) =>\n    [\n      \"canvas-extensions\",\n      \"installed\",\n      backendId,\n      orgId,\n      connectionRevision,\n    ] as const,\n} as const;\n\nexport const SETUP_QUERY_KEYS = {\n  /** What the deployment supports. The same answer for every setup entry. */\n  capabilities: () => [\"setup-capabilities\"] as const,\n} as const;\n\nexport const APP_UPDATE_QUERY_KEYS = {\n  /** Latest published @openhands/agent-canvas version (npm `latest` dist-tag). */\n  latestVersion: [\"agent-canvas-latest-version\"] as const,\n} as const;\n\n/** Cache configuration shared across all config-related queries */\nexport const CONFIG_CACHE_OPTIONS = {\n  staleTime: 1000 * 60 * 5, // 5 minutes\n  gcTime: 1000 * 60 * 15, // 15 minutes\n} as const;\n\nexport type QueryKeys = (typeof QUERY_KEYS)[keyof typeof QUERY_KEYS];\n"],"mappings":"gDAOA,IAAa,EAAa,CAExB,kBAAmB,CAAC,mBAAmB,EAEvC,qBAAsB,CAAC,sBAAsB,CAC/C,EAEa,EAAsB,CACjC,IAAK,CAAC,UAAU,EAChB,QAAU,GAAyB,CAAC,WAAY,CAAK,EACrD,aAAgB,CAAC,WAAY,UAAU,CACzC,EAEa,EAA0B,CACrC,IAAK,CAAC,cAAc,CACtB,EAEa,EAA4B,CACvC,IAAK,CAAC,gBAAgB,CACxB,EAEa,EAAkC,CAC7C,IAAK,CAAC,sBAAsB,CAC9B,EAGa,EAA+B,CAC1C,MAAO,EACT,EAEa,EAA8B,CACzC,IAAK,CAAC,kBAAkB,EACxB,aAAc,CAAC,mBAAoB,SAAU,QAAQ,EACrD,aAAc,CAAC,mBAAoB,SAAU,QAAQ,CACvD,EAEa,EAA8B,CACzC,IAAK,CAAC,kBAAkB,CAC1B,EAEa,EAAqB,CAEhC,YAAa,CAAC,qBAAqB,EAEnC,UAAW,CAAC,mBAAmB,EAE/B,MAAO,CAAC,eAAe,CACzB,EAuBa,EAAwB,CAEnC,cAAe,CAAC,6BAA6B,CAC/C,EAGa,EAAuB,CAClC,UAAW,IAAO,GAAK,EACvB,OAAQ,IAAO,GAAK,EACtB"}

package/dist/hooks/query/query-keys.d.ts

@@ -43,6 +43,10 @@ export declare const PLUGINS_QUERY_KEYS: {
     /** Locally-discovered ambient plugins (used by `use-local-plugins`). */
     readonly local: readonly ["plugins-local"];
 };
+export declare const CANVAS_EXTENSIONS_QUERY_KEYS: {
+    readonly all: readonly ["canvas-extensions"];
+    readonly installed: (backendId: string, orgId: string | null, connectionRevision: number) => readonly ["canvas-extensions", "installed", string, string | null, number];
+};
 export declare const SETUP_QUERY_KEYS: {
     /** What the deployment supports. The same answer for every setup entry. */
     readonly capabilities: () => readonly ["setup-capabilities"];

package/dist/hooks/query/query-keys.js.map

@@ -1 +1 @@
-{"version":3,"file":"query-keys.js","names":[],"sources":["../../../src/hooks/query/query-keys.ts"],"sourcesContent":["/**\n * Centralized query keys and cache configuration for TanStack Query.\n * Using constants ensures type safety and prevents typos.\n */\n\nimport { SettingsScope } from \"#/types/settings\";\n\nexport const QUERY_KEYS = {\n  /** Web client configuration from the server */\n  WEB_CLIENT_CONFIG: [\"web-client-config\"] as const,\n  /** Same-origin OpenHands app cookie authentication status */\n  MAIN_APP_COOKIE_AUTH: [\"main-app-cookie-auth\"] as const,\n} as const;\n\nexport const SETTINGS_QUERY_KEYS = {\n  all: [\"settings\"] as const,\n  byScope: (scope: SettingsScope) => [\"settings\", scope] as const,\n  personal: () => [\"settings\", \"personal\"] as const,\n} as const;\n\nexport const LLM_PROFILES_QUERY_KEYS = {\n  all: [\"llm-profiles\"] as const,\n} as const;\n\nexport const AGENT_PROFILES_QUERY_KEYS = {\n  all: [\"agent-profiles\"] as const,\n} as const;\n\nexport const PROVIDER_CONNECTIONS_QUERY_KEYS = {\n  all: [\"provider-connections\"] as const,\n} as const;\n\n/** Fail fast when older backends lack the profile endpoint. */\nexport const AGENT_PROFILES_RETRY_OPTIONS = {\n  retry: false,\n} as const;\n\nexport const LLM_SUBSCRIPTION_QUERY_KEYS = {\n  all: [\"llm-subscription\"] as const,\n  openaiStatus: [\"llm-subscription\", \"openai\", \"status\"] as const,\n  openaiModels: [\"llm-subscription\", \"openai\", \"models\"] as const,\n} as const;\n\nexport const LOCAL_WORKSPACES_QUERY_KEYS = {\n  all: [\"local-workspaces\"] as const,\n} as const;\n\nexport const PLUGINS_QUERY_KEYS = {\n  /** Dynamic marketplace catalog (used by `use-plugins-marketplace`). */\n  marketplace: [\"plugins-marketplace\"] as const,\n  /** Installed plugins from the local agent-server. */\n  installed: [\"plugins-installed\"] as const,\n  /** Locally-discovered ambient plugins (used by `use-local-plugins`). */\n  local: [\"plugins-local\"] as const,\n} as const;\n\nexport const SETUP_QUERY_KEYS = {\n  /** What the deployment supports. The same answer for every setup entry. */\n  capabilities: () => [\"setup-capabilities\"] as const,\n} as const;\n\nexport const APP_UPDATE_QUERY_KEYS = {\n  /** Latest published @openhands/agent-canvas version (npm `latest` dist-tag). */\n  latestVersion: [\"agent-canvas-latest-version\"] as const,\n} as const;\n\n/** Cache configuration shared across all config-related queries */\nexport const CONFIG_CACHE_OPTIONS = {\n  staleTime: 1000 * 60 * 5, // 5 minutes\n  gcTime: 1000 * 60 * 15, // 15 minutes\n} as const;\n\nexport type QueryKeys = (typeof QUERY_KEYS)[keyof typeof QUERY_KEYS];\n"],"mappings":";AAOA,IAAa,IAAa;CAExB,mBAAmB,CAAC,mBAAmB;CAEvC,sBAAsB,CAAC,sBAAsB;AAC/C,GAEa,IAAsB;CACjC,KAAK,CAAC,UAAU;CAChB,UAAU,MAAyB,CAAC,YAAY,CAAK;CACrD,gBAAgB,CAAC,YAAY,UAAU;AACzC,GAEa,IAA0B,EACrC,KAAK,CAAC,cAAc,EACtB,GAEa,IAA4B,EACvC,KAAK,CAAC,gBAAgB,EACxB,GAEa,IAAkC,EAC7C,KAAK,CAAC,sBAAsB,EAC9B,GAGa,IAA+B,EAC1C,OAAO,GACT,GAEa,IAA8B;CACzC,KAAK,CAAC,kBAAkB;CACxB,cAAc;EAAC;EAAoB;EAAU;CAAQ;CACrD,cAAc;EAAC;EAAoB;EAAU;CAAQ;AACvD,GAEa,IAA8B,EACzC,KAAK,CAAC,kBAAkB,EAC1B,GAEa,IAAqB;CAEhC,aAAa,CAAC,qBAAqB;CAEnC,WAAW,CAAC,mBAAmB;CAE/B,OAAO,CAAC,eAAe;AACzB,GAOa,IAAwB,EAEnC,eAAe,CAAC,6BAA6B,EAC/C,GAGa,IAAuB;CAClC,WAAW,MAAO,KAAK;CACvB,QAAQ,MAAO,KAAK;AACtB"}
+{"version":3,"file":"query-keys.js","names":[],"sources":["../../../src/hooks/query/query-keys.ts"],"sourcesContent":["/**\n * Centralized query keys and cache configuration for TanStack Query.\n * Using constants ensures type safety and prevents typos.\n */\n\nimport { SettingsScope } from \"#/types/settings\";\n\nexport const QUERY_KEYS = {\n  /** Web client configuration from the server */\n  WEB_CLIENT_CONFIG: [\"web-client-config\"] as const,\n  /** Same-origin OpenHands app cookie authentication status */\n  MAIN_APP_COOKIE_AUTH: [\"main-app-cookie-auth\"] as const,\n} as const;\n\nexport const SETTINGS_QUERY_KEYS = {\n  all: [\"settings\"] as const,\n  byScope: (scope: SettingsScope) => [\"settings\", scope] as const,\n  personal: () => [\"settings\", \"personal\"] as const,\n} as const;\n\nexport const LLM_PROFILES_QUERY_KEYS = {\n  all: [\"llm-profiles\"] as const,\n} as const;\n\nexport const AGENT_PROFILES_QUERY_KEYS = {\n  all: [\"agent-profiles\"] as const,\n} as const;\n\nexport const PROVIDER_CONNECTIONS_QUERY_KEYS = {\n  all: [\"provider-connections\"] as const,\n} as const;\n\n/** Fail fast when older backends lack the profile endpoint. */\nexport const AGENT_PROFILES_RETRY_OPTIONS = {\n  retry: false,\n} as const;\n\nexport const LLM_SUBSCRIPTION_QUERY_KEYS = {\n  all: [\"llm-subscription\"] as const,\n  openaiStatus: [\"llm-subscription\", \"openai\", \"status\"] as const,\n  openaiModels: [\"llm-subscription\", \"openai\", \"models\"] as const,\n} as const;\n\nexport const LOCAL_WORKSPACES_QUERY_KEYS = {\n  all: [\"local-workspaces\"] as const,\n} as const;\n\nexport const PLUGINS_QUERY_KEYS = {\n  /** Dynamic marketplace catalog (used by `use-plugins-marketplace`). */\n  marketplace: [\"plugins-marketplace\"] as const,\n  /** Installed plugins from the local agent-server. */\n  installed: [\"plugins-installed\"] as const,\n  /** Locally-discovered ambient plugins (used by `use-local-plugins`). */\n  local: [\"plugins-local\"] as const,\n} as const;\n\nexport const CANVAS_EXTENSIONS_QUERY_KEYS = {\n  all: [\"canvas-extensions\"] as const,\n  installed: (\n    backendId: string,\n    orgId: string | null,\n    connectionRevision: number,\n  ) =>\n    [\n      \"canvas-extensions\",\n      \"installed\",\n      backendId,\n      orgId,\n      connectionRevision,\n    ] as const,\n} as const;\n\nexport const SETUP_QUERY_KEYS = {\n  /** What the deployment supports. The same answer for every setup entry. */\n  capabilities: () => [\"setup-capabilities\"] as const,\n} as const;\n\nexport const APP_UPDATE_QUERY_KEYS = {\n  /** Latest published @openhands/agent-canvas version (npm `latest` dist-tag). */\n  latestVersion: [\"agent-canvas-latest-version\"] as const,\n} as const;\n\n/** Cache configuration shared across all config-related queries */\nexport const CONFIG_CACHE_OPTIONS = {\n  staleTime: 1000 * 60 * 5, // 5 minutes\n  gcTime: 1000 * 60 * 15, // 15 minutes\n} as const;\n\nexport type QueryKeys = (typeof QUERY_KEYS)[keyof typeof QUERY_KEYS];\n"],"mappings":";AAOA,IAAa,IAAa;CAExB,mBAAmB,CAAC,mBAAmB;CAEvC,sBAAsB,CAAC,sBAAsB;AAC/C,GAEa,IAAsB;CACjC,KAAK,CAAC,UAAU;CAChB,UAAU,MAAyB,CAAC,YAAY,CAAK;CACrD,gBAAgB,CAAC,YAAY,UAAU;AACzC,GAEa,IAA0B,EACrC,KAAK,CAAC,cAAc,EACtB,GAEa,IAA4B,EACvC,KAAK,CAAC,gBAAgB,EACxB,GAEa,IAAkC,EAC7C,KAAK,CAAC,sBAAsB,EAC9B,GAGa,IAA+B,EAC1C,OAAO,GACT,GAEa,IAA8B;CACzC,KAAK,CAAC,kBAAkB;CACxB,cAAc;EAAC;EAAoB;EAAU;CAAQ;CACrD,cAAc;EAAC;EAAoB;EAAU;CAAQ;AACvD,GAEa,IAA8B,EACzC,KAAK,CAAC,kBAAkB,EAC1B,GAEa,IAAqB;CAEhC,aAAa,CAAC,qBAAqB;CAEnC,WAAW,CAAC,mBAAmB;CAE/B,OAAO,CAAC,eAAe;AACzB,GAuBa,IAAwB,EAEnC,eAAe,CAAC,6BAA6B,EAC/C,GAGa,IAAuB;CAClC,WAAW,MAAO,KAAK;CACvB,QAAQ,MAAO,KAAK;AACtB"}

package/dist/hooks/query/use-active-conversation.cjs

@@ -1,2 +1,2 @@
-require("../../_virtual/_rolldown/runtime.cjs");const e=require("../../utils/status.cjs"),t=require("../use-conversation-id.cjs"),n=require("./use-user-conversation.cjs"),r=require("../../api/conversation-service/conversation-service.api.cjs");let i=require("react");var a=()=>{let{conversationId:a}=t.useOptionalConversationId(),o=!!a&&a.startsWith(`task-`),s=n.useUserConversation(!a||o?null:a,t=>{let n=t.state.data;return n&&(!n.conversation_url||n.sandbox_status===`PAUSED`||!n.title&&e.isExecutionActive(n.execution_status))?3e3:3e4});return(0,i.useEffect)(()=>{let e=s.data;r.default.setCurrentConversation(e||null)},[a,s.isFetched,s?.data?.execution_status]),s};exports.useActiveConversation=a;
+require("../../_virtual/_rolldown/runtime.cjs");const e=require("../../utils/status.cjs"),t=require("../use-conversation-id.cjs"),n=require("../../api/conversation-service/conversation-service.api.cjs"),r=require("./use-user-conversation.cjs");let i=require("react");var a=()=>{let{conversationId:a}=t.useOptionalConversationId(),o=!!a&&a.startsWith(`task-`),s=r.useUserConversation(!a||o?null:a,t=>{let n=t.state.data;return n&&(!n.conversation_url||n.sandbox_status===`PAUSED`||!n.title&&e.isExecutionActive(n.execution_status))?3e3:3e4});return(0,i.useEffect)(()=>{let e=s.data;n.default.setCurrentConversation(e||null)},[a,s.isFetched,s?.data?.execution_status]),s};exports.useActiveConversation=a;
 //# sourceMappingURL=use-active-conversation.cjs.map

package/dist/hooks/query/use-active-conversation.js

@@ -1,17 +1,17 @@
 import { isExecutionActive as e } from "../../utils/status.js";
 import { useOptionalConversationId as t } from "../use-conversation-id.js";
-import { useUserConversation as n } from "./use-user-conversation.js";
-import r from "../../api/conversation-service/conversation-service.api.js";
+import n from "../../api/conversation-service/conversation-service.api.js";
+import { useUserConversation as r } from "./use-user-conversation.js";
 import { useEffect as i } from "react";
 //#region src/hooks/query/use-active-conversation.ts
 var a = () => {
-	let { conversationId: a } = t(), o = !!a && a.startsWith("task-"), s = n(!a || o ? null : a, (t) => {
+	let { conversationId: a } = t(), o = !!a && a.startsWith("task-"), s = r(!a || o ? null : a, (t) => {
 		let n = t.state.data;
 		return n && (!n.conversation_url || n.sandbox_status === "PAUSED" || !n.title && e(n.execution_status)) ? 3e3 : 3e4;
 	});
 	return i(() => {
 		let e = s.data;
-		r.setCurrentConversation(e || null);
+		n.setCurrentConversation(e || null);
 	}, [
 		a,
 		s.isFetched,