npm - @openhands/agent-canvas - Versions diffs - 1.9.0 → 1.11.0 - Mend

@openhands/agent-canvas 1.9.0 → 1.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1386) hide show

package/dist/contexts/conversation-websocket-context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-websocket-context.js","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} from \"#/types/agent-server/type-guards\";\nimport { handleCanvasUIAction } from \"#/services/canvas-ui\";\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 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 // 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 if (event.value.usage_to_metrics?.agent) {\n const agentMetrics = event.value.usage_to_metrics.agent;\n const metrics = {\n cost: agentMetrics.accumulated_cost,\n max_budget_per_task: agentMetrics.max_budget_per_task ?? null,\n usage: agentMetrics.accumulated_token_usage\n ? {\n prompt_tokens:\n agentMetrics.accumulated_token_usage.prompt_tokens,\n completion_tokens:\n agentMetrics.accumulated_token_usage.completion_tokens,\n cache_read_tokens:\n agentMetrics.accumulated_token_usage.cache_read_tokens,\n cache_write_tokens:\n agentMetrics.accumulated_token_usage.cache_write_tokens,\n context_window:\n agentMetrics.accumulated_token_usage.context_window,\n per_turn_token:\n agentMetrics.accumulated_token_usage.per_turn_token,\n }\n : null,\n };\n useMetricsStore.getState().setMetrics(metrics);\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 {\n data: preloadedHistory,\n isPending: isPreloadingHistory,\n isFetching: isFetchingHistory,\n isError: isPreloadHistoryError,\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 — see the socket gate below, which waits on `isFetching`.\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 }, [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 REST query settles\n * (we hold the WS connection open until then to avoid an `all` resend).\n */\n const initialAfterTimestamp = useMemo<string \| null>(() => {\n // Wait for the history query to settle — including the refetch fired when\n // returning to a conversation — so we anchor `since` to the freshest event\n // we have rather than a stale cached tail.\n if (isFetchingHistory) return 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, isFetchingHistory]);\n\n // Build WebSocket URL from props.\n //\n // We deliberately wait for the history fetch to settle before opening the\n // socket so the WS subscription can use `resend_mode='since'` with a\n // meaningful `after_timestamp`. This gate is on `isFetching`, not just the\n // first-load `isPending`, so the refetch fired when returning to a\n // conversation also completes first: the socket bakes `after_timestamp` into\n // its URL at connect time and will NOT re-subscribe when the value changes\n // later (see use-websocket — options live in a ref, reconnect keys on the URL\n // only). Connecting mid-fetch would therefore pin `since` to the stale cached\n // tail and replay the entire backlog over the socket. Without any gate the WS\n // would instead fall back to `resend_mode='all'`. If the REST query errored we\n // fall through and connect with `resend_mode='all'` so the user still sees\n // live events.\n const wsUrl = useMemo(() => {\n if (!conversationId \|\| !conversationUrl) {\n return null;\n }\n if (isFetchingHistory && !isPreloadHistoryError) {\n return null;\n }\n return buildWebSocketUrl(conversationId, conversationUrl);\n }, [\n conversationId,\n conversationUrl,\n isFetchingHistory,\n isPreloadHistoryError,\n ]);\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 // 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 // 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 trackError({\n message: errorEvent.detail,\n source: \"conversation\",\n metadata: {\n eventId: errorEvent.id,\n errorCode: errorEvent.code,\n },\n });\n setErrorMessage(errorEvent.detail, \"conversation\", errorEvent.code);\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 message: event.error,\n source: \"agent\",\n metadata: {\n eventId: event.id,\n toolName: event.tool_name,\n toolCallId: event.tool_call_id,\n },\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 } 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 // 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 trackError({\n message: errorEvent.detail,\n source: \"planning_conversation\",\n metadata: {\n eventId: errorEvent.id,\n errorCode: errorEvent.code,\n },\n });\n setErrorMessage(errorEvent.detail, \"conversation\", errorEvent.code);\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 message: event.error,\n source: \"planning_agent\",\n metadata: {\n eventId: event.id,\n toolName: event.tool_name,\n toolCallId: event.tool_call_id,\n },\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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"}
1	+ {"version":3,"file":"conversation-websocket-context.js","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 isLaunchChildConversationActionEvent,\n} from \"#/types/agent-server/type-guards\";\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 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 // 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 if (event.value.usage_to_metrics?.agent) {\n const agentMetrics = event.value.usage_to_metrics.agent;\n const metrics = {\n cost: agentMetrics.accumulated_cost,\n max_budget_per_task: agentMetrics.max_budget_per_task ?? null,\n usage: agentMetrics.accumulated_token_usage\n ? {\n prompt_tokens:\n agentMetrics.accumulated_token_usage.prompt_tokens,\n completion_tokens:\n agentMetrics.accumulated_token_usage.completion_tokens,\n cache_read_tokens:\n agentMetrics.accumulated_token_usage.cache_read_tokens,\n cache_write_tokens:\n agentMetrics.accumulated_token_usage.cache_write_tokens,\n context_window:\n agentMetrics.accumulated_token_usage.context_window,\n per_turn_token:\n agentMetrics.accumulated_token_usage.per_turn_token,\n }\n : null,\n };\n useMetricsStore.getState().setMetrics(metrics);\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 {\n data: preloadedHistory,\n isPending: isPreloadingHistory,\n isFetching: isFetchingHistory,\n isError: isPreloadHistoryError,\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 — see the socket gate below, which waits on `isFetching`.\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 }, [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 REST query settles\n * (we hold the WS connection open until then to avoid an `all` resend).\n */\n const initialAfterTimestamp = useMemo<string \| null>(() => {\n // Wait for the history query to settle — including the refetch fired when\n // returning to a conversation — so we anchor `since` to the freshest event\n // we have rather than a stale cached tail.\n if (isFetchingHistory) return 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, isFetchingHistory]);\n\n // Build WebSocket URL from props.\n //\n // We deliberately wait for the history fetch to settle before opening the\n // socket so the WS subscription can use `resend_mode='since'` with a\n // meaningful `after_timestamp`. This gate is on `isFetching`, not just the\n // first-load `isPending`, so the refetch fired when returning to a\n // conversation also completes first: the socket bakes `after_timestamp` into\n // its URL at connect time and will NOT re-subscribe when the value changes\n // later (see use-websocket — options live in a ref, reconnect keys on the URL\n // only). Connecting mid-fetch would therefore pin `since` to the stale cached\n // tail and replay the entire backlog over the socket. Without any gate the WS\n // would instead fall back to `resend_mode='all'`. If the REST query errored we\n // fall through and connect with `resend_mode='all'` so the user still sees\n // live events.\n const wsUrl = useMemo(() => {\n if (!conversationId \|\| !conversationUrl) {\n return null;\n }\n if (isFetchingHistory && !isPreloadHistoryError) {\n return null;\n }\n return buildWebSocketUrl(conversationId, conversationUrl);\n }, [\n conversationId,\n conversationUrl,\n isFetchingHistory,\n isPreloadHistoryError,\n ]);\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 // 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 // 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 trackError({\n message: errorEvent.detail,\n source: \"conversation\",\n metadata: {\n eventId: errorEvent.id,\n errorCode: errorEvent.code,\n },\n });\n setErrorMessage(errorEvent.detail, \"conversation\", errorEvent.code);\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 message: event.error,\n source: \"agent\",\n metadata: {\n eventId: event.id,\n toolName: event.tool_name,\n toolCallId: event.tool_call_id,\n },\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 // 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 trackError({\n message: errorEvent.detail,\n source: \"planning_conversation\",\n metadata: {\n eventId: errorEvent.id,\n errorCode: errorEvent.code,\n },\n });\n setErrorMessage(errorEvent.detail, \"conversation\", errorEvent.code);\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 message: event.error,\n source: \"planning_agent\",\n metadata: {\n eventId: event.id,\n toolName: event.tool_name,\n toolCallId: event.tool_call_id,\n },\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/settings-section-header-context.d.ts CHANGED Viewed

@@ -4,6 +4,6 @@ interface SettingsSectionHeaderContextValue {
 }
 export declare function SettingsSectionHeaderProvider({ setHideSectionHeader, children, }: React.PropsWithChildren<{
     setHideSectionHeader: (hide: boolean) => void;
-}>): import("react/jsx-runtime").JSX.Element;
+}>): React.JSX.Element;
 export declare function useSettingsSectionHeader(): SettingsSectionHeaderContextValue;
 export {};

