npm - @openhands/agent-canvas - Versions diffs - 1.0.0-rc.7 → 1.0.0-rc.9 - Mend

@openhands/agent-canvas 1.0.0-rc.7 → 1.0.0-rc.9

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

Files changed (269) hide show

package/dist/components/features/chat/chat-interface.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chat-interface.cjs","names":[],"sources":["../../../../src/components/features/chat/chat-interface.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport { useTranslation } from \"react-i18next\";\nimport { convertImageToBase64 } from \"#/utils/convert-image-to-base-64\";\nimport { createChatMessage } from \"#/services/chat-service\";\nimport { BtwMessages } from \"./btw-messages\";\nimport { ModelMessages } from \"./model-messages\";\nimport { useModelStore } from \"#/stores/model-store\";\nimport { InteractiveChatBox } from \"./interactive-chat-box\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { useFilteredEvents } from \"#/hooks/use-filtered-events\";\nimport { useScrollToBottom } from \"#/hooks/use-scroll-to-bottom\";\nimport { useLoadOlderEvents } from \"#/hooks/use-load-older-events\";\nimport { TypingIndicator } from \"./typing-indicator\";\nimport { ChatSuggestions } from \"./chat-suggestions\";\nimport { ScrollProvider } from \"#/context/scroll-context\";\nimport { useInitialQueryStore } from \"#/stores/initial-query-store\";\nimport { useSendMessage } from \"#/hooks/use-send-message\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\nimport { useHandleBuildPlanClick } from \"#/hooks/use-handle-build-plan-click\";\n\nimport { ScrollToBottomButton } from \"#/components/shared/buttons/scroll-to-bottom-button\";\nimport { LoadingSpinner } from \"#/components/shared/loading-spinner\";\nimport { ChatMessagesSkeleton } from \"./chat-messages-skeleton\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { useErrorMessageStore } from \"#/stores/error-message-store\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { SERVER_CONNECTION_ERROR_MESSAGE } from \"#/constants/server-connection-error\";\nimport { ErrorMessageBanner } from \"./error-message-banner\";\nimport { LlmNotConfiguredBanner } from \"#/components/features/home/llm-not-configured-banner\";\nimport { useLlmConfigured } from \"#/hooks/use-llm-configured\";\nimport { Messages } from \"#/components/conversation-events/chat/messages\";\nimport { PendingUserMessages } from \"./pending-user-messages\";\nimport { useUnifiedUploadFiles } from \"#/hooks/mutation/use-unified-upload-files\";\nimport { validateFiles } from \"#/utils/file-validation\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport ConfirmationModeEnabled from \"./confirmation-mode-enabled\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\nimport { matchesPendingConversationId } from \"#/utils/pending-task-message-link\";\nimport { useConversationWebSocket } from \"#/contexts/conversation-websocket-context\";\nimport ChatStatusIndicator from \"./chat-status-indicator\";\nimport { getStatusColor, getStatusText } from \"#/utils/utils\";\nimport { useNewConversationCommand } from \"#/hooks/mutation/use-new-conversation-command\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\nfunction getEntryPoint(\n hasRepository: boolean \| null,\n hasReplayJson: boolean \| null,\n): string {\n if (hasRepository) return \"github\";\n if (hasReplayJson) return \"replay\";\n return \"direct\";\n}\n\nexport function ChatInterface() {\n const { trackInitialQuerySubmitted, trackUserMessageSent } = useTracking();\n const { setMessageToSend } = useConversationStore();\n const { errorMessage, removeErrorMessage, setErrorMessage } =\n useErrorMessageStore();\n const { isTask, taskStatus, taskDetail } = useTaskPolling();\n // Hide empty-state chrome for the entire `/conversations/task-{uuid}` route,\n // including the brief READY window before redirect completes.\n const isProvisioningTask = isTask;\n const conversationWebSocket = useConversationWebSocket();\n const { send } = useSendMessage();\n const {\n renderableEvents,\n allConversationEvents,\n totalEvents,\n hasSubstantiveAgentActions,\n userEventsExist,\n } = useFilteredEvents();\n const enqueuePendingMessage = useOptimisticUserMessageStore(\n (state) => state.enqueuePendingMessage,\n );\n const markPendingMessageError = useOptimisticUserMessageStore(\n (state) => state.markPendingMessageError,\n );\n const pendingMessages = useOptimisticUserMessageStore(\n (state) => state.pendingMessages,\n );\n const { t } = useTranslation(\"openhands\");\n const scrollRef = React.useRef<HTMLDivElement>(null);\n const {\n scrollDomToBottom,\n onChatBodyScroll,\n hitBottom,\n autoScroll,\n setAutoScroll,\n setHitBottom,\n } = useScrollToBottom(scrollRef);\n const {\n mutate: newConversationCommand,\n isPending: isNewConversationPending,\n } = useNewConversationCommand();\n\n const { curAgentState } = useAgentState();\n const { handleBuildPlanClick } = useHandleBuildPlanClick();\n\n // Cloud conversations whose sandbox is MISSING or ERROR are read-only:\n // the sandbox is gone and cannot be resumed, so we hide the chat input\n // and show an explanatory banner. For local backends sandbox_status is\n // always null, so this is effectively a no-op for non-cloud use.\n const { data: activeConversation } = useActiveConversation();\n const sandboxStatus = activeConversation?.sandbox_status ?? null;\n const isArchivedConversation = useIsArchivedConversation();\n\n // Block sending in a resumed conversation that has no usable LLM, and show\n // the same setup banner as the home screen so the dead end is explained.\n const { isConfigured: isLlmConfigured, isLoading: isLlmConfigLoading } =\n useLlmConfigured();\n const llmBlocked = !isLlmConfigLoading && !isLlmConfigured;\n\n // Disable Build button while agent is running (streaming)\n const isAgentRunning =\n curAgentState === AgentState.RUNNING \|\|\n curAgentState === AgentState.LOADING;\n\n // Global keyboard shortcut for Build button (Cmd+Enter / Ctrl+Enter)\n // This is placed here instead of PlanPreview to avoid duplicate listeners\n // when multiple PlanPreview components exist in the chat\n React.useEffect(() => {\n if (isAgentRunning) {\n return undefined;\n }\n\n const handleKeyDown = (event: KeyboardEvent) => {\n // Check for Cmd+Enter (Mac) or Ctrl+Enter (Windows/Linux)\n if ((event.metaKey \|\| event.ctrlKey) && event.key === \"Enter\") {\n event.preventDefault();\n event.stopPropagation();\n handleBuildPlanClick(event);\n scrollDomToBottom();\n }\n };\n\n document.addEventListener(\"keydown\", handleKeyDown);\n\n return () => {\n document.removeEventListener(\"keydown\", handleKeyDown);\n };\n }, [isAgentRunning, handleBuildPlanClick, scrollDomToBottom]);\n\n const { selectedRepository, replayJson } = useInitialQueryStore();\n const { conversationId } = useOptionalConversationId();\n const { mutateAsync: uploadFiles } = useUnifiedUploadFiles();\n\n // Lazy \"scroll up to load older events\" backfill. Initial REST fetch only\n // returns the most recent page; this hook paginates older events into the\n // store on demand so the chat doesn't load (potentially) thousands of\n // events on first render.\n const {\n isLoading: isLoadingOlderEvents,\n hasMore: hasMoreOlderEvents,\n loadOlder,\n } = useLoadOlderEvents(conversationId);\n\n // Trigger `loadOlder` and preserve the visual scroll position once the\n // older page is merged in (otherwise prepending events would jump the\n // chat far down). We fire from three places to cover the cases the\n // browser's scroll event misses:\n //\n // - `onScroll`: normal \"user scrolled near the top\" path.\n // - `onWheel`: user is already pinned at scrollTop=0 and tries to\n // wheel further up — no scroll event fires past 0.\n // - effect: content is shorter than the viewport (no scrollbar\n // at all), so the user has nothing to scroll. Re-runs\n // as more pages arrive until there's overflow or the\n // server runs out of older events.\n const SCROLL_TOP_THRESHOLD_PX = 80;\n const preserveScrollPosition = React.useRef<{\n scrollHeight: number;\n scrollTop: number;\n } \| null>(null);\n const maybeLoadOlder = React.useCallback(\n (target: HTMLElement) => {\n if (isProvisioningTask \|\| isLoadingOlderEvents \|\| !hasMoreOlderEvents) {\n return;\n }\n\n const atTop = target.scrollTop <= SCROLL_TOP_THRESHOLD_PX;\n const noOverflow =\n target.scrollHeight <= target.clientHeight + SCROLL_TOP_THRESHOLD_PX;\n if (!atTop && !noOverflow) return;\n\n preserveScrollPosition.current = {\n scrollHeight: target.scrollHeight,\n scrollTop: target.scrollTop,\n };\n loadOlder().catch((error) => {\n preserveScrollPosition.current = null;\n const message =\n error instanceof Error && error.message\n ? error.message\n : t(I18nKey.ERROR$GENERIC);\n setErrorMessage(message);\n });\n },\n [\n hasMoreOlderEvents,\n isLoadingOlderEvents,\n isProvisioningTask,\n loadOlder,\n setErrorMessage,\n t,\n ],\n );\n\n const handleWheelForPagination = React.useCallback(\n (e: React.WheelEvent<HTMLDivElement>) => {\n // Browsers don't dispatch a scroll event when scrollTop is already\n // 0 and the user wheels upward, so onScroll alone misses this case.\n if (e.deltaY < 0 && e.currentTarget.scrollTop <= 0) {\n maybeLoadOlder(e.currentTarget);\n }\n },\n [maybeLoadOlder],\n );\n\n const hasPendingUserMessages = React.useMemo(\n () =>\n conversationId\n ? pendingMessages.some((message) =>\n matchesPendingConversationId(\n conversationId,\n message.conversationId,\n ),\n )\n : false,\n [pendingMessages, conversationId],\n );\n\n // Show V1 messages immediately if events exist in store (e.g., remount),\n // if the user already has a locally-tracked pending bubble (home-page cloud\n // submit while history/WS catch up), or once loading completes. This\n // replaces the old transition-observation pattern (useState + useEffect\n // watching loading→loaded) which always showed skeleton on remount because\n // local state initialized to false.\n const showConversationMessages =\n allConversationEvents.length > 0 \|\|\n hasPendingUserMessages \|\|\n !conversationWebSocket?.isLoadingHistory;\n\n const isReturningToConversation = !!conversationId;\n // Only show loading skeleton when genuinely loading AND no events in store yet.\n // If events exist (e.g., remount after data was already fetched), skip skeleton.\n const isHistoryLoading = !showConversationMessages;\n const isChatLoading = isHistoryLoading && !isTask;\n\n // The empty-state ChatSuggestions overlay is absolutely positioned with\n // `pointer-events-auto`, so it would block clicks on any /model entry\n // rendered behind it. Once the user has run /model, the conversation is\n // no longer logically empty — hide suggestions so the profile list is\n // interactive.\n const hasModelEntries = useModelStore((s) =>\n conversationId\n ? (s.entriesByConversation[conversationId]?.length ?? 0) > 0\n : false,\n );\n\n const handleSendMessage = async (\n content: string,\n originalImages: File[],\n originalFiles: File[],\n ) => {\n // Handle /new command for V1 conversations\n if (content.trim() === \"/new\") {\n if (!conversationId) {\n displayErrorToast(t(I18nKey.CONVERSATION$CLEAR_NO_ID));\n return;\n }\n if (totalEvents === 0) {\n displayErrorToast(t(I18nKey.CONVERSATION$CLEAR_EMPTY));\n return;\n }\n if (isNewConversationPending) {\n return;\n }\n newConversationCommand();\n return;\n }\n\n // Create mutable copies of the arrays\n const images = [...originalImages];\n const files = [...originalFiles];\n if (totalEvents === 0) {\n trackInitialQuerySubmitted({\n entryPoint: getEntryPoint(\n selectedRepository !== null,\n replayJson !== null,\n ),\n queryCharacterLength: content.length,\n replayJsonSize: replayJson?.length,\n });\n } else {\n trackUserMessageSent({\n sessionMessageCount: totalEvents,\n currentMessageLength: content.length,\n });\n }\n\n // Validate file sizes before any processing\n const allFiles = [...images, ...files];\n const validation = validateFiles(allFiles);\n\n if (!validation.isValid) {\n displayErrorToast(`Error: ${validation.errorMessage}`);\n return; // Stop processing if validation fails\n }\n\n const promises = images.map((image) => convertImageToBase64(image));\n const imageUrls = await Promise.all(promises);\n\n const timestamp = new Date().toISOString();\n\n const { skipped_files: skippedFiles, uploaded_files: uploadedFiles } =\n files.length > 0\n ? await uploadFiles({ conversationId: conversationId!, files })\n : { skipped_files: [], uploaded_files: [] };\n\n skippedFiles.forEach((f) => displayErrorToast(f.reason));\n\n const filePrompt = `${t(I18nKey.CHAT_INTERFACE$AUGMENTED_PROMPT_FILES_TITLE)}: ${uploadedFiles.join(\"\\n\\n\")}`;\n const prompt =\n uploadedFiles.length > 0 ? `${content}\\n\\n${filePrompt}` : content;\n\n // Enqueue the message into the local pending queue with status \"sending\"\n // so the user immediately sees it in the chat with a faded treatment. The\n // entry is removed when the WebSocket echoes back the corresponding\n // `UserMessageEvent`. If the API call to send the message fails, the entry\n // is flipped to \"error\" with a retry link.\n const pendingId = enqueuePendingMessage({\n conversationId: conversationId!,\n // `text` is what the user sees in the bubble; `content` is what we\n // actually hand to the server (the prompt may include an appended\n // \"Files uploaded: …\" block) and is what the echo will be matched\n // against. They're different when there are file attachments.\n text: content,\n content: prompt,\n imageUrls,\n fileUrls: uploadedFiles,\n timestamp,\n });\n // Submitting a new prompt should always pull the chat back to the\n // latest message even if the user had scrolled up. This also re-arms\n // autoScroll so the streamed agent reply auto-follows.\n scrollDomToBottom();\n setMessageToSend(\"\");\n\n try {\n await send(\n createChatMessage(prompt, imageUrls, uploadedFiles, timestamp),\n );\n } catch (sendError) {\n const sendErrorMessage =\n sendError instanceof Error\n ? sendError.message\n : \"Failed to send message\";\n markPendingMessageError(pendingId, sendErrorMessage);\n }\n };\n\n // Auto-scroll to bottom when new messages arrive — but only if the user is\n // already pinned to the bottom. Scrolling up to load older events also\n // grows `renderableEvents`, and we don't want to yank the user back to the\n // bottom in that case.\n React.useEffect(() => {\n // If a \"load older\" was just triggered, restore the scroll position so\n // the conversation appears to extend upward instead of jumping.\n if (preserveScrollPosition.current && scrollRef.current) {\n const { scrollHeight: prevHeight, scrollTop: prevTop } =\n preserveScrollPosition.current;\n const dom = scrollRef.current;\n const delta = dom.scrollHeight - prevHeight;\n if (delta > 0) {\n dom.scrollTop = prevTop + delta;\n }\n preserveScrollPosition.current = null;\n return;\n }\n\n if (autoScroll) {\n scrollDomToBottom();\n }\n // Note: We intentionally exclude autoScroll from deps because we only want\n // to scroll when message content changes, not when autoScroll state changes.\n }, [renderableEvents.length, hasPendingUserMessages, scrollDomToBottom]);\n\n // Auto-load older events when the chat content doesn't overflow the\n // scroll area (no scrollbar to drag, no wheel events past 0). We\n // re-run only when the rendered list grows or `hasMore` flips, NOT\n // when `maybeLoadOlder` re-creates: the underlying hook's `loadOlder`\n // ref changes whenever its internal `isLoading` toggles, so depending\n // on `maybeLoadOlder` would re-fire the effect on every failed page\n // and tight-loop until the server recovered. Driving off\n // `renderableEvents.length` instead means a successful page (events\n // grow) chains the next request, while a failed page (events\n // unchanged) waits for the user to retry.\n const maybeLoadOlderRef = React.useRef(maybeLoadOlder);\n React.useEffect(() => {\n maybeLoadOlderRef.current = maybeLoadOlder;\n });\n React.useEffect(() => {\n const target = scrollRef.current;\n if (!target) return;\n maybeLoadOlderRef.current(target);\n }, [renderableEvents.length, hasMoreOlderEvents]);\n\n // Create a ScrollProvider with the scroll hook values\n const scrollProviderValue = {\n scrollRef,\n autoScroll,\n setAutoScroll,\n scrollDomToBottom,\n hitBottom,\n setHitBottom,\n onChatBodyScroll,\n };\n\n // Get server status indicator props\n const isStartingStatus =\n curAgentState === AgentState.LOADING \|\| curAgentState === AgentState.INIT;\n const isStopStatus = curAgentState === AgentState.STOPPED;\n const isPausing = curAgentState === AgentState.PAUSED;\n const serverStatusColor = getStatusColor({\n isPausing,\n isTask,\n taskStatus,\n isStartingStatus,\n isStopStatus,\n curAgentState,\n });\n const serverStatusText = getStatusText({\n isPausing,\n isTask,\n taskStatus,\n taskDetail,\n isStartingStatus,\n isStopStatus,\n curAgentState,\n errorMessage,\n t,\n });\n\n return (\n <ScrollProvider value={scrollProviderValue}>\n <div\n className=\"relative flex h-full flex-col justify-between px-4\"\n data-testid=\"chat-interface\"\n >\n {!hasSubstantiveAgentActions &&\n !hasPendingUserMessages &&\n !userEventsExist &&\n !hasModelEntries &&\n !isChatLoading &&\n !isProvisioningTask &&\n totalEvents === 0 &&\n !isArchivedConversation &&\n // With no usable LLM the suggestions can't be acted on (the input is\n // disabled). They're also a `pointer-events-auto` overlay that would\n // sit over the LlmNotConfiguredBanner below and swallow clicks on its\n // setup button — so hide them and let the banner be the lone CTA.\n !llmBlocked && (\n <ChatSuggestions\n onSuggestionsClick={(message) => setMessageToSend(message)}\n />\n )}\n {/* Note: We only hide chat suggestions when there's a user message /}\n\n <div\n ref={scrollRef}\n data-testid=\"chat-scroll-container\"\n onScroll={(e) => {\n onChatBodyScroll(e.currentTarget);\n maybeLoadOlder(e.currentTarget);\n }}\n onWheel={handleWheelForPagination}\n className=\"custom-scrollbar-always flex min-h-0 grow flex-col gap-2 overflow-x-hidden overflow-y-auto px-0 pt-4 pb-8 md:px-4\"\n >\n {isChatLoading && isReturningToConversation && (\n <ChatMessagesSkeleton />\n )}\n\n {isChatLoading && !isReturningToConversation && (\n <div className=\"flex justify-center\" data-testid=\"loading-spinner\">\n <LoadingSpinner size=\"small\" />\n </div>\n )}\n\n {isLoadingOlderEvents && (\n <div\n className=\"flex items-center justify-center gap-2 py-3 text-sm text-neutral-400\"\n data-testid=\"loading-older-events\"\n >\n <LoadingSpinner size=\"small\" />\n <span>{t(I18nKey.CHAT_INTERFACE$FETCHING_OLDER_MESSAGES)}</span>\n </div>\n )}\n\n {/\n * Render whenever there's anything to display. Previously this\n * was gated on `conversationUserEventsExist`, but with the lazy\n * \"50 most recent\" REST fetch the initial window may not include\n * any `source: \"user\"` events (long agent runs between user\n * turns). That left the chat blank, leaving the user nothing to\n * scroll — which is why \"scroll up to load older\" appeared\n * broken. The empty-state ChatSuggestions block above still\n * keeps its own gate (`!userEventsExist && !hasSubstantiveAgentActions`)\n * so brand-new conversations show suggestions, not an empty chat.\n /}\n {/ /model entries created before any event is rendered are\n anchored to `null` and live above the message list. /}\n <ModelMessages conversationId={conversationId} anchorEventId={null} />\n\n {showConversationMessages && renderableEvents.length > 0 && (\n <Messages\n messages={renderableEvents}\n allEvents={allConversationEvents}\n />\n )}\n\n {/\n Render the local pending-message queue independently so messages\n the user just submitted show up immediately (with a faded \"sending\"\n treatment) even before any real conversation event has come back\n from the server. Entries drain (FIFO) when the matching\n UserMessageEvent echoes back over the WebSocket, so this never\n double-renders alongside the real event list.\n */}\n <PendingUserMessages />\n </div>\n\n <div className=\"flex shrink-0 flex-col gap-[6px] pb-4\">\n <BtwMessages conversationId={conversationId} />\n {errorMessage && (\n <ErrorMessageBanner\n message={errorMessage}\n onDismiss={removeErrorMessage}\n onRetry={\n errorMessage === SERVER_CONNECTION_ERROR_MESSAGE\n ? () => conversationWebSocket?.reconnect()\n : undefined\n }\n />\n )}\n\n {llmBlocked && !isArchivedConversation && <LlmNotConfiguredBanner />}\n\n {isArchivedConversation ? (\n // Archived / sandbox-error: show a read-only notice in place of\n // the chat input. The conversation history above is still visible.\n <div\n data-testid=\"archived-conversation-banner\"\n className=\"mx-1 px-4 py-3 rounded-lg bg-[var(--oh-surface)] border border-[var(--oh-border-subtle)]\"\n >\n <p className=\"text-xs font-semibold text-[var(--oh-foreground)]\">\n {sandboxStatus === \"ERROR\"\n ? t(I18nKey.CHAT_INTERFACE$ERROR_SANDBOX_TITLE)\n : t(I18nKey.CHAT_INTERFACE$ARCHIVED_SANDBOX_TITLE)}\n </p>\n <p className=\"text-xs text-[var(--oh-muted)] mt-0.5\">\n {sandboxStatus === \"ERROR\"\n ? t(I18nKey.CHAT_INTERFACE$ERROR_SANDBOX_DESCRIPTION)\n : t(I18nKey.CHAT_INTERFACE$ARCHIVED_SANDBOX_DESCRIPTION)}\n </p>\n </div>\n ) : (\n <div className=\"relative\">\n <div className=\"pointer-events-none absolute inset-x-0 bottom-full mb-1 z-20\">\n <div className=\"flex justify-between relative\">\n <div className=\"flex items-end gap-1 pointer-events-auto\">\n <ConfirmationModeEnabled />\n {isStartingStatus && (\n <ChatStatusIndicator\n statusColor={serverStatusColor}\n status={serverStatusText}\n />\n )}\n </div>\n\n {!hitBottom ? (\n <div className=\"absolute left-1/2 transform -translate-x-1/2 bottom-0 pointer-events-auto\">\n <ScrollToBottomButton onClick={scrollDomToBottom} />\n </div>\n ) : (\n curAgentState === AgentState.RUNNING && (\n <div className=\"absolute left-1/2 transform -translate-x-1/2 bottom-0 pointer-events-auto\">\n <TypingIndicator />\n </div>\n )\n )}\n </div>\n </div>\n\n <InteractiveChatBox\n onSubmit={handleSendMessage}\n disabled={isNewConversationPending \|\| llmBlocked}\n />\n </div>\n )}\n </div>\n </div>\n </ScrollProvider>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"chat-interface.cjs","names":[],"sources":["../../../../src/components/features/chat/chat-interface.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport { useTranslation } from \"react-i18next\";\nimport { convertImageToBase64 } from \"#/utils/convert-image-to-base-64\";\nimport { createChatMessage } from \"#/services/chat-service\";\nimport { BtwMessages } from \"./btw-messages\";\nimport { ModelMessages } from \"./model-messages\";\nimport { useModelStore } from \"#/stores/model-store\";\nimport { InteractiveChatBox } from \"./interactive-chat-box\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { useFilteredEvents } from \"#/hooks/use-filtered-events\";\nimport { useScrollToBottom } from \"#/hooks/use-scroll-to-bottom\";\nimport { useLoadOlderEvents } from \"#/hooks/use-load-older-events\";\nimport { TypingIndicator } from \"./typing-indicator\";\nimport { ChatSuggestions } from \"./chat-suggestions\";\nimport { ScrollProvider } from \"#/context/scroll-context\";\nimport { useInitialQueryStore } from \"#/stores/initial-query-store\";\nimport { useSendMessage } from \"#/hooks/use-send-message\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\nimport { useHandleBuildPlanClick } from \"#/hooks/use-handle-build-plan-click\";\n\nimport { ScrollToBottomButton } from \"#/components/shared/buttons/scroll-to-bottom-button\";\nimport { LoadingSpinner } from \"#/components/shared/loading-spinner\";\nimport { ChatMessagesSkeleton } from \"./chat-messages-skeleton\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { useErrorMessageStore } from \"#/stores/error-message-store\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { SERVER_CONNECTION_ERROR_MESSAGE } from \"#/constants/server-connection-error\";\nimport { ErrorMessageBanner } from \"./error-message-banner\";\nimport { LlmNotConfiguredBanner } from \"#/components/features/home/llm-not-configured-banner\";\nimport { useLlmConfigured } from \"#/hooks/use-llm-configured\";\nimport { Messages } from \"#/components/conversation-events/chat/messages\";\nimport { PendingUserMessages } from \"./pending-user-messages\";\nimport { useUnifiedUploadFiles } from \"#/hooks/mutation/use-unified-upload-files\";\nimport { validateFiles } from \"#/utils/file-validation\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport ConfirmationModeEnabled from \"./confirmation-mode-enabled\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\nimport { matchesPendingConversationId } from \"#/utils/pending-task-message-link\";\nimport { useConversationWebSocket } from \"#/contexts/conversation-websocket-context\";\nimport ChatStatusIndicator from \"./chat-status-indicator\";\nimport { getStatusColor, getStatusText } from \"#/utils/utils\";\nimport { useNewConversationCommand } from \"#/hooks/mutation/use-new-conversation-command\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\nfunction getEntryPoint(\n hasRepository: boolean \| null,\n hasReplayJson: boolean \| null,\n): string {\n if (hasRepository) return \"github\";\n if (hasReplayJson) return \"replay\";\n return \"direct\";\n}\n\nexport function ChatInterface() {\n const { trackInitialQuerySubmitted, trackUserMessageSent } = useTracking();\n const { setMessageToSend } = useConversationStore();\n const { errorMessage, removeErrorMessage, setErrorMessage } =\n useErrorMessageStore();\n const { isTask, taskStatus, taskDetail } = useTaskPolling();\n // Hide empty-state chrome for the entire `/conversations/task-{uuid}` route,\n // including the brief READY window before redirect completes.\n const isProvisioningTask = isTask;\n const conversationWebSocket = useConversationWebSocket();\n const { send } = useSendMessage();\n const {\n renderableEvents,\n allConversationEvents,\n totalEvents,\n hasSubstantiveAgentActions,\n userEventsExist,\n } = useFilteredEvents();\n const enqueuePendingMessage = useOptimisticUserMessageStore(\n (state) => state.enqueuePendingMessage,\n );\n const markPendingMessageError = useOptimisticUserMessageStore(\n (state) => state.markPendingMessageError,\n );\n const pendingMessages = useOptimisticUserMessageStore(\n (state) => state.pendingMessages,\n );\n const { t } = useTranslation(\"openhands\");\n const scrollRef = React.useRef<HTMLDivElement>(null);\n const {\n scrollDomToBottom,\n onChatBodyScroll,\n hitBottom,\n autoScroll,\n setAutoScroll,\n setHitBottom,\n } = useScrollToBottom(scrollRef);\n const {\n mutate: newConversationCommand,\n isPending: isNewConversationPending,\n } = useNewConversationCommand();\n\n const { curAgentState } = useAgentState();\n const { handleBuildPlanClick } = useHandleBuildPlanClick();\n\n // Cloud conversations whose sandbox is MISSING or ERROR are read-only:\n // the sandbox is gone and cannot be resumed, so we hide the chat input\n // and show an explanatory banner. For local backends sandbox_status is\n // always null, so this is effectively a no-op for non-cloud use.\n const { data: activeConversation } = useActiveConversation();\n const sandboxStatus = activeConversation?.sandbox_status ?? null;\n const isArchivedConversation = useIsArchivedConversation();\n\n // Block sending in a resumed conversation that has no usable LLM, and show\n // the same setup banner as the home screen so the dead end is explained.\n const { isConfigured: isLlmConfigured, isLoading: isLlmConfigLoading } =\n useLlmConfigured();\n const llmBlocked = !isLlmConfigLoading && !isLlmConfigured;\n\n // Disable Build button while agent is running (streaming)\n const isAgentRunning =\n curAgentState === AgentState.RUNNING \|\|\n curAgentState === AgentState.LOADING;\n\n // Global keyboard shortcut for Build button (Cmd+Enter / Ctrl+Enter)\n // This is placed here instead of PlanPreview to avoid duplicate listeners\n // when multiple PlanPreview components exist in the chat\n React.useEffect(() => {\n if (isAgentRunning) {\n return undefined;\n }\n\n const handleKeyDown = (event: KeyboardEvent) => {\n // Check for Cmd+Enter (Mac) or Ctrl+Enter (Windows/Linux)\n if ((event.metaKey \|\| event.ctrlKey) && event.key === \"Enter\") {\n event.preventDefault();\n event.stopPropagation();\n handleBuildPlanClick(event);\n scrollDomToBottom();\n }\n };\n\n document.addEventListener(\"keydown\", handleKeyDown);\n\n return () => {\n document.removeEventListener(\"keydown\", handleKeyDown);\n };\n }, [isAgentRunning, handleBuildPlanClick, scrollDomToBottom]);\n\n const { selectedRepository, replayJson } = useInitialQueryStore();\n const { conversationId } = useOptionalConversationId();\n const { mutateAsync: uploadFiles } = useUnifiedUploadFiles();\n\n // Lazy \"scroll up to load older events\" backfill. Initial REST fetch only\n // returns the most recent page; this hook paginates older events into the\n // store on demand so the chat doesn't load (potentially) thousands of\n // events on first render.\n const {\n isLoading: isLoadingOlderEvents,\n hasMore: hasMoreOlderEvents,\n loadOlder,\n } = useLoadOlderEvents(conversationId);\n\n // Trigger `loadOlder` and preserve the visual scroll position once the\n // older page is merged in (otherwise prepending events would jump the\n // chat far down). We fire from three places to cover the cases the\n // browser's scroll event misses:\n //\n // - `onScroll`: normal \"user scrolled near the top\" path.\n // - `onWheel`: user is already pinned at scrollTop=0 and tries to\n // wheel further up — no scroll event fires past 0.\n // - effect: content is shorter than the viewport (no scrollbar\n // at all), so the user has nothing to scroll. Re-runs\n // as more pages arrive until there's overflow or the\n // server runs out of older events.\n const SCROLL_TOP_THRESHOLD_PX = 80;\n const preserveScrollPosition = React.useRef<{\n scrollHeight: number;\n scrollTop: number;\n } \| null>(null);\n const maybeLoadOlder = React.useCallback(\n (target: HTMLElement) => {\n if (isProvisioningTask \|\| isLoadingOlderEvents \|\| !hasMoreOlderEvents) {\n return;\n }\n\n const atTop = target.scrollTop <= SCROLL_TOP_THRESHOLD_PX;\n const noOverflow =\n target.scrollHeight <= target.clientHeight + SCROLL_TOP_THRESHOLD_PX;\n if (!atTop && !noOverflow) return;\n\n preserveScrollPosition.current = {\n scrollHeight: target.scrollHeight,\n scrollTop: target.scrollTop,\n };\n loadOlder().catch((error) => {\n preserveScrollPosition.current = null;\n const message =\n error instanceof Error && error.message\n ? error.message\n : t(I18nKey.ERROR$GENERIC);\n setErrorMessage(message);\n });\n },\n [\n hasMoreOlderEvents,\n isLoadingOlderEvents,\n isProvisioningTask,\n loadOlder,\n setErrorMessage,\n t,\n ],\n );\n\n const handleWheelForPagination = React.useCallback(\n (e: React.WheelEvent<HTMLDivElement>) => {\n // Browsers don't dispatch a scroll event when scrollTop is already\n // 0 and the user wheels upward, so onScroll alone misses this case.\n if (e.deltaY < 0 && e.currentTarget.scrollTop <= 0) {\n maybeLoadOlder(e.currentTarget);\n }\n },\n [maybeLoadOlder],\n );\n\n const hasPendingUserMessages = React.useMemo(\n () =>\n conversationId\n ? pendingMessages.some((message) =>\n matchesPendingConversationId(\n conversationId,\n message.conversationId,\n ),\n )\n : false,\n [pendingMessages, conversationId],\n );\n\n // Show V1 messages immediately if events exist in store (e.g., remount),\n // if the user already has a locally-tracked pending bubble (home-page cloud\n // submit while history/WS catch up), or once loading completes. This\n // replaces the old transition-observation pattern (useState + useEffect\n // watching loading→loaded) which always showed skeleton on remount because\n // local state initialized to false.\n const showConversationMessages =\n allConversationEvents.length > 0 \|\|\n hasPendingUserMessages \|\|\n !conversationWebSocket?.isLoadingHistory;\n\n const isReturningToConversation = !!conversationId;\n // Only show loading skeleton when genuinely loading AND no events in store yet.\n // If events exist (e.g., remount after data was already fetched), skip skeleton.\n const isHistoryLoading = !showConversationMessages;\n const isChatLoading = isHistoryLoading && !isTask;\n\n // The empty-state ChatSuggestions overlay is absolutely positioned with\n // `pointer-events-auto`, so it would block clicks on any /model entry\n // rendered behind it. Once the user has run /model, the conversation is\n // no longer logically empty — hide suggestions so the profile list is\n // interactive.\n const hasModelEntries = useModelStore((s) =>\n conversationId\n ? (s.entriesByConversation[conversationId]?.length ?? 0) > 0\n : false,\n );\n\n const handleSendMessage = async (\n content: string,\n originalImages: File[],\n originalFiles: File[],\n ) => {\n // Handle /new command for V1 conversations\n if (content.trim() === \"/new\") {\n if (!conversationId) {\n displayErrorToast(t(I18nKey.CONVERSATION$CLEAR_NO_ID));\n return;\n }\n if (totalEvents === 0) {\n displayErrorToast(t(I18nKey.CONVERSATION$CLEAR_EMPTY));\n return;\n }\n if (isNewConversationPending) {\n return;\n }\n newConversationCommand();\n return;\n }\n\n // Create mutable copies of the arrays\n const images = [...originalImages];\n const files = [...originalFiles];\n if (totalEvents === 0) {\n trackInitialQuerySubmitted({\n entryPoint: getEntryPoint(\n selectedRepository !== null,\n replayJson !== null,\n ),\n queryCharacterLength: content.length,\n replayJsonSize: replayJson?.length,\n });\n } else {\n trackUserMessageSent({\n sessionMessageCount: totalEvents,\n currentMessageLength: content.length,\n });\n }\n\n // Validate file sizes before any processing\n const allFiles = [...images, ...files];\n const validation = validateFiles(allFiles);\n\n if (!validation.isValid) {\n displayErrorToast(`Error: ${validation.errorMessage}`);\n return; // Stop processing if validation fails\n }\n\n const promises = images.map((image) => convertImageToBase64(image));\n const imageUrls = await Promise.all(promises);\n\n const timestamp = new Date().toISOString();\n\n const { skipped_files: skippedFiles, uploaded_files: uploadedFiles } =\n files.length > 0\n ? await uploadFiles({ conversationId: conversationId!, files })\n : { skipped_files: [], uploaded_files: [] };\n\n skippedFiles.forEach((f) => displayErrorToast(f.reason));\n\n const filePrompt = `${t(I18nKey.CHAT_INTERFACE$AUGMENTED_PROMPT_FILES_TITLE)}: ${uploadedFiles.join(\"\\n\\n\")}`;\n const prompt =\n uploadedFiles.length > 0 ? `${content}\\n\\n${filePrompt}` : content;\n\n // Enqueue the message into the local pending queue with status \"sending\"\n // so the user immediately sees it in the chat with a faded treatment. The\n // entry is removed when the WebSocket echoes back the corresponding\n // `UserMessageEvent`. If the API call to send the message fails, the entry\n // is flipped to \"error\" with a retry link.\n const pendingId = enqueuePendingMessage({\n conversationId: conversationId!,\n // `text` is what the user sees in the bubble; `content` is what we\n // actually hand to the server (the prompt may include an appended\n // \"Files uploaded: …\" block) and is what the echo will be matched\n // against. They're different when there are file attachments.\n text: content,\n content: prompt,\n imageUrls,\n fileUrls: uploadedFiles,\n timestamp,\n });\n // Submitting a new prompt should always pull the chat back to the\n // latest message even if the user had scrolled up. This also re-arms\n // autoScroll so the streamed agent reply auto-follows.\n scrollDomToBottom();\n setMessageToSend(\"\");\n\n try {\n await send(\n createChatMessage(prompt, imageUrls, uploadedFiles, timestamp),\n );\n } catch (sendError) {\n const sendErrorMessage =\n sendError instanceof Error\n ? sendError.message\n : t(I18nKey.CHAT_INTERFACE$FAILED_TO_SEND_MESSAGE);\n markPendingMessageError(pendingId, sendErrorMessage);\n }\n };\n\n // Auto-scroll to bottom when new messages arrive — but only if the user is\n // already pinned to the bottom. Scrolling up to load older events also\n // grows `renderableEvents`, and we don't want to yank the user back to the\n // bottom in that case.\n React.useEffect(() => {\n // If a \"load older\" was just triggered, restore the scroll position so\n // the conversation appears to extend upward instead of jumping.\n if (preserveScrollPosition.current && scrollRef.current) {\n const { scrollHeight: prevHeight, scrollTop: prevTop } =\n preserveScrollPosition.current;\n const dom = scrollRef.current;\n const delta = dom.scrollHeight - prevHeight;\n if (delta > 0) {\n dom.scrollTop = prevTop + delta;\n }\n preserveScrollPosition.current = null;\n return;\n }\n\n if (autoScroll) {\n scrollDomToBottom();\n }\n // Note: We intentionally exclude autoScroll from deps because we only want\n // to scroll when message content changes, not when autoScroll state changes.\n }, [renderableEvents.length, hasPendingUserMessages, scrollDomToBottom]);\n\n // Auto-load older events when the chat content doesn't overflow the\n // scroll area (no scrollbar to drag, no wheel events past 0). We\n // re-run only when the rendered list grows or `hasMore` flips, NOT\n // when `maybeLoadOlder` re-creates: the underlying hook's `loadOlder`\n // ref changes whenever its internal `isLoading` toggles, so depending\n // on `maybeLoadOlder` would re-fire the effect on every failed page\n // and tight-loop until the server recovered. Driving off\n // `renderableEvents.length` instead means a successful page (events\n // grow) chains the next request, while a failed page (events\n // unchanged) waits for the user to retry.\n const maybeLoadOlderRef = React.useRef(maybeLoadOlder);\n React.useEffect(() => {\n maybeLoadOlderRef.current = maybeLoadOlder;\n });\n React.useEffect(() => {\n const target = scrollRef.current;\n if (!target) return;\n maybeLoadOlderRef.current(target);\n }, [renderableEvents.length, hasMoreOlderEvents]);\n\n // Create a ScrollProvider with the scroll hook values\n const scrollProviderValue = {\n scrollRef,\n autoScroll,\n setAutoScroll,\n scrollDomToBottom,\n hitBottom,\n setHitBottom,\n onChatBodyScroll,\n };\n\n // Get server status indicator props\n const isStartingStatus =\n curAgentState === AgentState.LOADING \|\| curAgentState === AgentState.INIT;\n const isStopStatus = curAgentState === AgentState.STOPPED;\n const isPausing = curAgentState === AgentState.PAUSED;\n const serverStatusColor = getStatusColor({\n isPausing,\n isTask,\n taskStatus,\n isStartingStatus,\n isStopStatus,\n curAgentState,\n });\n const serverStatusText = getStatusText({\n isPausing,\n isTask,\n taskStatus,\n taskDetail,\n isStartingStatus,\n isStopStatus,\n curAgentState,\n errorMessage,\n t,\n });\n\n return (\n <ScrollProvider value={scrollProviderValue}>\n <div\n className=\"relative flex h-full flex-col justify-between px-4\"\n data-testid=\"chat-interface\"\n >\n {!hasSubstantiveAgentActions &&\n !hasPendingUserMessages &&\n !userEventsExist &&\n !hasModelEntries &&\n !isChatLoading &&\n !isProvisioningTask &&\n totalEvents === 0 &&\n !isArchivedConversation &&\n // With no usable LLM the suggestions can't be acted on (the input is\n // disabled). They're also a `pointer-events-auto` overlay that would\n // sit over the LlmNotConfiguredBanner below and swallow clicks on its\n // setup button — so hide them and let the banner be the lone CTA.\n !llmBlocked && (\n <ChatSuggestions\n onSuggestionsClick={(message) => setMessageToSend(message)}\n />\n )}\n {/* Note: We only hide chat suggestions when there's a user message /}\n\n <div\n ref={scrollRef}\n data-testid=\"chat-scroll-container\"\n onScroll={(e) => {\n onChatBodyScroll(e.currentTarget);\n maybeLoadOlder(e.currentTarget);\n }}\n onWheel={handleWheelForPagination}\n className=\"custom-scrollbar-always flex min-h-0 grow flex-col gap-2 overflow-x-hidden overflow-y-auto px-0 pt-4 pb-8 md:px-4\"\n >\n {isChatLoading && isReturningToConversation && (\n <ChatMessagesSkeleton />\n )}\n\n {isChatLoading && !isReturningToConversation && (\n <div className=\"flex justify-center\" data-testid=\"loading-spinner\">\n <LoadingSpinner size=\"small\" />\n </div>\n )}\n\n {isLoadingOlderEvents && (\n <div\n className=\"flex items-center justify-center gap-2 py-3 text-sm text-neutral-400\"\n data-testid=\"loading-older-events\"\n >\n <LoadingSpinner size=\"small\" />\n <span>{t(I18nKey.CHAT_INTERFACE$FETCHING_OLDER_MESSAGES)}</span>\n </div>\n )}\n\n {/\n * Render whenever there's anything to display. Previously this\n * was gated on `conversationUserEventsExist`, but with the lazy\n * \"50 most recent\" REST fetch the initial window may not include\n * any `source: \"user\"` events (long agent runs between user\n * turns). That left the chat blank, leaving the user nothing to\n * scroll — which is why \"scroll up to load older\" appeared\n * broken. The empty-state ChatSuggestions block above still\n * keeps its own gate (`!userEventsExist && !hasSubstantiveAgentActions`)\n * so brand-new conversations show suggestions, not an empty chat.\n /}\n {/ /model entries created before any event is rendered are\n anchored to `null` and live above the message list. /}\n <ModelMessages conversationId={conversationId} anchorEventId={null} />\n\n {showConversationMessages && renderableEvents.length > 0 && (\n <Messages\n messages={renderableEvents}\n allEvents={allConversationEvents}\n />\n )}\n\n {/\n Render the local pending-message queue independently so messages\n the user just submitted show up immediately (with a faded \"sending\"\n treatment) even before any real conversation event has come back\n from the server. Entries drain (FIFO) when the matching\n UserMessageEvent echoes back over the WebSocket, so this never\n double-renders alongside the real event list.\n */}\n <PendingUserMessages />\n </div>\n\n <div className=\"flex shrink-0 flex-col gap-[6px] pb-4\">\n <BtwMessages conversationId={conversationId} />\n {errorMessage && (\n <ErrorMessageBanner\n message={errorMessage}\n onDismiss={removeErrorMessage}\n onRetry={\n errorMessage === SERVER_CONNECTION_ERROR_MESSAGE\n ? () => conversationWebSocket?.reconnect()\n : undefined\n }\n />\n )}\n\n {llmBlocked && !isArchivedConversation && <LlmNotConfiguredBanner />}\n\n {isArchivedConversation ? (\n // Archived / sandbox-error: show a read-only notice in place of\n // the chat input. The conversation history above is still visible.\n <div\n data-testid=\"archived-conversation-banner\"\n className=\"mx-1 px-4 py-3 rounded-lg bg-[var(--oh-surface)] border border-[var(--oh-border-subtle)]\"\n >\n <p className=\"text-xs font-semibold text-[var(--oh-foreground)]\">\n {sandboxStatus === \"ERROR\"\n ? t(I18nKey.CHAT_INTERFACE$ERROR_SANDBOX_TITLE)\n : t(I18nKey.CHAT_INTERFACE$ARCHIVED_SANDBOX_TITLE)}\n </p>\n <p className=\"text-xs text-[var(--oh-muted)] mt-0.5\">\n {sandboxStatus === \"ERROR\"\n ? t(I18nKey.CHAT_INTERFACE$ERROR_SANDBOX_DESCRIPTION)\n : t(I18nKey.CHAT_INTERFACE$ARCHIVED_SANDBOX_DESCRIPTION)}\n </p>\n </div>\n ) : (\n <div className=\"relative\">\n <div className=\"pointer-events-none absolute inset-x-0 bottom-full mb-1 z-20\">\n <div className=\"flex justify-between relative\">\n <div className=\"flex items-end gap-1 pointer-events-auto\">\n <ConfirmationModeEnabled />\n {isStartingStatus && (\n <ChatStatusIndicator\n statusColor={serverStatusColor}\n status={serverStatusText}\n />\n )}\n </div>\n\n {!hitBottom ? (\n <div className=\"absolute left-1/2 transform -translate-x-1/2 bottom-0 pointer-events-auto\">\n <ScrollToBottomButton onClick={scrollDomToBottom} />\n </div>\n ) : (\n curAgentState === AgentState.RUNNING && (\n <div className=\"absolute left-1/2 transform -translate-x-1/2 bottom-0 pointer-events-auto\">\n <TypingIndicator />\n </div>\n )\n )}\n </div>\n </div>\n\n <InteractiveChatBox\n onSubmit={handleSendMessage}\n disabled={isNewConversationPending \|\| llmBlocked}\n />\n </div>\n )}\n </div>\n </div>\n </ScrollProvider>\n );\n}\n"],"mappings":"q5EAgDA,SAAS,GACP,EACA,EACQ,CAGR,OAFI,EAAsB,SACtB,EAAsB,SACnB,SAGT,SAAgB,GAAgB,CAC9B,GAAM,CAAE,6BAA4B,wBAAyB,GAAA,aAAa,CACpE,CAAE,oBAAqB,EAAA,sBAAsB,CAC7C,CAAE,eAAc,sBAAoB,mBACxC,EAAA,sBAAsB,CAClB,CAAE,SAAQ,aAAY,eAAe,EAAA,gBAAgB,CAGrD,EAAqB,EACrB,EAAwB,EAAA,0BAA0B,CAClD,CAAE,SAAS,EAAA,gBAAgB,CAC3B,CACJ,mBACA,wBACA,cACA,8BACA,oBACE,GAAA,mBAAmB,CACjB,GAAwB,EAAA,8BAC3B,GAAU,EAAM,sBAClB,CACK,GAA0B,EAAA,8BAC7B,GAAU,EAAM,wBAClB,CACK,EAAkB,EAAA,8BACrB,GAAU,EAAM,gBAClB,CACK,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,EAAY,EAAA,QAAM,OAAuB,KAAK,CAC9C,CACJ,oBACA,mBACA,YACA,aACA,iBACA,iBACE,GAAA,kBAAkB,EAAU,CAC1B,CACJ,OAAQ,GACR,UAAW,GACT,GAAA,2BAA2B,CAEzB,CAAE,iBAAkB,EAAA,eAAe,CACnC,CAAE,wBAAyB,GAAA,yBAAyB,CAMpD,CAAE,KAAM,IAAuB,EAAA,uBAAuB,CACtD,EAAgB,IAAoB,gBAAkB,KACtD,EAAyB,GAAA,2BAA2B,CAIpD,CAAE,aAAc,GAAiB,UAAW,IAChD,GAAA,kBAAkB,CACd,EAAa,CAAC,IAAsB,CAAC,GAGrC,EACJ,IAAkB,EAAA,WAAW,SAC7B,IAAkB,EAAA,WAAW,QAK/B,EAAA,QAAM,cAAgB,CACpB,GAAI,EACF,OAGF,IAAM,EAAiB,GAAyB,EAEzC,EAAM,SAAW,EAAM,UAAY,EAAM,MAAQ,UACpD,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CACvB,EAAqB,EAAM,CAC3B,GAAmB,GAMvB,OAFA,SAAS,iBAAiB,UAAW,EAAc,KAEtC,CACX,SAAS,oBAAoB,UAAW,EAAc,GAEvD,CAAC,EAAgB,EAAsB,EAAkB,CAAC,CAE7D,GAAM,CAAE,sBAAoB,eAAe,GAAA,sBAAsB,CAC3D,CAAE,kBAAmB,EAAA,2BAA2B,CAChD,CAAE,YAAa,IAAgB,GAAA,uBAAuB,CAMtD,CACJ,UAAW,EACX,QAAS,EACT,cACE,GAAA,mBAAmB,EAAe,CAehC,EAAyB,EAAA,QAAM,OAG3B,KAAK,CACT,EAAiB,EAAA,QAAM,YAC1B,GAAwB,CACvB,GAAI,GAAsB,GAAwB,CAAC,EACjD,OAGF,IAAM,EAAQ,EAAO,WAAa,GAC5B,EACJ,EAAO,cAAgB,EAAO,aAAe,GAC3C,CAAC,GAAS,CAAC,IAEf,EAAuB,QAAU,CAC/B,aAAc,EAAO,aACrB,UAAW,EAAO,UACnB,CACD,IAAW,CAAC,MAAO,GAAU,CAC3B,EAAuB,QAAU,KAKjC,EAHE,aAAiB,OAAS,EAAM,QAC5B,EAAM,QACN,EAAE,EAAA,QAAQ,cAAc,CACN,EACxB,GAEJ,CACE,EACA,EACA,EACA,GACA,EACA,EACD,CACF,CAEK,GAA2B,EAAA,QAAM,YACpC,GAAwC,CAGnC,EAAE,OAAS,GAAK,EAAE,cAAc,WAAa,GAC/C,EAAe,EAAE,cAAc,EAGnC,CAAC,EAAe,CACjB,CAEK,EAAyB,EAAA,QAAM,YAEjC,EACI,EAAgB,KAAM,GACpB,EAAA,6BACE,EACA,EAAQ,eACT,CACF,CACD,GACN,CAAC,EAAiB,EAAe,CAClC,CAQK,GACJ,EAAsB,OAAS,GAC/B,GACA,CAAC,GAAuB,iBAEpB,GAA4B,CAAC,CAAC,EAI9B,EAAgB,CADI,IACgB,CAAC,EAOrC,GAAkB,EAAA,cAAe,GACrC,GACK,EAAE,sBAAsB,IAAiB,QAAU,GAAK,EACzD,GACL,CAEK,GAAoB,MACxB,EACA,EACA,IACG,CAEH,GAAI,EAAQ,MAAM,GAAK,OAAQ,CAC7B,GAAI,CAAC,EAAgB,CACnB,EAAA,kBAAkB,EAAE,EAAA,QAAQ,yBAAyB,CAAC,CACtD,OAEF,GAAI,IAAgB,EAAG,CACrB,EAAA,kBAAkB,EAAE,EAAA,QAAQ,yBAAyB,CAAC,CACtD,OAEF,GAAI,EACF,OAEF,IAAwB,CACxB,OAIF,IAAM,EAAS,CAAC,GAAG,EAAe,CAC5B,EAAQ,CAAC,GAAG,EAAc,CAC5B,IAAgB,EAClB,EAA2B,CACzB,WAAY,GACV,KAAuB,KACvB,KAAe,KAChB,CACD,qBAAsB,EAAQ,OAC9B,eAAgB,IAAY,OAC7B,CAAC,CAEF,EAAqB,CACnB,oBAAqB,EACrB,qBAAsB,EAAQ,OAC/B,CAAC,CAKJ,IAAM,EAAa,GAAA,cAAc,CADf,GAAG,EAAQ,GAAG,EACC,CAAS,CAE1C,GAAI,CAAC,EAAW,QAAS,CACvB,EAAA,kBAAkB,UAAU,EAAW,eAAe,CACtD,OAGF,IAAM,EAAW,EAAO,IAAK,GAAU,GAAA,qBAAqB,EAAM,CAAC,CAC7D,EAAY,MAAM,QAAQ,IAAI,EAAS,CAEvC,EAAY,IAAI,MAAM,CAAC,aAAa,CAEpC,CAAE,cAAe,EAAc,eAAgB,GACnD,EAAM,OAAS,EACX,MAAM,GAAY,CAAkB,iBAAiB,QAAO,CAAC,CAC7D,CAAE,cAAe,EAAE,CAAE,eAAgB,EAAE,CAAE,CAE/C,EAAa,QAAS,GAAM,EAAA,kBAAkB,EAAE,OAAO,CAAC,CAExD,IAAM,EAAa,GAAG,EAAE,EAAA,QAAQ,4CAA4C,CAAC,IAAI,EAAc,KAAK;;EAAO,GACrG,EACJ,EAAc,OAAS,EAAI,GAAG,EAAQ,MAAM,IAAe,EAOvD,EAAY,GAAsB,CACtB,iBAKhB,KAAM,EACN,QAAS,EACT,YACA,SAAU,EACV,YACD,CAAC,CAIF,GAAmB,CACnB,EAAiB,GAAG,CAEpB,GAAI,CACF,MAAM,GACJ,GAAA,kBAAkB,EAAQ,EAAW,EAAe,EAAU,CAC/D,OACM,EAAW,CAKlB,GAAwB,EAHtB,aAAqB,MACjB,EAAU,QACV,EAAE,EAAA,QAAQ,sCAAsC,CACF,GAQxD,EAAA,QAAM,cAAgB,CAGpB,GAAI,EAAuB,SAAW,EAAU,QAAS,CACvD,GAAM,CAAE,aAAc,EAAY,UAAW,GAC3C,EAAuB,QACnB,EAAM,EAAU,QAChB,EAAQ,EAAI,aAAe,EAC7B,EAAQ,IACV,EAAI,UAAY,EAAU,GAE5B,EAAuB,QAAU,KACjC,OAGE,GACF,GAAmB,EAIpB,CAAC,EAAiB,OAAQ,EAAwB,EAAkB,CAAC,CAYxE,IAAM,GAAoB,EAAA,QAAM,OAAO,EAAe,CACtD,EAAA,QAAM,cAAgB,CACpB,GAAkB,QAAU,GAC5B,CACF,EAAA,QAAM,cAAgB,CACpB,IAAM,EAAS,EAAU,QACpB,GACL,GAAkB,QAAQ,EAAO,EAChC,CAAC,EAAiB,OAAQ,EAAmB,CAAC,CAGjD,IAAM,GAAsB,CAC1B,YACA,aACA,iBACA,oBACA,YACA,gBACA,mBACD,CAGK,EACJ,IAAkB,EAAA,WAAW,SAAW,IAAkB,EAAA,WAAW,KACjE,GAAe,IAAkB,EAAA,WAAW,QAC5C,EAAY,IAAkB,EAAA,WAAW,OACzC,GAAoB,EAAA,eAAe,CACvC,YACA,SACA,aACA,mBACA,gBACA,gBACD,CAAC,CACI,GAAmB,EAAA,cAAc,CACrC,YACA,SACA,aACA,cACA,mBACA,gBACA,gBACA,eACA,IACD,CAAC,CAEF,OACE,EAAA,EAAA,KAAC,GAAA,eAAD,CAAgB,MAAO,aACrB,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,qDACV,cAAY,0BAFd,CAIG,CAAC,IACA,CAAC,GACD,CAAC,IACD,CAAC,IACD,CAAC,GACD,CAAC,GACD,IAAgB,GAChB,CAAC,GAKD,CAAC,IACC,EAAA,EAAA,KAAC,GAAA,gBAAD,CACE,mBAAqB,GAAY,EAAiB,EAAQ,CAC1D,CAAA,EAIN,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,cAAY,wBACZ,SAAW,GAAM,CACf,EAAiB,EAAE,cAAc,CACjC,EAAe,EAAE,cAAc,EAEjC,QAAS,GACT,UAAU,6HARZ,CAUG,GAAiB,KAChB,EAAA,EAAA,KAAC,GAAA,qBAAD,EAAwB,CAAA,CAGzB,GAAiB,CAAC,KACjB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBAAsB,cAAY,4BAC/C,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,KAAK,QAAU,CAAA,CAC3B,CAAA,CAGP,IACC,EAAA,EAAA,MAAC,MAAD,CACE,UAAU,uEACV,cAAY,gCAFd,EAIE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAgB,KAAK,QAAU,CAAA,EAC/B,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAE,EAAA,QAAQ,uCAAuC,CAAQ,CAAA,CAC5D,IAgBR,EAAA,EAAA,KAAC,GAAA,cAAD,CAA+B,iBAAgB,cAAe,KAAQ,CAAA,CAErE,IAA4B,EAAiB,OAAS,IACrD,EAAA,EAAA,KAAC,GAAA,SAAD,CACE,SAAU,EACV,UAAW,EACX,CAAA,EAWJ,EAAA,EAAA,KAAC,GAAA,oBAAD,EAAuB,CAAA,CACnB,IAEN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,iDAAf,EACE,EAAA,EAAA,KAAC,GAAA,YAAD,CAA6B,iBAAkB,CAAA,CAC9C,IACC,EAAA,EAAA,KAAC,GAAA,mBAAD,CACE,QAAS,EACT,UAAW,GACX,QACE,IAAA,kCACU,GAAuB,WAAW,CACxC,IAAA,GAEN,CAAA,CAGH,GAAc,CAAC,IAA0B,EAAA,EAAA,KAAC,GAAA,uBAAD,EAA0B,CAAA,CAEnE,GAGC,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,+BACZ,UAAU,oGAFZ,EAIE,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,6DAEP,EADH,IAAkB,QACb,EAAA,QAAQ,mCACR,EAAA,QAAQ,sCAAsC,CAClD,CAAA,EACJ,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,iDAEP,EADH,IAAkB,QACb,EAAA,QAAQ,yCACR,EAAA,QAAQ,4CAA4C,CACxD,CAAA,CACA,IAEN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oBAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,yEACb,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yCAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oDAAf,EACE,EAAA,EAAA,KAAC,GAAA,QAAD,EAA2B,CAAA,CAC1B,IACC,EAAA,EAAA,KAAC,GAAA,QAAD,CACE,YAAa,GACb,OAAQ,GACR,CAAA,CAEA,GAEJ,EAKA,IAAkB,EAAA,WAAW,UAC3B,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sFACb,EAAA,EAAA,KAAC,GAAA,gBAAD,EAAmB,CAAA,CACf,CAAA,EAPR,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sFACb,EAAA,EAAA,KAAC,GAAA,qBAAD,CAAsB,QAAS,EAAqB,CAAA,CAChD,CAAA,CAQJ,GACF,CAAA,EAEN,EAAA,EAAA,KAAC,GAAA,mBAAD,CACE,SAAU,GACV,SAAU,GAA4B,EACtC,CAAA,CACE,GAEJ,GACF,GACS,CAAA"}

