@openhands/agent-canvas 1.13.0 → 1.15.0

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

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

package/dist/fixtures/home-automations-demo.cjs

@@ -0,0 +1,2 @@
+require("../_virtual/_rolldown/runtime.cjs");const e=require("../types/automation.cjs");require("../hooks/query/use-latest-automation-runs.cjs");var t=20,n=[e.AutomationRunStatus.COMPLETED,e.AutomationRunStatus.COMPLETED,e.AutomationRunStatus.FAILED,e.AutomationRunStatus.COMPLETED,e.AutomationRunStatus.CANCELLED,e.AutomationRunStatus.COMPLETED,e.AutomationRunStatus.COMPLETED,e.AutomationRunStatus.FAILED,e.AutomationRunStatus.COMPLETED,e.AutomationRunStatus.SKIPPED,e.AutomationRunStatus.COMPLETED];function r(e){return new Date(Date.now()-e*36e5).toISOString()}function i(e,t,n){return{id:e,name:t,trigger:n,enabled:!0,created_at:r(720),updated_at:r(24),prompt:`demo`}}function a(e,t,n={}){let i=n.startedHoursAgo??2,a=n.completedHoursAgo===void 0?1:n.completedHoursAgo;return{id:e,status:t,conversation_id:n.conversationId===void 0?null:n.conversationId,bash_command_id:null,error_detail:n.errorDetail===void 0?null:n.errorDetail,started_at:r(i),completed_at:a===null?null:r(a)}}function o(t){if(!t)return[];let r=[2,8,45,3,15,1,25,90,5,12,6];return[t,...n.slice(0,11).map((n,i)=>{let o=24+i*6,s=(r[i]??5)/60;return a(`${t.id}-hist-${i}`,n,{startedHoursAgo:o,completedHoursAgo:o-s,conversationId:null,errorDetail:n===e.AutomationRunStatus.FAILED?`Prior failure`:null})})]}function s(e){return{...e,recentRuns:e.recentRuns??o(e.latestRun)}}var c=[{pin:!0,automation:i(`demo-pin-loading`,`Card: loading skeleton`,{type:`cron`,schedule:`0 * * * *`,schedule_human:`Every hour`}),runState:{latestRun:null,isLoading:!0,isError:!1}},{pin:!0,automation:i(`demo-pin-error`,`Card: status unavailable`,{type:`cron`,schedule:`0 9 * * *`,schedule_human:`Daily at 9am`}),runState:{latestRun:null,isLoading:!1,isError:!0}},{pin:!0,automation:i(`demo-pin-no-runs`,`Card: no runs yet`,{type:`event`,source:`github`,on:`pull_request.opened`}),runState:{latestRun:null,isLoading:!1,isError:!1}},{pin:!0,automation:i(`demo-pin-failed-detail`,`Card: failed with error detail`,{type:`cron`,schedule:`*/15 * * * *`,schedule_human:`Every 15 min`}),runState:{latestRun:a(`run-failed-detail`,e.AutomationRunStatus.FAILED,{errorDetail:`Sandbox provisioning timed out after 120s while waiting for the runtime to become ready.`,startedHoursAgo:3,completedHoursAgo:2.5}),isLoading:!1,isError:!1}},{pin:!0,automation:i(`demo-pin-completed-title`,`Card: completed + conversation title`,{type:`event`,source:`github`,on:`push`}),runState:{latestRun:a(`run-completed-title`,e.AutomationRunStatus.COMPLETED,{conversationId:`demo-conv-titled`,startedHoursAgo:5,completedHoursAgo:4}),isLoading:!1,isError:!1}},{pin:!0,automation:i(`demo-pin-completed-untitled`,`Card: completed + conversation title`,{type:`cron`,schedule:`0 0 * * 1`,schedule_human:`Mondays at midnight`}),runState:{latestRun:a(`run-completed-untitled`,e.AutomationRunStatus.COMPLETED,{conversationId:`demo-conv-untitled`,startedHoursAgo:8,completedHoursAgo:7}),isLoading:!1,isError:!1}},{pin:!0,automation:i(`demo-pin-completed-no-conv`,`Card: completed, no conversation`,{type:`cron`,schedule:`0 12 * * *`,schedule_human:`Daily at noon`}),runState:{latestRun:a(`run-completed-no-conv`,e.AutomationRunStatus.COMPLETED,{conversationId:null,startedHoursAgo:10,completedHoursAgo:9}),isLoading:!1,isError:!1}},{pin:!0,automation:i(`demo-pin-failed-no-conv`,`Card: failed, no conversation`,{type:`event`,source:`slack`,on:`message`}),runState:{latestRun:a(`run-failed-no-conv`,e.AutomationRunStatus.FAILED,{conversationId:null,errorDetail:null,startedHoursAgo:12,completedHoursAgo:11}),isLoading:!1,isError:!1}},{pin:!0,automation:i(`demo-pin-pending`,`Card: pending (empty result panel)`,{type:`cron`,schedule:`0 */6 * * *`,schedule_human:`Every 6 hours`}),runState:{latestRun:a(`run-pending`,e.AutomationRunStatus.PENDING,{conversationId:null,startedHoursAgo:.1,completedHoursAgo:null}),isLoading:!1,isError:!1}},{pin:!0,automation:i(`demo-pin-running`,`Card: running (empty result panel)`,{type:`event`,source:`github`,on:`issues.opened`}),runState:{latestRun:a(`run-running`,e.AutomationRunStatus.RUNNING,{conversationId:null,startedHoursAgo:.25,completedHoursAgo:null}),isLoading:!1,isError:!1}},{automation:i(`demo-list-cancelled`,`List: cancelled run`,{type:`cron`,schedule:`30 2 * * *`,schedule_human:`Daily at 2:30am`}),runState:{latestRun:a(`run-cancelled`,e.AutomationRunStatus.CANCELLED,{startedHoursAgo:14,completedHoursAgo:13}),isLoading:!1,isError:!1}},{automation:i(`demo-list-skipped`,`List: skipped run`,{type:`event`,source:`github`,on:`pull_request.synchronize`}),runState:{latestRun:a(`run-skipped`,e.AutomationRunStatus.SKIPPED,{startedHoursAgo:16,completedHoursAgo:16}),isLoading:!1,isError:!1}},{automation:i(`demo-list-running-2`,`List: second in-flight run`,{type:`cron`,schedule:`*/5 * * * *`,schedule_human:`Every 5 min`}),runState:{latestRun:a(`run-running-2`,e.AutomationRunStatus.RUNNING,{conversationId:null,startedHoursAgo:.5,completedHoursAgo:null}),isLoading:!1,isError:!1}},{automation:i(`demo-list-success-old`,`List: older success`,{type:`cron`,schedule:`0 8 * * 1-5`,schedule_human:`Weekdays at 8am`}),runState:{latestRun:a(`run-success-old`,e.AutomationRunStatus.COMPLETED,{conversationId:`demo-conv-titled`,startedHoursAgo:48,completedHoursAgo:47}),isLoading:!1,isError:!1}},{automation:i(`demo-list-failed-old`,`List: older failure`,{type:`event`,source:`github`,on:`release.published`}),runState:{latestRun:a(`run-failed-old`,e.AutomationRunStatus.FAILED,{errorDetail:`Model returned an empty completion.`,startedHoursAgo:72,completedHoursAgo:71}),isLoading:!1,isError:!1}},{automation:i(`demo-list-no-runs-2`,`List: never ran`,{type:`cron`,schedule:`0 0 1 * *`,schedule_human:`Monthly on the 1st`}),runState:{latestRun:null,isLoading:!1,isError:!1}},{automation:i(`demo-list-loading-2`,`List: loading status`,{type:`event`,source:`linear`,on:`Issue.create`}),runState:{latestRun:null,isLoading:!0,isError:!1}},{automation:i(`demo-list-error-2`,`List: fetch error`,{type:`cron`,schedule:`15 * * * *`,schedule_human:`Hourly at :15`}),runState:{latestRun:null,isLoading:!1,isError:!0}},{automation:i(`demo-list-pending-2`,`List: pending, long name that should truncate in the activity row when the viewport is narrow`,{type:`cron`,schedule:`0 3 * * 0`,schedule_human:`Sundays at 3am`}),runState:{latestRun:a(`run-pending-2`,e.AutomationRunStatus.PENDING,{startedHoursAgo:.05,completedHoursAgo:null}),isLoading:!1,isError:!1}},{automation:i(`demo-list-completed-fallback`,`List: completed with conversation`,{type:`event`,source:`github`,on:`workflow_run.completed`}),runState:{latestRun:a(`run-completed-fallback`,e.AutomationRunStatus.COMPLETED,{conversationId:`demo-conv-untitled`,startedHoursAgo:20,completedHoursAgo:19}),isLoading:!1,isError:!1}}];if(c.length!==t)throw Error(`home-automations-demo: expected ${t} specs, got ${c.length}`);c.filter(e=>e.pin).map(e=>e.automation.id),c.map(e=>e.automation),new Map(c.map(e=>[e.automation.id,s(e.runState)]));
+//# sourceMappingURL=home-automations-demo.cjs.map