package/dist/contexts/websocket-provider-wrapper.d.ts CHANGED Viewed

@@ -3,5 +3,5 @@ interface WebSocketProviderWrapperProps {
     children: React.ReactNode;
     conversationId: string;
 }
-export declare function WebSocketProviderWrapper({ children, conversationId, }: WebSocketProviderWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function WebSocketProviderWrapper({ children, conversationId, }: WebSocketProviderWrapperProps): React.JSX.Element;
 export {};

package/dist/fixtures/home-automations-demo.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import { type LatestAutomationRunState } from "#/hooks/query/use-latest-automation-runs";
+import { type Automation } from "#/types/automation";
+/**
+ * Local preview of every pinned-card + activity-list state.
+ *
+ * Enable with any of:
+ * - `HOME_AUTOMATIONS_FORCE_DEMO = true` below
+ * - `localStorage.setItem("oh:home-automations-demo", "1")`
+ * - `?demoAutomations=1` in the URL
+ * - `VITE_HOME_AUTOMATIONS_DEMO=true`
+ */
+export declare const HOME_AUTOMATIONS_FORCE_DEMO = false;
+export declare const HOME_AUTOMATIONS_DEMO_KEY = "oh:home-automations-demo";
+export declare function isHomeAutomationsDemoEnabled(): boolean;
+/** Returns a demo conversation title, or `undefined` if not a demo id. */
+export declare function getDemoConversationTitle(conversationId: string): string | null | undefined;
+export declare const HOME_AUTOMATIONS_DEMO_PINNED_IDS: string[];
+export declare const HOME_AUTOMATIONS_DEMO_AUTOMATIONS: Automation[];
+export declare const HOME_AUTOMATIONS_DEMO_RUN_STATES: Map<string, LatestAutomationRunState>;

package/dist/hooks/chat/use-model-interceptor.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require("../../_virtual/_rolldown/runtime.cjs");const e=require("../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../i18n/declaration.cjs"),n=require("../../utils/constants.cjs"),r=require("../query/query-keys.cjs"),i=require("../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),a=require("../../utils/custom-toast-handlers.cjs"),o=require("../../contexts/active-backend-context.cjs"),s=require("../../stores/model-store.cjs"),c=require("../../api/profiles-service/profiles-service.api.cjs"),l=require("./model-command-event-anchor.cjs"),u=require("../mutation/use-switch-llm-profile-and-log.cjs");let d=require("react");var f=`${n.MODEL_COMMAND} `,p=(p,m)=>{let h=s.useModelStore(e=>e.show),g=i.useQueryClient(),{switchAndLog:_}=u.useSwitchLlmProfileAndLog(),{backend:v,orgId:y}=o.useActiveBackend(),{t:b}=e.useTranslation();return(0,d.useCallback)(e=>{let i=e.trim();if(!(i===`/model`||i.startsWith(f))){m(e);return}let o=i.slice(n.MODEL_COMMAND.length).trim();if(o){_(p??null,o);return}if(!p)return;let s=l.getLastRenderableEventId();g.fetchQuery({queryKey:[...r.LLM_PROFILES_QUERY_KEYS.all,v.id,y],queryFn:c.default.listProfiles,staleTime:0}).then(({profiles:e})=>h(p,s,e)).catch(e=>{let n=b(t.I18nKey.MODEL$LIST_FAILED);a.displayErrorToast(e instanceof Error&&e.message?e.message:n)})},[p,m,h,g,_,v.id,y,b])};exports.useModelInterceptor=p;
+require("../../_virtual/_rolldown/runtime.cjs");const e=require("../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../i18n/declaration.cjs"),n=require("../../utils/constants.cjs"),r=require("../query/query-keys.cjs"),i=require("../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),a=require("../../utils/custom-toast-handlers.cjs"),o=require("../../contexts/active-backend-context.cjs"),s=require("../../api/profiles-service/profiles-service.api.cjs"),c=require("../../stores/model-store.cjs"),l=require("./model-command-event-anchor.cjs"),u=require("../mutation/use-switch-llm-profile-and-log.cjs");let d=require("react");var f=`${n.MODEL_COMMAND} `,p=(p,m)=>{let h=c.useModelStore(e=>e.show),g=i.useQueryClient(),{switchAndLog:_}=u.useSwitchLlmProfileAndLog(),{backend:v,orgId:y}=o.useActiveBackend(),{t:b}=e.useTranslation();return(0,d.useCallback)(e=>{let i=e.trim();if(!(i===`/model`||i.startsWith(f))){m(e);return}let o=i.slice(n.MODEL_COMMAND.length).trim();if(o){_(p??null,o);return}if(!p)return;let c=l.getLastRenderableEventId();g.fetchQuery({queryKey:[...r.LLM_PROFILES_QUERY_KEYS.all,v.id,y],queryFn:s.default.listProfiles,staleTime:0}).then(({profiles:e})=>h(p,c,e)).catch(e=>{let n=b(t.I18nKey.MODEL$LIST_FAILED);a.displayErrorToast(e instanceof Error&&e.message?e.message:n)})},[p,m,h,g,_,v.id,y,b])};exports.useModelInterceptor=p;
 //# sourceMappingURL=use-model-interceptor.cjs.map

package/dist/hooks/chat/use-model-interceptor.js CHANGED Viewed

@@ -5,14 +5,14 @@ import { LLM_PROFILES_QUERY_KEYS as r } from "../query/query-keys.js";
 import { useQueryClient as i } from "../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";
 import { displayErrorToast as a } from "../../utils/custom-toast-handlers.js";
 import { useActiveBackend as o } from "../../contexts/active-backend-context.js";
-import { useModelStore as s } from "../../stores/model-store.js";
-import c from "../../api/profiles-service/profiles-service.api.js";
+import s from "../../api/profiles-service/profiles-service.api.js";
+import { useModelStore as c } from "../../stores/model-store.js";
 import { getLastRenderableEventId as l } from "./model-command-event-anchor.js";
 import { useSwitchLlmProfileAndLog as u } from "../mutation/use-switch-llm-profile-and-log.js";
 import { useCallback as d } from "react";
 //#region src/hooks/chat/use-model-interceptor.ts
 var f = `${n} `, p = (p, m) => {
-	let h = s((e) => e.show), g = i(), { switchAndLog: _ } = u(), { backend: v, orgId: y } = o(), { t: b } = e();
+	let h = c((e) => e.show), g = i(), { switchAndLog: _ } = u(), { backend: v, orgId: y } = o(), { t: b } = e();
 	return d((e) => {
 		let i = e.trim();
 		if (!(i === "/model" || i.startsWith(f))) {
@@ -25,16 +25,16 @@ var f = `${n} `, p = (p, m) => {
 			return;
 		}
 		if (!p) return;
-		let s = l();
+		let c = l();
 		g.fetchQuery({
 			queryKey: [
 				...r.all,
 				v.id,
 				y
 			],
-			queryFn: c.listProfiles,
+			queryFn: s.listProfiles,
 			staleTime: 0
-		}).then(({ profiles: e }) => h(p, s, e)).catch((e) => {
+		}).then(({ profiles: e }) => h(p, c, e)).catch((e) => {
 			let n = b(t.MODEL$LIST_FAILED);
 			a(e instanceof Error && e.message ? e.message : n);
 		});

package/dist/hooks/mutation/use-add-mcp-server.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require("../../_virtual/_rolldown/runtime.cjs");const e=require("../query/query-keys.cjs"),t=require("../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),n=require("../../node_modules/@tanstack/react-query/build/modern/useMutation.cjs"),r=require("../../utils/mcp-config.cjs"),i=require("../../api/settings-service/settings-service.api.cjs"),a=require("../query/use-settings.cjs");function o(){let o=t.useQueryClient(),{data:s}=a.useSettings();return n.useMutation({mutationFn:async e=>{if(!s)return;let t=r.parseMcpConfig(s.agent_settings?.mcp_config),n={sse_servers:[...t.sse_servers],stdio_servers:[...t.stdio_servers],shttp_servers:[...t.shttp_servers]};e.type===`sse`?n.sse_servers.push(r.toMcpSseServer(e)):e.type===`stdio`?n.stdio_servers.push(r.toMcpStdioServer(e)):e.type===`shttp`&&n.shttp_servers.push(r.toMcpShttpServer(e)),await i.default.saveSettings({agent_settings_diff:{mcp_config:r.toSdkMcpConfig(n)}})},onSuccess:()=>{o.invalidateQueries({queryKey:e.SETTINGS_QUERY_KEYS.personal()})}})}exports.useAddMcpServer=o;
+require("../../_virtual/_rolldown/runtime.cjs");const e=require("../query/query-keys.cjs"),t=require("../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),n=require("../../node_modules/@tanstack/react-query/build/modern/useMutation.cjs"),r=require("../../utils/mcp-config.cjs"),i=require("../../api/settings-service/settings-service.api.cjs"),a=require("../query/use-settings.cjs");function o(){let o=t.useQueryClient(),{data:s}=a.useSettings();return n.useMutation({mutationFn:async e=>{if(!s)throw Error(`MCP settings are still loading. Please try again.`);let t=r.allocateMcpSettingsKey(s.mcp_config??r.parseMcpConfig(s.agent_settings?.mcp_config),e.name,e.type);await i.default.createMcpServer(t,r.toCanonicalMcpServer(e))},onSuccess:()=>{o.invalidateQueries({queryKey:e.SETTINGS_QUERY_KEYS.personal()})}})}exports.useAddMcpServer=o;
 //# sourceMappingURL=use-add-mcp-server.cjs.map

package/dist/hooks/mutation/use-add-mcp-server.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-add-mcp-server.cjs","names":[],"sources":["../../../src/hooks/mutation/use-add-mcp-server.ts"],"sourcesContent":["import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport SettingsService from \"#/api/settings-service/settings-service.api\";\nimport ~~{ MCPConfig } from \"#/types/settings\";\nimport~~ type { MCPServerConfig } from \"#/types/mcp-server\";\nimport {\n ~~parseMcpConfig~~,\n ~~toMcpShttpServer~~,\n ~~toMcpSseServer~~,\n ~~toMcpStdioServer,\n toSdkMcpConfig,\n~~} from \"#/utils/mcp-config\";\nimport { SETTINGS_QUERY_KEYS } from \"#/hooks/query/query-keys\";\n\nexport function useAddMcpServer() {\n const queryClient = useQueryClient();\n const { data: settings } = useSettings();\n\n return useMutation({\n mutationFn: async (server: MCPServerConfig): Promise<void> => {\n if (!settings) ~~return;\n~~\n ~~const~~ ~~currentConfig~~ ~~= parseMcpConfig~~(~~settings.agent_settings?.mcp_config);\n~~\~~n const~~ ~~newConfig:~~ ~~MCPConfig~~ = ~~{\n sse_servers: [...currentConfig~~.~~sse_servers],\n stdio_servers:~~ ~~[...currentConfig.stdio_servers],\n shttp_servers:~~ ~~[...currentConfig.shttp_servers],\~~n };\n\n if ~~(server~~.~~type~~ ~~=== \"sse\") {\~~n ~~newConfig~~.~~sse_servers.push(toMcpSseServer(server~~));\n } ~~else~~ if (~~server.type ===~~ \~~"stdio\") {\~~n ~~newConfig~~.~~stdio_servers.push(toMcpStdioServer(server));\~~n ~~} else if (~~server.type ~~=== \"shttp\") {\~~n ~~newConfig.shttp_servers.push(toMcpShttpServer(server~~));\n ~~}\n\n~~ await SettingsService.~~saveSettings~~({\n ~~agent_settings_diff: { mcp_config: toSdkMcpConfig~~(~~newConfig~~) },\n });\n },\n onSuccess: () => {\n queryClient.invalidateQueries({\n queryKey: SETTINGS_QUERY_KEYS.personal(),\n });\n },\n });\n}\n"],"mappings":"~~yZAcA~~,SAAgB,GAAkB,CAChC,IAAM,EAAc,EAAA,eAAe,EAC7B,CAAE,KAAM,GAAa,EAAA,YAAY,EAEvC,OAAO,EAAA,YAAY,CACjB,WAAY,KAAO,IAA2C,CAC5D,GAAI,CAAC,~~EAAU~~,~~OAEf~~,~~IAAM~~,~~EAAgB~~,~~EAAA~~,~~eAAe~~,~~EAAS,gBAAgB,UAAU,EAElE,EAAuB,CAC3B,YAAa,CAAC,GAAG,~~EAAc,~~WAAW~~,~~EAC1C~~,~~cAAe~~,~~CAAC~~,~~GAAG,EAAc,aAAa,EAC9C,cAAe,CAAC,GAAG,EAAc,aAAa,CAChD,EAEI,EAAO,OAAS,MAClB,EAAU,YAAY,KAAK,~~EAAA,eAAe,~~CAAM~~,~~CAAC~~,~~EACxC~~,EAAO,~~OAAS~~,~~QACzB,EAAU,cAAc,KAAK,EAAA,iBAAiB,CAAM,CAAC,EAC5C,~~EAAO,~~OAAS~~,~~SACzB~~,~~EAAU,cAAc,KAAK,EAAA,iBAAiB,CAAM,CAAC,EAGvD,~~MAAM,EAAA,QAAgB,~~aAAa~~,~~CACjC~~,~~oBAAqB,CAAE,WAAY,~~EAAA,~~eAAe~~,~~CAAS~~,~~CAAE~~,~~CAC/D~~,~~CAAC,CACH,~~EACA,cAAiB,CACf,EAAY,kBAAkB,CAC5B,SAAU,EAAA,oBAAoB,SAAS,CACzC,CAAC,CACH,CACF,CAAC,CACH"}
1	+ {"version":3,"file":"use-add-mcp-server.cjs","names":[],"sources":["../../../src/hooks/mutation/use-add-mcp-server.ts"],"sourcesContent":["import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport SettingsService from \"#/api/settings-service/settings-service.api\";\nimport type { MCPServerConfig } from \"#/types/mcp-server\";\nimport {\n allocateMcpSettingsKey,\n parseMcpConfig,\n toCanonicalMcpServer,\n} from \"#/utils/mcp-config\";\nimport { SETTINGS_QUERY_KEYS } from \"#/hooks/query/query-keys\";\n\n// @spec MCP-001 — Sparse mutations preserve sibling servers\nexport function useAddMcpServer() {\n const queryClient = useQueryClient();\n const { data: settings } = useSettings();\n\n return useMutation({\n mutationFn: async (server: MCPServerConfig): Promise<void> => {\n if (!settings) {\n throw new Error(\"MCP settings are still loading. Please try again.\");\n }\n\n const currentConfig =\n settings.mcp_config ??\n parseMcpConfig(settings.agent_settings?.mcp_config);\n const settingsKey = allocateMcpSettingsKey(\n currentConfig,\n server.name,\n server.type,\n );\n await SettingsService.createMcpServer(\n settingsKey,\n toCanonicalMcpServer(server),\n );\n },\n onSuccess: () => {\n queryClient.invalidateQueries({\n queryKey: SETTINGS_QUERY_KEYS.personal(),\n });\n },\n });\n}\n"],"mappings":"yZAYA,SAAgB,GAAkB,CAChC,IAAM,EAAc,EAAA,eAAe,EAC7B,CAAE,KAAM,GAAa,EAAA,YAAY,EAEvC,OAAO,EAAA,YAAY,CACjB,WAAY,KAAO,IAA2C,CAC5D,GAAI,CAAC,EACH,MAAU,MAAM,mDAAmD,EAMrE,IAAM,EAAc,EAAA,uBAFlB,EAAS,YACT,EAAA,eAAe,EAAS,gBAAgB,UAAU,EAGlD,EAAO,KACP,EAAO,IACT,EACA,MAAM,EAAA,QAAgB,gBACpB,EACA,EAAA,qBAAqB,CAAM,CAC7B,CACF,EACA,cAAiB,CACf,EAAY,kBAAkB,CAC5B,SAAU,EAAA,oBAAoB,SAAS,CACzC,CAAC,CACH,CACF,CAAC,CACH"}

package/dist/hooks/mutation/use-add-mcp-server.js CHANGED Viewed

@@ -1,28 +1,24 @@
 import { SETTINGS_QUERY_KEYS as e } from "../query/query-keys.js";
 import { useQueryClient as t } from "../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";
 import { useMutation as n } from "../../node_modules/@tanstack/react-query/build/modern/useMutation.js";
-import { parseMcpConfig as r, toMcpShttpServer as i, toMcpSseServer as a, toMcpStdioServer as o, toSdkMcpConfig as s } from "../../utils/mcp-config.js";
-import c from "../../api/settings-service/settings-service.api.js";
-import { useSettings as l } from "../query/use-settings.js";
+import { allocateMcpSettingsKey as r, parseMcpConfig as i, toCanonicalMcpServer as a } from "../../utils/mcp-config.js";
+import o from "../../api/settings-service/settings-service.api.js";
+import { useSettings as s } from "../query/use-settings.js";
 //#region src/hooks/mutation/use-add-mcp-server.ts
-function u() {
-	let u = t(), { data: d } = l();
+function c() {
+	let c = t(), { data: l } = s();
 	return n({
 		mutationFn: async (e) => {
-			if (!d) return;
-			let t = r(d.agent_settings?.mcp_config), n = {
-				sse_servers: [...t.sse_servers],
-				stdio_servers: [...t.stdio_servers],
-				shttp_servers: [...t.shttp_servers]
-			};
-			e.type === "sse" ? n.sse_servers.push(a(e)) : e.type === "stdio" ? n.stdio_servers.push(o(e)) : e.type === "shttp" && n.shttp_servers.push(i(e)), await c.saveSettings({ agent_settings_diff: { mcp_config: s(n) } });
+			if (!l) throw Error("MCP settings are still loading. Please try again.");
+			let t = r(l.mcp_config ?? i(l.agent_settings?.mcp_config), e.name, e.type);
+			await o.createMcpServer(t, a(e));
 		},
 		onSuccess: () => {
-			u.invalidateQueries({ queryKey: e.personal() });
+			c.invalidateQueries({ queryKey: e.personal() });
 		}
 	});
 }
 //#endregion
-export { u as useAddMcpServer };
+export { c as useAddMcpServer };
 //# sourceMappingURL=use-add-mcp-server.js.map

package/dist/hooks/mutation/use-add-mcp-server.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-add-mcp-server.js","names":[],"sources":["../../../src/hooks/mutation/use-add-mcp-server.ts"],"sourcesContent":["import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport SettingsService from \"#/api/settings-service/settings-service.api\";\nimport ~~{ MCPConfig } from \"#/types/settings\";\nimport~~ type { MCPServerConfig } from \"#/types/mcp-server\";\nimport {\n ~~parseMcpConfig~~,\n ~~toMcpShttpServer~~,\n ~~toMcpSseServer~~,\n ~~toMcpStdioServer,\n toSdkMcpConfig,\n~~} from \"#/utils/mcp-config\";\nimport { SETTINGS_QUERY_KEYS } from \"#/hooks/query/query-keys\";\n\nexport function useAddMcpServer() {\n const queryClient = useQueryClient();\n const { data: settings } = useSettings();\n\n return useMutation({\n mutationFn: async (server: MCPServerConfig): Promise<void> => {\n if (!settings) ~~return;\n~~\n ~~const~~ ~~currentConfig~~ ~~= parseMcpConfig~~(~~settings.agent_settings?.mcp_config);\n~~\~~n const~~ ~~newConfig:~~ ~~MCPConfig~~ = ~~{\n sse_servers: [...currentConfig~~.~~sse_servers],\n stdio_servers:~~ ~~[...currentConfig.stdio_servers],\n shttp_servers:~~ ~~[...currentConfig.shttp_servers],\~~n };\n\n if ~~(server~~.~~type~~ ~~=== \"sse\") {\~~n ~~newConfig~~.~~sse_servers.push(toMcpSseServer(server~~));\n } ~~else~~ if (~~server.type ===~~ \~~"stdio\") {\~~n ~~newConfig~~.~~stdio_servers.push(toMcpStdioServer(server));\~~n ~~} else if (~~server.type ~~=== \"shttp\") {\~~n ~~newConfig.shttp_servers.push(toMcpShttpServer(server~~));\n ~~}\n\n~~ await SettingsService.~~saveSettings~~({\n ~~agent_settings_diff: { mcp_config: toSdkMcpConfig~~(~~newConfig~~) },\n });\n },\n onSuccess: () => {\n queryClient.invalidateQueries({\n queryKey: SETTINGS_QUERY_KEYS.personal(),\n });\n },\n });\n}\n"],"mappings":";;;;;;;~~AAcA~~,SAAgB,IAAkB;CAChC,IAAM,IAAc,EAAe,GAC7B,EAAE,MAAM,MAAa,EAAY;CAEvC,OAAO,EAAY;EACjB,YAAY,OAAO,MAA2C;GAC5D,IAAI,CAAC,~~GAAU;GAEf~~,~~IAAM~~,~~IAAgB~~,~~EAAe,EAAS,gBAAgB,UAAU,GAElE,IAAuB~~;~~IAC3B~~,~~aAAa~~,~~CAAC~~,~~GAAG~~,~~EAAc~~,~~WAAW;IAC1C~~,~~eAAe~~,~~CAAC~~,~~GAAG~~,~~EAAc~~,~~aAAa;IAC9C~~,~~eAAe,CAAC,GAAG,EAAc,aAAa;GAChD;GAUA,AARI,~~EAAO,~~SAAS~~,~~QAClB,EAAU,YAAY,KAAK,EAAe,CAAM,CAAC,IACxC,~~EAAO,~~SAAS~~,~~UACzB,EAAU,cAAc,KAAK,EAAiB,CAAM,CAAC,IAC5C,EAAO,SAAS,WACzB,EAAU,cAAc,KAAK,EAAiB,CAAM,CAAC,GAGvD,~~MAAM,EAAgB,~~aAAa~~,~~EACjC~~,~~qBAAqB~~,~~EAAE~~,~~YAAY,EAAe,CAAS,EAAE,EAC/D,CAAC~~;~~EACH~~;EACA,iBAAiB;GACf,EAAY,kBAAkB,EAC5B,UAAU,EAAoB,SAAS,EACzC,CAAC;EACH;CACF,CAAC;AACH"}
1	+ {"version":3,"file":"use-add-mcp-server.js","names":[],"sources":["../../../src/hooks/mutation/use-add-mcp-server.ts"],"sourcesContent":["import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport SettingsService from \"#/api/settings-service/settings-service.api\";\nimport type { MCPServerConfig } from \"#/types/mcp-server\";\nimport {\n allocateMcpSettingsKey,\n parseMcpConfig,\n toCanonicalMcpServer,\n} from \"#/utils/mcp-config\";\nimport { SETTINGS_QUERY_KEYS } from \"#/hooks/query/query-keys\";\n\n// @spec MCP-001 — Sparse mutations preserve sibling servers\nexport function useAddMcpServer() {\n const queryClient = useQueryClient();\n const { data: settings } = useSettings();\n\n return useMutation({\n mutationFn: async (server: MCPServerConfig): Promise<void> => {\n if (!settings) {\n throw new Error(\"MCP settings are still loading. Please try again.\");\n }\n\n const currentConfig =\n settings.mcp_config ??\n parseMcpConfig(settings.agent_settings?.mcp_config);\n const settingsKey = allocateMcpSettingsKey(\n currentConfig,\n server.name,\n server.type,\n );\n await SettingsService.createMcpServer(\n settingsKey,\n toCanonicalMcpServer(server),\n );\n },\n onSuccess: () => {\n queryClient.invalidateQueries({\n queryKey: SETTINGS_QUERY_KEYS.personal(),\n });\n },\n });\n}\n"],"mappings":";;;;;;;AAYA,SAAgB,IAAkB;CAChC,IAAM,IAAc,EAAe,GAC7B,EAAE,MAAM,MAAa,EAAY;CAEvC,OAAO,EAAY;EACjB,YAAY,OAAO,MAA2C;GAC5D,IAAI,CAAC,GACH,MAAU,MAAM,mDAAmD;GAMrE,IAAM,IAAc,EAFlB,EAAS,cACT,EAAe,EAAS,gBAAgB,UAAU,GAGlD,EAAO,MACP,EAAO,IACT;GACA,MAAM,EAAgB,gBACpB,GACA,EAAqB,CAAM,CAC7B;EACF;EACA,iBAAiB;GACf,EAAY,kBAAkB,EAC5B,UAAU,EAAoB,SAAS,EACzC,CAAC;EACH;CACF,CAAC;AACH"}

package/dist/hooks/mutation/use-create-conversation.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require("../../_virtual/_rolldown/runtime.cjs");const e=require("../query/query-keys.cjs"),t=require("../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),n=require("../../node_modules/@tanstack/react-query/build/modern/useMutation.cjs"),r=require("../../contexts/active-backend-context.cjs"),i=require("../../api/profiles-service/profiles-service.api.cjs"),a=require("../../api/conversation-metadata-store.cjs"),o=require("../../api/conversation-service/agent-server-conversation-service.api.cjs"),s=require("../use-tracking.cjs"),c=require("../query/use-llm-profiles.cjs"),l=require("../../api/agent-profiles-service/agent-profiles-service.api.cjs"),u=require("../query/use-agent-profiles.cjs"),d=require("../../api/plugins-management-service.cjs"),f=require("../../utils/plugin-display.cjs");var p=[`create-conversation`],m=()=>{let m=t.useQueryClient(),{trackConversationCreated:h}=s.useTracking(),{data:g}=c.useLlmProfiles(),{backend:_,orgId:v}=r.useActiveBackend();return u.useAgentProfiles(),n.useMutation({mutationKey:p,mutationFn:async t=>{let{query:n,conversationInstructions:r,plugins:s,repository:c,workingDir:u,workspaceMode:p,parentConversationId:h,agentType:y,agentProfileId:b}=t,x;try{x=await m.ensureQueryData({queryKey:[...e.AGENT_PROFILES_QUERY_KEYS.all,_.id,v],queryFn:l.default.listProfiles,...e.AGENT_PROFILES_RETRY_OPTIONS})}catch{}let S=b??x?.active_agent_profile_id??void 0,C=S?x?.profiles?.find(e=>e.id===S):void 0,w=_.kind===`cloud`,T=S;if(!w&&C?.name==="default"&&C?.agent_kind===`openhands`)T=void 0;else if(C?.agent_kind===`openhands`&&C.llm_profile_ref){let t=!1;try{t=(await m.ensureQueryData({queryKey:[...e.LLM_PROFILES_QUERY_KEYS.all,_.id,v],queryFn:i.default.listProfiles,retry:!1})).profiles.some(e=>e.name===C.llm_profile_ref)}catch{}t||(console.warn(`Agent profile "${C.name}" references missing LLM profile "${C.llm_profile_ref}"; launching from agent_settings instead.`),T=void 0)}let E=T?[void 0,T,C?.agent_kind]:[],D=await o.default.createConversation(n,r,s,c?{selected_repository:c.name,selected_branch:c.branch??null,git_provider:c.gitProvider}:null,u,p,h,y,...E),O=D.app_conversation_id,k=s?.map(a.toPluginCoordinates)??[],A=k;if(O){let t=[];try{t=await m.ensureQueryData({queryKey:e.PLUGINS_QUERY_KEYS.installed,queryFn:()=>d.default.listInstalledPlugins()})}catch{}let n=new Set(k.map(f.pluginReferenceKey)),r=t.filter(e=>e.enabled).map(e=>({source:e.source,ref:e.resolved_ref??null,repo_path:e.repo_path??null,name:e.name})).filter(e=>!n.has(f.pluginReferenceKey(e)));A=[...k,...r]}let j=T&&C?.agent_kind===`openhands`?C.llm_profile_ref:g?.active_profile??null;if(O&&(j||A.length)){let e=a.getStoredConversationMetadata(O);a.setStoredConversationMetadata(O,{selected_repository:e?.selected_repository??null,selected_branch:e?.selected_branch??null,git_provider:e?.git_provider??null,selected_workspace:e?.selected_workspace??null,workspace_mode:e?.workspace_mode??null,active_profile:j??e?.active_profile??null,plugins:A.length?A:e?.plugins??null})}return{conversation_id:D.app_conversation_id?D.app_conversation_id:`task-${D.id}`,session_api_key:null,url:D.agent_server_url,task_id:D.id}},onSuccess:async(e,t)=>{h({conversationId:e.conversation_id,taskId:e.task_id,hasRepository:!!t.repository,gitProvider:t.repository?.gitProvider,hasWorkspace:!!t.workingDir,workspaceMode:t.workspaceMode,hasInitialQuery:!!t.query,agentType:t.agentType,hasParentConversation:!!t.parentConversationId,entryPoint:t.entryPoint}),m.invalidateQueries({queryKey:[`user`,`conversations`]}),m.invalidateQueries({queryKey:[`start-tasks`]})}})};exports.CREATE_CONVERSATION_MUTATION_KEY=p,exports.useCreateConversation=m;
+require("../../_virtual/_rolldown/runtime.cjs");const e=require("../query/query-keys.cjs"),t=require("../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),n=require("../../node_modules/@tanstack/react-query/build/modern/useMutation.cjs"),r=require("../../contexts/active-backend-context.cjs"),i=require("../../api/conversation-metadata-store.cjs"),a=require("../../api/profiles-service/profiles-service.api.cjs"),o=require("../../api/conversation-service/agent-server-conversation-service.api.cjs"),s=require("../use-tracking.cjs"),c=require("../query/use-llm-profiles.cjs"),l=require("../../api/agent-profiles-service/agent-profiles-service.api.cjs"),u=require("../query/use-agent-profiles.cjs"),d=require("../../api/plugins-management-service.cjs"),f=require("../../utils/plugin-display.cjs");var p=[`create-conversation`],m=()=>{let m=t.useQueryClient(),{trackConversationCreated:h}=s.useTracking(),{data:g}=c.useLlmProfiles(),{backend:_,orgId:v}=r.useActiveBackend();return u.useAgentProfiles(),n.useMutation({mutationKey:p,mutationFn:async t=>{let{query:n,conversationInstructions:r,plugins:s,repository:c,workingDir:u,workspaceMode:p,parentConversationId:h,agentType:y,agentProfileId:b}=t,x;try{x=await m.ensureQueryData({queryKey:[...e.AGENT_PROFILES_QUERY_KEYS.all,_.id,v],queryFn:l.default.listProfiles,...e.AGENT_PROFILES_RETRY_OPTIONS})}catch{}let S=b??x?.active_agent_profile_id??void 0,C=S?x?.profiles?.find(e=>e.id===S):void 0,w=_.kind===`cloud`,T=S;if(!w&&C?.name==="default"&&C?.agent_kind===`openhands`)T=void 0;else if(C?.agent_kind===`openhands`&&C.llm_profile_ref){let t=!1;try{t=(await m.ensureQueryData({queryKey:[...e.LLM_PROFILES_QUERY_KEYS.all,_.id,v],queryFn:a.default.listProfiles,retry:!1})).profiles.some(e=>e.name===C.llm_profile_ref)}catch{}t||(console.warn(`Agent profile "${C.name}" references missing LLM profile "${C.llm_profile_ref}"; launching from agent_settings instead.`),T=void 0)}let E=T?[void 0,T,C?.agent_kind]:[],D=await o.default.createConversation(n,r,s,c?{selected_repository:c.name,selected_branch:c.branch??null,git_provider:c.gitProvider}:null,u,p,h,y,...E),O=D.app_conversation_id,k=s?.map(i.toPluginCoordinates)??[],A=k;if(O){let t=[];try{t=await m.ensureQueryData({queryKey:e.PLUGINS_QUERY_KEYS.installed,queryFn:()=>d.default.listInstalledPlugins()})}catch{}let n=new Set(k.map(f.pluginReferenceKey)),r=t.filter(e=>e.enabled).map(e=>({source:e.source,ref:e.resolved_ref??null,repo_path:e.repo_path??null,name:e.name})).filter(e=>!n.has(f.pluginReferenceKey(e)));A=[...k,...r]}let j=T&&C?.agent_kind===`openhands`?C.llm_profile_ref:g?.active_profile??null;if(O&&(j||A.length)){let e=i.getStoredConversationMetadata(O);i.setStoredConversationMetadata(O,{selected_repository:e?.selected_repository??null,selected_branch:e?.selected_branch??null,git_provider:e?.git_provider??null,selected_workspace:e?.selected_workspace??null,workspace_mode:e?.workspace_mode??null,active_profile:j??e?.active_profile??null,plugins:A.length?A:e?.plugins??null})}return{conversation_id:D.app_conversation_id?D.app_conversation_id:`task-${D.id}`,session_api_key:null,url:D.agent_server_url,task_id:D.id}},onSuccess:async(e,t)=>{h({conversationId:e.conversation_id,taskId:e.task_id,hasRepository:!!t.repository,gitProvider:t.repository?.gitProvider,hasWorkspace:!!t.workingDir,workspaceMode:t.workspaceMode,hasInitialQuery:!!t.query,agentType:t.agentType,hasParentConversation:!!t.parentConversationId,entryPoint:t.entryPoint}),m.invalidateQueries({queryKey:[`user`,`conversations`]}),m.invalidateQueries({queryKey:[`start-tasks`]})}})};exports.CREATE_CONVERSATION_MUTATION_KEY=p,exports.useCreateConversation=m;
 //# sourceMappingURL=use-create-conversation.cjs.map

package/dist/hooks/mutation/use-create-conversation.js CHANGED Viewed

@@ -2,8 +2,8 @@ import { AGENT_PROFILES_QUERY_KEYS as e, AGENT_PROFILES_RETRY_OPTIONS as t, LLM_
 import { useQueryClient as i } from "../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";
 import { useMutation as a } from "../../node_modules/@tanstack/react-query/build/modern/useMutation.js";
 import { useActiveBackend as o } from "../../contexts/active-backend-context.js";
-import s from "../../api/profiles-service/profiles-service.api.js";
-import { getStoredConversationMetadata as c, setStoredConversationMetadata as l, toPluginCoordinates as u } from "../../api/conversation-metadata-store.js";
+import { getStoredConversationMetadata as s, setStoredConversationMetadata as c, toPluginCoordinates as l } from "../../api/conversation-metadata-store.js";
+import u from "../../api/profiles-service/profiles-service.api.js";
 import d from "../../api/conversation-service/agent-server-conversation-service.api.js";
 import { useTracking as f } from "../use-tracking.js";
 import { useLlmProfiles as p } from "../query/use-llm-profiles.js";
@@ -40,7 +40,7 @@ var v = ["create-conversation"], y = () => {
 							S.id,
 							C
 						],
-						queryFn: s.listProfiles,
+						queryFn: u.listProfiles,
 						retry: !1
 					})).profiles.some((e) => e.name === O.llm_profile_ref);
 				} catch {}
@@ -54,7 +54,7 @@ var v = ["create-conversation"], y = () => {
 				selected_repository: p.name,
 				selected_branch: p.branch ?? null,
 				git_provider: p.gitProvider
-			} : null, h, v, b, w, ...j), N = M.app_conversation_id, P = f?.map(u) ?? [], F = P;
+			} : null, h, v, b, w, ...j), N = M.app_conversation_id, P = f?.map(l) ?? [], F = P;
 			if (N) {
 				let e = [];
 				try {
@@ -73,8 +73,8 @@ var v = ["create-conversation"], y = () => {
 			}
 			let I = A && O?.agent_kind === "openhands" ? O.llm_profile_ref : x?.active_profile ?? null;
 			if (N && (I || F.length)) {
-				let e = c(N);
-				l(N, {
+				let e = s(N);
+				c(N, {
 					selected_repository: e?.selected_repository ?? null,
 					selected_branch: e?.selected_branch ?? null,
 					git_provider: e?.git_provider ?? null,

package/dist/hooks/mutation/use-delete-mcp-server.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require("../../_virtual/_rolldown/runtime.cjs");const e=require("../query/query-keys.cjs"),t=require("../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),n=require("../../node_modules/@tanstack/react-query/build/modern/useMutation.cjs"),r=require("../../utils/mcp-config.cjs"),i=require("../../api/settings-service/settings-service.api.cjs"),a=require("../query/use-settings.cjs"),o=require("../../api/mcp-health/mcp-health-store.cjs"),s=require("../../utils/mcp-server-health-key.cjs");function c(){let c=t.useQueryClient(),{data:l}=a.useSettings();return n.useMutation({mutationFn:async e=>{let t=r.parseMcpConfig(l?.agent_settings?.mcp_config),n={sse_servers:[...t.sse_servers],stdio_servers:[...t.stdio_servers],shttp_servers:[...t.shttp_servers]},a=e=>{if(typeof e==`string`)return e;if(e&&typeof e==`object`&&`url`in e){let t=e.url;return typeof t==`string`?t:void 0}};if(e.type===`sse`){if(!e.url)return;let t=n.sse_servers.findIndex(t=>a(t)===e.url);t>=0&&n.sse_servers.splice(t,1)}else if(e.type===`shttp`){if(!e.url)return;let t=n.shttp_servers.findIndex(t=>a(t)===e.url);t>=0&&n.shttp_servers.splice(t,1)}else if(e.type===`stdio`){if(!e.name||!e.command)return;let t=n.stdio_servers.findIndex(t=>t.name===e.name&&t.command===e.command&&JSON.stringify(t.args??[])===JSON.stringify(e.args??[]));t>=0&&n.stdio_servers.splice(t,1)}else return;await i.default.saveSettings({agent_settings_diff:{mcp_config:r.toSdkMcpConfig(n)}})},onSuccess:(t,n)=>{o.clearMcpServerHealth(s.getMcpServerHealthKey(n)),c.invalidateQueries({queryKey:e.SETTINGS_QUERY_KEYS.personal()})}})}exports.useDeleteMcpServer=c;
+require("../../_virtual/_rolldown/runtime.cjs");const e=require("../query/query-keys.cjs"),t=require("../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),n=require("../../node_modules/@tanstack/react-query/build/modern/useMutation.cjs"),r=require("../../api/settings-service/settings-service.api.cjs"),i=require("../../api/mcp-health/mcp-health-store.cjs"),a=require("../../utils/mcp-server-health-key.cjs");function o(){let o=t.useQueryClient();return n.useMutation({mutationFn:async e=>{await r.default.deleteMcpServer(e.id)},onSuccess:(t,n)=>{i.clearMcpServerHealth(a.getMcpServerHealthKey(n)),o.invalidateQueries({queryKey:e.SETTINGS_QUERY_KEYS.personal()})}})}exports.useDeleteMcpServer=o;
 //# sourceMappingURL=use-delete-mcp-server.cjs.map

package/dist/hooks/mutation/use-delete-mcp-server.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-delete-mcp-server.cjs","names":[],"sources":["../../../src/hooks/mutation/use-delete-mcp-server.ts"],"sourcesContent":["import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport ~~{ useSettings } from \"#/hooks/query/use-settings\";\nimport~~ SettingsService from \"#/api/settings-service/settings-service.api\";\nimport { ~~MCPConfig } from \"#/types/settings\";\nimport {~~ MCPServerConfig } from \"#/types/mcp-server\";\nimport { ~~parseMcpConfig, toSdkMcpConfig } from \"#/utils/mcp-config\";\nimport {~~ SETTINGS_QUERY_KEYS } from \"#/hooks/query/query-keys\";\nimport { clearMcpServerHealth } from \"#/api/mcp-health/mcp-health-store\";\nimport { getMcpServerHealthKey } from \"#/utils/mcp-server-health-key\";\n\n/*\n Delete an installed MCP server.\n \n We ~~accept~~ ~~the full~~ server ~~config (not just a synthetic~~ id ~~like\n~~ * `stdio-2`) and re-resolve its position inside the ~~freshly-read\n~~ * settings at ~~mutation~~ ~~time.~~ ~~This~~ ~~eliminates~~ ~~the race between the~~\n * ~~user~~ ~~clicking~~ ~~\"Delete\"~~ ~~and~~ ~~confirming~~ ~~the~~ ~~dialog:~~ if ~~the underlying\~~n * ~~`mcp_config` changes (background refresh, multi~~-~~tab~~ ~~activity,\n~~ * ~~another~~ ~~mutation)~~ ~~the~~ ~~index encoded in a synthetic id can drift,\~~n * ~~and~~ we ~~would~~ ~~otherwise~~ ~~splice~~ ~~the~~ ~~wrong~~ ~~server.\n~~ */\nexport function useDeleteMcpServer() {\n const queryClient = useQueryClient();\n ~~const { data: settings } = useSettings();\n~~\n return useMutation({\n mutationFn: async (target: MCPServerConfig): Promise<void> => {\n ~~const~~ ~~currentConfig = parseMcpConfig(\n settings?.agent_settings?.mcp_config,\n );\n\n const newConfig: MCPConfig = {\n sse_servers: [...currentConfig~~.~~sse_servers],\n stdio_servers: [...currentConfig.stdio_servers],\n shttp_servers: [...currentConfig.shttp_servers],\n };\n\n const extractUrl =~~ (s: unknown): string \| undefined => {\n if (typeof s === \"string\") return s;\n if (s && typeof s === \"object\" && \"url\" in s) {\n const v = (s as { url?: unknown }).url;\n return typeof v === \"string\" ? v : undefined;\n }\n return undefined;\n };\n\n // Each branch guards on the discriminating field(s) it relies\n // on. `MCPServerConfig` marks url/name/command optional for\n // historical reasons, so without these guards an entry with\n // undefined identifiers could accidentally match another entry\n // that's also missing the same field (e.g. two stdio servers\n // both lacking `name`).\n if (target.~~type === \"sse\"~~) ~~{\n if (!target.url) return~~;\n const idx = newConfig.sse_servers.findIndex(\n (s) => extractUrl(s) === target.url,\n );\n if (idx >= 0) newConfig.sse_servers.splice(idx, 1);\n } else if (target.type === \"shttp\") {\n if (!target.url) return;\n const idx = newConfig.shttp_servers.findIndex(\n (s) => extractUrl(s) === target.url,\n );\n if (idx >= 0) newConfig.shttp_servers.splice(idx, 1);\n } else if (target.type === \"stdio\") {\n if (!target.name \|\| !target.command) return;\n const idx = newConfig.stdio_servers.findIndex(\n (s) =>\n s.name === target.name &&\n s.command === target.command &&\n JSON.stringify(s.args ?? []) === JSON.stringify(target.args ?? []),\n );\n if (idx >= 0) newConfig.stdio_servers.splice(idx, 1);\n } else {\n return;\n }\n\n await SettingsService.saveSettings({\n agent_settings_diff: { mcp_config: toSdkMcpConfig(newConfig) },\n });\n },\n onSuccess: (_data, target) => {\n // Drop the deleted server's health entry so a later server that\n // happens to produce the same key starts \"unchecked\" instead of\n // inheriting this one's verdict.\n clearMcpServerHealth(getMcpServerHealthKey(target));\n queryClient.invalidateQueries({\n queryKey: SETTINGS_QUERY_KEYS.personal(),\n });\n },\n });\n}\n"],"mappings":"~~mgBAqBA~~,SAAgB,GAAqB,CACnC,IAAM,EAAc,EAAA,eAAe,~~EAC7B~~,~~CAAE,KAAM,GAAa,EAAA,YAAY,EAEvC,~~OAAO,EAAA,YAAY,CACjB,WAAY,KAAO,IAA2C,CAC5D,~~IAAM~~,~~EAAgB,~~EAAA,~~eACpB~~,~~GAAU,~~gBAAgB,UAC5B,EAEM,EAAuB,CAC3B,YAAa,CAAC,GAAG,EAAc,WAAW,EAC1C,cAAe,CAAC,GAAG,EAAc,aAAa,EAC9C,cAAe,CAAC,GAAG,EAAc,aAAa,CAChD,EAEM,EAAc,GAAmC,CACrD,GAAI,OAAO,GAAM,SAAU,OAAO,EAClC,GAAI,GAAK,OAAO,GAAM,UAAY,QAAS,EAAG,CAC5C,IAAM,EAAK,EAAwB,IACnC,OAAO,OAAO,GAAM,SAAW,EAAI,IAAA,EACrC,CAEF,EAQA,GAAI,EAAO,OAAS,MAAO,CACzB,GAAI,CAAC,EAAO,IAAK,OACjB,IAAM,EAAM,EAAU,YAAY,UAC/B,GAAM,EAAW,CAAC,IAAM,EAAO,GAClC,EACI,GAAO,GAAG,EAAU,YAAY,OAAO,EAAK,CAAC,CACnD,MAAO,GAAI,EAAO,OAAS,QAAS,CAClC,GAAI,CAAC,EAAO,IAAK,OACjB,IAAM,EAAM,EAAU,cAAc,UACjC,GAAM,EAAW,CAAC,IAAM,EAAO,GAClC,EACI,GAAO,GAAG,EAAU,cAAc,OAAO,EAAK,CAAC,CACrD,MAAO,GAAI,EAAO,OAAS,QAAS,CAClC,GAAI,CAAC,EAAO,MAAQ,CAAC,EAAO,QAAS,OACrC,IAAM,EAAM,EAAU,cAAc,UACjC,GACC,EAAE,~~OAAS~~,EAAO,MAClB,EAAE,UAAY,EAAO,SACrB,KAAK,UAAU,EAAE,MAAQ,CAAC,CAAC,IAAM,KAAK,UAAU,EAAO,MAAQ,CAAC,CAAC,CACrE,EACI,GAAO,GAAG,EAAU,cAAc,OAAO,EAAK,CAAC,CACrD,MACE,OAGF,MAAM,EAAA,QAAgB,aAAa,CACjC,oBAAqB,CAAE,WAAY,EAAA,eAAe,CAAS,CAAE,CAC/D,CAAC,CACH,EACA,WAAY,EAAO,IAAW,CAI5B,EAAA,qBAAqB,EAAA,sBAAsB,CAAM,CAAC,EAClD,EAAY,kBAAkB,CAC5B,SAAU,EAAA,oBAAoB,SAAS,CACzC,CAAC,CACH,CACF,CAAC,CACH"}
1	+ {"version":3,"file":"use-delete-mcp-server.cjs","names":[],"sources":["../../../src/hooks/mutation/use-delete-mcp-server.ts"],"sourcesContent":["import { useMutation, useQueryClient } from \"@tanstack/react-query\";\nimport SettingsService from \"#/api/settings-service/settings-service.api\";\nimport { MCPServerConfig } from \"#/types/mcp-server\";\nimport { SETTINGS_QUERY_KEYS } from \"#/hooks/query/query-keys\";\nimport { clearMcpServerHealth } from \"#/api/mcp-health/mcp-health-store\";\nimport { getMcpServerHealthKey } from \"#/utils/mcp-server-health-key\";\n\n/*\n Delete an installed MCP server.\n \n The UI server id is the canonical settings map key, so deletion does not\n * read, match, or reconstruct any other catalog entries.\n */\n// @spec MCP-001 — Sparse mutations preserve sibling servers\n// @spec MCP-003 — Settings map keys are stable MCP identities\nexport function useDeleteMcpServer() {\n const queryClient = useQueryClient();\n\n return useMutation({\n mutationFn: async (target: MCPServerConfig): Promise<void> => {\n await SettingsService.deleteMcpServer(target.id);\n },\n onSuccess: (_data, target) => {\n // Drop the deleted server's health entry so a later server that\n // happens to produce the same key starts \"unchecked\" instead of\n // inheriting this one's verdict.\n clearMcpServerHealth(getMcpServerHealthKey(target));\n queryClient.invalidateQueries({\n queryKey: SETTINGS_QUERY_KEYS.personal(),\n });\n },\n });\n}\n"],"mappings":"obAeA,SAAgB,GAAqB,CACnC,IAAM,EAAc,EAAA,eAAe,EAEnC,OAAO,EAAA,YAAY,CACjB,WAAY,KAAO,IAA2C,CAC5D,MAAM,EAAA,QAAgB,gBAAgB,EAAO,EAAE,CACjD,EACA,WAAY,EAAO,IAAW,CAI5B,EAAA,qBAAqB,EAAA,sBAAsB,CAAM,CAAC,EAClD,EAAY,kBAAkB,CAC5B,SAAU,EAAA,oBAAoB,SAAS,CACzC,CAAC,CACH,CACF,CAAC,CACH"}

package/dist/hooks/mutation/use-delete-mcp-server.d.ts CHANGED Viewed

@@ -2,12 +2,7 @@ import { MCPServerConfig } from "#/types/mcp-server";
 /**
  * Delete an installed MCP server.
  *
- * We accept the full server config (not just a synthetic id like
- * `stdio-2`) and re-resolve its position inside the freshly-read
- * settings at mutation time. This eliminates the race between the
- * user clicking "Delete" and confirming the dialog: if the underlying
- * `mcp_config` changes (background refresh, multi-tab activity,
- * another mutation) the index encoded in a synthetic id can drift,
- * and we would otherwise splice the wrong server.
+ * The UI server id is the canonical settings map key, so deletion does not
+ * read, match, or reconstruct any other catalog entries.
  */
 export declare function useDeleteMcpServer(): import("@tanstack/react-query").UseMutationResult<void, import("axios").AxiosError<unknown, any>, MCPServerConfig, unknown>;