package/dist/components/features/chat/chat-interface.js CHANGED Viewed

@@ -130,7 +130,7 @@ function b() {
 		try {
 			await Me(ie(m, l, f, u));
 		} catch (e) {
-			Ie(h, e instanceof Error ? e.message : "Failed to send message");
+			Ie(h, e instanceof Error ? e.message : M(t.CHAT_INTERFACE$FAILED_TO_SEND_MESSAGE));
 		}
 	};
 	_.useEffect(() => {

package/dist/components/features/chat/chat-interface.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chat-interface.js","names":[],"sources":["../../../../src/components/features/chat/chat-interface.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport { useTranslation } from \"react-i18next\";\nimport { convertImageToBase64 } from \"#/utils/convert-image-to-base-64\";\nimport { createChatMessage } from \"#/services/chat-service\";\nimport { BtwMessages } from \"./btw-messages\";\nimport { ModelMessages } from \"./model-messages\";\nimport { useModelStore } from \"#/stores/model-store\";\nimport { InteractiveChatBox } from \"./interactive-chat-box\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { useFilteredEvents } from \"#/hooks/use-filtered-events\";\nimport { useScrollToBottom } from \"#/hooks/use-scroll-to-bottom\";\nimport { useLoadOlderEvents } from \"#/hooks/use-load-older-events\";\nimport { TypingIndicator } from \"./typing-indicator\";\nimport { ChatSuggestions } from \"./chat-suggestions\";\nimport { ScrollProvider } from \"#/context/scroll-context\";\nimport { useInitialQueryStore } from \"#/stores/initial-query-store\";\nimport { useSendMessage } from \"#/hooks/use-send-message\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\nimport { useHandleBuildPlanClick } from \"#/hooks/use-handle-build-plan-click\";\n\nimport { ScrollToBottomButton } from \"#/components/shared/buttons/scroll-to-bottom-button\";\nimport { LoadingSpinner } from \"#/components/shared/loading-spinner\";\nimport { ChatMessagesSkeleton } from \"./chat-messages-skeleton\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { useErrorMessageStore } from \"#/stores/error-message-store\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { SERVER_CONNECTION_ERROR_MESSAGE } from \"#/constants/server-connection-error\";\nimport { ErrorMessageBanner } from \"./error-message-banner\";\nimport { LlmNotConfiguredBanner } from \"#/components/features/home/llm-not-configured-banner\";\nimport { useLlmConfigured } from \"#/hooks/use-llm-configured\";\nimport { Messages } from \"#/components/conversation-events/chat/messages\";\nimport { PendingUserMessages } from \"./pending-user-messages\";\nimport { useUnifiedUploadFiles } from \"#/hooks/mutation/use-unified-upload-files\";\nimport { validateFiles } from \"#/utils/file-validation\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport ConfirmationModeEnabled from \"./confirmation-mode-enabled\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\nimport { matchesPendingConversationId } from \"#/utils/pending-task-message-link\";\nimport { useConversationWebSocket } from \"#/contexts/conversation-websocket-context\";\nimport ChatStatusIndicator from \"./chat-status-indicator\";\nimport { getStatusColor, getStatusText } from \"#/utils/utils\";\nimport { useNewConversationCommand } from \"#/hooks/mutation/use-new-conversation-command\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\nfunction getEntryPoint(\n hasRepository: boolean \| null,\n hasReplayJson: boolean \| null,\n): string {\n if (hasRepository) return \"github\";\n if (hasReplayJson) return \"replay\";\n return \"direct\";\n}\n\nexport function ChatInterface() {\n const { trackInitialQuerySubmitted, trackUserMessageSent } = useTracking();\n const { setMessageToSend } = useConversationStore();\n const { errorMessage, removeErrorMessage, setErrorMessage } =\n useErrorMessageStore();\n const { isTask, taskStatus, taskDetail } = useTaskPolling();\n // Hide empty-state chrome for the entire `/conversations/task-{uuid}` route,\n // including the brief READY window before redirect completes.\n const isProvisioningTask = isTask;\n const conversationWebSocket = useConversationWebSocket();\n const { send } = useSendMessage();\n const {\n renderableEvents,\n allConversationEvents,\n totalEvents,\n hasSubstantiveAgentActions,\n userEventsExist,\n } = useFilteredEvents();\n const enqueuePendingMessage = useOptimisticUserMessageStore(\n (state) => state.enqueuePendingMessage,\n );\n const markPendingMessageError = useOptimisticUserMessageStore(\n (state) => state.markPendingMessageError,\n );\n const pendingMessages = useOptimisticUserMessageStore(\n (state) => state.pendingMessages,\n );\n const { t } = useTranslation(\"openhands\");\n const scrollRef = React.useRef<HTMLDivElement>(null);\n const {\n scrollDomToBottom,\n onChatBodyScroll,\n hitBottom,\n autoScroll,\n setAutoScroll,\n setHitBottom,\n } = useScrollToBottom(scrollRef);\n const {\n mutate: newConversationCommand,\n isPending: isNewConversationPending,\n } = useNewConversationCommand();\n\n const { curAgentState } = useAgentState();\n const { handleBuildPlanClick } = useHandleBuildPlanClick();\n\n // Cloud conversations whose sandbox is MISSING or ERROR are read-only:\n // the sandbox is gone and cannot be resumed, so we hide the chat input\n // and show an explanatory banner. For local backends sandbox_status is\n // always null, so this is effectively a no-op for non-cloud use.\n const { data: activeConversation } = useActiveConversation();\n const sandboxStatus = activeConversation?.sandbox_status ?? null;\n const isArchivedConversation = useIsArchivedConversation();\n\n // Block sending in a resumed conversation that has no usable LLM, and show\n // the same setup banner as the home screen so the dead end is explained.\n const { isConfigured: isLlmConfigured, isLoading: isLlmConfigLoading } =\n useLlmConfigured();\n const llmBlocked = !isLlmConfigLoading && !isLlmConfigured;\n\n // Disable Build button while agent is running (streaming)\n const isAgentRunning =\n curAgentState === AgentState.RUNNING \|\|\n curAgentState === AgentState.LOADING;\n\n // Global keyboard shortcut for Build button (Cmd+Enter / Ctrl+Enter)\n // This is placed here instead of PlanPreview to avoid duplicate listeners\n // when multiple PlanPreview components exist in the chat\n React.useEffect(() => {\n if (isAgentRunning) {\n return undefined;\n }\n\n const handleKeyDown = (event: KeyboardEvent) => {\n // Check for Cmd+Enter (Mac) or Ctrl+Enter (Windows/Linux)\n if ((event.metaKey \|\| event.ctrlKey) && event.key === \"Enter\") {\n event.preventDefault();\n event.stopPropagation();\n handleBuildPlanClick(event);\n scrollDomToBottom();\n }\n };\n\n document.addEventListener(\"keydown\", handleKeyDown);\n\n return () => {\n document.removeEventListener(\"keydown\", handleKeyDown);\n };\n }, [isAgentRunning, handleBuildPlanClick, scrollDomToBottom]);\n\n const { selectedRepository, replayJson } = useInitialQueryStore();\n const { conversationId } = useOptionalConversationId();\n const { mutateAsync: uploadFiles } = useUnifiedUploadFiles();\n\n // Lazy \"scroll up to load older events\" backfill. Initial REST fetch only\n // returns the most recent page; this hook paginates older events into the\n // store on demand so the chat doesn't load (potentially) thousands of\n // events on first render.\n const {\n isLoading: isLoadingOlderEvents,\n hasMore: hasMoreOlderEvents,\n loadOlder,\n } = useLoadOlderEvents(conversationId);\n\n // Trigger `loadOlder` and preserve the visual scroll position once the\n // older page is merged in (otherwise prepending events would jump the\n // chat far down). We fire from three places to cover the cases the\n // browser's scroll event misses:\n //\n // - `onScroll`: normal \"user scrolled near the top\" path.\n // - `onWheel`: user is already pinned at scrollTop=0 and tries to\n // wheel further up — no scroll event fires past 0.\n // - effect: content is shorter than the viewport (no scrollbar\n // at all), so the user has nothing to scroll. Re-runs\n // as more pages arrive until there's overflow or the\n // server runs out of older events.\n const SCROLL_TOP_THRESHOLD_PX = 80;\n const preserveScrollPosition = React.useRef<{\n scrollHeight: number;\n scrollTop: number;\n } \| null>(null);\n const maybeLoadOlder = React.useCallback(\n (target: HTMLElement) => {\n if (isProvisioningTask \|\| isLoadingOlderEvents \|\| !hasMoreOlderEvents) {\n return;\n }\n\n const atTop = target.scrollTop <= SCROLL_TOP_THRESHOLD_PX;\n const noOverflow =\n target.scrollHeight <= target.clientHeight + SCROLL_TOP_THRESHOLD_PX;\n if (!atTop && !noOverflow) return;\n\n preserveScrollPosition.current = {\n scrollHeight: target.scrollHeight,\n scrollTop: target.scrollTop,\n };\n loadOlder().catch((error) => {\n preserveScrollPosition.current = null;\n const message =\n error instanceof Error && error.message\n ? error.message\n : t(I18nKey.ERROR$GENERIC);\n setErrorMessage(message);\n });\n },\n [\n hasMoreOlderEvents,\n isLoadingOlderEvents,\n isProvisioningTask,\n loadOlder,\n setErrorMessage,\n t,\n ],\n );\n\n const handleWheelForPagination = React.useCallback(\n (e: React.WheelEvent<HTMLDivElement>) => {\n // Browsers don't dispatch a scroll event when scrollTop is already\n // 0 and the user wheels upward, so onScroll alone misses this case.\n if (e.deltaY < 0 && e.currentTarget.scrollTop <= 0) {\n maybeLoadOlder(e.currentTarget);\n }\n },\n [maybeLoadOlder],\n );\n\n const hasPendingUserMessages = React.useMemo(\n () =>\n conversationId\n ? pendingMessages.some((message) =>\n matchesPendingConversationId(\n conversationId,\n message.conversationId,\n ),\n )\n : false,\n [pendingMessages, conversationId],\n );\n\n // Show V1 messages immediately if events exist in store (e.g., remount),\n // if the user already has a locally-tracked pending bubble (home-page cloud\n // submit while history/WS catch up), or once loading completes. This\n // replaces the old transition-observation pattern (useState + useEffect\n // watching loading→loaded) which always showed skeleton on remount because\n // local state initialized to false.\n const showConversationMessages =\n allConversationEvents.length > 0 \|\|\n hasPendingUserMessages \|\|\n !conversationWebSocket?.isLoadingHistory;\n\n const isReturningToConversation = !!conversationId;\n // Only show loading skeleton when genuinely loading AND no events in store yet.\n // If events exist (e.g., remount after data was already fetched), skip skeleton.\n const isHistoryLoading = !showConversationMessages;\n const isChatLoading = isHistoryLoading && !isTask;\n\n // The empty-state ChatSuggestions overlay is absolutely positioned with\n // `pointer-events-auto`, so it would block clicks on any /model entry\n // rendered behind it. Once the user has run /model, the conversation is\n // no longer logically empty — hide suggestions so the profile list is\n // interactive.\n const hasModelEntries = useModelStore((s) =>\n conversationId\n ? (s.entriesByConversation[conversationId]?.length ?? 0) > 0\n : false,\n );\n\n const handleSendMessage = async (\n content: string,\n originalImages: File[],\n originalFiles: File[],\n ) => {\n // Handle /new command for V1 conversations\n if (content.trim() === \"/new\") {\n if (!conversationId) {\n displayErrorToast(t(I18nKey.CONVERSATION$CLEAR_NO_ID));\n return;\n }\n if (totalEvents === 0) {\n displayErrorToast(t(I18nKey.CONVERSATION$CLEAR_EMPTY));\n return;\n }\n if (isNewConversationPending) {\n return;\n }\n newConversationCommand();\n return;\n }\n\n // Create mutable copies of the arrays\n const images = [...originalImages];\n const files = [...originalFiles];\n if (totalEvents === 0) {\n trackInitialQuerySubmitted({\n entryPoint: getEntryPoint(\n selectedRepository !== null,\n replayJson !== null,\n ),\n queryCharacterLength: content.length,\n replayJsonSize: replayJson?.length,\n });\n } else {\n trackUserMessageSent({\n sessionMessageCount: totalEvents,\n currentMessageLength: content.length,\n });\n }\n\n // Validate file sizes before any processing\n const allFiles = [...images, ...files];\n const validation = validateFiles(allFiles);\n\n if (!validation.isValid) {\n displayErrorToast(`Error: ${validation.errorMessage}`);\n return; // Stop processing if validation fails\n }\n\n const promises = images.map((image) => convertImageToBase64(image));\n const imageUrls = await Promise.all(promises);\n\n const timestamp = new Date().toISOString();\n\n const { skipped_files: skippedFiles, uploaded_files: uploadedFiles } =\n files.length > 0\n ? await uploadFiles({ conversationId: conversationId!, files })\n : { skipped_files: [], uploaded_files: [] };\n\n skippedFiles.forEach((f) => displayErrorToast(f.reason));\n\n const filePrompt = `${t(I18nKey.CHAT_INTERFACE$AUGMENTED_PROMPT_FILES_TITLE)}: ${uploadedFiles.join(\"\\n\\n\")}`;\n const prompt =\n uploadedFiles.length > 0 ? `${content}\\n\\n${filePrompt}` : content;\n\n // Enqueue the message into the local pending queue with status \"sending\"\n // so the user immediately sees it in the chat with a faded treatment. The\n // entry is removed when the WebSocket echoes back the corresponding\n // `UserMessageEvent`. If the API call to send the message fails, the entry\n // is flipped to \"error\" with a retry link.\n const pendingId = enqueuePendingMessage({\n conversationId: conversationId!,\n // `text` is what the user sees in the bubble; `content` is what we\n // actually hand to the server (the prompt may include an appended\n // \"Files uploaded: …\" block) and is what the echo will be matched\n // against. They're different when there are file attachments.\n text: content,\n content: prompt,\n imageUrls,\n fileUrls: uploadedFiles,\n timestamp,\n });\n // Submitting a new prompt should always pull the chat back to the\n // latest message even if the user had scrolled up. This also re-arms\n // autoScroll so the streamed agent reply auto-follows.\n scrollDomToBottom();\n setMessageToSend(\"\");\n\n try {\n await send(\n createChatMessage(prompt, imageUrls, uploadedFiles, timestamp),\n );\n } catch (sendError) {\n const sendErrorMessage =\n sendError instanceof Error\n ? sendError.message\n : \"Failed to send message\";\n markPendingMessageError(pendingId, sendErrorMessage);\n }\n };\n\n // Auto-scroll to bottom when new messages arrive — but only if the user is\n // already pinned to the bottom. Scrolling up to load older events also\n // grows `renderableEvents`, and we don't want to yank the user back to the\n // bottom in that case.\n React.useEffect(() => {\n // If a \"load older\" was just triggered, restore the scroll position so\n // the conversation appears to extend upward instead of jumping.\n if (preserveScrollPosition.current && scrollRef.current) {\n const { scrollHeight: prevHeight, scrollTop: prevTop } =\n preserveScrollPosition.current;\n const dom = scrollRef.current;\n const delta = dom.scrollHeight - prevHeight;\n if (delta > 0) {\n dom.scrollTop = prevTop + delta;\n }\n preserveScrollPosition.current = null;\n return;\n }\n\n if (autoScroll) {\n scrollDomToBottom();\n }\n // Note: We intentionally exclude autoScroll from deps because we only want\n // to scroll when message content changes, not when autoScroll state changes.\n }, [renderableEvents.length, hasPendingUserMessages, scrollDomToBottom]);\n\n // Auto-load older events when the chat content doesn't overflow the\n // scroll area (no scrollbar to drag, no wheel events past 0). We\n // re-run only when the rendered list grows or `hasMore` flips, NOT\n // when `maybeLoadOlder` re-creates: the underlying hook's `loadOlder`\n // ref changes whenever its internal `isLoading` toggles, so depending\n // on `maybeLoadOlder` would re-fire the effect on every failed page\n // and tight-loop until the server recovered. Driving off\n // `renderableEvents.length` instead means a successful page (events\n // grow) chains the next request, while a failed page (events\n // unchanged) waits for the user to retry.\n const maybeLoadOlderRef = React.useRef(maybeLoadOlder);\n React.useEffect(() => {\n maybeLoadOlderRef.current = maybeLoadOlder;\n });\n React.useEffect(() => {\n const target = scrollRef.current;\n if (!target) return;\n maybeLoadOlderRef.current(target);\n }, [renderableEvents.length, hasMoreOlderEvents]);\n\n // Create a ScrollProvider with the scroll hook values\n const scrollProviderValue = {\n scrollRef,\n autoScroll,\n setAutoScroll,\n scrollDomToBottom,\n hitBottom,\n setHitBottom,\n onChatBodyScroll,\n };\n\n // Get server status indicator props\n const isStartingStatus =\n curAgentState === AgentState.LOADING \|\| curAgentState === AgentState.INIT;\n const isStopStatus = curAgentState === AgentState.STOPPED;\n const isPausing = curAgentState === AgentState.PAUSED;\n const serverStatusColor = getStatusColor({\n isPausing,\n isTask,\n taskStatus,\n isStartingStatus,\n isStopStatus,\n curAgentState,\n });\n const serverStatusText = getStatusText({\n isPausing,\n isTask,\n taskStatus,\n taskDetail,\n isStartingStatus,\n isStopStatus,\n curAgentState,\n errorMessage,\n t,\n });\n\n return (\n <ScrollProvider value={scrollProviderValue}>\n <div\n className=\"relative flex h-full flex-col justify-between px-4\"\n data-testid=\"chat-interface\"\n >\n {!hasSubstantiveAgentActions &&\n !hasPendingUserMessages &&\n !userEventsExist &&\n !hasModelEntries &&\n !isChatLoading &&\n !isProvisioningTask &&\n totalEvents === 0 &&\n !isArchivedConversation &&\n // With no usable LLM the suggestions can't be acted on (the input is\n // disabled). They're also a `pointer-events-auto` overlay that would\n // sit over the LlmNotConfiguredBanner below and swallow clicks on its\n // setup button — so hide them and let the banner be the lone CTA.\n !llmBlocked && (\n <ChatSuggestions\n onSuggestionsClick={(message) => setMessageToSend(message)}\n />\n )}\n {/* Note: We only hide chat suggestions when there's a user message /}\n\n <div\n ref={scrollRef}\n data-testid=\"chat-scroll-container\"\n onScroll={(e) => {\n onChatBodyScroll(e.currentTarget);\n maybeLoadOlder(e.currentTarget);\n }}\n onWheel={handleWheelForPagination}\n className=\"custom-scrollbar-always flex min-h-0 grow flex-col gap-2 overflow-x-hidden overflow-y-auto px-0 pt-4 pb-8 md:px-4\"\n >\n {isChatLoading && isReturningToConversation && (\n <ChatMessagesSkeleton />\n )}\n\n {isChatLoading && !isReturningToConversation && (\n <div className=\"flex justify-center\" data-testid=\"loading-spinner\">\n <LoadingSpinner size=\"small\" />\n </div>\n )}\n\n {isLoadingOlderEvents && (\n <div\n className=\"flex items-center justify-center gap-2 py-3 text-sm text-neutral-400\"\n data-testid=\"loading-older-events\"\n >\n <LoadingSpinner size=\"small\" />\n <span>{t(I18nKey.CHAT_INTERFACE$FETCHING_OLDER_MESSAGES)}</span>\n </div>\n )}\n\n {/\n * Render whenever there's anything to display. Previously this\n * was gated on `conversationUserEventsExist`, but with the lazy\n * \"50 most recent\" REST fetch the initial window may not include\n * any `source: \"user\"` events (long agent runs between user\n * turns). That left the chat blank, leaving the user nothing to\n * scroll — which is why \"scroll up to load older\" appeared\n * broken. The empty-state ChatSuggestions block above still\n * keeps its own gate (`!userEventsExist && !hasSubstantiveAgentActions`)\n * so brand-new conversations show suggestions, not an empty chat.\n /}\n {/ /model entries created before any event is rendered are\n anchored to `null` and live above the message list. /}\n <ModelMessages conversationId={conversationId} anchorEventId={null} />\n\n {showConversationMessages && renderableEvents.length > 0 && (\n <Messages\n messages={renderableEvents}\n allEvents={allConversationEvents}\n />\n )}\n\n {/\n Render the local pending-message queue independently so messages\n the user just submitted show up immediately (with a faded \"sending\"\n treatment) even before any real conversation event has come back\n from the server. Entries drain (FIFO) when the matching\n UserMessageEvent echoes back over the WebSocket, so this never\n double-renders alongside the real event list.\n */}\n <PendingUserMessages />\n </div>\n\n <div className=\"flex shrink-0 flex-col gap-[6px] pb-4\">\n <BtwMessages conversationId={conversationId} />\n {errorMessage && (\n <ErrorMessageBanner\n message={errorMessage}\n onDismiss={removeErrorMessage}\n onRetry={\n errorMessage === SERVER_CONNECTION_ERROR_MESSAGE\n ? () => conversationWebSocket?.reconnect()\n : undefined\n }\n />\n )}\n\n {llmBlocked && !isArchivedConversation && <LlmNotConfiguredBanner />}\n\n {isArchivedConversation ? (\n // Archived / sandbox-error: show a read-only notice in place of\n // the chat input. The conversation history above is still visible.\n <div\n data-testid=\"archived-conversation-banner\"\n className=\"mx-1 px-4 py-3 rounded-lg bg-[var(--oh-surface)] border border-[var(--oh-border-subtle)]\"\n >\n <p className=\"text-xs font-semibold text-[var(--oh-foreground)]\">\n {sandboxStatus === \"ERROR\"\n ? t(I18nKey.CHAT_INTERFACE$ERROR_SANDBOX_TITLE)\n : t(I18nKey.CHAT_INTERFACE$ARCHIVED_SANDBOX_TITLE)}\n </p>\n <p className=\"text-xs text-[var(--oh-muted)] mt-0.5\">\n {sandboxStatus === \"ERROR\"\n ? t(I18nKey.CHAT_INTERFACE$ERROR_SANDBOX_DESCRIPTION)\n : t(I18nKey.CHAT_INTERFACE$ARCHIVED_SANDBOX_DESCRIPTION)}\n </p>\n </div>\n ) : (\n <div className=\"relative\">\n <div className=\"pointer-events-none absolute inset-x-0 bottom-full mb-1 z-20\">\n <div className=\"flex justify-between relative\">\n <div className=\"flex items-end gap-1 pointer-events-auto\">\n <ConfirmationModeEnabled />\n {isStartingStatus && (\n <ChatStatusIndicator\n statusColor={serverStatusColor}\n status={serverStatusText}\n />\n )}\n </div>\n\n {!hitBottom ? (\n <div className=\"absolute left-1/2 transform -translate-x-1/2 bottom-0 pointer-events-auto\">\n <ScrollToBottomButton onClick={scrollDomToBottom} />\n </div>\n ) : (\n curAgentState === AgentState.RUNNING && (\n <div className=\"absolute left-1/2 transform -translate-x-1/2 bottom-0 pointer-events-auto\">\n <TypingIndicator />\n </div>\n )\n )}\n </div>\n </div>\n\n <InteractiveChatBox\n onSubmit={handleSendMessage}\n disabled={isNewConversationPending \|\| llmBlocked}\n />\n </div>\n )}\n </div>\n </div>\n </ScrollProvider>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,SAAS,GACP,GACA,GACQ;AAGR,QAFI,IAAsB,WACtB,IAAsB,WACnB;;AAGT,SAAgB,IAAgB;CAC9B,IAAM,EAAE,+BAA4B,6BAAyB,IAAa,EACpE,EAAE,wBAAqB,GAAsB,EAC7C,EAAE,iBAAc,wBAAoB,uBACxC,GAAsB,EAClB,EAAE,WAAQ,eAAY,mBAAe,IAAgB,EAGrD,IAAqB,GACrB,IAAwB,GAA0B,EAClD,EAAE,aAAS,GAAgB,EAC3B,EACJ,qBACA,0BACA,gBACA,gCACA,wBACE,IAAmB,EACjB,KAAwB,GAC3B,MAAU,EAAM,sBAClB,EACK,KAA0B,GAC7B,MAAU,EAAM,wBAClB,EACK,IAAkB,GACrB,MAAU,EAAM,gBAClB,EACK,EAAE,SAAM,EAAe,YAAY,EACnC,IAAY,EAAM,OAAuB,KAAK,EAC9C,EACJ,sBACA,qBACA,cACA,eACA,mBACA,qBACE,GAAkB,EAAU,EAC1B,EACJ,QAAQ,IACR,WAAW,MACT,IAA2B,EAEzB,EAAE,qBAAkB,GAAe,EACnC,EAAE,4BAAyB,IAAyB,EAMpD,EAAE,MAAM,OAAuB,GAAuB,EACtD,IAAgB,IAAoB,kBAAkB,MACtD,IAAyB,IAA2B,EAIpD,EAAE,cAAc,IAAiB,WAAW,OAChD,IAAkB,EACd,IAAa,CAAC,MAAsB,CAAC,IAGrC,IACJ,MAAkB,EAAW,WAC7B,MAAkB,EAAW;AAK/B,GAAM,gBAAgB;AACpB,MAAI,EACF;EAGF,IAAM,KAAiB,MAAyB;AAE9C,IAAK,EAAM,WAAW,EAAM,YAAY,EAAM,QAAQ,YACpD,EAAM,gBAAgB,EACtB,EAAM,iBAAiB,EACvB,EAAqB,EAAM,EAC3B,GAAmB;;AAMvB,SAFA,SAAS,iBAAiB,WAAW,EAAc,QAEtC;AACX,YAAS,oBAAoB,WAAW,EAAc;;IAEvD;EAAC;EAAgB;EAAsB;EAAkB,CAAC;CAE7D,IAAM,EAAE,wBAAoB,mBAAe,IAAsB,EAC3D,EAAE,sBAAmB,GAA2B,EAChD,EAAE,aAAa,OAAgB,IAAuB,EAMtD,EACJ,WAAW,GACX,SAAS,GACT,kBACE,GAAmB,EAAe,EAehC,IAAyB,EAAM,OAG3B,KAAK,EACT,IAAiB,EAAM,aAC1B,MAAwB;AACvB,MAAI,KAAsB,KAAwB,CAAC,EACjD;EAGF,IAAM,IAAQ,EAAO,aAAa,IAC5B,IACJ,EAAO,gBAAgB,EAAO,eAAe;AAC3C,GAAC,KAAS,CAAC,MAEf,EAAuB,UAAU;GAC/B,cAAc,EAAO;GACrB,WAAW,EAAO;GACnB,EACD,IAAW,CAAC,OAAO,MAAU;AAM3B,GALA,EAAuB,UAAU,MAKjC,EAHE,aAAiB,SAAS,EAAM,UAC5B,EAAM,UACN,EAAE,EAAQ,cAAc,CACN;IACxB;IAEJ;EACE;EACA;EACA;EACA;EACA;EACA;EACD,CACF,EAEK,KAA2B,EAAM,aACpC,MAAwC;AAGvC,EAAI,EAAE,SAAS,KAAK,EAAE,cAAc,aAAa,KAC/C,EAAe,EAAE,cAAc;IAGnC,CAAC,EAAe,CACjB,EAEK,IAAyB,EAAM,cAEjC,IACI,EAAgB,MAAM,MACpB,EACE,GACA,EAAQ,eACT,CACF,GACD,IACN,CAAC,GAAiB,EAAe,CAClC,EAQK,KACJ,EAAsB,SAAS,KAC/B,KACA,CAAC,GAAuB,kBAEpB,KAA4B,CAAC,CAAC,GAI9B,IAAgB,CADI,MACgB,CAAC,GAOrC,KAAkB,GAAe,MACrC,KACK,EAAE,sBAAsB,IAAiB,UAAU,KAAK,IACzD,GACL,EAEK,KAAoB,OACxB,GACA,GACA,MACG;AAEH,MAAI,EAAQ,MAAM,KAAK,QAAQ;AAC7B,OAAI,CAAC,GAAgB;AACnB,MAAkB,EAAE,EAAQ,yBAAyB,CAAC;AACtD;;AAEF,OAAI,MAAgB,GAAG;AACrB,MAAkB,EAAE,EAAQ,yBAAyB,CAAC;AACtD;;AAEF,OAAI,EACF;AAEF,OAAwB;AACxB;;EAIF,IAAM,IAAS,CAAC,GAAG,EAAe,EAC5B,IAAQ,CAAC,GAAG,EAAc;AAChC,EAAI,MAAgB,IAClB,EAA2B;GACzB,YAAY,GACV,OAAuB,MACvB,OAAe,KAChB;GACD,sBAAsB,EAAQ;GAC9B,gBAAgB,IAAY;GAC7B,CAAC,GAEF,GAAqB;GACnB,qBAAqB;GACrB,sBAAsB,EAAQ;GAC/B,CAAC;EAKJ,IAAM,IAAa,GAAc,CADf,GAAG,GAAQ,GAAG,EACC,CAAS;AAE1C,MAAI,CAAC,EAAW,SAAS;AACvB,KAAkB,UAAU,EAAW,eAAe;AACtD;;EAGF,IAAM,IAAW,EAAO,KAAK,MAAU,GAAqB,EAAM,CAAC,EAC7D,IAAY,MAAM,QAAQ,IAAI,EAAS,EAEvC,qBAAY,IAAI,MAAM,EAAC,aAAa,EAEpC,EAAE,eAAe,GAAc,gBAAgB,MACnD,EAAM,SAAS,IACX,MAAM,GAAY;GAAkB;GAAiB;GAAO,CAAC,GAC7D;GAAE,eAAe,EAAE;GAAE,gBAAgB,EAAE;GAAE;AAE/C,IAAa,SAAS,MAAM,EAAkB,EAAE,OAAO,CAAC;EAExD,IAAM,IAAa,GAAG,EAAE,EAAQ,4CAA4C,CAAC,IAAI,EAAc,KAAK,OAAO,IACrG,IACJ,EAAc,SAAS,IAAI,GAAG,EAAQ,MAAM,MAAe,GAOvD,IAAY,GAAsB;GACtB;GAKhB,MAAM;GACN,SAAS;GACT;GACA,UAAU;GACV;GACD,CAAC;AAKF,EADA,GAAmB,EACnB,EAAiB,GAAG;AAEpB,MAAI;AACF,SAAM,GACJ,GAAkB,GAAQ,GAAW,GAAe,EAAU,CAC/D;WACM,GAAW;AAKlB,MAAwB,GAHtB,aAAqB,QACjB,EAAU,UACV,yBAC8C;;;AAQxD,GAAM,gBAAgB;AAGpB,MAAI,EAAuB,WAAW,EAAU,SAAS;GACvD,IAAM,EAAE,cAAc,GAAY,WAAW,MAC3C,EAAuB,SACnB,IAAM,EAAU,SAChB,IAAQ,EAAI,eAAe;AAIjC,GAHI,IAAQ,MACV,EAAI,YAAY,IAAU,IAE5B,EAAuB,UAAU;AACjC;;AAGF,EAAI,KACF,GAAmB;IAIpB;EAAC,EAAiB;EAAQ;EAAwB;EAAkB,CAAC;CAYxE,IAAM,KAAoB,EAAM,OAAO,EAAe;AAItD,CAHA,EAAM,gBAAgB;AACpB,KAAkB,UAAU;GAC5B,EACF,EAAM,gBAAgB;EACpB,IAAM,IAAS,EAAU;AACpB,OACL,GAAkB,QAAQ,EAAO;IAChC,CAAC,EAAiB,QAAQ,EAAmB,CAAC;CAGjD,IAAM,KAAsB;EAC1B;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EAGK,IACJ,MAAkB,EAAW,WAAW,MAAkB,EAAW,MACjE,KAAe,MAAkB,EAAW,SAC5C,IAAY,MAAkB,EAAW,QACzC,KAAoB,EAAe;EACvC;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EACI,KAAmB,EAAc;EACrC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,kBAAC,IAAD;EAAgB,OAAO;YACrB,kBAAC,OAAD;GACE,WAAU;GACV,eAAY;aAFd;IAIG,CAAC,MACA,CAAC,KACD,CAAC,MACD,CAAC,MACD,CAAC,KACD,CAAC,KACD,MAAgB,KAChB,CAAC,KAKD,CAAC,KACC,kBAAC,IAAD,EACE,qBAAqB,MAAY,EAAiB,EAAQ,EAC1D,CAAA;IAIN,kBAAC,OAAD;KACE,KAAK;KACL,eAAY;KACZ,WAAW,MAAM;AAEf,MADA,EAAiB,EAAE,cAAc,EACjC,EAAe,EAAE,cAAc;;KAEjC,SAAS;KACT,WAAU;eARZ;MAUG,KAAiB,MAChB,kBAAC,IAAD,EAAwB,CAAA;MAGzB,KAAiB,CAAC,MACjB,kBAAC,OAAD;OAAK,WAAU;OAAsB,eAAY;iBAC/C,kBAAC,GAAD,EAAgB,MAAK,SAAU,CAAA;OAC3B,CAAA;MAGP,KACC,kBAAC,OAAD;OACE,WAAU;OACV,eAAY;iBAFd,CAIE,kBAAC,GAAD,EAAgB,MAAK,SAAU,CAAA,EAC/B,kBAAC,QAAD,EAAA,UAAO,EAAE,EAAQ,uCAAuC,EAAQ,CAAA,CAC5D;;MAgBR,kBAAC,IAAD;OAA+B;OAAgB,eAAe;OAAQ,CAAA;MAErE,MAA4B,EAAiB,SAAS,KACrD,kBAAC,IAAD;OACE,UAAU;OACV,WAAW;OACX,CAAA;MAWJ,kBAAC,IAAD,EAAuB,CAAA;MACnB;;IAEN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,IAAD,EAA6B,mBAAkB,CAAA;MAC9C,KACC,kBAAC,IAAD;OACE,SAAS;OACT,WAAW;OACX,SACE,MAAA,sCACU,GAAuB,WAAW,GACxC,KAAA;OAEN,CAAA;MAGH,KAAc,CAAC,KAA0B,kBAAC,IAAD,EAA0B,CAAA;MAEnE,IAGC,kBAAC,OAAD;OACE,eAAY;OACZ,WAAU;iBAFZ,CAIE,kBAAC,KAAD;QAAG,WAAU;kBAEP,EADH,MAAkB,UACb,EAAQ,qCACR,EAAQ,sCAAsC;QAClD,CAAA,EACJ,kBAAC,KAAD;QAAG,WAAU;kBAEP,EADH,MAAkB,UACb,EAAQ,2CACR,EAAQ,4CAA4C;QACxD,CAAA,CACA;WAEN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,IAAD,EAA2B,CAAA,EAC1B,KACC,kBAAC,IAAD;WACE,aAAa;WACb,QAAQ;WACR,CAAA,CAEA;aAEJ,IAKA,MAAkB,EAAW,WAC3B,kBAAC,OAAD;UAAK,WAAU;oBACb,kBAAC,IAAD,EAAmB,CAAA;UACf,CAAA,GAPR,kBAAC,OAAD;UAAK,WAAU;oBACb,kBAAC,IAAD,EAAsB,SAAS,GAAqB,CAAA;UAChD,CAAA,CAQJ;;QACF,CAAA,EAEN,kBAAC,IAAD;QACE,UAAU;QACV,UAAU,KAA4B;QACtC,CAAA,CACE;;MAEJ;;IACF;;EACS,CAAA"}
1	+ {"version":3,"file":"chat-interface.js","names":[],"sources":["../../../../src/components/features/chat/chat-interface.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport { useTranslation } from \"react-i18next\";\nimport { convertImageToBase64 } from \"#/utils/convert-image-to-base-64\";\nimport { createChatMessage } from \"#/services/chat-service\";\nimport { BtwMessages } from \"./btw-messages\";\nimport { ModelMessages } from \"./model-messages\";\nimport { useModelStore } from \"#/stores/model-store\";\nimport { InteractiveChatBox } from \"./interactive-chat-box\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { useFilteredEvents } from \"#/hooks/use-filtered-events\";\nimport { useScrollToBottom } from \"#/hooks/use-scroll-to-bottom\";\nimport { useLoadOlderEvents } from \"#/hooks/use-load-older-events\";\nimport { TypingIndicator } from \"./typing-indicator\";\nimport { ChatSuggestions } from \"./chat-suggestions\";\nimport { ScrollProvider } from \"#/context/scroll-context\";\nimport { useInitialQueryStore } from \"#/stores/initial-query-store\";\nimport { useSendMessage } from \"#/hooks/use-send-message\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\nimport { useHandleBuildPlanClick } from \"#/hooks/use-handle-build-plan-click\";\n\nimport { ScrollToBottomButton } from \"#/components/shared/buttons/scroll-to-bottom-button\";\nimport { LoadingSpinner } from \"#/components/shared/loading-spinner\";\nimport { ChatMessagesSkeleton } from \"./chat-messages-skeleton\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { useErrorMessageStore } from \"#/stores/error-message-store\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { SERVER_CONNECTION_ERROR_MESSAGE } from \"#/constants/server-connection-error\";\nimport { ErrorMessageBanner } from \"./error-message-banner\";\nimport { LlmNotConfiguredBanner } from \"#/components/features/home/llm-not-configured-banner\";\nimport { useLlmConfigured } from \"#/hooks/use-llm-configured\";\nimport { Messages } from \"#/components/conversation-events/chat/messages\";\nimport { PendingUserMessages } from \"./pending-user-messages\";\nimport { useUnifiedUploadFiles } from \"#/hooks/mutation/use-unified-upload-files\";\nimport { validateFiles } from \"#/utils/file-validation\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport ConfirmationModeEnabled from \"./confirmation-mode-enabled\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\nimport { matchesPendingConversationId } from \"#/utils/pending-task-message-link\";\nimport { useConversationWebSocket } from \"#/contexts/conversation-websocket-context\";\nimport ChatStatusIndicator from \"./chat-status-indicator\";\nimport { getStatusColor, getStatusText } from \"#/utils/utils\";\nimport { useNewConversationCommand } from \"#/hooks/mutation/use-new-conversation-command\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\nfunction getEntryPoint(\n hasRepository: boolean \| null,\n hasReplayJson: boolean \| null,\n): string {\n if (hasRepository) return \"github\";\n if (hasReplayJson) return \"replay\";\n return \"direct\";\n}\n\nexport function ChatInterface() {\n const { trackInitialQuerySubmitted, trackUserMessageSent } = useTracking();\n const { setMessageToSend } = useConversationStore();\n const { errorMessage, removeErrorMessage, setErrorMessage } =\n useErrorMessageStore();\n const { isTask, taskStatus, taskDetail } = useTaskPolling();\n // Hide empty-state chrome for the entire `/conversations/task-{uuid}` route,\n // including the brief READY window before redirect completes.\n const isProvisioningTask = isTask;\n const conversationWebSocket = useConversationWebSocket();\n const { send } = useSendMessage();\n const {\n renderableEvents,\n allConversationEvents,\n totalEvents,\n hasSubstantiveAgentActions,\n userEventsExist,\n } = useFilteredEvents();\n const enqueuePendingMessage = useOptimisticUserMessageStore(\n (state) => state.enqueuePendingMessage,\n );\n const markPendingMessageError = useOptimisticUserMessageStore(\n (state) => state.markPendingMessageError,\n );\n const pendingMessages = useOptimisticUserMessageStore(\n (state) => state.pendingMessages,\n );\n const { t } = useTranslation(\"openhands\");\n const scrollRef = React.useRef<HTMLDivElement>(null);\n const {\n scrollDomToBottom,\n onChatBodyScroll,\n hitBottom,\n autoScroll,\n setAutoScroll,\n setHitBottom,\n } = useScrollToBottom(scrollRef);\n const {\n mutate: newConversationCommand,\n isPending: isNewConversationPending,\n } = useNewConversationCommand();\n\n const { curAgentState } = useAgentState();\n const { handleBuildPlanClick } = useHandleBuildPlanClick();\n\n // Cloud conversations whose sandbox is MISSING or ERROR are read-only:\n // the sandbox is gone and cannot be resumed, so we hide the chat input\n // and show an explanatory banner. For local backends sandbox_status is\n // always null, so this is effectively a no-op for non-cloud use.\n const { data: activeConversation } = useActiveConversation();\n const sandboxStatus = activeConversation?.sandbox_status ?? null;\n const isArchivedConversation = useIsArchivedConversation();\n\n // Block sending in a resumed conversation that has no usable LLM, and show\n // the same setup banner as the home screen so the dead end is explained.\n const { isConfigured: isLlmConfigured, isLoading: isLlmConfigLoading } =\n useLlmConfigured();\n const llmBlocked = !isLlmConfigLoading && !isLlmConfigured;\n\n // Disable Build button while agent is running (streaming)\n const isAgentRunning =\n curAgentState === AgentState.RUNNING \|\|\n curAgentState === AgentState.LOADING;\n\n // Global keyboard shortcut for Build button (Cmd+Enter / Ctrl+Enter)\n // This is placed here instead of PlanPreview to avoid duplicate listeners\n // when multiple PlanPreview components exist in the chat\n React.useEffect(() => {\n if (isAgentRunning) {\n return undefined;\n }\n\n const handleKeyDown = (event: KeyboardEvent) => {\n // Check for Cmd+Enter (Mac) or Ctrl+Enter (Windows/Linux)\n if ((event.metaKey \|\| event.ctrlKey) && event.key === \"Enter\") {\n event.preventDefault();\n event.stopPropagation();\n handleBuildPlanClick(event);\n scrollDomToBottom();\n }\n };\n\n document.addEventListener(\"keydown\", handleKeyDown);\n\n return () => {\n document.removeEventListener(\"keydown\", handleKeyDown);\n };\n }, [isAgentRunning, handleBuildPlanClick, scrollDomToBottom]);\n\n const { selectedRepository, replayJson } = useInitialQueryStore();\n const { conversationId } = useOptionalConversationId();\n const { mutateAsync: uploadFiles } = useUnifiedUploadFiles();\n\n // Lazy \"scroll up to load older events\" backfill. Initial REST fetch only\n // returns the most recent page; this hook paginates older events into the\n // store on demand so the chat doesn't load (potentially) thousands of\n // events on first render.\n const {\n isLoading: isLoadingOlderEvents,\n hasMore: hasMoreOlderEvents,\n loadOlder,\n } = useLoadOlderEvents(conversationId);\n\n // Trigger `loadOlder` and preserve the visual scroll position once the\n // older page is merged in (otherwise prepending events would jump the\n // chat far down). We fire from three places to cover the cases the\n // browser's scroll event misses:\n //\n // - `onScroll`: normal \"user scrolled near the top\" path.\n // - `onWheel`: user is already pinned at scrollTop=0 and tries to\n // wheel further up — no scroll event fires past 0.\n // - effect: content is shorter than the viewport (no scrollbar\n // at all), so the user has nothing to scroll. Re-runs\n // as more pages arrive until there's overflow or the\n // server runs out of older events.\n const SCROLL_TOP_THRESHOLD_PX = 80;\n const preserveScrollPosition = React.useRef<{\n scrollHeight: number;\n scrollTop: number;\n } \| null>(null);\n const maybeLoadOlder = React.useCallback(\n (target: HTMLElement) => {\n if (isProvisioningTask \|\| isLoadingOlderEvents \|\| !hasMoreOlderEvents) {\n return;\n }\n\n const atTop = target.scrollTop <= SCROLL_TOP_THRESHOLD_PX;\n const noOverflow =\n target.scrollHeight <= target.clientHeight + SCROLL_TOP_THRESHOLD_PX;\n if (!atTop && !noOverflow) return;\n\n preserveScrollPosition.current = {\n scrollHeight: target.scrollHeight,\n scrollTop: target.scrollTop,\n };\n loadOlder().catch((error) => {\n preserveScrollPosition.current = null;\n const message =\n error instanceof Error && error.message\n ? error.message\n : t(I18nKey.ERROR$GENERIC);\n setErrorMessage(message);\n });\n },\n [\n hasMoreOlderEvents,\n isLoadingOlderEvents,\n isProvisioningTask,\n loadOlder,\n setErrorMessage,\n t,\n ],\n );\n\n const handleWheelForPagination = React.useCallback(\n (e: React.WheelEvent<HTMLDivElement>) => {\n // Browsers don't dispatch a scroll event when scrollTop is already\n // 0 and the user wheels upward, so onScroll alone misses this case.\n if (e.deltaY < 0 && e.currentTarget.scrollTop <= 0) {\n maybeLoadOlder(e.currentTarget);\n }\n },\n [maybeLoadOlder],\n );\n\n const hasPendingUserMessages = React.useMemo(\n () =>\n conversationId\n ? pendingMessages.some((message) =>\n matchesPendingConversationId(\n conversationId,\n message.conversationId,\n ),\n )\n : false,\n [pendingMessages, conversationId],\n );\n\n // Show V1 messages immediately if events exist in store (e.g., remount),\n // if the user already has a locally-tracked pending bubble (home-page cloud\n // submit while history/WS catch up), or once loading completes. This\n // replaces the old transition-observation pattern (useState + useEffect\n // watching loading→loaded) which always showed skeleton on remount because\n // local state initialized to false.\n const showConversationMessages =\n allConversationEvents.length > 0 \|\|\n hasPendingUserMessages \|\|\n !conversationWebSocket?.isLoadingHistory;\n\n const isReturningToConversation = !!conversationId;\n // Only show loading skeleton when genuinely loading AND no events in store yet.\n // If events exist (e.g., remount after data was already fetched), skip skeleton.\n const isHistoryLoading = !showConversationMessages;\n const isChatLoading = isHistoryLoading && !isTask;\n\n // The empty-state ChatSuggestions overlay is absolutely positioned with\n // `pointer-events-auto`, so it would block clicks on any /model entry\n // rendered behind it. Once the user has run /model, the conversation is\n // no longer logically empty — hide suggestions so the profile list is\n // interactive.\n const hasModelEntries = useModelStore((s) =>\n conversationId\n ? (s.entriesByConversation[conversationId]?.length ?? 0) > 0\n : false,\n );\n\n const handleSendMessage = async (\n content: string,\n originalImages: File[],\n originalFiles: File[],\n ) => {\n // Handle /new command for V1 conversations\n if (content.trim() === \"/new\") {\n if (!conversationId) {\n displayErrorToast(t(I18nKey.CONVERSATION$CLEAR_NO_ID));\n return;\n }\n if (totalEvents === 0) {\n displayErrorToast(t(I18nKey.CONVERSATION$CLEAR_EMPTY));\n return;\n }\n if (isNewConversationPending) {\n return;\n }\n newConversationCommand();\n return;\n }\n\n // Create mutable copies of the arrays\n const images = [...originalImages];\n const files = [...originalFiles];\n if (totalEvents === 0) {\n trackInitialQuerySubmitted({\n entryPoint: getEntryPoint(\n selectedRepository !== null,\n replayJson !== null,\n ),\n queryCharacterLength: content.length,\n replayJsonSize: replayJson?.length,\n });\n } else {\n trackUserMessageSent({\n sessionMessageCount: totalEvents,\n currentMessageLength: content.length,\n });\n }\n\n // Validate file sizes before any processing\n const allFiles = [...images, ...files];\n const validation = validateFiles(allFiles);\n\n if (!validation.isValid) {\n displayErrorToast(`Error: ${validation.errorMessage}`);\n return; // Stop processing if validation fails\n }\n\n const promises = images.map((image) => convertImageToBase64(image));\n const imageUrls = await Promise.all(promises);\n\n const timestamp = new Date().toISOString();\n\n const { skipped_files: skippedFiles, uploaded_files: uploadedFiles } =\n files.length > 0\n ? await uploadFiles({ conversationId: conversationId!, files })\n : { skipped_files: [], uploaded_files: [] };\n\n skippedFiles.forEach((f) => displayErrorToast(f.reason));\n\n const filePrompt = `${t(I18nKey.CHAT_INTERFACE$AUGMENTED_PROMPT_FILES_TITLE)}: ${uploadedFiles.join(\"\\n\\n\")}`;\n const prompt =\n uploadedFiles.length > 0 ? `${content}\\n\\n${filePrompt}` : content;\n\n // Enqueue the message into the local pending queue with status \"sending\"\n // so the user immediately sees it in the chat with a faded treatment. The\n // entry is removed when the WebSocket echoes back the corresponding\n // `UserMessageEvent`. If the API call to send the message fails, the entry\n // is flipped to \"error\" with a retry link.\n const pendingId = enqueuePendingMessage({\n conversationId: conversationId!,\n // `text` is what the user sees in the bubble; `content` is what we\n // actually hand to the server (the prompt may include an appended\n // \"Files uploaded: …\" block) and is what the echo will be matched\n // against. They're different when there are file attachments.\n text: content,\n content: prompt,\n imageUrls,\n fileUrls: uploadedFiles,\n timestamp,\n });\n // Submitting a new prompt should always pull the chat back to the\n // latest message even if the user had scrolled up. This also re-arms\n // autoScroll so the streamed agent reply auto-follows.\n scrollDomToBottom();\n setMessageToSend(\"\");\n\n try {\n await send(\n createChatMessage(prompt, imageUrls, uploadedFiles, timestamp),\n );\n } catch (sendError) {\n const sendErrorMessage =\n sendError instanceof Error\n ? sendError.message\n : t(I18nKey.CHAT_INTERFACE$FAILED_TO_SEND_MESSAGE);\n markPendingMessageError(pendingId, sendErrorMessage);\n }\n };\n\n // Auto-scroll to bottom when new messages arrive — but only if the user is\n // already pinned to the bottom. Scrolling up to load older events also\n // grows `renderableEvents`, and we don't want to yank the user back to the\n // bottom in that case.\n React.useEffect(() => {\n // If a \"load older\" was just triggered, restore the scroll position so\n // the conversation appears to extend upward instead of jumping.\n if (preserveScrollPosition.current && scrollRef.current) {\n const { scrollHeight: prevHeight, scrollTop: prevTop } =\n preserveScrollPosition.current;\n const dom = scrollRef.current;\n const delta = dom.scrollHeight - prevHeight;\n if (delta > 0) {\n dom.scrollTop = prevTop + delta;\n }\n preserveScrollPosition.current = null;\n return;\n }\n\n if (autoScroll) {\n scrollDomToBottom();\n }\n // Note: We intentionally exclude autoScroll from deps because we only want\n // to scroll when message content changes, not when autoScroll state changes.\n }, [renderableEvents.length, hasPendingUserMessages, scrollDomToBottom]);\n\n // Auto-load older events when the chat content doesn't overflow the\n // scroll area (no scrollbar to drag, no wheel events past 0). We\n // re-run only when the rendered list grows or `hasMore` flips, NOT\n // when `maybeLoadOlder` re-creates: the underlying hook's `loadOlder`\n // ref changes whenever its internal `isLoading` toggles, so depending\n // on `maybeLoadOlder` would re-fire the effect on every failed page\n // and tight-loop until the server recovered. Driving off\n // `renderableEvents.length` instead means a successful page (events\n // grow) chains the next request, while a failed page (events\n // unchanged) waits for the user to retry.\n const maybeLoadOlderRef = React.useRef(maybeLoadOlder);\n React.useEffect(() => {\n maybeLoadOlderRef.current = maybeLoadOlder;\n });\n React.useEffect(() => {\n const target = scrollRef.current;\n if (!target) return;\n maybeLoadOlderRef.current(target);\n }, [renderableEvents.length, hasMoreOlderEvents]);\n\n // Create a ScrollProvider with the scroll hook values\n const scrollProviderValue = {\n scrollRef,\n autoScroll,\n setAutoScroll,\n scrollDomToBottom,\n hitBottom,\n setHitBottom,\n onChatBodyScroll,\n };\n\n // Get server status indicator props\n const isStartingStatus =\n curAgentState === AgentState.LOADING \|\| curAgentState === AgentState.INIT;\n const isStopStatus = curAgentState === AgentState.STOPPED;\n const isPausing = curAgentState === AgentState.PAUSED;\n const serverStatusColor = getStatusColor({\n isPausing,\n isTask,\n taskStatus,\n isStartingStatus,\n isStopStatus,\n curAgentState,\n });\n const serverStatusText = getStatusText({\n isPausing,\n isTask,\n taskStatus,\n taskDetail,\n isStartingStatus,\n isStopStatus,\n curAgentState,\n errorMessage,\n t,\n });\n\n return (\n <ScrollProvider value={scrollProviderValue}>\n <div\n className=\"relative flex h-full flex-col justify-between px-4\"\n data-testid=\"chat-interface\"\n >\n {!hasSubstantiveAgentActions &&\n !hasPendingUserMessages &&\n !userEventsExist &&\n !hasModelEntries &&\n !isChatLoading &&\n !isProvisioningTask &&\n totalEvents === 0 &&\n !isArchivedConversation &&\n // With no usable LLM the suggestions can't be acted on (the input is\n // disabled). They're also a `pointer-events-auto` overlay that would\n // sit over the LlmNotConfiguredBanner below and swallow clicks on its\n // setup button — so hide them and let the banner be the lone CTA.\n !llmBlocked && (\n <ChatSuggestions\n onSuggestionsClick={(message) => setMessageToSend(message)}\n />\n )}\n {/* Note: We only hide chat suggestions when there's a user message /}\n\n <div\n ref={scrollRef}\n data-testid=\"chat-scroll-container\"\n onScroll={(e) => {\n onChatBodyScroll(e.currentTarget);\n maybeLoadOlder(e.currentTarget);\n }}\n onWheel={handleWheelForPagination}\n className=\"custom-scrollbar-always flex min-h-0 grow flex-col gap-2 overflow-x-hidden overflow-y-auto px-0 pt-4 pb-8 md:px-4\"\n >\n {isChatLoading && isReturningToConversation && (\n <ChatMessagesSkeleton />\n )}\n\n {isChatLoading && !isReturningToConversation && (\n <div className=\"flex justify-center\" data-testid=\"loading-spinner\">\n <LoadingSpinner size=\"small\" />\n </div>\n )}\n\n {isLoadingOlderEvents && (\n <div\n className=\"flex items-center justify-center gap-2 py-3 text-sm text-neutral-400\"\n data-testid=\"loading-older-events\"\n >\n <LoadingSpinner size=\"small\" />\n <span>{t(I18nKey.CHAT_INTERFACE$FETCHING_OLDER_MESSAGES)}</span>\n </div>\n )}\n\n {/\n * Render whenever there's anything to display. Previously this\n * was gated on `conversationUserEventsExist`, but with the lazy\n * \"50 most recent\" REST fetch the initial window may not include\n * any `source: \"user\"` events (long agent runs between user\n * turns). That left the chat blank, leaving the user nothing to\n * scroll — which is why \"scroll up to load older\" appeared\n * broken. The empty-state ChatSuggestions block above still\n * keeps its own gate (`!userEventsExist && !hasSubstantiveAgentActions`)\n * so brand-new conversations show suggestions, not an empty chat.\n /}\n {/ /model entries created before any event is rendered are\n anchored to `null` and live above the message list. /}\n <ModelMessages conversationId={conversationId} anchorEventId={null} />\n\n {showConversationMessages && renderableEvents.length > 0 && (\n <Messages\n messages={renderableEvents}\n allEvents={allConversationEvents}\n />\n )}\n\n {/\n Render the local pending-message queue independently so messages\n the user just submitted show up immediately (with a faded \"sending\"\n treatment) even before any real conversation event has come back\n from the server. Entries drain (FIFO) when the matching\n UserMessageEvent echoes back over the WebSocket, so this never\n double-renders alongside the real event list.\n */}\n <PendingUserMessages />\n </div>\n\n <div className=\"flex shrink-0 flex-col gap-[6px] pb-4\">\n <BtwMessages conversationId={conversationId} />\n {errorMessage && (\n <ErrorMessageBanner\n message={errorMessage}\n onDismiss={removeErrorMessage}\n onRetry={\n errorMessage === SERVER_CONNECTION_ERROR_MESSAGE\n ? () => conversationWebSocket?.reconnect()\n : undefined\n }\n />\n )}\n\n {llmBlocked && !isArchivedConversation && <LlmNotConfiguredBanner />}\n\n {isArchivedConversation ? (\n // Archived / sandbox-error: show a read-only notice in place of\n // the chat input. The conversation history above is still visible.\n <div\n data-testid=\"archived-conversation-banner\"\n className=\"mx-1 px-4 py-3 rounded-lg bg-[var(--oh-surface)] border border-[var(--oh-border-subtle)]\"\n >\n <p className=\"text-xs font-semibold text-[var(--oh-foreground)]\">\n {sandboxStatus === \"ERROR\"\n ? t(I18nKey.CHAT_INTERFACE$ERROR_SANDBOX_TITLE)\n : t(I18nKey.CHAT_INTERFACE$ARCHIVED_SANDBOX_TITLE)}\n </p>\n <p className=\"text-xs text-[var(--oh-muted)] mt-0.5\">\n {sandboxStatus === \"ERROR\"\n ? t(I18nKey.CHAT_INTERFACE$ERROR_SANDBOX_DESCRIPTION)\n : t(I18nKey.CHAT_INTERFACE$ARCHIVED_SANDBOX_DESCRIPTION)}\n </p>\n </div>\n ) : (\n <div className=\"relative\">\n <div className=\"pointer-events-none absolute inset-x-0 bottom-full mb-1 z-20\">\n <div className=\"flex justify-between relative\">\n <div className=\"flex items-end gap-1 pointer-events-auto\">\n <ConfirmationModeEnabled />\n {isStartingStatus && (\n <ChatStatusIndicator\n statusColor={serverStatusColor}\n status={serverStatusText}\n />\n )}\n </div>\n\n {!hitBottom ? (\n <div className=\"absolute left-1/2 transform -translate-x-1/2 bottom-0 pointer-events-auto\">\n <ScrollToBottomButton onClick={scrollDomToBottom} />\n </div>\n ) : (\n curAgentState === AgentState.RUNNING && (\n <div className=\"absolute left-1/2 transform -translate-x-1/2 bottom-0 pointer-events-auto\">\n <TypingIndicator />\n </div>\n )\n )}\n </div>\n </div>\n\n <InteractiveChatBox\n onSubmit={handleSendMessage}\n disabled={isNewConversationPending \|\| llmBlocked}\n />\n </div>\n )}\n </div>\n </div>\n </ScrollProvider>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/chat/git-control-bar.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),t=require(`../../../i18n/declaration.cjs`),n=require(`../../../hooks/use-conversation-id.cjs`),ee=require(`../../../utils/custom-toast-handlers.cjs`),r=require(`../../../contexts/active-backend-context.cjs`),i=require(`../../../stores/optimistic-user-message-store.cjs`),a=require(`../../../api/conversation-metadata-store.cjs`),o=require(`../../../contexts/conversation-websocket-context.cjs`),s=require(`../../../hooks/use-send-message.cjs`),te=require(`../../../hooks/query/use-active-conversation.cjs`),ne=require(`../../../hooks/query/use-task-polling.cjs`),re=require(`../../../hooks/use-unified-websocket-status.cjs`),c=require(`../../../hooks/mutation/use-create-conversation.cjs`),l=require(`../../../hooks/use-user-providers.cjs`),u=require(`./git-control-bar-repo-button.cjs`),d=require(`./git-control-bar-branch-button.cjs`),f=require(`./git-control-bar-pull-button.cjs`),p=require(`./git-control-bar-push-button.cjs`),m=require(`./git-control-bar-pr-button.cjs`),ie=require(`../../../hooks/query/use-local-git-info.cjs`),ae=require(`../../../hooks/mutation/use-update-conversation-repository.cjs`),h=require(`./git-control-bar-tooltip-wrapper.cjs`),g=require(`../../../stores/home-store.cjs`),oe=require(`./open-repository-modal.cjs`),se=require(`../../../context/scroll-context.cjs`);let _=require(`react`),v=require(`react/jsx-runtime`);function y({onSuggestionsClick:y}){let{t:b}=e.useTranslation(`openhands`),{conversationId:x}=n.useConversationId(),[S,C]=(0,_.useState)(!1),[w,T]=(0,_.useState)(!1),E=(0,_.useRef)(null),{addRecentRepository:D}=g.useHomeStore(),O=i.useOptimisticUserMessageStore(e=>e.enqueuePendingMessage),k=i.useOptimisticUserMessageStore(e=>e.markPendingMessageError),{backend:A}=r.useActiveBackend(),j=A.kind===`local`,{providers:M}=l.useUserProviders(),N=j||M.length>0,{data:P}=te.useActiveConversation(),{repositoryInfo:F}=ne.useTaskPolling(),{data:I}=ie.useLocalGitInfo(),L=re.useUnifiedWebSocketStatus(),R=o.useConversationWebSocket()?.isLoadingHistory??!1,z=(0,_.useRef)(L);(0,_.useEffect)(()=>{z.current=L},[L]);let{send:B}=s.useSendMessage(),V=(0,_.useRef)(B);(0,_.useEffect)(()=>{V.current=B},[B]);let ce=se.useOptionalScrollContext(),{mutate:H}=ae.useUpdateConversationRepository(),{mutate:le,isPending:ue}=c.useCreateConversation(),U=P?.selected_repository||F?.selectedRepository,W=P?.git_provider||F?.gitProvider,G=P?.selected_branch||F?.selectedBranch,K=U||I?.repository||void 0,q=W||I?.provider,J=G||I?.branch||void 0,Y=(P?.id?a.getStoredConversationMetadata(P.id):null)?.selected_workspace??null,X=Y&&Y.replace(/\/+$/,``).split(`/`).pop()||null,Z=!!K&&!!q,Q=!!P&&L===`OPEN`&&!R;(0,_.useEffect)(()=>{if(!w)return;let e=e=>{E.current&&!E.current.contains(e.target)&&T(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[w]),(0,_.useEffect)(()=>{if(!w)return;let e=e=>{e.key===`Escape`&&T(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[w]);let de=(e,n)=>{x&&(D(e),H({conversationId:x,repository:e.full_name,branch:n.name,gitProvider:e.git_provider},{onSuccess:()=>{if(z.current!==`OPEN`){ee.displayErrorToast(b(t.I18nKey.CONVERSATION$CLONE_COMMAND_FAILED_DISCONNECTED));return}let r=e.git_provider.charAt(0).toUpperCase()+e.git_provider.slice(1),i=`Clone ${e.full_name} from ${r} and checkout branch ${n.name}.`,a=x?O({conversationId:x,text:i}):null;ce?.scrollDomToBottom(),Promise.resolve(V.current({action:`message`,args:{content:i,timestamp:new Date().toISOString()}})).catch(e=>{a&&k(a,e instanceof Error?e.message:`Failed to send message`)})}}))},$=!j||!!K||!!X,fe=j&&!Z;return $||J||Z?(0,v.jsxs)(`div`,{className:`flex flex-row items-center`,children:[(0,v.jsxs)(`div`,{className:`flex flex-row gap-2.5 items-center overflow-x-auto flex-nowrap relative scrollbar-hide`,children:[$?(0,v.jsx)(u.GitControlBarRepoButton,{selectedRepository:K,gitProvider:q,workspaceName:X,onClick:()=>C(!0),disabled:!Q||fe}):null,J?(0,v.jsx)(d.GitControlBarBranchButton,{selectedBranch:J,selectedRepository:K,gitProvider:q}):null,Z?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(h.GitControlBarTooltipWrapper,{tooltipMessage:b(t.I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT),testId:`git-control-bar-pull-button-tooltip`,shouldShowTooltip:!Z,children:(0,v.jsx)(f.GitControlBarPullButton,{onSuggestionsClick:y,hasRepository:Z,providerTokensReady:N,isConversationReady:Q})}),(0,v.jsx)(h.GitControlBarTooltipWrapper,{tooltipMessage:b(t.I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT),testId:`git-control-bar-push-button-tooltip`,shouldShowTooltip:!Z,children:(0,v.jsx)(p.GitControlBarPushButton,{onSuggestionsClick:y,hasRepository:Z,providerTokensReady:N,currentGitProvider:q,isConversationReady:Q})}),(0,v.jsx)(h.GitControlBarTooltipWrapper,{tooltipMessage:b(t.I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT),testId:`git-control-bar-pr-button-tooltip`,shouldShowTooltip:!Z,children:(0,v.jsx)(m.GitControlBarPrButton,{onSuggestionsClick:y,hasRepository:Z,providerTokensReady:N,currentGitProvider:q,isConversationReady:Q})})]}):null]}),(0,v.jsx)(oe.OpenRepositoryModal,{isOpen:S,onClose:()=>C(!1),onLaunch:de,defaultProvider:q})]}):null}exports.GitControlBar=y;
+require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),t=require(`../../../i18n/declaration.cjs`),n=require(`../../../hooks/use-conversation-id.cjs`),ee=require(`../../../utils/custom-toast-handlers.cjs`),r=require(`../../../contexts/active-backend-context.cjs`),i=require(`../../../stores/optimistic-user-message-store.cjs`),a=require(`../../../api/conversation-metadata-store.cjs`),o=require(`../../../contexts/conversation-websocket-context.cjs`),s=require(`../../../hooks/use-send-message.cjs`),te=require(`../../../hooks/query/use-active-conversation.cjs`),ne=require(`../../../hooks/query/use-task-polling.cjs`),re=require(`../../../hooks/use-unified-websocket-status.cjs`),c=require(`../../../hooks/mutation/use-create-conversation.cjs`),l=require(`../../../hooks/use-user-providers.cjs`),u=require(`./git-control-bar-repo-button.cjs`),d=require(`./git-control-bar-branch-button.cjs`),f=require(`./git-control-bar-pull-button.cjs`),p=require(`./git-control-bar-push-button.cjs`),m=require(`./git-control-bar-pr-button.cjs`),ie=require(`../../../hooks/query/use-local-git-info.cjs`),ae=require(`../../../hooks/mutation/use-update-conversation-repository.cjs`),h=require(`./git-control-bar-tooltip-wrapper.cjs`),g=require(`../../../stores/home-store.cjs`),oe=require(`./open-repository-modal.cjs`),se=require(`../../../context/scroll-context.cjs`);let _=require(`react`),v=require(`react/jsx-runtime`);function y({onSuggestionsClick:y}){let{t:b}=e.useTranslation(`openhands`),{conversationId:x}=n.useConversationId(),[S,C]=(0,_.useState)(!1),[w,T]=(0,_.useState)(!1),E=(0,_.useRef)(null),{addRecentRepository:D}=g.useHomeStore(),O=i.useOptimisticUserMessageStore(e=>e.enqueuePendingMessage),k=i.useOptimisticUserMessageStore(e=>e.markPendingMessageError),{backend:A}=r.useActiveBackend(),j=A.kind===`local`,{providers:M}=l.useUserProviders(),N=j||M.length>0,{data:P}=te.useActiveConversation(),{repositoryInfo:F}=ne.useTaskPolling(),{data:I}=ie.useLocalGitInfo(),L=re.useUnifiedWebSocketStatus(),R=o.useConversationWebSocket()?.isLoadingHistory??!1,z=(0,_.useRef)(L);(0,_.useEffect)(()=>{z.current=L},[L]);let{send:B}=s.useSendMessage(),V=(0,_.useRef)(B);(0,_.useEffect)(()=>{V.current=B},[B]);let ce=se.useOptionalScrollContext(),{mutate:H}=ae.useUpdateConversationRepository(),{mutate:le,isPending:ue}=c.useCreateConversation(),U=P?.selected_repository||F?.selectedRepository,W=P?.git_provider||F?.gitProvider,G=P?.selected_branch||F?.selectedBranch,K=U||I?.repository||void 0,q=W||I?.provider,J=G||I?.branch||void 0,Y=(P?.id?a.getStoredConversationMetadata(P.id):null)?.selected_workspace??null,X=Y&&Y.replace(/\/+$/,``).split(`/`).pop()||null,Z=!!K&&!!q,Q=!!P&&L===`OPEN`&&!R;(0,_.useEffect)(()=>{if(!w)return;let e=e=>{E.current&&!E.current.contains(e.target)&&T(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[w]),(0,_.useEffect)(()=>{if(!w)return;let e=e=>{e.key===`Escape`&&T(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[w]);let de=(e,n)=>{x&&(D(e),H({conversationId:x,repository:e.full_name,branch:n.name,gitProvider:e.git_provider},{onSuccess:()=>{if(z.current!==`OPEN`){ee.displayErrorToast(b(t.I18nKey.CONVERSATION$CLONE_COMMAND_FAILED_DISCONNECTED));return}let r=e.git_provider.charAt(0).toUpperCase()+e.git_provider.slice(1),i=`Clone ${e.full_name} from ${r} and checkout branch ${n.name}.`,a=x?O({conversationId:x,text:i}):null;ce?.scrollDomToBottom(),Promise.resolve(V.current({action:`message`,args:{content:i,timestamp:new Date().toISOString()}})).catch(e=>{a&&k(a,e instanceof Error?e.message:b(t.I18nKey.CHAT_INTERFACE$FAILED_TO_SEND_MESSAGE))})}}))},$=!j||!!K||!!X,fe=j&&!Z;return $||J||Z?(0,v.jsxs)(`div`,{className:`flex flex-row items-center`,children:[(0,v.jsxs)(`div`,{className:`flex flex-row gap-2.5 items-center overflow-x-auto flex-nowrap relative scrollbar-hide`,children:[$?(0,v.jsx)(u.GitControlBarRepoButton,{selectedRepository:K,gitProvider:q,workspaceName:X,onClick:()=>C(!0),disabled:!Q||fe}):null,J?(0,v.jsx)(d.GitControlBarBranchButton,{selectedBranch:J,selectedRepository:K,gitProvider:q}):null,Z?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(h.GitControlBarTooltipWrapper,{tooltipMessage:b(t.I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT),testId:`git-control-bar-pull-button-tooltip`,shouldShowTooltip:!Z,children:(0,v.jsx)(f.GitControlBarPullButton,{onSuggestionsClick:y,hasRepository:Z,providerTokensReady:N,isConversationReady:Q})}),(0,v.jsx)(h.GitControlBarTooltipWrapper,{tooltipMessage:b(t.I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT),testId:`git-control-bar-push-button-tooltip`,shouldShowTooltip:!Z,children:(0,v.jsx)(p.GitControlBarPushButton,{onSuggestionsClick:y,hasRepository:Z,providerTokensReady:N,currentGitProvider:q,isConversationReady:Q})}),(0,v.jsx)(h.GitControlBarTooltipWrapper,{tooltipMessage:b(t.I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT),testId:`git-control-bar-pr-button-tooltip`,shouldShowTooltip:!Z,children:(0,v.jsx)(m.GitControlBarPrButton,{onSuggestionsClick:y,hasRepository:Z,providerTokensReady:N,currentGitProvider:q,isConversationReady:Q})})]}):null]}),(0,v.jsx)(oe.OpenRepositoryModal,{isOpen:S,onClose:()=>C(!1),onLaunch:de,defaultProvider:q})]}):null}exports.GitControlBar=y;
 //# sourceMappingURL=git-control-bar.cjs.map

package/dist/components/features/chat/git-control-bar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"git-control-bar.cjs","names":[],"sources":["../../../../src/components/features/chat/git-control-bar.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { GitControlBarRepoButton } from \"./git-control-bar-repo-button\";\nimport { GitControlBarBranchButton } from \"./git-control-bar-branch-button\";\nimport { GitControlBarPullButton } from \"./git-control-bar-pull-button\";\nimport { GitControlBarPushButton } from \"./git-control-bar-push-button\";\nimport { GitControlBarPrButton } from \"./git-control-bar-pr-button\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useLocalGitInfo } from \"#/hooks/query/use-local-git-info\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\nimport { useUnifiedWebSocketStatus } from \"#/hooks/use-unified-websocket-status\";\nimport { useConversationWebSocket } from \"#/contexts/conversation-websocket-context\";\nimport { useSendMessage } from \"#/hooks/use-send-message\";\nimport { useUpdateConversationRepository } from \"#/hooks/mutation/use-update-conversation-repository\";\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { Provider } from \"#/types/settings\";\nimport { Branch, GitRepository } from \"#/types/git\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { GitControlBarTooltipWrapper } from \"./git-control-bar-tooltip-wrapper\";\nimport { OpenRepositoryModal } from \"./open-repository-modal\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { useHomeStore } from \"#/stores/home-store\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { getStoredConversationMetadata } from \"#/api/conversation-metadata-store\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { useOptionalScrollContext } from \"#/context/scroll-context\";\n\ninterface GitControlBarProps {\n onSuggestionsClick: (value: string) => void;\n}\n\nexport function GitControlBar({ onSuggestionsClick }: GitControlBarProps) {\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const [isOpenRepoModalOpen, setIsOpenRepoModalOpen] = useState(false);\n const [isWorkspaceMenuOpen, setIsWorkspaceMenuOpen] = useState(false);\n const workspaceMenuContainerRef = useRef<HTMLDivElement>(null);\n const { addRecentRepository } = useHomeStore();\n const enqueuePendingMessage = useOptimisticUserMessageStore(\n (state) => state.enqueuePendingMessage,\n );\n const markPendingMessageError = useOptimisticUserMessageStore(\n (state) => state.markPendingMessageError,\n );\n const { backend } = useActiveBackend();\n const isLocalBackend = backend.kind === \"local\";\n const { providers } = useUserProviders();\n const providerTokensReady = isLocalBackend \|\| providers.length > 0;\n\n const { data: conversation } = useActiveConversation();\n const { repositoryInfo } = useTaskPolling();\n const { data: localGitInfo } = useLocalGitInfo();\n const webSocketStatus = useUnifiedWebSocketStatus();\n const conversationWebSocket = useConversationWebSocket();\n const isLoadingHistory = conversationWebSocket?.isLoadingHistory ?? false;\n const webSocketStatusRef = useRef(webSocketStatus);\n useEffect(() => {\n webSocketStatusRef.current = webSocketStatus;\n }, [webSocketStatus]);\n const { send } = useSendMessage();\n const sendRef = useRef(send);\n useEffect(() => {\n sendRef.current = send;\n }, [send]);\n const scrollContext = useOptionalScrollContext();\n const { mutate: updateRepository } = useUpdateConversationRepository();\n const { mutate: _createConversation, isPending: _isCreatingConversation } =\n useCreateConversation();\n\n // Priority: conversation data > task data > locally-detected git info.\n // The local fallback runs `git remote get-url origin` / `git rev-parse --abbrev-ref HEAD`\n // in the conversation's working dir so local-workspace conversations can\n // still display a repo and branch in the control bar.\n const conversationRepository =\n conversation?.selected_repository \|\| repositoryInfo?.selectedRepository;\n const conversationProvider = (conversation?.git_provider \|\|\n repositoryInfo?.gitProvider) as Provider \| undefined;\n const conversationBranch =\n conversation?.selected_branch \|\| repositoryInfo?.selectedBranch;\n\n const selectedRepository =\n conversationRepository \|\| localGitInfo?.repository \|\| undefined;\n const gitProvider = (conversationProvider \|\|\n localGitInfo?.provider) as Provider;\n const selectedBranch =\n conversationBranch \|\| localGitInfo?.branch \|\| undefined;\n\n // For folder-only conversations (no remote repo), surface the basename of\n // the originally attached workspace path so the button reads e.g. \"test\"\n // rather than \"No Repo Connected\". `selected_workspace` is recorded at\n // conversation creation; we prefer it over `workspace.working_dir` because\n // the latter may point at a worktree subdir.\n const storedMetadata = conversation?.id\n ? getStoredConversationMetadata(conversation.id)\n : null;\n const workspacePath = storedMetadata?.selected_workspace ?? null;\n const workspaceName = workspacePath\n ? workspacePath.replace(/\\/+$/, \"\").split(\"/\").pop() \|\| null\n : null;\n\n // Enable git actions whenever a repository and provider are known, including\n // local conversations where repo metadata is inferred from git remotes.\n const hasRepository = !!selectedRepository && !!gitProvider;\n\n // Enable buttons only when conversation exists, WS is connected, and the\n // initial history preload has finished (matches chat-interface loading gate).\n const isConversationReady =\n !!conversation && webSocketStatus === \"OPEN\" && !isLoadingHistory;\n\n useEffect(() => {\n if (!isWorkspaceMenuOpen) return undefined;\n const onMouseDown = (event: MouseEvent) => {\n if (\n workspaceMenuContainerRef.current &&\n !workspaceMenuContainerRef.current.contains(event.target as Node)\n ) {\n setIsWorkspaceMenuOpen(false);\n }\n };\n document.addEventListener(\"mousedown\", onMouseDown);\n return () => document.removeEventListener(\"mousedown\", onMouseDown);\n }, [isWorkspaceMenuOpen]);\n\n useEffect(() => {\n if (!isWorkspaceMenuOpen) return undefined;\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n setIsWorkspaceMenuOpen(false);\n }\n };\n window.addEventListener(\"keydown\", onKeyDown);\n return () => window.removeEventListener(\"keydown\", onKeyDown);\n }, [isWorkspaceMenuOpen]);\n\n const handleLaunchRepository = (\n repository: GitRepository,\n branch: Branch,\n ) => {\n if (!conversationId) return;\n\n // Persist to recent repositories list (matches home page behavior)\n addRecentRepository(repository);\n\n // Note: We update repository metadata first, then send clone command.\n // The clone command is sent to the agent via WebSocket (fire-and-forget).\n // If cloning fails, the agent will report the error in the chat,\n // and the user can retry or change the repository.\n // This is a trade-off: immediate UI feedback vs. strict atomicity.\n updateRepository(\n {\n conversationId,\n repository: repository.full_name,\n branch: branch.name,\n gitProvider: repository.git_provider,\n },\n {\n onSuccess: () => {\n // Use ref to read the latest WebSocket status (avoids stale closure)\n if (webSocketStatusRef.current !== \"OPEN\") {\n displayErrorToast(\n t(I18nKey.CONVERSATION$CLONE_COMMAND_FAILED_DISCONNECTED),\n );\n return;\n }\n\n // Send clone command to agent after metadata is updated\n // Use ref to always call the latest send function (avoids stale closure\n // where V1 sendMessage holds a reference to a now-closed WebSocket)\n // Include git provider in prompt so agent clones from correct source\n const providerName =\n repository.git_provider.charAt(0).toUpperCase() +\n repository.git_provider.slice(1);\n const clonePrompt = `Clone ${repository.full_name} from ${providerName} and checkout branch ${branch.name}.`;\n const pendingId = conversationId\n ? enqueuePendingMessage({ conversationId, text: clonePrompt })\n : null;\n // Pull chat back to the bottom so the optimistic \"Clone …\" bubble\n // is visible even if the user had scrolled up.\n scrollContext?.scrollDomToBottom();\n // `send` returns a Promise; surface a failed send by flipping the\n // matching pending entry to \"error\" so the user gets the retry link\n // rather than a perpetual \"Sending…\" bubble.\n Promise.resolve(\n sendRef.current({\n action: \"message\",\n args: {\n content: clonePrompt,\n timestamp: new Date().toISOString(),\n },\n }),\n ).catch((error) => {\n if (!pendingId) return;\n const errorMessage =\n error instanceof Error ? error.message : \"Failed to send message\";\n markPendingMessageError(pendingId, errorMessage);\n });\n },\n },\n );\n };\n\n // Local backends never use the remote-repo \"Connect Repo\" CTA, so suppress the\n // empty-state button there. A repo or workspace label inferred from local git\n // metadata is still informational and stays visible.\n const showRepoButton =\n !isLocalBackend \|\| !!selectedRepository \|\| !!workspaceName;\n // On a local backend the informational pill (e.g. workspace name, or a repo\n // detected without a recognized provider) should not open the remote-repo\n // modal — that flow is cloud-only. Disable the button in that case so the\n // click is a no-op. Linkable repos render as <a> and ignore `disabled`.\n const isRepoButtonInert = isLocalBackend && !hasRepository;\n\n // True when the bar will render at least one chip (cloud always shows\n // \"Open Repository\"; local needs a repo or a workspace name; selected\n // branch or push/pull/PR also count). When false, the bar has nothing to\n // show — return null so the wrapper above collapses to its natural padding\n // instead of leaving an empty DOM node below the chat input.\n const hasAnyContent = showRepoButton \|\| !!selectedBranch \|\| hasRepository;\n if (!hasAnyContent) return null;\n\n return (\n <div className=\"flex flex-row items-center\">\n <div className=\"flex flex-row gap-2.5 items-center overflow-x-auto flex-nowrap relative scrollbar-hide\">\n {showRepoButton ? (\n <GitControlBarRepoButton\n selectedRepository={selectedRepository}\n gitProvider={gitProvider}\n workspaceName={workspaceName}\n onClick={() => setIsOpenRepoModalOpen(true)}\n disabled={!isConversationReady \|\| isRepoButtonInert}\n />\n ) : null}\n\n {selectedBranch ? (\n <GitControlBarBranchButton\n selectedBranch={selectedBranch}\n selectedRepository={selectedRepository}\n gitProvider={gitProvider}\n />\n ) : null}\n\n {hasRepository ? (\n <>\n <GitControlBarTooltipWrapper\n tooltipMessage={t(I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT)}\n testId=\"git-control-bar-pull-button-tooltip\"\n shouldShowTooltip={!hasRepository}\n >\n <GitControlBarPullButton\n onSuggestionsClick={onSuggestionsClick}\n hasRepository={hasRepository}\n providerTokensReady={providerTokensReady}\n isConversationReady={isConversationReady}\n />\n </GitControlBarTooltipWrapper>\n\n <GitControlBarTooltipWrapper\n tooltipMessage={t(I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT)}\n testId=\"git-control-bar-push-button-tooltip\"\n shouldShowTooltip={!hasRepository}\n >\n <GitControlBarPushButton\n onSuggestionsClick={onSuggestionsClick}\n hasRepository={hasRepository}\n providerTokensReady={providerTokensReady}\n currentGitProvider={gitProvider}\n isConversationReady={isConversationReady}\n />\n </GitControlBarTooltipWrapper>\n\n <GitControlBarTooltipWrapper\n tooltipMessage={t(I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT)}\n testId=\"git-control-bar-pr-button-tooltip\"\n shouldShowTooltip={!hasRepository}\n >\n <GitControlBarPrButton\n onSuggestionsClick={onSuggestionsClick}\n hasRepository={hasRepository}\n providerTokensReady={providerTokensReady}\n currentGitProvider={gitProvider}\n isConversationReady={isConversationReady}\n />\n </GitControlBarTooltipWrapper>\n </>\n ) : null}\n </div>\n\n <OpenRepositoryModal\n isOpen={isOpenRepoModalOpen}\n onClose={() => setIsOpenRepoModalOpen(false)}\n onLaunch={handleLaunchRepository}\n defaultProvider={gitProvider}\n />\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"git-control-bar.cjs","names":[],"sources":["../../../../src/components/features/chat/git-control-bar.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { GitControlBarRepoButton } from \"./git-control-bar-repo-button\";\nimport { GitControlBarBranchButton } from \"./git-control-bar-branch-button\";\nimport { GitControlBarPullButton } from \"./git-control-bar-pull-button\";\nimport { GitControlBarPushButton } from \"./git-control-bar-push-button\";\nimport { GitControlBarPrButton } from \"./git-control-bar-pr-button\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useLocalGitInfo } from \"#/hooks/query/use-local-git-info\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\nimport { useUnifiedWebSocketStatus } from \"#/hooks/use-unified-websocket-status\";\nimport { useConversationWebSocket } from \"#/contexts/conversation-websocket-context\";\nimport { useSendMessage } from \"#/hooks/use-send-message\";\nimport { useUpdateConversationRepository } from \"#/hooks/mutation/use-update-conversation-repository\";\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { Provider } from \"#/types/settings\";\nimport { Branch, GitRepository } from \"#/types/git\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { GitControlBarTooltipWrapper } from \"./git-control-bar-tooltip-wrapper\";\nimport { OpenRepositoryModal } from \"./open-repository-modal\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { useHomeStore } from \"#/stores/home-store\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { getStoredConversationMetadata } from \"#/api/conversation-metadata-store\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { useOptionalScrollContext } from \"#/context/scroll-context\";\n\ninterface GitControlBarProps {\n onSuggestionsClick: (value: string) => void;\n}\n\nexport function GitControlBar({ onSuggestionsClick }: GitControlBarProps) {\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const [isOpenRepoModalOpen, setIsOpenRepoModalOpen] = useState(false);\n const [isWorkspaceMenuOpen, setIsWorkspaceMenuOpen] = useState(false);\n const workspaceMenuContainerRef = useRef<HTMLDivElement>(null);\n const { addRecentRepository } = useHomeStore();\n const enqueuePendingMessage = useOptimisticUserMessageStore(\n (state) => state.enqueuePendingMessage,\n );\n const markPendingMessageError = useOptimisticUserMessageStore(\n (state) => state.markPendingMessageError,\n );\n const { backend } = useActiveBackend();\n const isLocalBackend = backend.kind === \"local\";\n const { providers } = useUserProviders();\n const providerTokensReady = isLocalBackend \|\| providers.length > 0;\n\n const { data: conversation } = useActiveConversation();\n const { repositoryInfo } = useTaskPolling();\n const { data: localGitInfo } = useLocalGitInfo();\n const webSocketStatus = useUnifiedWebSocketStatus();\n const conversationWebSocket = useConversationWebSocket();\n const isLoadingHistory = conversationWebSocket?.isLoadingHistory ?? false;\n const webSocketStatusRef = useRef(webSocketStatus);\n useEffect(() => {\n webSocketStatusRef.current = webSocketStatus;\n }, [webSocketStatus]);\n const { send } = useSendMessage();\n const sendRef = useRef(send);\n useEffect(() => {\n sendRef.current = send;\n }, [send]);\n const scrollContext = useOptionalScrollContext();\n const { mutate: updateRepository } = useUpdateConversationRepository();\n const { mutate: _createConversation, isPending: _isCreatingConversation } =\n useCreateConversation();\n\n // Priority: conversation data > task data > locally-detected git info.\n // The local fallback runs `git remote get-url origin` / `git rev-parse --abbrev-ref HEAD`\n // in the conversation's working dir so local-workspace conversations can\n // still display a repo and branch in the control bar.\n const conversationRepository =\n conversation?.selected_repository \|\| repositoryInfo?.selectedRepository;\n const conversationProvider = (conversation?.git_provider \|\|\n repositoryInfo?.gitProvider) as Provider \| undefined;\n const conversationBranch =\n conversation?.selected_branch \|\| repositoryInfo?.selectedBranch;\n\n const selectedRepository =\n conversationRepository \|\| localGitInfo?.repository \|\| undefined;\n const gitProvider = (conversationProvider \|\|\n localGitInfo?.provider) as Provider;\n const selectedBranch =\n conversationBranch \|\| localGitInfo?.branch \|\| undefined;\n\n // For folder-only conversations (no remote repo), surface the basename of\n // the originally attached workspace path so the button reads e.g. \"test\"\n // rather than \"No Repo Connected\". `selected_workspace` is recorded at\n // conversation creation; we prefer it over `workspace.working_dir` because\n // the latter may point at a worktree subdir.\n const storedMetadata = conversation?.id\n ? getStoredConversationMetadata(conversation.id)\n : null;\n const workspacePath = storedMetadata?.selected_workspace ?? null;\n const workspaceName = workspacePath\n ? workspacePath.replace(/\\/+$/, \"\").split(\"/\").pop() \|\| null\n : null;\n\n // Enable git actions whenever a repository and provider are known, including\n // local conversations where repo metadata is inferred from git remotes.\n const hasRepository = !!selectedRepository && !!gitProvider;\n\n // Enable buttons only when conversation exists, WS is connected, and the\n // initial history preload has finished (matches chat-interface loading gate).\n const isConversationReady =\n !!conversation && webSocketStatus === \"OPEN\" && !isLoadingHistory;\n\n useEffect(() => {\n if (!isWorkspaceMenuOpen) return undefined;\n const onMouseDown = (event: MouseEvent) => {\n if (\n workspaceMenuContainerRef.current &&\n !workspaceMenuContainerRef.current.contains(event.target as Node)\n ) {\n setIsWorkspaceMenuOpen(false);\n }\n };\n document.addEventListener(\"mousedown\", onMouseDown);\n return () => document.removeEventListener(\"mousedown\", onMouseDown);\n }, [isWorkspaceMenuOpen]);\n\n useEffect(() => {\n if (!isWorkspaceMenuOpen) return undefined;\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n setIsWorkspaceMenuOpen(false);\n }\n };\n window.addEventListener(\"keydown\", onKeyDown);\n return () => window.removeEventListener(\"keydown\", onKeyDown);\n }, [isWorkspaceMenuOpen]);\n\n const handleLaunchRepository = (\n repository: GitRepository,\n branch: Branch,\n ) => {\n if (!conversationId) return;\n\n // Persist to recent repositories list (matches home page behavior)\n addRecentRepository(repository);\n\n // Note: We update repository metadata first, then send clone command.\n // The clone command is sent to the agent via WebSocket (fire-and-forget).\n // If cloning fails, the agent will report the error in the chat,\n // and the user can retry or change the repository.\n // This is a trade-off: immediate UI feedback vs. strict atomicity.\n updateRepository(\n {\n conversationId,\n repository: repository.full_name,\n branch: branch.name,\n gitProvider: repository.git_provider,\n },\n {\n onSuccess: () => {\n // Use ref to read the latest WebSocket status (avoids stale closure)\n if (webSocketStatusRef.current !== \"OPEN\") {\n displayErrorToast(\n t(I18nKey.CONVERSATION$CLONE_COMMAND_FAILED_DISCONNECTED),\n );\n return;\n }\n\n // Send clone command to agent after metadata is updated\n // Use ref to always call the latest send function (avoids stale closure\n // where V1 sendMessage holds a reference to a now-closed WebSocket)\n // Include git provider in prompt so agent clones from correct source\n const providerName =\n repository.git_provider.charAt(0).toUpperCase() +\n repository.git_provider.slice(1);\n const clonePrompt = `Clone ${repository.full_name} from ${providerName} and checkout branch ${branch.name}.`;\n const pendingId = conversationId\n ? enqueuePendingMessage({ conversationId, text: clonePrompt })\n : null;\n // Pull chat back to the bottom so the optimistic \"Clone …\" bubble\n // is visible even if the user had scrolled up.\n scrollContext?.scrollDomToBottom();\n // `send` returns a Promise; surface a failed send by flipping the\n // matching pending entry to \"error\" so the user gets the retry link\n // rather than a perpetual \"Sending…\" bubble.\n Promise.resolve(\n sendRef.current({\n action: \"message\",\n args: {\n content: clonePrompt,\n timestamp: new Date().toISOString(),\n },\n }),\n ).catch((error) => {\n if (!pendingId) return;\n const errorMessage =\n error instanceof Error\n ? error.message\n : t(I18nKey.CHAT_INTERFACE$FAILED_TO_SEND_MESSAGE);\n markPendingMessageError(pendingId, errorMessage);\n });\n },\n },\n );\n };\n\n // Local backends never use the remote-repo \"Connect Repo\" CTA, so suppress the\n // empty-state button there. A repo or workspace label inferred from local git\n // metadata is still informational and stays visible.\n const showRepoButton =\n !isLocalBackend \|\| !!selectedRepository \|\| !!workspaceName;\n // On a local backend the informational pill (e.g. workspace name, or a repo\n // detected without a recognized provider) should not open the remote-repo\n // modal — that flow is cloud-only. Disable the button in that case so the\n // click is a no-op. Linkable repos render as <a> and ignore `disabled`.\n const isRepoButtonInert = isLocalBackend && !hasRepository;\n\n // True when the bar will render at least one chip (cloud always shows\n // \"Open Repository\"; local needs a repo or a workspace name; selected\n // branch or push/pull/PR also count). When false, the bar has nothing to\n // show — return null so the wrapper above collapses to its natural padding\n // instead of leaving an empty DOM node below the chat input.\n const hasAnyContent = showRepoButton \|\| !!selectedBranch \|\| hasRepository;\n if (!hasAnyContent) return null;\n\n return (\n <div className=\"flex flex-row items-center\">\n <div className=\"flex flex-row gap-2.5 items-center overflow-x-auto flex-nowrap relative scrollbar-hide\">\n {showRepoButton ? (\n <GitControlBarRepoButton\n selectedRepository={selectedRepository}\n gitProvider={gitProvider}\n workspaceName={workspaceName}\n onClick={() => setIsOpenRepoModalOpen(true)}\n disabled={!isConversationReady \|\| isRepoButtonInert}\n />\n ) : null}\n\n {selectedBranch ? (\n <GitControlBarBranchButton\n selectedBranch={selectedBranch}\n selectedRepository={selectedRepository}\n gitProvider={gitProvider}\n />\n ) : null}\n\n {hasRepository ? (\n <>\n <GitControlBarTooltipWrapper\n tooltipMessage={t(I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT)}\n testId=\"git-control-bar-pull-button-tooltip\"\n shouldShowTooltip={!hasRepository}\n >\n <GitControlBarPullButton\n onSuggestionsClick={onSuggestionsClick}\n hasRepository={hasRepository}\n providerTokensReady={providerTokensReady}\n isConversationReady={isConversationReady}\n />\n </GitControlBarTooltipWrapper>\n\n <GitControlBarTooltipWrapper\n tooltipMessage={t(I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT)}\n testId=\"git-control-bar-push-button-tooltip\"\n shouldShowTooltip={!hasRepository}\n >\n <GitControlBarPushButton\n onSuggestionsClick={onSuggestionsClick}\n hasRepository={hasRepository}\n providerTokensReady={providerTokensReady}\n currentGitProvider={gitProvider}\n isConversationReady={isConversationReady}\n />\n </GitControlBarTooltipWrapper>\n\n <GitControlBarTooltipWrapper\n tooltipMessage={t(I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT)}\n testId=\"git-control-bar-pr-button-tooltip\"\n shouldShowTooltip={!hasRepository}\n >\n <GitControlBarPrButton\n onSuggestionsClick={onSuggestionsClick}\n hasRepository={hasRepository}\n providerTokensReady={providerTokensReady}\n currentGitProvider={gitProvider}\n isConversationReady={isConversationReady}\n />\n </GitControlBarTooltipWrapper>\n </>\n ) : null}\n </div>\n\n <OpenRepositoryModal\n isOpen={isOpenRepoModalOpen}\n onClose={() => setIsOpenRepoModalOpen(false)}\n onLaunch={handleLaunchRepository}\n defaultProvider={gitProvider}\n />\n </div>\n );\n}\n"],"mappings":"68CAiCA,SAAgB,EAAc,CAAE,sBAA0C,CACxE,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,CAAE,kBAAmB,EAAA,mBAAmB,CACxC,CAAC,EAAqB,IAAA,EAAA,EAAA,UAAmC,GAAM,CAC/D,CAAC,EAAqB,IAAA,EAAA,EAAA,UAAmC,GAAM,CAC/D,GAAA,EAAA,EAAA,QAAmD,KAAK,CACxD,CAAE,uBAAwB,EAAA,cAAc,CACxC,EAAwB,EAAA,8BAC3B,GAAU,EAAM,sBAClB,CACK,EAA0B,EAAA,8BAC7B,GAAU,EAAM,wBAClB,CACK,CAAE,WAAY,EAAA,kBAAkB,CAChC,EAAiB,EAAQ,OAAS,QAClC,CAAE,aAAc,EAAA,kBAAkB,CAClC,EAAsB,GAAkB,EAAU,OAAS,EAE3D,CAAE,KAAM,GAAiB,GAAA,uBAAuB,CAChD,CAAE,kBAAmB,GAAA,gBAAgB,CACrC,CAAE,KAAM,GAAiB,GAAA,iBAAiB,CAC1C,EAAkB,GAAA,2BAA2B,CAE7C,EADwB,EAAA,0BACL,EAAuB,kBAAoB,GAC9D,GAAA,EAAA,EAAA,QAA4B,EAAgB,EAClD,EAAA,EAAA,eAAgB,CACd,EAAmB,QAAU,GAC5B,CAAC,EAAgB,CAAC,CACrB,GAAM,CAAE,QAAS,EAAA,gBAAgB,CAC3B,GAAA,EAAA,EAAA,QAAiB,EAAK,EAC5B,EAAA,EAAA,eAAgB,CACd,EAAQ,QAAU,GACjB,CAAC,EAAK,CAAC,CACV,IAAM,GAAgB,GAAA,0BAA0B,CAC1C,CAAE,OAAQ,GAAqB,GAAA,iCAAiC,CAChE,CAAE,OAAQ,GAAqB,UAAW,IAC9C,EAAA,uBAAuB,CAMnB,EACJ,GAAc,qBAAuB,GAAgB,mBACjD,EAAwB,GAAc,cAC1C,GAAgB,YACZ,EACJ,GAAc,iBAAmB,GAAgB,eAE7C,EACJ,GAA0B,GAAc,YAAc,IAAA,GAClD,EAAe,GACnB,GAAc,SACV,EACJ,GAAsB,GAAc,QAAU,IAAA,GAU1C,GAHiB,GAAc,GACjC,EAAA,8BAA8B,EAAa,GAAG,CAC9C,OACkC,oBAAsB,KACtD,EAAgB,GAClB,EAAc,QAAQ,OAAQ,GAAG,CAAC,MAAM,IAAI,CAAC,KAAK,EAClD,KAIE,EAAgB,CAAC,CAAC,GAAsB,CAAC,CAAC,EAI1C,EACJ,CAAC,CAAC,GAAgB,IAAoB,QAAU,CAAC,GAEnD,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EAAqB,OAC1B,IAAM,EAAe,GAAsB,CAEvC,EAA0B,SAC1B,CAAC,EAA0B,QAAQ,SAAS,EAAM,OAAe,EAEjE,EAAuB,GAAM,EAIjC,OADA,SAAS,iBAAiB,YAAa,EAAY,KACtC,SAAS,oBAAoB,YAAa,EAAY,EAClE,CAAC,EAAoB,CAAC,EAEzB,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EAAqB,OAC1B,IAAM,EAAa,GAAyB,CACtC,EAAM,MAAQ,UAChB,EAAuB,GAAM,EAIjC,OADA,OAAO,iBAAiB,UAAW,EAAU,KAChC,OAAO,oBAAoB,UAAW,EAAU,EAC5D,CAAC,EAAoB,CAAC,CAEzB,IAAM,IACJ,EACA,IACG,CACE,IAGL,EAAoB,EAAW,CAO/B,EACE,CACE,iBACA,WAAY,EAAW,UACvB,OAAQ,EAAO,KACf,YAAa,EAAW,aACzB,CACD,CACE,cAAiB,CAEf,GAAI,EAAmB,UAAY,OAAQ,CACzC,GAAA,kBACE,EAAE,EAAA,QAAQ,+CAA+C,CAC1D,CACD,OAOF,IAAM,EACJ,EAAW,aAAa,OAAO,EAAE,CAAC,aAAa,CAC/C,EAAW,aAAa,MAAM,EAAE,CAC5B,EAAc,SAAS,EAAW,UAAU,QAAQ,EAAa,uBAAuB,EAAO,KAAK,GACpG,EAAY,EACd,EAAsB,CAAE,iBAAgB,KAAM,EAAa,CAAC,CAC5D,KAGJ,IAAe,mBAAmB,CAIlC,QAAQ,QACN,EAAQ,QAAQ,CACd,OAAQ,UACR,KAAM,CACJ,QAAS,EACT,UAAW,IAAI,MAAM,CAAC,aAAa,CACpC,CACF,CAAC,CACH,CAAC,MAAO,GAAU,CACZ,GAKL,EAAwB,EAHtB,aAAiB,MACb,EAAM,QACN,EAAE,EAAA,QAAQ,sCAAsC,CACN,EAChD,EAEL,CACF,GAMG,EACJ,CAAC,GAAkB,CAAC,CAAC,GAAsB,CAAC,CAAC,EAKzC,GAAoB,GAAkB,CAAC,EAU7C,OAHsB,GAAoB,GAAkB,GAI1D,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,sCAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kGAAf,CACG,GACC,EAAA,EAAA,KAAC,EAAA,wBAAD,CACsB,qBACP,cACE,gBACf,YAAe,EAAuB,GAAK,CAC3C,SAAU,CAAC,GAAuB,GAClC,CAAA,CACA,KAEH,GACC,EAAA,EAAA,KAAC,EAAA,0BAAD,CACkB,iBACI,qBACP,cACb,CAAA,CACA,KAEH,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,4BAAD,CACE,eAAgB,EAAE,EAAA,QAAQ,kCAAkC,CAC5D,OAAO,sCACP,kBAAmB,CAAC,YAEpB,EAAA,EAAA,KAAC,EAAA,wBAAD,CACsB,qBACL,gBACM,sBACA,sBACrB,CAAA,CAC0B,CAAA,EAE9B,EAAA,EAAA,KAAC,EAAA,4BAAD,CACE,eAAgB,EAAE,EAAA,QAAQ,kCAAkC,CAC5D,OAAO,sCACP,kBAAmB,CAAC,YAEpB,EAAA,EAAA,KAAC,EAAA,wBAAD,CACsB,qBACL,gBACM,sBACrB,mBAAoB,EACC,sBACrB,CAAA,CAC0B,CAAA,EAE9B,EAAA,EAAA,KAAC,EAAA,4BAAD,CACE,eAAgB,EAAE,EAAA,QAAQ,kCAAkC,CAC5D,OAAO,oCACP,kBAAmB,CAAC,YAEpB,EAAA,EAAA,KAAC,EAAA,sBAAD,CACsB,qBACL,gBACM,sBACrB,mBAAoB,EACC,sBACrB,CAAA,CAC0B,CAAA,CAC7B,CAAA,CAAA,CACD,KACA,IAEN,EAAA,EAAA,KAAC,GAAA,oBAAD,CACE,OAAQ,EACR,YAAe,EAAuB,GAAM,CAC5C,SAAU,GACV,gBAAiB,EACjB,CAAA,CACE,GA3EmB"}

package/dist/components/features/chat/git-control-bar.js CHANGED Viewed

@@ -71,7 +71,7 @@ function C({ onSuggestionsClick: C }) {
 					timestamp: (/* @__PURE__ */ new Date()).toISOString()
 				}
 			})).catch((e) => {
-				o && M(o, e instanceof Error ? e.message : "Failed to send message");
+				o && M(o, e instanceof Error ? e.message : w(t.CHAT_INTERFACE$FAILED_TO_SEND_MESSAGE));
 			});
 		} }));
 	}, $ = !P || !!K || !!X;