package/dist/fixtures/home-automations-demo.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"home-automations-demo.cjs","names":[],"sources":["../../src/fixtures/home-automations-demo.ts"],"sourcesContent":["import {\n  AUTOMATION_RUN_ACTIVITY_LIMIT,\n  type LatestAutomationRunState,\n} from \"#/hooks/query/use-latest-automation-runs\";\nimport {\n  AutomationRunStatus,\n  type Automation,\n  type AutomationRun,\n} from \"#/types/automation\";\n\n/** Must stay equal to `MAX_HOME_AUTOMATION_CHIPS` in use-home-automations. */\nconst DEMO_LIST_LENGTH = 20;\n\nconst DEMO_HISTORY_PATTERN: AutomationRunStatus[] = [\n  AutomationRunStatus.COMPLETED,\n  AutomationRunStatus.COMPLETED,\n  AutomationRunStatus.FAILED,\n  AutomationRunStatus.COMPLETED,\n  AutomationRunStatus.CANCELLED,\n  AutomationRunStatus.COMPLETED,\n  AutomationRunStatus.COMPLETED,\n  AutomationRunStatus.FAILED,\n  AutomationRunStatus.COMPLETED,\n  AutomationRunStatus.SKIPPED,\n  AutomationRunStatus.COMPLETED,\n];\n\n/**\n * Local preview of every pinned-card + activity-list state.\n *\n * Enable with either:\n * - `HOME_AUTOMATIONS_FORCE_DEMO = true` below\n * - `VITE_HOME_AUTOMATIONS_DEMO=true`\n */\nexport const HOME_AUTOMATIONS_FORCE_DEMO = false;\n\nexport const HOME_AUTOMATIONS_DEMO_KEY = \"oh:home-automations-demo\";\n\nexport function isHomeAutomationsDemoEnabled(): boolean {\n  if (HOME_AUTOMATIONS_FORCE_DEMO) return true;\n  return import.meta.env.VITE_HOME_AUTOMATIONS_DEMO === \"true\";\n}\n\nconst DEMO_CONVERSATION_TITLES: Record<string, string | null> = {\n  \"demo-conv-titled\": \"Fix flaky CI on main\",\n  \"demo-conv-untitled\": \"Summarize open pull requests\",\n};\n\n/** Returns a demo conversation title, or `undefined` if not a demo id. */\nexport function getDemoConversationTitle(\n  conversationId: string,\n): string | null | undefined {\n  if (!(conversationId in DEMO_CONVERSATION_TITLES)) return undefined;\n  return DEMO_CONVERSATION_TITLES[conversationId];\n}\n\nfunction hoursAgo(hours: number): string {\n  return new Date(Date.now() - hours * 3_600_000).toISOString();\n}\n\nfunction makeAutomation(\n  id: string,\n  name: string,\n  trigger: Automation[\"trigger\"],\n): Automation {\n  return {\n    id,\n    name,\n    trigger,\n    enabled: true,\n    created_at: hoursAgo(720),\n    updated_at: hoursAgo(24),\n    prompt: \"demo\",\n  };\n}\n\nfunction makeRun(\n  id: string,\n  status: AutomationRunStatus,\n  options: {\n    conversationId?: string | null;\n    errorDetail?: string | null;\n    startedHoursAgo?: number;\n    completedHoursAgo?: number | null;\n  } = {},\n): AutomationRun {\n  const startedHoursAgo = options.startedHoursAgo ?? 2;\n  const completedHoursAgo =\n    options.completedHoursAgo === undefined ? 1 : options.completedHoursAgo;\n  return {\n    id,\n    status,\n    conversation_id:\n      options.conversationId === undefined ? null : options.conversationId,\n    bash_command_id: null,\n    error_detail:\n      options.errorDetail === undefined ? null : options.errorDetail,\n    started_at: hoursAgo(startedHoursAgo),\n    completed_at:\n      completedHoursAgo === null ? null : hoursAgo(completedHoursAgo),\n  };\n}\n\ntype DemoRunStateInput = Omit<LatestAutomationRunState, \"recentRuns\"> & {\n  recentRuns?: AutomationRun[];\n};\n\ntype DemoSpec = {\n  automation: Automation;\n  runState: DemoRunStateInput;\n  /** When true, this automation is pinned in the dashboard. */\n  pin?: boolean;\n};\n\nfunction buildDemoRecentRuns(latestRun: AutomationRun | null): AutomationRun[] {\n  if (!latestRun) return [];\n  // Varied durations (minutes) so sparkline bar heights differ in demo mode.\n  const durationMinutes = [2, 8, 45, 3, 15, 1, 25, 90, 5, 12, 6];\n  const older = DEMO_HISTORY_PATTERN.slice(\n    0,\n    AUTOMATION_RUN_ACTIVITY_LIMIT - 1,\n  ).map((status, index) => {\n    const startedHoursAgo = 24 + index * 6;\n    const durationHours = (durationMinutes[index] ?? 5) / 60;\n    return makeRun(`${latestRun.id}-hist-${index}`, status, {\n      startedHoursAgo,\n      completedHoursAgo: startedHoursAgo - durationHours,\n      conversationId: null,\n      errorDetail:\n        status === AutomationRunStatus.FAILED ? \"Prior failure\" : null,\n    });\n  });\n  return [latestRun, ...older];\n}\n\nfunction toDemoRunState(state: DemoRunStateInput): LatestAutomationRunState {\n  return {\n    ...state,\n    recentRuns: state.recentRuns ?? buildDemoRecentRuns(state.latestRun),\n  };\n}\n\n/**\n * Explicit card states first (pinned), then fillers to hit\n * DEMO_LIST_LENGTH for list-length stress.\n */\nconst DEMO_SPECS: DemoSpec[] = [\n  {\n    pin: true,\n    automation: makeAutomation(\"demo-pin-loading\", \"Card: loading skeleton\", {\n      type: \"cron\",\n      schedule: \"0 * * * *\",\n      schedule_human: \"Every hour\",\n    }),\n    runState: { latestRun: null, isLoading: true, isError: false },\n  },\n  {\n    pin: true,\n    automation: makeAutomation(\"demo-pin-error\", \"Card: status unavailable\", {\n      type: \"cron\",\n      schedule: \"0 9 * * *\",\n      schedule_human: \"Daily at 9am\",\n    }),\n    runState: { latestRun: null, isLoading: false, isError: true },\n  },\n  {\n    pin: true,\n    automation: makeAutomation(\"demo-pin-no-runs\", \"Card: no runs yet\", {\n      type: \"event\",\n      source: \"github\",\n      on: \"pull_request.opened\",\n    }),\n    runState: { latestRun: null, isLoading: false, isError: false },\n  },\n  {\n    pin: true,\n    automation: makeAutomation(\n      \"demo-pin-failed-detail\",\n      \"Card: failed with error detail\",\n      {\n        type: \"cron\",\n        schedule: \"*/15 * * * *\",\n        schedule_human: \"Every 15 min\",\n      },\n    ),\n    runState: {\n      latestRun: makeRun(\"run-failed-detail\", AutomationRunStatus.FAILED, {\n        errorDetail:\n          \"Sandbox provisioning timed out after 120s while waiting for the runtime to become ready.\",\n        startedHoursAgo: 3,\n        completedHoursAgo: 2.5,\n      }),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    pin: true,\n    automation: makeAutomation(\n      \"demo-pin-completed-title\",\n      \"Card: completed + conversation title\",\n      { type: \"event\", source: \"github\", on: \"push\" },\n    ),\n    runState: {\n      latestRun: makeRun(\"run-completed-title\", AutomationRunStatus.COMPLETED, {\n        conversationId: \"demo-conv-titled\",\n        startedHoursAgo: 5,\n        completedHoursAgo: 4,\n      }),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    pin: true,\n    automation: makeAutomation(\n      \"demo-pin-completed-untitled\",\n      \"Card: completed + conversation title\",\n      {\n        type: \"cron\",\n        schedule: \"0 0 * * 1\",\n        schedule_human: \"Mondays at midnight\",\n      },\n    ),\n    runState: {\n      latestRun: makeRun(\n        \"run-completed-untitled\",\n        AutomationRunStatus.COMPLETED,\n        {\n          conversationId: \"demo-conv-untitled\",\n          startedHoursAgo: 8,\n          completedHoursAgo: 7,\n        },\n      ),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    pin: true,\n    automation: makeAutomation(\n      \"demo-pin-completed-no-conv\",\n      \"Card: completed, no conversation\",\n      { type: \"cron\", schedule: \"0 12 * * *\", schedule_human: \"Daily at noon\" },\n    ),\n    runState: {\n      latestRun: makeRun(\n        \"run-completed-no-conv\",\n        AutomationRunStatus.COMPLETED,\n        {\n          conversationId: null,\n          startedHoursAgo: 10,\n          completedHoursAgo: 9,\n        },\n      ),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    pin: true,\n    automation: makeAutomation(\n      \"demo-pin-failed-no-conv\",\n      \"Card: failed, no conversation\",\n      { type: \"event\", source: \"slack\", on: \"message\" },\n    ),\n    runState: {\n      latestRun: makeRun(\"run-failed-no-conv\", AutomationRunStatus.FAILED, {\n        conversationId: null,\n        errorDetail: null,\n        startedHoursAgo: 12,\n        completedHoursAgo: 11,\n      }),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    pin: true,\n    automation: makeAutomation(\n      \"demo-pin-pending\",\n      \"Card: pending (empty result panel)\",\n      {\n        type: \"cron\",\n        schedule: \"0 */6 * * *\",\n        schedule_human: \"Every 6 hours\",\n      },\n    ),\n    runState: {\n      latestRun: makeRun(\"run-pending\", AutomationRunStatus.PENDING, {\n        conversationId: null,\n        startedHoursAgo: 0.1,\n        completedHoursAgo: null,\n      }),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    pin: true,\n    automation: makeAutomation(\n      \"demo-pin-running\",\n      \"Card: running (empty result panel)\",\n      { type: \"event\", source: \"github\", on: \"issues.opened\" },\n    ),\n    runState: {\n      latestRun: makeRun(\"run-running\", AutomationRunStatus.RUNNING, {\n        // No conversation yet — status strip shows the \"Running\" label.\n        conversationId: null,\n        startedHoursAgo: 0.25,\n        completedHoursAgo: null,\n      }),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  // Remaining rows fill the list to MAX_HOME_AUTOMATION_CHIPS.\n  {\n    automation: makeAutomation(\"demo-list-cancelled\", \"List: cancelled run\", {\n      type: \"cron\",\n      schedule: \"30 2 * * *\",\n      schedule_human: \"Daily at 2:30am\",\n    }),\n    runState: {\n      latestRun: makeRun(\"run-cancelled\", AutomationRunStatus.CANCELLED, {\n        startedHoursAgo: 14,\n        completedHoursAgo: 13,\n      }),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    automation: makeAutomation(\"demo-list-skipped\", \"List: skipped run\", {\n      type: \"event\",\n      source: \"github\",\n      on: \"pull_request.synchronize\",\n    }),\n    runState: {\n      latestRun: makeRun(\"run-skipped\", AutomationRunStatus.SKIPPED, {\n        startedHoursAgo: 16,\n        completedHoursAgo: 16,\n      }),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    automation: makeAutomation(\n      \"demo-list-running-2\",\n      \"List: second in-flight run\",\n      { type: \"cron\", schedule: \"*/5 * * * *\", schedule_human: \"Every 5 min\" },\n    ),\n    runState: {\n      latestRun: makeRun(\"run-running-2\", AutomationRunStatus.RUNNING, {\n        conversationId: null,\n        startedHoursAgo: 0.5,\n        completedHoursAgo: null,\n      }),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    automation: makeAutomation(\"demo-list-success-old\", \"List: older success\", {\n      type: \"cron\",\n      schedule: \"0 8 * * 1-5\",\n      schedule_human: \"Weekdays at 8am\",\n    }),\n    runState: {\n      latestRun: makeRun(\"run-success-old\", AutomationRunStatus.COMPLETED, {\n        conversationId: \"demo-conv-titled\",\n        startedHoursAgo: 48,\n        completedHoursAgo: 47,\n      }),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    automation: makeAutomation(\"demo-list-failed-old\", \"List: older failure\", {\n      type: \"event\",\n      source: \"github\",\n      on: \"release.published\",\n    }),\n    runState: {\n      latestRun: makeRun(\"run-failed-old\", AutomationRunStatus.FAILED, {\n        errorDetail: \"Model returned an empty completion.\",\n        startedHoursAgo: 72,\n        completedHoursAgo: 71,\n      }),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    automation: makeAutomation(\"demo-list-no-runs-2\", \"List: never ran\", {\n      type: \"cron\",\n      schedule: \"0 0 1 * *\",\n      schedule_human: \"Monthly on the 1st\",\n    }),\n    runState: { latestRun: null, isLoading: false, isError: false },\n  },\n  {\n    automation: makeAutomation(\"demo-list-loading-2\", \"List: loading status\", {\n      type: \"event\",\n      source: \"linear\",\n      on: \"Issue.create\",\n    }),\n    runState: { latestRun: null, isLoading: true, isError: false },\n  },\n  {\n    automation: makeAutomation(\"demo-list-error-2\", \"List: fetch error\", {\n      type: \"cron\",\n      schedule: \"15 * * * *\",\n      schedule_human: \"Hourly at :15\",\n    }),\n    runState: { latestRun: null, isLoading: false, isError: true },\n  },\n  {\n    automation: makeAutomation(\n      \"demo-list-pending-2\",\n      \"List: pending, long name that should truncate in the activity row when the viewport is narrow\",\n      { type: \"cron\", schedule: \"0 3 * * 0\", schedule_human: \"Sundays at 3am\" },\n    ),\n    runState: {\n      latestRun: makeRun(\"run-pending-2\", AutomationRunStatus.PENDING, {\n        startedHoursAgo: 0.05,\n        completedHoursAgo: null,\n      }),\n      isLoading: false,\n      isError: false,\n    },\n  },\n  {\n    automation: makeAutomation(\n      \"demo-list-completed-fallback\",\n      \"List: completed with conversation\",\n      { type: \"event\", source: \"github\", on: \"workflow_run.completed\" },\n    ),\n    runState: {\n      latestRun: makeRun(\n        \"run-completed-fallback\",\n        AutomationRunStatus.COMPLETED,\n        {\n          conversationId: \"demo-conv-untitled\",\n          startedHoursAgo: 20,\n          completedHoursAgo: 19,\n        },\n      ),\n      isLoading: false,\n      isError: false,\n    },\n  },\n];\n\nif (DEMO_SPECS.length !== DEMO_LIST_LENGTH) {\n  throw new Error(\n    `home-automations-demo: expected ${DEMO_LIST_LENGTH} specs, got ${DEMO_SPECS.length}`,\n  );\n}\n\nexport const HOME_AUTOMATIONS_DEMO_PINNED_IDS: string[] = DEMO_SPECS.filter(\n  (spec) => spec.pin,\n).map((spec) => spec.automation.id);\n\nexport const HOME_AUTOMATIONS_DEMO_AUTOMATIONS: Automation[] = DEMO_SPECS.map(\n  (spec) => spec.automation,\n);\n\nexport const HOME_AUTOMATIONS_DEMO_RUN_STATES: Map<\n  string,\n  LatestAutomationRunState\n> = new Map(\n  DEMO_SPECS.map(\n    (spec) => [spec.automation.id, toDemoRunState(spec.runState)] as const,\n  ),\n);\n"],"mappings":"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"}

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

@@ -3,10 +3,8 @@ import { type Automation } from "#/types/automation";
 /**
  * Local preview of every pinned-card + activity-list state.
  *
- * Enable with any of:
+ * Enable with either:
  * - `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;