package/dist/components/features/chat/git-control-bar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"git-control-bar.js","names":[],"sources":["../../../../src/components/features/chat/git-control-bar.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { GitControlBarRepoButton } from \"./git-control-bar-repo-button\";\nimport { GitControlBarBranchButton } from \"./git-control-bar-branch-button\";\nimport { GitControlBarPullButton } from \"./git-control-bar-pull-button\";\nimport { GitControlBarPushButton } from \"./git-control-bar-push-button\";\nimport { GitControlBarPrButton } from \"./git-control-bar-pr-button\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useLocalGitInfo } from \"#/hooks/query/use-local-git-info\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\nimport { useUnifiedWebSocketStatus } from \"#/hooks/use-unified-websocket-status\";\nimport { useConversationWebSocket } from \"#/contexts/conversation-websocket-context\";\nimport { useSendMessage } from \"#/hooks/use-send-message\";\nimport { useUpdateConversationRepository } from \"#/hooks/mutation/use-update-conversation-repository\";\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { Provider } from \"#/types/settings\";\nimport { Branch, GitRepository } from \"#/types/git\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { GitControlBarTooltipWrapper } from \"./git-control-bar-tooltip-wrapper\";\nimport { OpenRepositoryModal } from \"./open-repository-modal\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { useHomeStore } from \"#/stores/home-store\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { getStoredConversationMetadata } from \"#/api/conversation-metadata-store\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { useOptionalScrollContext } from \"#/context/scroll-context\";\n\ninterface GitControlBarProps {\n onSuggestionsClick: (value: string) => void;\n}\n\nexport function GitControlBar({ onSuggestionsClick }: GitControlBarProps) {\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const [isOpenRepoModalOpen, setIsOpenRepoModalOpen] = useState(false);\n const [isWorkspaceMenuOpen, setIsWorkspaceMenuOpen] = useState(false);\n const workspaceMenuContainerRef = useRef<HTMLDivElement>(null);\n const { addRecentRepository } = useHomeStore();\n const enqueuePendingMessage = useOptimisticUserMessageStore(\n (state) => state.enqueuePendingMessage,\n );\n const markPendingMessageError = useOptimisticUserMessageStore(\n (state) => state.markPendingMessageError,\n );\n const { backend } = useActiveBackend();\n const isLocalBackend = backend.kind === \"local\";\n const { providers } = useUserProviders();\n const providerTokensReady = isLocalBackend \|\| providers.length > 0;\n\n const { data: conversation } = useActiveConversation();\n const { repositoryInfo } = useTaskPolling();\n const { data: localGitInfo } = useLocalGitInfo();\n const webSocketStatus = useUnifiedWebSocketStatus();\n const conversationWebSocket = useConversationWebSocket();\n const isLoadingHistory = conversationWebSocket?.isLoadingHistory ?? false;\n const webSocketStatusRef = useRef(webSocketStatus);\n useEffect(() => {\n webSocketStatusRef.current = webSocketStatus;\n }, [webSocketStatus]);\n const { send } = useSendMessage();\n const sendRef = useRef(send);\n useEffect(() => {\n sendRef.current = send;\n }, [send]);\n const scrollContext = useOptionalScrollContext();\n const { mutate: updateRepository } = useUpdateConversationRepository();\n const { mutate: _createConversation, isPending: _isCreatingConversation } =\n useCreateConversation();\n\n // Priority: conversation data > task data > locally-detected git info.\n // The local fallback runs `git remote get-url origin` / `git rev-parse --abbrev-ref HEAD`\n // in the conversation's working dir so local-workspace conversations can\n // still display a repo and branch in the control bar.\n const conversationRepository =\n conversation?.selected_repository \|\| repositoryInfo?.selectedRepository;\n const conversationProvider = (conversation?.git_provider \|\|\n repositoryInfo?.gitProvider) as Provider \| undefined;\n const conversationBranch =\n conversation?.selected_branch \|\| repositoryInfo?.selectedBranch;\n\n const selectedRepository =\n conversationRepository \|\| localGitInfo?.repository \|\| undefined;\n const gitProvider = (conversationProvider \|\|\n localGitInfo?.provider) as Provider;\n const selectedBranch =\n conversationBranch \|\| localGitInfo?.branch \|\| undefined;\n\n // For folder-only conversations (no remote repo), surface the basename of\n // the originally attached workspace path so the button reads e.g. \"test\"\n // rather than \"No Repo Connected\". `selected_workspace` is recorded at\n // conversation creation; we prefer it over `workspace.working_dir` because\n // the latter may point at a worktree subdir.\n const storedMetadata = conversation?.id\n ? getStoredConversationMetadata(conversation.id)\n : null;\n const workspacePath = storedMetadata?.selected_workspace ?? null;\n const workspaceName = workspacePath\n ? workspacePath.replace(/\\/+$/, \"\").split(\"/\").pop() \|\| null\n : null;\n\n // Enable git actions whenever a repository and provider are known, including\n // local conversations where repo metadata is inferred from git remotes.\n const hasRepository = !!selectedRepository && !!gitProvider;\n\n // Enable buttons only when conversation exists, WS is connected, and the\n // initial history preload has finished (matches chat-interface loading gate).\n const isConversationReady =\n !!conversation && webSocketStatus === \"OPEN\" && !isLoadingHistory;\n\n useEffect(() => {\n if (!isWorkspaceMenuOpen) return undefined;\n const onMouseDown = (event: MouseEvent) => {\n if (\n workspaceMenuContainerRef.current &&\n !workspaceMenuContainerRef.current.contains(event.target as Node)\n ) {\n setIsWorkspaceMenuOpen(false);\n }\n };\n document.addEventListener(\"mousedown\", onMouseDown);\n return () => document.removeEventListener(\"mousedown\", onMouseDown);\n }, [isWorkspaceMenuOpen]);\n\n useEffect(() => {\n if (!isWorkspaceMenuOpen) return undefined;\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n setIsWorkspaceMenuOpen(false);\n }\n };\n window.addEventListener(\"keydown\", onKeyDown);\n return () => window.removeEventListener(\"keydown\", onKeyDown);\n }, [isWorkspaceMenuOpen]);\n\n const handleLaunchRepository = (\n repository: GitRepository,\n branch: Branch,\n ) => {\n if (!conversationId) return;\n\n // Persist to recent repositories list (matches home page behavior)\n addRecentRepository(repository);\n\n // Note: We update repository metadata first, then send clone command.\n // The clone command is sent to the agent via WebSocket (fire-and-forget).\n // If cloning fails, the agent will report the error in the chat,\n // and the user can retry or change the repository.\n // This is a trade-off: immediate UI feedback vs. strict atomicity.\n updateRepository(\n {\n conversationId,\n repository: repository.full_name,\n branch: branch.name,\n gitProvider: repository.git_provider,\n },\n {\n onSuccess: () => {\n // Use ref to read the latest WebSocket status (avoids stale closure)\n if (webSocketStatusRef.current !== \"OPEN\") {\n displayErrorToast(\n t(I18nKey.CONVERSATION$CLONE_COMMAND_FAILED_DISCONNECTED),\n );\n return;\n }\n\n // Send clone command to agent after metadata is updated\n // Use ref to always call the latest send function (avoids stale closure\n // where V1 sendMessage holds a reference to a now-closed WebSocket)\n // Include git provider in prompt so agent clones from correct source\n const providerName =\n repository.git_provider.charAt(0).toUpperCase() +\n repository.git_provider.slice(1);\n const clonePrompt = `Clone ${repository.full_name} from ${providerName} and checkout branch ${branch.name}.`;\n const pendingId = conversationId\n ? enqueuePendingMessage({ conversationId, text: clonePrompt })\n : null;\n // Pull chat back to the bottom so the optimistic \"Clone …\" bubble\n // is visible even if the user had scrolled up.\n scrollContext?.scrollDomToBottom();\n // `send` returns a Promise; surface a failed send by flipping the\n // matching pending entry to \"error\" so the user gets the retry link\n // rather than a perpetual \"Sending…\" bubble.\n Promise.resolve(\n sendRef.current({\n action: \"message\",\n args: {\n content: clonePrompt,\n timestamp: new Date().toISOString(),\n },\n }),\n ).catch((error) => {\n if (!pendingId) return;\n const errorMessage =\n error instanceof Error ? error.message : \"Failed to send message\";\n markPendingMessageError(pendingId, errorMessage);\n });\n },\n },\n );\n };\n\n // Local backends never use the remote-repo \"Connect Repo\" CTA, so suppress the\n // empty-state button there. A repo or workspace label inferred from local git\n // metadata is still informational and stays visible.\n const showRepoButton =\n !isLocalBackend \|\| !!selectedRepository \|\| !!workspaceName;\n // On a local backend the informational pill (e.g. workspace name, or a repo\n // detected without a recognized provider) should not open the remote-repo\n // modal — that flow is cloud-only. Disable the button in that case so the\n // click is a no-op. Linkable repos render as <a> and ignore `disabled`.\n const isRepoButtonInert = isLocalBackend && !hasRepository;\n\n // True when the bar will render at least one chip (cloud always shows\n // \"Open Repository\"; local needs a repo or a workspace name; selected\n // branch or push/pull/PR also count). When false, the bar has nothing to\n // show — return null so the wrapper above collapses to its natural padding\n // instead of leaving an empty DOM node below the chat input.\n const hasAnyContent = showRepoButton \|\| !!selectedBranch \|\| hasRepository;\n if (!hasAnyContent) return null;\n\n return (\n <div className=\"flex flex-row items-center\">\n <div className=\"flex flex-row gap-2.5 items-center overflow-x-auto flex-nowrap relative scrollbar-hide\">\n {showRepoButton ? (\n <GitControlBarRepoButton\n selectedRepository={selectedRepository}\n gitProvider={gitProvider}\n workspaceName={workspaceName}\n onClick={() => setIsOpenRepoModalOpen(true)}\n disabled={!isConversationReady \|\| isRepoButtonInert}\n />\n ) : null}\n\n {selectedBranch ? (\n <GitControlBarBranchButton\n selectedBranch={selectedBranch}\n selectedRepository={selectedRepository}\n gitProvider={gitProvider}\n />\n ) : null}\n\n {hasRepository ? (\n <>\n <GitControlBarTooltipWrapper\n tooltipMessage={t(I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT)}\n testId=\"git-control-bar-pull-button-tooltip\"\n shouldShowTooltip={!hasRepository}\n >\n <GitControlBarPullButton\n onSuggestionsClick={onSuggestionsClick}\n hasRepository={hasRepository}\n providerTokensReady={providerTokensReady}\n isConversationReady={isConversationReady}\n />\n </GitControlBarTooltipWrapper>\n\n <GitControlBarTooltipWrapper\n tooltipMessage={t(I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT)}\n testId=\"git-control-bar-push-button-tooltip\"\n shouldShowTooltip={!hasRepository}\n >\n <GitControlBarPushButton\n onSuggestionsClick={onSuggestionsClick}\n hasRepository={hasRepository}\n providerTokensReady={providerTokensReady}\n currentGitProvider={gitProvider}\n isConversationReady={isConversationReady}\n />\n </GitControlBarTooltipWrapper>\n\n <GitControlBarTooltipWrapper\n tooltipMessage={t(I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT)}\n testId=\"git-control-bar-pr-button-tooltip\"\n shouldShowTooltip={!hasRepository}\n >\n <GitControlBarPrButton\n onSuggestionsClick={onSuggestionsClick}\n hasRepository={hasRepository}\n providerTokensReady={providerTokensReady}\n currentGitProvider={gitProvider}\n isConversationReady={isConversationReady}\n />\n </GitControlBarTooltipWrapper>\n </>\n ) : null}\n </div>\n\n <OpenRepositoryModal\n isOpen={isOpenRepoModalOpen}\n onClose={() => setIsOpenRepoModalOpen(false)}\n onLaunch={handleLaunchRepository}\n defaultProvider={gitProvider}\n />\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"git-control-bar.js","names":[],"sources":["../../../../src/components/features/chat/git-control-bar.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { GitControlBarRepoButton } from \"./git-control-bar-repo-button\";\nimport { GitControlBarBranchButton } from \"./git-control-bar-branch-button\";\nimport { GitControlBarPullButton } from \"./git-control-bar-pull-button\";\nimport { GitControlBarPushButton } from \"./git-control-bar-push-button\";\nimport { GitControlBarPrButton } from \"./git-control-bar-pr-button\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useLocalGitInfo } from \"#/hooks/query/use-local-git-info\";\nimport { useTaskPolling } from \"#/hooks/query/use-task-polling\";\nimport { useUnifiedWebSocketStatus } from \"#/hooks/use-unified-websocket-status\";\nimport { useConversationWebSocket } from \"#/contexts/conversation-websocket-context\";\nimport { useSendMessage } from \"#/hooks/use-send-message\";\nimport { useUpdateConversationRepository } from \"#/hooks/mutation/use-update-conversation-repository\";\nimport { useCreateConversation } from \"#/hooks/mutation/use-create-conversation\";\nimport { Provider } from \"#/types/settings\";\nimport { Branch, GitRepository } from \"#/types/git\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { GitControlBarTooltipWrapper } from \"./git-control-bar-tooltip-wrapper\";\nimport { OpenRepositoryModal } from \"./open-repository-modal\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { useHomeStore } from \"#/stores/home-store\";\nimport { useOptimisticUserMessageStore } from \"#/stores/optimistic-user-message-store\";\nimport { getStoredConversationMetadata } from \"#/api/conversation-metadata-store\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { useUserProviders } from \"#/hooks/use-user-providers\";\nimport { useOptionalScrollContext } from \"#/context/scroll-context\";\n\ninterface GitControlBarProps {\n onSuggestionsClick: (value: string) => void;\n}\n\nexport function GitControlBar({ onSuggestionsClick }: GitControlBarProps) {\n const { t } = useTranslation(\"openhands\");\n const { conversationId } = useConversationId();\n const [isOpenRepoModalOpen, setIsOpenRepoModalOpen] = useState(false);\n const [isWorkspaceMenuOpen, setIsWorkspaceMenuOpen] = useState(false);\n const workspaceMenuContainerRef = useRef<HTMLDivElement>(null);\n const { addRecentRepository } = useHomeStore();\n const enqueuePendingMessage = useOptimisticUserMessageStore(\n (state) => state.enqueuePendingMessage,\n );\n const markPendingMessageError = useOptimisticUserMessageStore(\n (state) => state.markPendingMessageError,\n );\n const { backend } = useActiveBackend();\n const isLocalBackend = backend.kind === \"local\";\n const { providers } = useUserProviders();\n const providerTokensReady = isLocalBackend \|\| providers.length > 0;\n\n const { data: conversation } = useActiveConversation();\n const { repositoryInfo } = useTaskPolling();\n const { data: localGitInfo } = useLocalGitInfo();\n const webSocketStatus = useUnifiedWebSocketStatus();\n const conversationWebSocket = useConversationWebSocket();\n const isLoadingHistory = conversationWebSocket?.isLoadingHistory ?? false;\n const webSocketStatusRef = useRef(webSocketStatus);\n useEffect(() => {\n webSocketStatusRef.current = webSocketStatus;\n }, [webSocketStatus]);\n const { send } = useSendMessage();\n const sendRef = useRef(send);\n useEffect(() => {\n sendRef.current = send;\n }, [send]);\n const scrollContext = useOptionalScrollContext();\n const { mutate: updateRepository } = useUpdateConversationRepository();\n const { mutate: _createConversation, isPending: _isCreatingConversation } =\n useCreateConversation();\n\n // Priority: conversation data > task data > locally-detected git info.\n // The local fallback runs `git remote get-url origin` / `git rev-parse --abbrev-ref HEAD`\n // in the conversation's working dir so local-workspace conversations can\n // still display a repo and branch in the control bar.\n const conversationRepository =\n conversation?.selected_repository \|\| repositoryInfo?.selectedRepository;\n const conversationProvider = (conversation?.git_provider \|\|\n repositoryInfo?.gitProvider) as Provider \| undefined;\n const conversationBranch =\n conversation?.selected_branch \|\| repositoryInfo?.selectedBranch;\n\n const selectedRepository =\n conversationRepository \|\| localGitInfo?.repository \|\| undefined;\n const gitProvider = (conversationProvider \|\|\n localGitInfo?.provider) as Provider;\n const selectedBranch =\n conversationBranch \|\| localGitInfo?.branch \|\| undefined;\n\n // For folder-only conversations (no remote repo), surface the basename of\n // the originally attached workspace path so the button reads e.g. \"test\"\n // rather than \"No Repo Connected\". `selected_workspace` is recorded at\n // conversation creation; we prefer it over `workspace.working_dir` because\n // the latter may point at a worktree subdir.\n const storedMetadata = conversation?.id\n ? getStoredConversationMetadata(conversation.id)\n : null;\n const workspacePath = storedMetadata?.selected_workspace ?? null;\n const workspaceName = workspacePath\n ? workspacePath.replace(/\\/+$/, \"\").split(\"/\").pop() \|\| null\n : null;\n\n // Enable git actions whenever a repository and provider are known, including\n // local conversations where repo metadata is inferred from git remotes.\n const hasRepository = !!selectedRepository && !!gitProvider;\n\n // Enable buttons only when conversation exists, WS is connected, and the\n // initial history preload has finished (matches chat-interface loading gate).\n const isConversationReady =\n !!conversation && webSocketStatus === \"OPEN\" && !isLoadingHistory;\n\n useEffect(() => {\n if (!isWorkspaceMenuOpen) return undefined;\n const onMouseDown = (event: MouseEvent) => {\n if (\n workspaceMenuContainerRef.current &&\n !workspaceMenuContainerRef.current.contains(event.target as Node)\n ) {\n setIsWorkspaceMenuOpen(false);\n }\n };\n document.addEventListener(\"mousedown\", onMouseDown);\n return () => document.removeEventListener(\"mousedown\", onMouseDown);\n }, [isWorkspaceMenuOpen]);\n\n useEffect(() => {\n if (!isWorkspaceMenuOpen) return undefined;\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"Escape\") {\n setIsWorkspaceMenuOpen(false);\n }\n };\n window.addEventListener(\"keydown\", onKeyDown);\n return () => window.removeEventListener(\"keydown\", onKeyDown);\n }, [isWorkspaceMenuOpen]);\n\n const handleLaunchRepository = (\n repository: GitRepository,\n branch: Branch,\n ) => {\n if (!conversationId) return;\n\n // Persist to recent repositories list (matches home page behavior)\n addRecentRepository(repository);\n\n // Note: We update repository metadata first, then send clone command.\n // The clone command is sent to the agent via WebSocket (fire-and-forget).\n // If cloning fails, the agent will report the error in the chat,\n // and the user can retry or change the repository.\n // This is a trade-off: immediate UI feedback vs. strict atomicity.\n updateRepository(\n {\n conversationId,\n repository: repository.full_name,\n branch: branch.name,\n gitProvider: repository.git_provider,\n },\n {\n onSuccess: () => {\n // Use ref to read the latest WebSocket status (avoids stale closure)\n if (webSocketStatusRef.current !== \"OPEN\") {\n displayErrorToast(\n t(I18nKey.CONVERSATION$CLONE_COMMAND_FAILED_DISCONNECTED),\n );\n return;\n }\n\n // Send clone command to agent after metadata is updated\n // Use ref to always call the latest send function (avoids stale closure\n // where V1 sendMessage holds a reference to a now-closed WebSocket)\n // Include git provider in prompt so agent clones from correct source\n const providerName =\n repository.git_provider.charAt(0).toUpperCase() +\n repository.git_provider.slice(1);\n const clonePrompt = `Clone ${repository.full_name} from ${providerName} and checkout branch ${branch.name}.`;\n const pendingId = conversationId\n ? enqueuePendingMessage({ conversationId, text: clonePrompt })\n : null;\n // Pull chat back to the bottom so the optimistic \"Clone …\" bubble\n // is visible even if the user had scrolled up.\n scrollContext?.scrollDomToBottom();\n // `send` returns a Promise; surface a failed send by flipping the\n // matching pending entry to \"error\" so the user gets the retry link\n // rather than a perpetual \"Sending…\" bubble.\n Promise.resolve(\n sendRef.current({\n action: \"message\",\n args: {\n content: clonePrompt,\n timestamp: new Date().toISOString(),\n },\n }),\n ).catch((error) => {\n if (!pendingId) return;\n const errorMessage =\n error instanceof Error\n ? error.message\n : t(I18nKey.CHAT_INTERFACE$FAILED_TO_SEND_MESSAGE);\n markPendingMessageError(pendingId, errorMessage);\n });\n },\n },\n );\n };\n\n // Local backends never use the remote-repo \"Connect Repo\" CTA, so suppress the\n // empty-state button there. A repo or workspace label inferred from local git\n // metadata is still informational and stays visible.\n const showRepoButton =\n !isLocalBackend \|\| !!selectedRepository \|\| !!workspaceName;\n // On a local backend the informational pill (e.g. workspace name, or a repo\n // detected without a recognized provider) should not open the remote-repo\n // modal — that flow is cloud-only. Disable the button in that case so the\n // click is a no-op. Linkable repos render as <a> and ignore `disabled`.\n const isRepoButtonInert = isLocalBackend && !hasRepository;\n\n // True when the bar will render at least one chip (cloud always shows\n // \"Open Repository\"; local needs a repo or a workspace name; selected\n // branch or push/pull/PR also count). When false, the bar has nothing to\n // show — return null so the wrapper above collapses to its natural padding\n // instead of leaving an empty DOM node below the chat input.\n const hasAnyContent = showRepoButton \|\| !!selectedBranch \|\| hasRepository;\n if (!hasAnyContent) return null;\n\n return (\n <div className=\"flex flex-row items-center\">\n <div className=\"flex flex-row gap-2.5 items-center overflow-x-auto flex-nowrap relative scrollbar-hide\">\n {showRepoButton ? (\n <GitControlBarRepoButton\n selectedRepository={selectedRepository}\n gitProvider={gitProvider}\n workspaceName={workspaceName}\n onClick={() => setIsOpenRepoModalOpen(true)}\n disabled={!isConversationReady \|\| isRepoButtonInert}\n />\n ) : null}\n\n {selectedBranch ? (\n <GitControlBarBranchButton\n selectedBranch={selectedBranch}\n selectedRepository={selectedRepository}\n gitProvider={gitProvider}\n />\n ) : null}\n\n {hasRepository ? (\n <>\n <GitControlBarTooltipWrapper\n tooltipMessage={t(I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT)}\n testId=\"git-control-bar-pull-button-tooltip\"\n shouldShowTooltip={!hasRepository}\n >\n <GitControlBarPullButton\n onSuggestionsClick={onSuggestionsClick}\n hasRepository={hasRepository}\n providerTokensReady={providerTokensReady}\n isConversationReady={isConversationReady}\n />\n </GitControlBarTooltipWrapper>\n\n <GitControlBarTooltipWrapper\n tooltipMessage={t(I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT)}\n testId=\"git-control-bar-push-button-tooltip\"\n shouldShowTooltip={!hasRepository}\n >\n <GitControlBarPushButton\n onSuggestionsClick={onSuggestionsClick}\n hasRepository={hasRepository}\n providerTokensReady={providerTokensReady}\n currentGitProvider={gitProvider}\n isConversationReady={isConversationReady}\n />\n </GitControlBarTooltipWrapper>\n\n <GitControlBarTooltipWrapper\n tooltipMessage={t(I18nKey.COMMON$GIT_TOOLS_DISABLED_CONTENT)}\n testId=\"git-control-bar-pr-button-tooltip\"\n shouldShowTooltip={!hasRepository}\n >\n <GitControlBarPrButton\n onSuggestionsClick={onSuggestionsClick}\n hasRepository={hasRepository}\n providerTokensReady={providerTokensReady}\n currentGitProvider={gitProvider}\n isConversationReady={isConversationReady}\n />\n </GitControlBarTooltipWrapper>\n </>\n ) : null}\n </div>\n\n <OpenRepositoryModal\n isOpen={isOpenRepoModalOpen}\n onClose={() => setIsOpenRepoModalOpen(false)}\n onLaunch={handleLaunchRepository}\n defaultProvider={gitProvider}\n />\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,SAAgB,EAAc,EAAE,yBAA0C;CACxE,IAAM,EAAE,SAAM,EAAe,YAAY,EACnC,EAAE,sBAAmB,GAAmB,EACxC,CAAC,IAAqB,KAA0B,EAAS,GAAM,EAC/D,CAAC,GAAqB,KAA0B,EAAS,GAAM,EAC/D,IAA4B,EAAuB,KAAK,EACxD,EAAE,2BAAwB,IAAc,EACxC,IAAwB,GAC3B,MAAU,EAAM,sBAClB,EACK,IAA0B,GAC7B,MAAU,EAAM,wBAClB,EACK,EAAE,eAAY,GAAkB,EAChC,IAAiB,EAAQ,SAAS,SAClC,EAAE,iBAAc,IAAkB,EAClC,IAAsB,KAAkB,EAAU,SAAS,GAE3D,EAAE,MAAM,MAAiB,IAAuB,EAChD,EAAE,sBAAmB,IAAgB,EACrC,EAAE,MAAM,MAAiB,GAAiB,EAC1C,IAAkB,GAA2B,EAE7C,IADwB,IACL,EAAuB,oBAAoB,IAC9D,IAAqB,EAAO,EAAgB;AAClD,SAAgB;AACd,IAAmB,UAAU;IAC5B,CAAC,EAAgB,CAAC;CACrB,IAAM,EAAE,YAAS,IAAgB,EAC3B,IAAU,EAAO,EAAK;AAC5B,SAAgB;AACd,IAAQ,UAAU;IACjB,CAAC,EAAK,CAAC;CACV,IAAM,IAAgB,IAA0B,EAC1C,EAAE,QAAQ,OAAqB,GAAiC,EAChE,EAAE,QAAQ,IAAqB,WAAW,OAC9C,GAAuB,EAMnB,KACJ,GAAc,uBAAuB,GAAgB,oBACjD,KAAwB,GAAc,gBAC1C,GAAgB,aACZ,KACJ,GAAc,mBAAmB,GAAgB,gBAE7C,IACJ,MAA0B,GAAc,cAAc,KAAA,GAClD,IAAe,MACnB,GAAc,UACV,IACJ,MAAsB,GAAc,UAAU,KAAA,GAU1C,KAHiB,GAAc,KACjC,EAA8B,EAAa,GAAG,GAC9C,OACkC,sBAAsB,MACtD,IAAgB,KAClB,EAAc,QAAQ,QAAQ,GAAG,CAAC,MAAM,IAAI,CAAC,KAAK,IAClD,MAIE,IAAgB,CAAC,CAAC,KAAsB,CAAC,CAAC,GAI1C,IACJ,CAAC,CAAC,KAAgB,MAAoB,UAAU,CAAC;AAgBnD,CAdA,QAAgB;AACd,MAAI,CAAC,EAAqB;EAC1B,IAAM,KAAe,MAAsB;AACzC,GACE,EAA0B,WAC1B,CAAC,EAA0B,QAAQ,SAAS,EAAM,OAAe,IAEjE,EAAuB,GAAM;;AAIjC,SADA,SAAS,iBAAiB,aAAa,EAAY,QACtC,SAAS,oBAAoB,aAAa,EAAY;IAClE,CAAC,EAAoB,CAAC,EAEzB,QAAgB;AACd,MAAI,CAAC,EAAqB;EAC1B,IAAM,KAAa,MAAyB;AAC1C,GAAI,EAAM,QAAQ,YAChB,EAAuB,GAAM;;AAIjC,SADA,OAAO,iBAAiB,WAAW,EAAU,QAChC,OAAO,oBAAoB,WAAW,EAAU;IAC5D,CAAC,EAAoB,CAAC;CAEzB,IAAM,MACJ,GACA,MACG;AACE,QAGL,EAAoB,EAAW,EAO/B,GACE;GACE;GACA,YAAY,EAAW;GACvB,QAAQ,EAAO;GACf,aAAa,EAAW;GACzB,EACD,EACE,iBAAiB;AAEf,OAAI,EAAmB,YAAY,QAAQ;AACzC,MACE,EAAE,EAAQ,+CAA+C,CAC1D;AACD;;GAOF,IAAM,IACJ,EAAW,aAAa,OAAO,EAAE,CAAC,aAAa,GAC/C,EAAW,aAAa,MAAM,EAAE,EAC5B,IAAc,SAAS,EAAW,UAAU,QAAQ,EAAa,uBAAuB,EAAO,KAAK,IACpG,IAAY,IACd,EAAsB;IAAE;IAAgB,MAAM;IAAa,CAAC,GAC5D;AAOJ,GAJA,GAAe,mBAAmB,EAIlC,QAAQ,QACN,EAAQ,QAAQ;IACd,QAAQ;IACR,MAAM;KACJ,SAAS;KACT,4BAAW,IAAI,MAAM,EAAC,aAAa;KACpC;IACF,CAAC,CACH,CAAC,OAAO,MAAU;AACZ,SAKL,EAAwB,GAHtB,aAAiB,QACb,EAAM,UACN,EAAE,EAAQ,sCAAsC,CACN;KAChD;KAEL,CACF;IAMG,IACJ,CAAC,KAAkB,CAAC,CAAC,KAAsB,CAAC,CAAC;AAe/C,QAHsB,KAAoB,KAAkB,IAI1D,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,IACC,kBAAC,IAAD;KACsB;KACP;KACE;KACf,eAAe,EAAuB,GAAK;KAC3C,UAAU,CAAC,KAnBK,KAAkB,CAAC;KAoBnC,CAAA,GACA;IAEH,IACC,kBAAC,GAAD;KACkB;KACI;KACP;KACb,CAAA,GACA;IAEH,IACC,kBAAA,GAAA,EAAA,UAAA;KACE,kBAAC,GAAD;MACE,gBAAgB,EAAE,EAAQ,kCAAkC;MAC5D,QAAO;MACP,mBAAmB,CAAC;gBAEpB,kBAAC,GAAD;OACsB;OACL;OACM;OACA;OACrB,CAAA;MAC0B,CAAA;KAE9B,kBAAC,GAAD;MACE,gBAAgB,EAAE,EAAQ,kCAAkC;MAC5D,QAAO;MACP,mBAAmB,CAAC;gBAEpB,kBAAC,GAAD;OACsB;OACL;OACM;OACrB,oBAAoB;OACC;OACrB,CAAA;MAC0B,CAAA;KAE9B,kBAAC,GAAD;MACE,gBAAgB,EAAE,EAAQ,kCAAkC;MAC5D,QAAO;MACP,mBAAmB,CAAC;gBAEpB,kBAAC,GAAD;OACsB;OACL;OACM;OACrB,oBAAoB;OACC;OACrB,CAAA;MAC0B,CAAA;KAC7B,EAAA,CAAA,GACD;IACA;MAEN,kBAAC,GAAD;GACE,QAAQ;GACR,eAAe,EAAuB,GAAM;GAC5C,UAAU;GACV,iBAAiB;GACjB,CAAA,CACE;MA3EmB"}

package/dist/components/features/chat/open-repository-modal.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../hooks/use-user-providers.cjs`),i=require(`../../shared/modals/modal-backdrop.cjs`),a=require(`../../shared/modals/modal-body.cjs`),o=require(`../../shared/modals/confirmation-modals/base-modal.cjs`),s=require(`../../shared/modals/modal-close-button.cjs`),c=require(`../settings/brand-button.cjs`),l=require(`../home/git-repo-dropdown/git-repo-dropdown.cjs`),u=require(`../home/git-branch-dropdown/git-branch-dropdown.cjs`),d=require(`../home/git-provider-dropdown/git-provider-dropdown.cjs`);let f=require(`react`);f=e.__toESM(f,1);let p=require(`react/jsx-runtime`);function m({isOpen:e,onClose:m,onLaunch:h,defaultProvider:g=`github`}){let{t:_}=t.useTranslation(`openhands`),{providers:v}=r.useUserProviders(),[y,b]=(0,f.useState)(null),[x,S]=(0,f.useState)(null),[C,w]=(0,f.useState)(null);(0,f.useEffect)(()=>{v.length===1&&!y?b(v[0]):v.length>1&&!y&&g&&v.includes(g)&&b(g)},[v,y,g]);let T=(0,f.useCallback)(e=>{e!==y&&(b(e),S(null),w(null))},[y]),E=(0,f.useCallback)(e=>{e?(S(e),w(null)):(S(null),w(null))},[]),D=(0,f.useCallback)(e=>{w(e)},[]),O=()=>{!x||!C||(h(x,C),S(null),w(null),m())},k=()=>{b(null),S(null),w(null),m()};if(!e)return null;let A=x?.git_provider||y||g,j=!!x&&!!C;return(0,p.jsx)(i.ModalBackdrop,{onClose:k,children:(0,p.jsxs)(a.ModalBody,{width:`sm`,className:`relative items-start border border-[var(--oh-border)] !gap-4`,children:[(0,p.jsx)(s.ModalCloseButton,{onClose:k,testId:`close-open-repository-modal`}),(0,p.jsx)(`div`,{className:`w-full pr-6`,children:(0,p.jsx)(o.BaseModalTitle,{title:_(n.I18nKey.CONVERSATION$OPEN_REPOSITORY)})}),(0,p.jsxs)(`div`,{className:`flex flex-col gap-4 w-full`,children:[(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-sm text-white font-normal leading-[22px]`,children:_(n.I18nKey.CONVERSATION$SELECT_OR_INSERT_LINK)}),v.length>1&&(0,p.jsx)(d.GitProviderDropdown,{providers:v,value:y,placeholder:`Select Provider`,onChange:T})]}),(0,p.jsxs)(`div`,{className:`flex flex-col gap-[10px] w-full`,children:[(0,p.jsx)(l.GitRepoDropdown,{provider:A,value:x?.id||null,repositoryName:x?.full_name||null,onChange:E,placeholder:`Search repositories...`,className:`w-full`}),(0,p.jsx)(u.GitBranchDropdown,{repository:x?.full_name||null,provider:A,selectedBranch:C,onBranchSelect:D,defaultBranch:x?.main_branch||null,placeholder:`Select branch...`,disabled:!x,className:`w-full`})]})]}),(0,p.jsxs)(`div`,{className:`flex justify-end gap-2 w-full`,onClick:e=>e.stopPropagation(),children:[(0,p.jsx)(c.BrandButton,{type:`button`,variant:`secondary`,onClick:k,children:_(n.I18nKey.BUTTON$CANCEL)}),(0,p.jsx)(c.BrandButton,{type:`button`,variant:`primary`,onClick:O,isDisabled:!j,children:_(n.I18nKey.BUTTON$LAUNCH)})]})]})})}exports.OpenRepositoryModal=m;
+const e=require(`../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../i18n/declaration.cjs`),r=require(`../../../hooks/use-user-providers.cjs`),i=require(`../../shared/modals/modal-backdrop.cjs`),a=require(`../../shared/modals/modal-body.cjs`),o=require(`../../shared/modals/confirmation-modals/base-modal.cjs`),s=require(`../../shared/modals/modal-close-button.cjs`),c=require(`../settings/brand-button.cjs`),l=require(`../home/git-repo-dropdown/git-repo-dropdown.cjs`),u=require(`../home/git-branch-dropdown/git-branch-dropdown.cjs`),d=require(`../home/git-provider-dropdown/git-provider-dropdown.cjs`);let f=require(`react`);f=e.__toESM(f,1);let p=require(`react/jsx-runtime`);function m({isOpen:e,onClose:m,onLaunch:h,defaultProvider:g=`github`}){let{t:_}=t.useTranslation(`openhands`),{providers:v}=r.useUserProviders(),[y,b]=(0,f.useState)(null),[x,S]=(0,f.useState)(null),[C,w]=(0,f.useState)(null);(0,f.useEffect)(()=>{v.length===1&&!y?b(v[0]):v.length>1&&!y&&g&&v.includes(g)&&b(g)},[v,y,g]);let T=(0,f.useCallback)(e=>{e!==y&&(b(e),S(null),w(null))},[y]),E=(0,f.useCallback)(e=>{e?(S(e),w(null)):(S(null),w(null))},[]),D=(0,f.useCallback)(e=>{w(e)},[]),O=()=>{!x||!C||(h(x,C),S(null),w(null),m())},k=()=>{b(null),S(null),w(null),m()};if(!e)return null;let A=x?.git_provider||y||g,j=!!x&&!!C;return(0,p.jsx)(i.ModalBackdrop,{onClose:k,children:(0,p.jsxs)(a.ModalBody,{width:`sm`,className:`relative items-start border border-[var(--oh-border)] !gap-4`,children:[(0,p.jsx)(s.ModalCloseButton,{onClose:k,testId:`close-open-repository-modal`}),(0,p.jsx)(`div`,{className:`w-full pr-6`,children:(0,p.jsx)(o.BaseModalTitle,{title:_(n.I18nKey.CONVERSATION$OPEN_REPOSITORY)})}),(0,p.jsxs)(`div`,{className:`flex flex-col gap-4 w-full`,children:[(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-sm text-white font-normal leading-[22px]`,children:_(n.I18nKey.CONVERSATION$SELECT_OR_INSERT_LINK)}),v.length>1&&(0,p.jsx)(d.GitProviderDropdown,{providers:v,value:y,onChange:T})]}),(0,p.jsxs)(`div`,{className:`flex flex-col gap-[10px] w-full`,children:[(0,p.jsx)(l.GitRepoDropdown,{provider:A,value:x?.id||null,repositoryName:x?.full_name||null,onChange:E,className:`w-full`}),(0,p.jsx)(u.GitBranchDropdown,{repository:x?.full_name||null,provider:A,selectedBranch:C,onBranchSelect:D,defaultBranch:x?.main_branch||null,disabled:!x,className:`w-full`})]})]}),(0,p.jsxs)(`div`,{className:`flex justify-end gap-2 w-full`,onClick:e=>e.stopPropagation(),children:[(0,p.jsx)(c.BrandButton,{type:`button`,variant:`secondary`,onClick:k,children:_(n.I18nKey.BUTTON$CANCEL)}),(0,p.jsx)(c.BrandButton,{type:`button`,variant:`primary`,onClick:O,isDisabled:!j,children:_(n.I18nKey.BUTTON$LAUNCH)})]})]})})}exports.OpenRepositoryModal=m;
 //# sourceMappingURL=open-repository-modal.cjs.map