@openhands/agent-canvas 1.15.0 → 1.16.0

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

@@ -1 +1 @@
-{"version":3,"file":"chat-interface.js","names":[],"sources":["../../../../src/components/features/chat/chat-interface.tsx"],"sourcesContent":["import React from \"react\";\nimport { useNavigate } from \"react-router\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport { useTranslation } from \"react-i18next\";\nimport { isAcpAuthErrorCode } from \"#/utils/acp-error-codes\";\nimport { convertImageToBase64 } from \"#/utils/convert-image-to-base-64\";\nimport { createChatMessage } from \"#/services/chat-service\";\nimport { BtwMessages } from \"./btw-messages\";\nimport { GoalStatusBanner } from \"./goal-status-banner\";\nimport { ModelMessages } from \"./model-messages\";\nimport { useModelStore } from \"#/stores/model-store\";\nimport { useGoalStore } from \"#/stores/goal-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 { SkillInstallRestartBanner } from \"./skill-install-restart-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\";\nimport { hasConversationStarted } from \"./components/resolve-picker-kind\";\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, conversationMode, planContent } =\n    useConversationStore();\n  const {\n    errorMessage,\n    errorCode,\n    errorClassification,\n    removeErrorMessage,\n    setErrorMessage,\n  } = useErrorMessageStore();\n  const navigate = useNavigate();\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  // Gated on the same conditions as the Build button (ConversationTabs'\n  // `isBuildDisabled`) so it cannot fire outside the plan flow.\n  React.useEffect(() => {\n    if (isAgentRunning || conversationMode !== \"plan\" || !planContent) {\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  }, [\n    isAgentRunning,\n    conversationMode,\n    planContent,\n    handleBuildPlanClick,\n    scrollDomToBottom,\n  ]);\n\n  const { selectedRepository, replayJson } = useInitialQueryStore();\n  const { conversationId } = useOptionalConversationId();\n\n  // The live goal banner renders in the scroll stream but advances via store\n  // updates (in-progress goal events are filtered out of `renderableEvents`),\n  // so the bottom-following effect would not react to it. This key changes as\n  // an active loop appears and advances each round; feeding it into that effect\n  // keeps the banner in view when the user is pinned to the bottom.\n  const activeGoalScrollKey = useGoalStore((s) => {\n    const goal = conversationId\n      ? s.statusByConversation[conversationId]\n      : undefined;\n    return goal?.active ? `${goal.iteration}:${goal.status}` : null;\n  });\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  const hasModelEntries = useModelStore((s) =>\n    conversationId\n      ? (s.entriesByConversation[conversationId]?.length ?? 0) > 0\n      : false,\n  );\n  const hasStartedConversation = hasConversationStarted({\n    isLoadingHistory: conversationWebSocket?.isLoadingHistory === true,\n    hasUserEvents: userEventsExist,\n    hasPendingUserMessages,\n    hasSubstantiveAgentActions,\n    hasModelEntries,\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  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  }, [\n    renderableEvents.length,\n    hasPendingUserMessages,\n    activeGoalScrollKey,\n    scrollDomToBottom,\n  ]);\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\n          {/* Goal-loop status sits at the end of the message flow — above the\n              composer and its typing indicator — so progress stays in view. */}\n          <GoalStatusBanner conversationId={conversationId} />\n        </div>\n\n        <div className=\"flex shrink-0 flex-col gap-[6px] pb-4\">\n          <SkillInstallRestartBanner conversationId={conversationId} />\n          <BtwMessages conversationId={conversationId} />\n          {errorMessage && (\n            <ErrorMessageBanner\n              message={errorMessage}\n              code={errorCode}\n              classification={errorClassification}\n              onDismiss={removeErrorMessage}\n              onRetry={\n                errorMessage === SERVER_CONNECTION_ERROR_MESSAGE\n                  ? () => conversationWebSocket?.reconnect()\n                  : undefined\n              }\n              onReauth={\n                isAcpAuthErrorCode(errorCode)\n                  ? () => navigate(\"/settings/agents\")\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=\"pointer-events-none absolute inset-x-9 bottom-0 flex justify-center\">\n                        <TypingIndicator events={allConversationEvents} />\n                      </div>\n                    )\n                  )}\n                </div>\n              </div>\n\n              <InteractiveChatBox\n                onSubmit={handleSendMessage}\n                disabled={isNewConversationPending || llmBlocked}\n                hasStartedConversation={hasStartedConversation}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n    </ScrollProvider>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"chat-interface.js","names":[],"sources":["../../../../src/components/features/chat/chat-interface.tsx"],"sourcesContent":["import React from \"react\";\nimport { useNavigate } from \"react-router\";\nimport { useTracking } from \"#/hooks/use-tracking\";\nimport { useTranslation } from \"react-i18next\";\nimport { isAcpAuthErrorCode } from \"#/utils/acp-error-codes\";\nimport { convertImageToBase64 } from \"#/utils/convert-image-to-base-64\";\nimport { createChatMessage } from \"#/services/chat-service\";\nimport { BtwMessages } from \"./btw-messages\";\nimport { GoalStatusBanner } from \"./goal-status-banner\";\nimport { ModelMessages } from \"./model-messages\";\nimport { useModelStore } from \"#/stores/model-store\";\nimport { useGoalStore } from \"#/stores/goal-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 { useAutoRefreshFilesOnEdit } from \"#/hooks/use-auto-refresh-files-on-edit\";\nimport { WorkspaceFilesForChatProvider } from \"./chat-markdown-path-code\";\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 { SkillInstallRestartBanner } from \"./skill-install-restart-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\";\nimport { hasConversationStarted } from \"./components/resolve-picker-kind\";\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  useAutoRefreshFilesOnEdit();\n\n  const { trackInitialQuerySubmitted, trackUserMessageSent } = useTracking();\n  const { setMessageToSend, conversationMode, planContent } =\n    useConversationStore();\n  const {\n    errorMessage,\n    errorCode,\n    errorClassification,\n    removeErrorMessage,\n    setErrorMessage,\n  } = useErrorMessageStore();\n  const navigate = useNavigate();\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  // Gated on the same conditions as the Build button (ConversationTabs'\n  // `isBuildDisabled`) so it cannot fire outside the plan flow.\n  React.useEffect(() => {\n    if (isAgentRunning || conversationMode !== \"plan\" || !planContent) {\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  }, [\n    isAgentRunning,\n    conversationMode,\n    planContent,\n    handleBuildPlanClick,\n    scrollDomToBottom,\n  ]);\n\n  const { selectedRepository, replayJson } = useInitialQueryStore();\n  const { conversationId } = useOptionalConversationId();\n\n  // The live goal banner renders in the scroll stream but advances via store\n  // updates (in-progress goal events are filtered out of `renderableEvents`),\n  // so the bottom-following effect would not react to it. This key changes as\n  // an active loop appears and advances each round; feeding it into that effect\n  // keeps the banner in view when the user is pinned to the bottom.\n  const activeGoalScrollKey = useGoalStore((s) => {\n    const goal = conversationId\n      ? s.statusByConversation[conversationId]\n      : undefined;\n    return goal?.active ? `${goal.iteration}:${goal.status}` : null;\n  });\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  const hasModelEntries = useModelStore((s) =>\n    conversationId\n      ? (s.entriesByConversation[conversationId]?.length ?? 0) > 0\n      : false,\n  );\n  const hasStartedConversation = hasConversationStarted({\n    isLoadingHistory: conversationWebSocket?.isLoadingHistory === true,\n    hasUserEvents: userEventsExist,\n    hasPendingUserMessages,\n    hasSubstantiveAgentActions,\n    hasModelEntries,\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  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  }, [\n    renderableEvents.length,\n    hasPendingUserMessages,\n    activeGoalScrollKey,\n    scrollDomToBottom,\n  ]);\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    <WorkspaceFilesForChatProvider>\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\n                className=\"flex justify-center\"\n                data-testid=\"loading-spinner\"\n              >\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\n              conversationId={conversationId}\n              anchorEventId={null}\n            />\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\n            {/* Goal-loop status sits at the end of the message flow — above the\n              composer and its typing indicator — so progress stays in view. */}\n            <GoalStatusBanner conversationId={conversationId} />\n          </div>\n\n          <div className=\"flex shrink-0 flex-col gap-[6px] pb-4\">\n            <SkillInstallRestartBanner conversationId={conversationId} />\n            <BtwMessages conversationId={conversationId} />\n            {errorMessage && (\n              <ErrorMessageBanner\n                message={errorMessage}\n                code={errorCode}\n                classification={errorClassification}\n                onDismiss={removeErrorMessage}\n                onRetry={\n                  errorMessage === SERVER_CONNECTION_ERROR_MESSAGE\n                    ? () => conversationWebSocket?.reconnect()\n                    : undefined\n                }\n                onReauth={\n                  isAcpAuthErrorCode(errorCode)\n                    ? () => navigate(\"/settings/agents\")\n                    : undefined\n                }\n              />\n            )}\n\n            {llmBlocked && !isArchivedConversation && (\n              <LlmNotConfiguredBanner />\n            )}\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=\"pointer-events-none absolute inset-x-9 bottom-0 flex justify-center\">\n                          <TypingIndicator events={allConversationEvents} />\n                        </div>\n                      )\n                    )}\n                  </div>\n                </div>\n\n                <InteractiveChatBox\n                  onSubmit={handleSendMessage}\n                  disabled={isNewConversationPending || llmBlocked}\n                  hasStartedConversation={hasStartedConversation}\n                />\n              </div>\n            )}\n          </div>\n        </div>\n      </ScrollProvider>\n    </WorkspaceFilesForChatProvider>\n  );\n}\n"],"mappings":"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"}

package/dist/components/features/chat/chat-markdown-path-code.cjs

@@ -0,0 +1,3 @@
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utils/utils.cjs"),n=require("../../../hooks/use-conversation-id.cjs"),r=require("../../../api/conversation-service/conversation-service.api.cjs"),i=require("../../../utils/path-utils.cjs"),a=require("../../../services/canvas-ui.cjs"),o=require("../markdown/code.cjs"),s=require("../markdown/anchor.cjs"),c=require("../../../hooks/query/use-workspace-files.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=(0,l.createContext)(!1),f=(0,l.createContext)(void 0);function p({children:e}){let{data:t}=c.useWorkspaceFiles();return(0,u.jsx)(f.Provider,{value:t,children:e})}function m(e){if(e==null||typeof e==`boolean`)return``;if(typeof e==`string`||typeof e==`number`)return String(e);if(Array.isArray(e)){let t=e.map(m);return t.some(e=>e===null)?null:t.join(``)}return null}function h(e){let t=(0,l.useContext)(f);if(!t?.length||!i.looksLikeWorkspaceFilePath(e))return null;let n=r.default.getCurrentConversation()?.workspace?.working_dir,a=i.toFilesTabPath(e,n);return a&&t.includes(a)?a:null}function g({path:e,className:r,children:i}){let{conversationId:o}=n.useOptionalConversationId();return(0,u.jsx)(`button`,{type:`button`,"data-testid":`markdown-file-path-link`,title:e,className:t.cn(r,`cursor-pointer rounded border border-surface-raised bg-surface-raised px-[0.4em] py-[0.2em] font-mono text-foreground hover:underline`),onClick:t=>{t.stopPropagation(),a.openWorkspaceFile(e,o)},children:i})}function _(e){let{children:t,className:n}=e,r=(0,l.useContext)(d),i=/language-(\w+)/.exec(n||``),a=String(t).replace(/\n$/,``),s=String(t).includes(`
+`),c=h(!i&&!s&&!r?a:``);return c?(0,u.jsx)(g,{path:c,className:n,children:t}):o.code(e)}function v(e){let{children:t}=e,n=(0,l.useContext)(d),r=m(t)?.trim()??``,i=h(n?``:r);return i?(0,u.jsx)(g,{path:i,children:t}):(0,u.jsx)(`strong`,{children:t})}function y(e){return(0,u.jsx)(d.Provider,{value:!0,children:s.anchor(e)})}exports.ChatAnchor=y,exports.ChatCode=_,exports.ChatStrong=v,exports.WorkspaceFilesForChatProvider=p;
+//# sourceMappingURL=chat-markdown-path-code.cjs.map

package/dist/components/features/chat/chat-markdown-path-code.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-markdown-path-code.cjs","names":[],"sources":["../../../../src/components/features/chat/chat-markdown-path-code.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport type { ExtraProps } from \"react-markdown\";\nimport ConversationService from \"#/api/conversation-service/conversation-service.api\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useWorkspaceFiles } from \"#/hooks/query/use-workspace-files\";\nimport { openWorkspaceFile } from \"#/services/canvas-ui\";\nimport { looksLikeWorkspaceFilePath, toFilesTabPath } from \"#/utils/path-utils\";\nimport { cn } from \"#/utils/utils\";\nimport { code as defaultCode } from \"../markdown/code\";\nimport { anchor as defaultAnchor } from \"../markdown/anchor\";\n\n/** True while rendering Markdown descendants of an existing `<a>`. */\nconst InMarkdownLinkContext = createContext(false);\n\n/**\n * Workspace paths available for chat Markdown linking. Absent outside\n * ChatInterface (e.g. unit tests) so ChatCode never requires QueryClient.\n */\nexport const WorkspaceFilesForChatContext = createContext<string[] | undefined>(\n  undefined,\n);\n\n/** Fetches workspace files once for the chat tree and exposes them to path links. */\nexport function WorkspaceFilesForChatProvider({\n  children,\n}: {\n  children: React.ReactNode;\n}) {\n  const { data } = useWorkspaceFiles();\n  return (\n    <WorkspaceFilesForChatContext.Provider value={data}>\n      {children}\n    </WorkspaceFilesForChatContext.Provider>\n  );\n}\n\ntype CodeProps = React.ClassAttributes<HTMLElement> &\n  React.HTMLAttributes<HTMLElement> &\n  ExtraProps;\n\ntype AnchorProps = React.ClassAttributes<HTMLAnchorElement> &\n  React.AnchorHTMLAttributes<HTMLAnchorElement> &\n  ExtraProps;\n\ntype StrongProps = React.ClassAttributes<HTMLElement> &\n  React.HTMLAttributes<HTMLElement> &\n  ExtraProps;\n\n/** Flatten React children to plain text, or null if mixed nodes. */\nfunction getPlainText(children: React.ReactNode): string | null {\n  if (children == null || typeof children === \"boolean\") return \"\";\n  if (typeof children === \"string\" || typeof children === \"number\") {\n    return String(children);\n  }\n  if (Array.isArray(children)) {\n    const parts = children.map(getPlainText);\n    if (parts.some((part) => part === null)) return null;\n    return parts.join(\"\");\n  }\n  return null;\n}\n\n/**\n * Only link paths that currently exist in the conversation workspace.\n * workingDir comes from ConversationService — same source as navigate_to_file.\n */\nfunction useExistingWorkspacePath(candidate: string): string | null {\n  const files = useContext(WorkspaceFilesForChatContext);\n  if (!files?.length || !looksLikeWorkspaceFilePath(candidate)) return null;\n\n  const workingDir =\n    ConversationService.getCurrentConversation()?.workspace?.working_dir;\n  const normalized = toFilesTabPath(candidate, workingDir);\n  if (!normalized) return null;\n  return files.includes(normalized) ? normalized : null;\n}\n\nfunction ChatMarkdownPathLink({\n  path,\n  className,\n  children,\n}: {\n  path: string;\n  className?: string;\n  children: React.ReactNode;\n}) {\n  const { conversationId } = useOptionalConversationId();\n\n  return (\n    <button\n      type=\"button\"\n      data-testid=\"markdown-file-path-link\"\n      title={path}\n      className={cn(\n        className,\n        \"cursor-pointer rounded border border-surface-raised bg-surface-raised px-[0.4em] py-[0.2em] font-mono text-foreground hover:underline\",\n      )}\n      onClick={(event) => {\n        event.stopPropagation();\n        openWorkspaceFile(path, conversationId);\n      }}\n    >\n      {children}\n    </button>\n  );\n}\n\n/**\n * Chat-only inline code: existing workspace paths become Files-drawer buttons.\n * Nested under an existing Markdown link → stay plain `<code>`.\n */\nexport function ChatCode(props: CodeProps) {\n  const { children, className } = props;\n  const inLink = useContext(InMarkdownLinkContext);\n  const match = /language-(\\w+)/.exec(className || \"\");\n  const codeString = String(children).replace(/\\n$/, \"\");\n  const isMultiline = String(children).includes(\"\\n\");\n  const existingPath = useExistingWorkspacePath(\n    !match && !isMultiline && !inLink ? codeString : \"\",\n  );\n\n  if (existingPath) {\n    return (\n      <ChatMarkdownPathLink path={existingPath} className={className}>\n        {children}\n      </ChatMarkdownPathLink>\n    );\n  }\n\n  return defaultCode(props);\n}\n\n/**\n * Agents often emphasize paths with `**file.md**` instead of backticks.\n * Link those only when the whole strong span is an existing workspace file.\n */\nexport function ChatStrong(props: StrongProps) {\n  const { children } = props;\n  const inLink = useContext(InMarkdownLinkContext);\n  const text = getPlainText(children)?.trim() ?? \"\";\n  const existingPath = useExistingWorkspacePath(!inLink ? text : \"\");\n\n  if (existingPath) {\n    return (\n      <ChatMarkdownPathLink path={existingPath}>\n        {children}\n      </ChatMarkdownPathLink>\n    );\n  }\n\n  return <strong>{children}</strong>;\n}\n\n/** Marks descendants so nested path tokens are not turned into a button. */\nexport function ChatAnchor(props: AnchorProps) {\n  return (\n    <InMarkdownLinkContext.Provider value>\n      {defaultAnchor(props)}\n    </InMarkdownLinkContext.Provider>\n  );\n}\n"],"mappings":"ogBAYA,IAAM,GAAA,EAAA,EAAA,eAAsC,EAAK,EAMpC,GAAA,EAAA,EAAA,eACX,IAAA,EACF,EAGA,SAAgB,EAA8B,CAC5C,YAGC,CACD,GAAM,CAAE,QAAS,EAAA,kBAAkB,EACnC,OACE,EAAA,EAAA,KAAC,EAA6B,SAA9B,CAAuC,MAAO,EAC3C,UACoC,CAAA,CAE3C,CAeA,SAAS,EAAa,EAA0C,CAC9D,GAAI,GAAY,MAAQ,OAAO,GAAa,UAAW,MAAO,GAC9D,GAAI,OAAO,GAAa,UAAY,OAAO,GAAa,SACtD,OAAO,OAAO,CAAQ,EAExB,GAAI,MAAM,QAAQ,CAAQ,EAAG,CAC3B,IAAM,EAAQ,EAAS,IAAI,CAAY,EAEvC,OADI,EAAM,KAAM,GAAS,IAAS,IAAI,EAAU,KACzC,EAAM,KAAK,EAAE,CACtB,CACA,OAAO,IACT,CAMA,SAAS,EAAyB,EAAkC,CAClE,IAAM,GAAA,EAAA,EAAA,YAAmB,CAA4B,EACrD,GAAI,CAAC,GAAO,QAAU,CAAC,EAAA,2BAA2B,CAAS,EAAG,OAAO,KAErE,IAAM,EACJ,EAAA,QAAoB,uBAAuB,GAAG,WAAW,YACrD,EAAa,EAAA,eAAe,EAAW,CAAU,EAEvD,OADK,GACE,EAAM,SAAS,CAAU,EAAI,EAAa,IACnD,CAEA,SAAS,EAAqB,CAC5B,OACA,YACA,YAKC,CACD,GAAM,CAAE,kBAAmB,EAAA,0BAA0B,EAErD,OACE,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,cAAY,0BACZ,MAAO,EACP,UAAW,EAAA,GACT,EACA,uIACF,EACA,QAAU,GAAU,CAClB,EAAM,gBAAgB,EACtB,EAAA,kBAAkB,EAAM,CAAc,CACxC,EAEC,UACK,CAAA,CAEZ,CAMA,SAAgB,EAAS,EAAkB,CACzC,GAAM,CAAE,WAAU,aAAc,EAC1B,GAAA,EAAA,EAAA,YAAoB,CAAqB,EACzC,EAAQ,iBAAiB,KAAK,GAAa,EAAE,EAC7C,EAAa,OAAO,CAAQ,EAAE,QAAQ,MAAO,EAAE,EAC/C,EAAc,OAAO,CAAQ,EAAE,SAAS;CAAI,EAC5C,EAAe,EACnB,CAAC,GAAS,CAAC,GAAe,CAAC,EAAS,EAAa,EACnD,EAUA,OARI,GAEA,EAAA,EAAA,KAAC,EAAD,CAAsB,KAAM,EAAyB,YAClD,UACmB,CAAA,EAInB,EAAA,KAAY,CAAK,CAC1B,CAMA,SAAgB,EAAW,EAAoB,CAC7C,GAAM,CAAE,YAAa,EACf,GAAA,EAAA,EAAA,YAAoB,CAAqB,EACzC,EAAO,EAAa,CAAQ,GAAG,KAAK,GAAK,GACzC,EAAe,EAA0B,EAAgB,GAAP,CAAS,EAUjE,OARI,GAEA,EAAA,EAAA,KAAC,EAAD,CAAsB,KAAM,EACzB,UACmB,CAAA,GAInB,EAAA,EAAA,KAAC,SAAD,CAAS,UAAiB,CAAA,CACnC,CAGA,SAAgB,EAAW,EAAoB,CAC7C,OACE,EAAA,EAAA,KAAC,EAAsB,SAAvB,CAAgC,MAAA,YAC7B,EAAA,OAAc,CAAK,CACU,CAAA,CAEpC"}

package/dist/components/features/chat/chat-markdown-path-code.d.ts

@@ -0,0 +1,27 @@
+import React from "react";
+import type { ExtraProps } from "react-markdown";
+/**
+ * Workspace paths available for chat Markdown linking. Absent outside
+ * ChatInterface (e.g. unit tests) so ChatCode never requires QueryClient.
+ */
+export declare const WorkspaceFilesForChatContext: React.Context<string[] | undefined>;
+/** Fetches workspace files once for the chat tree and exposes them to path links. */
+export declare function WorkspaceFilesForChatProvider({ children, }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+type CodeProps = React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & ExtraProps;
+type AnchorProps = React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & ExtraProps;
+type StrongProps = React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement> & ExtraProps;
+/**
+ * Chat-only inline code: existing workspace paths become Files-drawer buttons.
+ * Nested under an existing Markdown link → stay plain `<code>`.
+ */
+export declare function ChatCode(props: CodeProps): React.JSX.Element;
+/**
+ * Agents often emphasize paths with `**file.md**` instead of backticks.
+ * Link those only when the whole strong span is an existing workspace file.
+ */
+export declare function ChatStrong(props: StrongProps): React.JSX.Element;
+/** Marks descendants so nested path tokens are not turned into a button. */
+export declare function ChatAnchor(props: AnchorProps): React.JSX.Element;
+export {};

package/dist/components/features/chat/chat-markdown-path-code.js

@@ -0,0 +1,72 @@
+import { cn as e } from "../../../utils/utils.js";
+import { useOptionalConversationId as t } from "../../../hooks/use-conversation-id.js";
+import n from "../../../api/conversation-service/conversation-service.api.js";
+import { looksLikeWorkspaceFilePath as r, toFilesTabPath as i } from "../../../utils/path-utils.js";
+import { openWorkspaceFile as a } from "../../../services/canvas-ui.js";
+import { code as o } from "../markdown/code.js";
+import { anchor as s } from "../markdown/anchor.js";
+import { useWorkspaceFiles as c } from "../../../hooks/query/use-workspace-files.js";
+import { createContext as l, useContext as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
+//#region src/components/features/chat/chat-markdown-path-code.tsx
+var f = l(!1), p = l(void 0);
+function m({ children: e }) {
+	let { data: t } = c();
+	return /* @__PURE__ */ d(p.Provider, {
+		value: t,
+		children: e
+	});
+}
+function h(e) {
+	if (e == null || typeof e == "boolean") return "";
+	if (typeof e == "string" || typeof e == "number") return String(e);
+	if (Array.isArray(e)) {
+		let t = e.map(h);
+		return t.some((e) => e === null) ? null : t.join("");
+	}
+	return null;
+}
+function g(e) {
+	let t = u(p);
+	if (!t?.length || !r(e)) return null;
+	let a = n.getCurrentConversation()?.workspace?.working_dir, o = i(e, a);
+	return o && t.includes(o) ? o : null;
+}
+function _({ path: n, className: r, children: i }) {
+	let { conversationId: o } = t();
+	return /* @__PURE__ */ d("button", {
+		type: "button",
+		"data-testid": "markdown-file-path-link",
+		title: n,
+		className: e(r, "cursor-pointer rounded border border-surface-raised bg-surface-raised px-[0.4em] py-[0.2em] font-mono text-foreground hover:underline"),
+		onClick: (e) => {
+			e.stopPropagation(), a(n, o);
+		},
+		children: i
+	});
+}
+function v(e) {
+	let { children: t, className: n } = e, r = u(f), i = /language-(\w+)/.exec(n || ""), a = String(t).replace(/\n$/, ""), s = String(t).includes("\n"), c = g(!i && !s && !r ? a : "");
+	return c ? /* @__PURE__ */ d(_, {
+		path: c,
+		className: n,
+		children: t
+	}) : o(e);
+}
+function y(e) {
+	let { children: t } = e, n = u(f), r = h(t)?.trim() ?? "", i = g(n ? "" : r);
+	return i ? /* @__PURE__ */ d(_, {
+		path: i,
+		children: t
+	}) : /* @__PURE__ */ d("strong", { children: t });
+}
+function b(e) {
+	return /* @__PURE__ */ d(f.Provider, {
+		value: !0,
+		children: s(e)
+	});
+}
+//#endregion
+export { b as ChatAnchor, v as ChatCode, y as ChatStrong, m as WorkspaceFilesForChatProvider };
+
+//# sourceMappingURL=chat-markdown-path-code.js.map

package/dist/components/features/chat/chat-markdown-path-code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-markdown-path-code.js","names":[],"sources":["../../../../src/components/features/chat/chat-markdown-path-code.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport type { ExtraProps } from \"react-markdown\";\nimport ConversationService from \"#/api/conversation-service/conversation-service.api\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useWorkspaceFiles } from \"#/hooks/query/use-workspace-files\";\nimport { openWorkspaceFile } from \"#/services/canvas-ui\";\nimport { looksLikeWorkspaceFilePath, toFilesTabPath } from \"#/utils/path-utils\";\nimport { cn } from \"#/utils/utils\";\nimport { code as defaultCode } from \"../markdown/code\";\nimport { anchor as defaultAnchor } from \"../markdown/anchor\";\n\n/** True while rendering Markdown descendants of an existing `<a>`. */\nconst InMarkdownLinkContext = createContext(false);\n\n/**\n * Workspace paths available for chat Markdown linking. Absent outside\n * ChatInterface (e.g. unit tests) so ChatCode never requires QueryClient.\n */\nexport const WorkspaceFilesForChatContext = createContext<string[] | undefined>(\n  undefined,\n);\n\n/** Fetches workspace files once for the chat tree and exposes them to path links. */\nexport function WorkspaceFilesForChatProvider({\n  children,\n}: {\n  children: React.ReactNode;\n}) {\n  const { data } = useWorkspaceFiles();\n  return (\n    <WorkspaceFilesForChatContext.Provider value={data}>\n      {children}\n    </WorkspaceFilesForChatContext.Provider>\n  );\n}\n\ntype CodeProps = React.ClassAttributes<HTMLElement> &\n  React.HTMLAttributes<HTMLElement> &\n  ExtraProps;\n\ntype AnchorProps = React.ClassAttributes<HTMLAnchorElement> &\n  React.AnchorHTMLAttributes<HTMLAnchorElement> &\n  ExtraProps;\n\ntype StrongProps = React.ClassAttributes<HTMLElement> &\n  React.HTMLAttributes<HTMLElement> &\n  ExtraProps;\n\n/** Flatten React children to plain text, or null if mixed nodes. */\nfunction getPlainText(children: React.ReactNode): string | null {\n  if (children == null || typeof children === \"boolean\") return \"\";\n  if (typeof children === \"string\" || typeof children === \"number\") {\n    return String(children);\n  }\n  if (Array.isArray(children)) {\n    const parts = children.map(getPlainText);\n    if (parts.some((part) => part === null)) return null;\n    return parts.join(\"\");\n  }\n  return null;\n}\n\n/**\n * Only link paths that currently exist in the conversation workspace.\n * workingDir comes from ConversationService — same source as navigate_to_file.\n */\nfunction useExistingWorkspacePath(candidate: string): string | null {\n  const files = useContext(WorkspaceFilesForChatContext);\n  if (!files?.length || !looksLikeWorkspaceFilePath(candidate)) return null;\n\n  const workingDir =\n    ConversationService.getCurrentConversation()?.workspace?.working_dir;\n  const normalized = toFilesTabPath(candidate, workingDir);\n  if (!normalized) return null;\n  return files.includes(normalized) ? normalized : null;\n}\n\nfunction ChatMarkdownPathLink({\n  path,\n  className,\n  children,\n}: {\n  path: string;\n  className?: string;\n  children: React.ReactNode;\n}) {\n  const { conversationId } = useOptionalConversationId();\n\n  return (\n    <button\n      type=\"button\"\n      data-testid=\"markdown-file-path-link\"\n      title={path}\n      className={cn(\n        className,\n        \"cursor-pointer rounded border border-surface-raised bg-surface-raised px-[0.4em] py-[0.2em] font-mono text-foreground hover:underline\",\n      )}\n      onClick={(event) => {\n        event.stopPropagation();\n        openWorkspaceFile(path, conversationId);\n      }}\n    >\n      {children}\n    </button>\n  );\n}\n\n/**\n * Chat-only inline code: existing workspace paths become Files-drawer buttons.\n * Nested under an existing Markdown link → stay plain `<code>`.\n */\nexport function ChatCode(props: CodeProps) {\n  const { children, className } = props;\n  const inLink = useContext(InMarkdownLinkContext);\n  const match = /language-(\\w+)/.exec(className || \"\");\n  const codeString = String(children).replace(/\\n$/, \"\");\n  const isMultiline = String(children).includes(\"\\n\");\n  const existingPath = useExistingWorkspacePath(\n    !match && !isMultiline && !inLink ? codeString : \"\",\n  );\n\n  if (existingPath) {\n    return (\n      <ChatMarkdownPathLink path={existingPath} className={className}>\n        {children}\n      </ChatMarkdownPathLink>\n    );\n  }\n\n  return defaultCode(props);\n}\n\n/**\n * Agents often emphasize paths with `**file.md**` instead of backticks.\n * Link those only when the whole strong span is an existing workspace file.\n */\nexport function ChatStrong(props: StrongProps) {\n  const { children } = props;\n  const inLink = useContext(InMarkdownLinkContext);\n  const text = getPlainText(children)?.trim() ?? \"\";\n  const existingPath = useExistingWorkspacePath(!inLink ? text : \"\");\n\n  if (existingPath) {\n    return (\n      <ChatMarkdownPathLink path={existingPath}>\n        {children}\n      </ChatMarkdownPathLink>\n    );\n  }\n\n  return <strong>{children}</strong>;\n}\n\n/** Marks descendants so nested path tokens are not turned into a button. */\nexport function ChatAnchor(props: AnchorProps) {\n  return (\n    <InMarkdownLinkContext.Provider value>\n      {defaultAnchor(props)}\n    </InMarkdownLinkContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAYA,IAAM,IAAwB,EAAc,EAAK,GAMpC,IAA+B,EAC1C,KAAA,CACF;AAGA,SAAgB,EAA8B,EAC5C,eAGC;CACD,IAAM,EAAE,YAAS,EAAkB;CACnC,OACE,kBAAC,EAA6B,UAA9B;EAAuC,OAAO;EAC3C;CACoC,CAAA;AAE3C;AAeA,SAAS,EAAa,GAA0C;CAC9D,IAAI,KAAY,QAAQ,OAAO,KAAa,WAAW,OAAO;CAC9D,IAAI,OAAO,KAAa,YAAY,OAAO,KAAa,UACtD,OAAO,OAAO,CAAQ;CAExB,IAAI,MAAM,QAAQ,CAAQ,GAAG;EAC3B,IAAM,IAAQ,EAAS,IAAI,CAAY;EAEvC,OADI,EAAM,MAAM,MAAS,MAAS,IAAI,IAAU,OACzC,EAAM,KAAK,EAAE;CACtB;CACA,OAAO;AACT;AAMA,SAAS,EAAyB,GAAkC;CAClE,IAAM,IAAQ,EAAW,CAA4B;CACrD,IAAI,CAAC,GAAO,UAAU,CAAC,EAA2B,CAAS,GAAG,OAAO;CAErE,IAAM,IACJ,EAAoB,uBAAuB,GAAG,WAAW,aACrD,IAAa,EAAe,GAAW,CAAU;CAEvD,OADK,KACE,EAAM,SAAS,CAAU,IAAI,IAAa;AACnD;AAEA,SAAS,EAAqB,EAC5B,SACA,cACA,eAKC;CACD,IAAM,EAAE,sBAAmB,EAA0B;CAErD,OACE,kBAAC,UAAD;EACE,MAAK;EACL,eAAY;EACZ,OAAO;EACP,WAAW,EACT,GACA,uIACF;EACA,UAAU,MAAU;GAElB,AADA,EAAM,gBAAgB,GACtB,EAAkB,GAAM,CAAc;EACxC;EAEC;CACK,CAAA;AAEZ;AAMA,SAAgB,EAAS,GAAkB;CACzC,IAAM,EAAE,aAAU,iBAAc,GAC1B,IAAS,EAAW,CAAqB,GACzC,IAAQ,iBAAiB,KAAK,KAAa,EAAE,GAC7C,IAAa,OAAO,CAAQ,EAAE,QAAQ,OAAO,EAAE,GAC/C,IAAc,OAAO,CAAQ,EAAE,SAAS,IAAI,GAC5C,IAAe,EACnB,CAAC,KAAS,CAAC,KAAe,CAAC,IAAS,IAAa,EACnD;CAUA,OARI,IAEA,kBAAC,GAAD;EAAsB,MAAM;EAAyB;EAClD;CACmB,CAAA,IAInB,EAAY,CAAK;AAC1B;AAMA,SAAgB,EAAW,GAAoB;CAC7C,IAAM,EAAE,gBAAa,GACf,IAAS,EAAW,CAAqB,GACzC,IAAO,EAAa,CAAQ,GAAG,KAAK,KAAK,IACzC,IAAe,EAA0B,IAAgB,KAAP,CAAS;CAUjE,OARI,IAEA,kBAAC,GAAD;EAAsB,MAAM;EACzB;CACmB,CAAA,IAInB,kBAAC,UAAD,EAAS,YAAiB,CAAA;AACnC;AAGA,SAAgB,EAAW,GAAoB;CAC7C,OACE,kBAAC,EAAsB,UAAvB;EAAgC,OAAA;YAC7B,EAAc,CAAK;CACU,CAAA;AAEpC"}

package/dist/components/features/chat/path-component.cjs

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../utils/event-logger.cjs");let t=require("react/jsx-runtime");var n=e=>{let t=document.createElement(`textarea`);return t.innerHTML=e,t.value},r=e=>e?e.endsWith(`/`)||e.endsWith(`\\`)?!0:!(e.split(/[/\\]/).pop()||``).includes(`.`):!1,i=e=>{if(!e)return``;let t=e.split(/[/\\]/),n=t[t.length-1];return r(e)&&!n.endsWith(`/`)?`${n}/`:n};function a(r){let{children:a}=r,o=r=>{try{let e=n(r);return(0,t.jsx)(`span`,{className:`font-mono font-normal tracking-tight`,title:e,children:i(e)})}catch(n){return e.default.error(String(n)),(0,t.jsx)(`span`,{className:`font-mono font-normal tracking-tight`,children:r})}};return Array.isArray(a)?(0,t.jsx)(`span`,{className:`font-normal tracking-tight`,children:a.map((e,n)=>typeof e==`string`?(0,t.jsx)(`span`,{children:o(e)},`${e}-${n}`):e)}):typeof a==`string`?(0,t.jsx)(`span`,{className:`font-normal tracking-tight`,children:o(a)}):(0,t.jsx)(`span`,{className:`font-mono font-normal tracking-tight`,children:a})}exports.PathComponent=a;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../hooks/use-conversation-id.cjs"),t=require("../../../services/canvas-ui.cjs"),n=require("../../../utils/event-logger.cjs");let r=require("react"),i=require("react/jsx-runtime");var a=(0,r.createContext)(!0),o=e=>{let t=document.createElement(`textarea`);return t.innerHTML=e,t.value},s=e=>e?e.endsWith(`/`)||e.endsWith(`\\`)?!0:!(e.split(/[/\\]/).pop()||``).includes(`.`):!1,c=e=>{if(!e)return``;let t=e.split(/[/\\]/),n=t[t.length-1];return s(e)&&!n.endsWith(`/`)?`${n}/`:n};function l(s){let{children:l}=s,{conversationId:u}=e.useOptionalConversationId(),d=(0,r.useContext)(a),f=e=>{try{let n=o(e),r=c(n);return d?(0,i.jsx)(`button`,{type:`button`,"data-testid":`path-component-link`,className:`cursor-pointer font-mono font-normal tracking-tight hover:underline`,title:n,onClick:e=>{e.stopPropagation(),t.openWorkspaceFile(n,u)},children:r}):(0,i.jsx)(`span`,{className:`font-mono font-normal tracking-tight`,title:n,children:r})}catch(t){return n.default.error(String(t)),(0,i.jsx)(`span`,{className:`font-mono font-normal tracking-tight`,children:e})}};return Array.isArray(l)?(0,i.jsx)(`span`,{className:`font-normal tracking-tight`,children:l.map((e,t)=>typeof e==`string`?(0,i.jsx)(`span`,{children:f(e)},`${e}-${t}`):e)}):typeof l==`string`?(0,i.jsx)(`span`,{className:`font-normal tracking-tight`,children:f(l)}):(0,i.jsx)(`span`,{className:`font-mono font-normal tracking-tight`,children:l})}exports.PathComponent=l,exports.PathInteractiveContext=a;
 //# sourceMappingURL=path-component.cjs.map

package/dist/components/features/chat/path-component.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"path-component.cjs","names":[],"sources":["../../../../src/components/features/chat/path-component.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport EventLogger from \"#/utils/event-logger\";\n\n/**\n * Decodes HTML entities in a string\n * @param text The text to decode\n * @returns The decoded text\n */\nconst decodeHtmlEntities = (text: string): string => {\n  const textarea = document.createElement(\"textarea\");\n  textarea.innerHTML = text;\n  return textarea.value;\n};\n\n/**\n * Checks if a path is likely a directory\n * @param path The full path\n * @returns True if the path is likely a directory\n */\nconst isLikelyDirectory = (path: string): boolean => {\n  if (!path) return false;\n  // Check if path already ends with a slash\n  if (path.endsWith(\"/\") || path.endsWith(\"\\\\\")) return true;\n  // Check if path has no extension (simple heuristic)\n  const lastPart = path.split(/[/\\\\]/).pop() || \"\";\n  // If the last part has no dots, it's likely a directory\n  return !lastPart.includes(\".\");\n};\n\n/**\n * Extracts the filename from a path\n * @param path The full path\n * @returns The filename (last part of the path)\n */\nconst extractFilename = (path: string): string => {\n  if (!path) return \"\";\n  // Handle both Unix and Windows paths\n  const parts = path.split(/[/\\\\]/);\n  const filename = parts[parts.length - 1];\n\n  // Add trailing slash for directories\n  if (isLikelyDirectory(path) && !filename.endsWith(\"/\")) {\n    return `${filename}/`;\n  }\n\n  return filename;\n};\n\n/**\n * Component that displays only the filename in the text but shows the full path on hover\n * Similar to MonoComponent but with path-specific functionality\n */\nfunction PathComponent(props: { children?: ReactNode }) {\n  const { children } = props;\n\n  const processPath = (path: string) => {\n    try {\n      // First decode any HTML entities in the path\n      const decodedPath = decodeHtmlEntities(path);\n      // Extract the filename from the decoded path\n      const filename = extractFilename(decodedPath);\n      return (\n        <span\n          className=\"font-mono font-normal tracking-tight\"\n          title={decodedPath}\n        >\n          {filename}\n        </span>\n      );\n    } catch (e) {\n      // Just log the error without any message to avoid localization issues\n      EventLogger.error(String(e));\n      return (\n        <span className=\"font-mono font-normal tracking-tight\">{path}</span>\n      );\n    }\n  };\n\n  if (Array.isArray(children)) {\n    const processedChildren = children.map((child, index) =>\n      typeof child === \"string\" ? (\n        <span key={`${child}-${index}`}>{processPath(child)}</span>\n      ) : (\n        child\n      ),\n    );\n\n    return (\n      <span className=\"font-normal tracking-tight\">{processedChildren}</span>\n    );\n  }\n\n  if (typeof children === \"string\") {\n    return (\n      <span className=\"font-normal tracking-tight\">\n        {processPath(children)}\n      </span>\n    );\n  }\n\n  return (\n    <span className=\"font-mono font-normal tracking-tight\">{children}</span>\n  );\n}\n\nexport { PathComponent, isLikelyDirectory };\n"],"mappings":"yIAQA,IAAM,EAAsB,GAAyB,CACnD,IAAM,EAAW,SAAS,cAAc,UAAU,EAElD,MADA,GAAS,UAAY,EACd,EAAS,KAClB,EAOM,EAAqB,GACpB,EAED,EAAK,SAAS,GAAG,GAAK,EAAK,SAAS,IAAI,EAAU,GAI/C,EAFU,EAAK,MAAM,OAAO,EAAE,IAAI,GAAK,IAE7B,SAAS,GAAG,EANX,GAcd,EAAmB,GAAyB,CAChD,GAAI,CAAC,EAAM,MAAO,GAElB,IAAM,EAAQ,EAAK,MAAM,OAAO,EAC1B,EAAW,EAAM,EAAM,OAAS,GAOtC,OAJI,EAAkB,CAAI,GAAK,CAAC,EAAS,SAAS,GAAG,EAC5C,GAAG,EAAS,GAGd,CACT,EAMA,SAAS,EAAc,EAAiC,CACtD,GAAM,CAAE,YAAa,EAEf,EAAe,GAAiB,CACpC,GAAI,CAEF,IAAM,EAAc,EAAmB,CAAI,EAG3C,OACE,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,uCACV,MAAO,WAJM,EAAgB,CAM5B,CACG,CAAA,CAEV,OAAS,EAAG,CAGV,OADA,EAAA,QAAY,MAAM,OAAO,CAAC,CAAC,GAEzB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gDAAwC,CAAW,CAAA,CAEvE,CACF,EAwBA,OAtBI,MAAM,QAAQ,CAAQ,GAUtB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sCATQ,EAAS,KAAK,EAAO,IAC7C,OAAO,GAAU,UACf,EAAA,EAAA,KAAC,OAAD,CAAA,SAAiC,EAAY,CAAK,CAAQ,EAA/C,GAAG,EAAM,GAAG,GAAmC,EAE1D,CAK4C,CAAwB,CAAA,EAItE,OAAO,GAAa,UAEpB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sCACb,EAAY,CAAQ,CACjB,CAAA,GAKR,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uCAAwC,UAAe,CAAA,CAE3E"}
+{"version":3,"file":"path-component.cjs","names":[],"sources":["../../../../src/components/features/chat/path-component.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { openWorkspaceFile } from \"#/services/canvas-ui\";\nimport EventLogger from \"#/utils/event-logger\";\n\n/**\n * When false, PathComponent renders a non-interactive span. EventGroup's\n * header wraps titles in a toggle <button>, so nested path buttons would be\n * invalid markup — that context sets this to false.\n */\nexport const PathInteractiveContext = createContext(true);\n\n/**\n * Decodes HTML entities in a string\n * @param text The text to decode\n * @returns The decoded text\n */\nconst decodeHtmlEntities = (text: string): string => {\n  const textarea = document.createElement(\"textarea\");\n  textarea.innerHTML = text;\n  return textarea.value;\n};\n\n/**\n * Checks if a path is likely a directory\n * @param path The full path\n * @returns True if the path is likely a directory\n */\nconst isLikelyDirectory = (path: string): boolean => {\n  if (!path) return false;\n  // Check if path already ends with a slash\n  if (path.endsWith(\"/\") || path.endsWith(\"\\\\\")) return true;\n  // Check if path has no extension (simple heuristic)\n  const lastPart = path.split(/[/\\\\]/).pop() || \"\";\n  // If the last part has no dots, it's likely a directory\n  return !lastPart.includes(\".\");\n};\n\n/**\n * Extracts the filename from a path\n * @param path The full path\n * @returns The filename (last part of the path)\n */\nconst extractFilename = (path: string): string => {\n  if (!path) return \"\";\n  // Handle both Unix and Windows paths\n  const parts = path.split(/[/\\\\]/);\n  const filename = parts[parts.length - 1];\n\n  // Add trailing slash for directories\n  if (isLikelyDirectory(path) && !filename.endsWith(\"/\")) {\n    return `${filename}/`;\n  }\n\n  return filename;\n};\n\n/**\n * Displays only the filename, with the full path on hover.\n * Click opens the Files drawer on that path (when interactive).\n */\nfunction PathComponent(props: { children?: ReactNode }) {\n  const { children } = props;\n  const { conversationId } = useOptionalConversationId();\n  const interactive = useContext(PathInteractiveContext);\n\n  const processPath = (path: string) => {\n    try {\n      const decodedPath = decodeHtmlEntities(path);\n      const filename = extractFilename(decodedPath);\n      if (!interactive) {\n        return (\n          <span\n            className=\"font-mono font-normal tracking-tight\"\n            title={decodedPath}\n          >\n            {filename}\n          </span>\n        );\n      }\n      return (\n        <button\n          type=\"button\"\n          data-testid=\"path-component-link\"\n          className=\"cursor-pointer font-mono font-normal tracking-tight hover:underline\"\n          title={decodedPath}\n          onClick={(event) => {\n            event.stopPropagation();\n            openWorkspaceFile(decodedPath, conversationId);\n          }}\n        >\n          {filename}\n        </button>\n      );\n    } catch (e) {\n      EventLogger.error(String(e));\n      return (\n        <span className=\"font-mono font-normal tracking-tight\">{path}</span>\n      );\n    }\n  };\n\n  if (Array.isArray(children)) {\n    const processedChildren = children.map((child, index) =>\n      typeof child === \"string\" ? (\n        <span key={`${child}-${index}`}>{processPath(child)}</span>\n      ) : (\n        child\n      ),\n    );\n\n    return (\n      <span className=\"font-normal tracking-tight\">{processedChildren}</span>\n    );\n  }\n\n  if (typeof children === \"string\") {\n    return (\n      <span className=\"font-normal tracking-tight\">\n        {processPath(children)}\n      </span>\n    );\n  }\n\n  return (\n    <span className=\"font-mono font-normal tracking-tight\">{children}</span>\n  );\n}\n\nexport { PathComponent, isLikelyDirectory };\n"],"mappings":"6PAUA,IAAa,GAAA,EAAA,EAAA,eAAuC,EAAI,EAOlD,EAAsB,GAAyB,CACnD,IAAM,EAAW,SAAS,cAAc,UAAU,EAElD,MADA,GAAS,UAAY,EACd,EAAS,KAClB,EAOM,EAAqB,GACpB,EAED,EAAK,SAAS,GAAG,GAAK,EAAK,SAAS,IAAI,EAAU,GAI/C,EAFU,EAAK,MAAM,OAAO,EAAE,IAAI,GAAK,IAE7B,SAAS,GAAG,EANX,GAcd,EAAmB,GAAyB,CAChD,GAAI,CAAC,EAAM,MAAO,GAElB,IAAM,EAAQ,EAAK,MAAM,OAAO,EAC1B,EAAW,EAAM,EAAM,OAAS,GAOtC,OAJI,EAAkB,CAAI,GAAK,CAAC,EAAS,SAAS,GAAG,EAC5C,GAAG,EAAS,GAGd,CACT,EAMA,SAAS,EAAc,EAAiC,CACtD,GAAM,CAAE,YAAa,EACf,CAAE,kBAAmB,EAAA,0BAA0B,EAC/C,GAAA,EAAA,EAAA,YAAyB,CAAsB,EAE/C,EAAe,GAAiB,CACpC,GAAI,CACF,IAAM,EAAc,EAAmB,CAAI,EACrC,EAAW,EAAgB,CAAW,EAW5C,OAVK,GAWH,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,cAAY,sBACZ,UAAU,sEACV,MAAO,EACP,QAAU,GAAU,CAClB,EAAM,gBAAgB,EACtB,EAAA,kBAAkB,EAAa,CAAc,CAC/C,WAEC,CACK,CAAA,GApBN,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,uCACV,MAAO,WAEN,CACG,CAAA,CAiBZ,OAAS,EAAG,CAEV,OADA,EAAA,QAAY,MAAM,OAAO,CAAC,CAAC,GAEzB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gDAAwC,CAAW,CAAA,CAEvE,CACF,EAwBA,OAtBI,MAAM,QAAQ,CAAQ,GAUtB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sCATQ,EAAS,KAAK,EAAO,IAC7C,OAAO,GAAU,UACf,EAAA,EAAA,KAAC,OAAD,CAAA,SAAiC,EAAY,CAAK,CAAQ,EAA/C,GAAG,EAAM,GAAG,GAAmC,EAE1D,CAK4C,CAAwB,CAAA,EAItE,OAAO,GAAa,UAEpB,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sCACb,EAAY,CAAQ,CACjB,CAAA,GAKR,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,uCAAwC,UAAe,CAAA,CAE3E"}

package/dist/components/features/chat/path-component.d.ts

@@ -1,4 +1,10 @@
 import { ReactNode } from "react";
+/**
+ * When false, PathComponent renders a non-interactive span. EventGroup's
+ * header wraps titles in a toggle <button>, so nested path buttons would be
+ * invalid markup — that context sets this to false.
+ */
+export declare const PathInteractiveContext: import("react").Context<boolean>;
 /**
  * Checks if a path is likely a directory
  * @param path The full path
@@ -6,8 +12,8 @@ import { ReactNode } from "react";
  */
 declare const isLikelyDirectory: (path: string) => boolean;
 /**
- * Component that displays only the filename in the text but shows the full path on hover
- * Similar to MonoComponent but with path-specific functionality
+ * Displays only the filename, with the full path on hover.
+ * Click opens the Files drawer on that path (when interactive).
  */
 declare function PathComponent(props: {
     children?: ReactNode;

package/dist/components/features/chat/path-component.js

@@ -1,42 +1,54 @@
-import e from "../../../utils/event-logger.js";
-import { jsx as t } from "react/jsx-runtime";
+import { useOptionalConversationId as e } from "../../../hooks/use-conversation-id.js";
+import { openWorkspaceFile as t } from "../../../services/canvas-ui.js";
+import n from "../../../utils/event-logger.js";
+import { createContext as r, useContext as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
 //#region src/components/features/chat/path-component.tsx
-var n = (e) => {
+var o = r(!0), s = (e) => {
 	let t = document.createElement("textarea");
 	return t.innerHTML = e, t.value;
-}, r = (e) => e ? e.endsWith("/") || e.endsWith("\\") ? !0 : !(e.split(/[/\\]/).pop() || "").includes(".") : !1, i = (e) => {
+}, c = (e) => e ? e.endsWith("/") || e.endsWith("\\") ? !0 : !(e.split(/[/\\]/).pop() || "").includes(".") : !1, l = (e) => {
 	if (!e) return "";
 	let t = e.split(/[/\\]/), n = t[t.length - 1];
-	return r(e) && !n.endsWith("/") ? `${n}/` : n;
+	return c(e) && !n.endsWith("/") ? `${n}/` : n;
 };
-function a(r) {
-	let { children: a } = r, o = (r) => {
+function u(r) {
+	let { children: c } = r, { conversationId: u } = e(), d = i(o), f = (e) => {
 		try {
-			let e = n(r);
-			return /* @__PURE__ */ t("span", {
+			let n = s(e), r = l(n);
+			return d ? /* @__PURE__ */ a("button", {
+				type: "button",
+				"data-testid": "path-component-link",
+				className: "cursor-pointer font-mono font-normal tracking-tight hover:underline",
+				title: n,
+				onClick: (e) => {
+					e.stopPropagation(), t(n, u);
+				},
+				children: r
+			}) : /* @__PURE__ */ a("span", {
 				className: "font-mono font-normal tracking-tight",
-				title: e,
-				children: i(e)
+				title: n,
+				children: r
 			});
-		} catch (n) {
-			return e.error(String(n)), /* @__PURE__ */ t("span", {
+		} catch (t) {
+			return n.error(String(t)), /* @__PURE__ */ a("span", {
 				className: "font-mono font-normal tracking-tight",
-				children: r
+				children: e
 			});
 		}
 	};
-	return Array.isArray(a) ? /* @__PURE__ */ t("span", {
+	return Array.isArray(c) ? /* @__PURE__ */ a("span", {
 		className: "font-normal tracking-tight",
-		children: a.map((e, n) => typeof e == "string" ? /* @__PURE__ */ t("span", { children: o(e) }, `${e}-${n}`) : e)
-	}) : typeof a == "string" ? /* @__PURE__ */ t("span", {
+		children: c.map((e, t) => typeof e == "string" ? /* @__PURE__ */ a("span", { children: f(e) }, `${e}-${t}`) : e)
+	}) : typeof c == "string" ? /* @__PURE__ */ a("span", {
 		className: "font-normal tracking-tight",
-		children: o(a)
-	}) : /* @__PURE__ */ t("span", {
+		children: f(c)
+	}) : /* @__PURE__ */ a("span", {
 		className: "font-mono font-normal tracking-tight",
-		children: a
+		children: c
 	});
 }
 //#endregion
-export { a as PathComponent };
+export { u as PathComponent, o as PathInteractiveContext };
 
 //# sourceMappingURL=path-component.js.map

package/dist/components/features/chat/path-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"path-component.js","names":[],"sources":["../../../../src/components/features/chat/path-component.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport EventLogger from \"#/utils/event-logger\";\n\n/**\n * Decodes HTML entities in a string\n * @param text The text to decode\n * @returns The decoded text\n */\nconst decodeHtmlEntities = (text: string): string => {\n  const textarea = document.createElement(\"textarea\");\n  textarea.innerHTML = text;\n  return textarea.value;\n};\n\n/**\n * Checks if a path is likely a directory\n * @param path The full path\n * @returns True if the path is likely a directory\n */\nconst isLikelyDirectory = (path: string): boolean => {\n  if (!path) return false;\n  // Check if path already ends with a slash\n  if (path.endsWith(\"/\") || path.endsWith(\"\\\\\")) return true;\n  // Check if path has no extension (simple heuristic)\n  const lastPart = path.split(/[/\\\\]/).pop() || \"\";\n  // If the last part has no dots, it's likely a directory\n  return !lastPart.includes(\".\");\n};\n\n/**\n * Extracts the filename from a path\n * @param path The full path\n * @returns The filename (last part of the path)\n */\nconst extractFilename = (path: string): string => {\n  if (!path) return \"\";\n  // Handle both Unix and Windows paths\n  const parts = path.split(/[/\\\\]/);\n  const filename = parts[parts.length - 1];\n\n  // Add trailing slash for directories\n  if (isLikelyDirectory(path) && !filename.endsWith(\"/\")) {\n    return `${filename}/`;\n  }\n\n  return filename;\n};\n\n/**\n * Component that displays only the filename in the text but shows the full path on hover\n * Similar to MonoComponent but with path-specific functionality\n */\nfunction PathComponent(props: { children?: ReactNode }) {\n  const { children } = props;\n\n  const processPath = (path: string) => {\n    try {\n      // First decode any HTML entities in the path\n      const decodedPath = decodeHtmlEntities(path);\n      // Extract the filename from the decoded path\n      const filename = extractFilename(decodedPath);\n      return (\n        <span\n          className=\"font-mono font-normal tracking-tight\"\n          title={decodedPath}\n        >\n          {filename}\n        </span>\n      );\n    } catch (e) {\n      // Just log the error without any message to avoid localization issues\n      EventLogger.error(String(e));\n      return (\n        <span className=\"font-mono font-normal tracking-tight\">{path}</span>\n      );\n    }\n  };\n\n  if (Array.isArray(children)) {\n    const processedChildren = children.map((child, index) =>\n      typeof child === \"string\" ? (\n        <span key={`${child}-${index}`}>{processPath(child)}</span>\n      ) : (\n        child\n      ),\n    );\n\n    return (\n      <span className=\"font-normal tracking-tight\">{processedChildren}</span>\n    );\n  }\n\n  if (typeof children === \"string\") {\n    return (\n      <span className=\"font-normal tracking-tight\">\n        {processPath(children)}\n      </span>\n    );\n  }\n\n  return (\n    <span className=\"font-mono font-normal tracking-tight\">{children}</span>\n  );\n}\n\nexport { PathComponent, isLikelyDirectory };\n"],"mappings":";;;AAQA,IAAM,KAAsB,MAAyB;CACnD,IAAM,IAAW,SAAS,cAAc,UAAU;CAElD,OADA,EAAS,YAAY,GACd,EAAS;AAClB,GAOM,KAAqB,MACpB,IAED,EAAK,SAAS,GAAG,KAAK,EAAK,SAAS,IAAI,IAAU,KAI/C,EAFU,EAAK,MAAM,OAAO,EAAE,IAAI,KAAK,IAE7B,SAAS,GAAG,IANX,IAcd,KAAmB,MAAyB;CAChD,IAAI,CAAC,GAAM,OAAO;CAElB,IAAM,IAAQ,EAAK,MAAM,OAAO,GAC1B,IAAW,EAAM,EAAM,SAAS;CAOtC,OAJI,EAAkB,CAAI,KAAK,CAAC,EAAS,SAAS,GAAG,IAC5C,GAAG,EAAS,KAGd;AACT;AAMA,SAAS,EAAc,GAAiC;CACtD,IAAM,EAAE,gBAAa,GAEf,KAAe,MAAiB;EACpC,IAAI;GAEF,IAAM,IAAc,EAAmB,CAAI;GAG3C,OACE,kBAAC,QAAD;IACE,WAAU;IACV,OAAO;cAJM,EAAgB,CAM5B;GACG,CAAA;EAEV,SAAS,GAAG;GAGV,OADA,EAAY,MAAM,OAAO,CAAC,CAAC,GAEzB,kBAAC,QAAD;IAAM,WAAU;cAAwC;GAAW,CAAA;EAEvE;CACF;CAwBA,OAtBI,MAAM,QAAQ,CAAQ,IAUtB,kBAAC,QAAD;EAAM,WAAU;YATQ,EAAS,KAAK,GAAO,MAC7C,OAAO,KAAU,WACf,kBAAC,QAAD,EAAA,UAAiC,EAAY,CAAK,EAAQ,GAA/C,GAAG,EAAM,GAAG,GAAmC,IAE1D,CAK4C;CAAwB,CAAA,IAItE,OAAO,KAAa,WAEpB,kBAAC,QAAD;EAAM,WAAU;YACb,EAAY,CAAQ;CACjB,CAAA,IAKR,kBAAC,QAAD;EAAM,WAAU;EAAwC;CAAe,CAAA;AAE3E"}
+{"version":3,"file":"path-component.js","names":[],"sources":["../../../../src/components/features/chat/path-component.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { openWorkspaceFile } from \"#/services/canvas-ui\";\nimport EventLogger from \"#/utils/event-logger\";\n\n/**\n * When false, PathComponent renders a non-interactive span. EventGroup's\n * header wraps titles in a toggle <button>, so nested path buttons would be\n * invalid markup — that context sets this to false.\n */\nexport const PathInteractiveContext = createContext(true);\n\n/**\n * Decodes HTML entities in a string\n * @param text The text to decode\n * @returns The decoded text\n */\nconst decodeHtmlEntities = (text: string): string => {\n  const textarea = document.createElement(\"textarea\");\n  textarea.innerHTML = text;\n  return textarea.value;\n};\n\n/**\n * Checks if a path is likely a directory\n * @param path The full path\n * @returns True if the path is likely a directory\n */\nconst isLikelyDirectory = (path: string): boolean => {\n  if (!path) return false;\n  // Check if path already ends with a slash\n  if (path.endsWith(\"/\") || path.endsWith(\"\\\\\")) return true;\n  // Check if path has no extension (simple heuristic)\n  const lastPart = path.split(/[/\\\\]/).pop() || \"\";\n  // If the last part has no dots, it's likely a directory\n  return !lastPart.includes(\".\");\n};\n\n/**\n * Extracts the filename from a path\n * @param path The full path\n * @returns The filename (last part of the path)\n */\nconst extractFilename = (path: string): string => {\n  if (!path) return \"\";\n  // Handle both Unix and Windows paths\n  const parts = path.split(/[/\\\\]/);\n  const filename = parts[parts.length - 1];\n\n  // Add trailing slash for directories\n  if (isLikelyDirectory(path) && !filename.endsWith(\"/\")) {\n    return `${filename}/`;\n  }\n\n  return filename;\n};\n\n/**\n * Displays only the filename, with the full path on hover.\n * Click opens the Files drawer on that path (when interactive).\n */\nfunction PathComponent(props: { children?: ReactNode }) {\n  const { children } = props;\n  const { conversationId } = useOptionalConversationId();\n  const interactive = useContext(PathInteractiveContext);\n\n  const processPath = (path: string) => {\n    try {\n      const decodedPath = decodeHtmlEntities(path);\n      const filename = extractFilename(decodedPath);\n      if (!interactive) {\n        return (\n          <span\n            className=\"font-mono font-normal tracking-tight\"\n            title={decodedPath}\n          >\n            {filename}\n          </span>\n        );\n      }\n      return (\n        <button\n          type=\"button\"\n          data-testid=\"path-component-link\"\n          className=\"cursor-pointer font-mono font-normal tracking-tight hover:underline\"\n          title={decodedPath}\n          onClick={(event) => {\n            event.stopPropagation();\n            openWorkspaceFile(decodedPath, conversationId);\n          }}\n        >\n          {filename}\n        </button>\n      );\n    } catch (e) {\n      EventLogger.error(String(e));\n      return (\n        <span className=\"font-mono font-normal tracking-tight\">{path}</span>\n      );\n    }\n  };\n\n  if (Array.isArray(children)) {\n    const processedChildren = children.map((child, index) =>\n      typeof child === \"string\" ? (\n        <span key={`${child}-${index}`}>{processPath(child)}</span>\n      ) : (\n        child\n      ),\n    );\n\n    return (\n      <span className=\"font-normal tracking-tight\">{processedChildren}</span>\n    );\n  }\n\n  if (typeof children === \"string\") {\n    return (\n      <span className=\"font-normal tracking-tight\">\n        {processPath(children)}\n      </span>\n    );\n  }\n\n  return (\n    <span className=\"font-mono font-normal tracking-tight\">{children}</span>\n  );\n}\n\nexport { PathComponent, isLikelyDirectory };\n"],"mappings":";;;;;;AAUA,IAAa,IAAyB,EAAc,EAAI,GAOlD,KAAsB,MAAyB;CACnD,IAAM,IAAW,SAAS,cAAc,UAAU;CAElD,OADA,EAAS,YAAY,GACd,EAAS;AAClB,GAOM,KAAqB,MACpB,IAED,EAAK,SAAS,GAAG,KAAK,EAAK,SAAS,IAAI,IAAU,KAI/C,EAFU,EAAK,MAAM,OAAO,EAAE,IAAI,KAAK,IAE7B,SAAS,GAAG,IANX,IAcd,KAAmB,MAAyB;CAChD,IAAI,CAAC,GAAM,OAAO;CAElB,IAAM,IAAQ,EAAK,MAAM,OAAO,GAC1B,IAAW,EAAM,EAAM,SAAS;CAOtC,OAJI,EAAkB,CAAI,KAAK,CAAC,EAAS,SAAS,GAAG,IAC5C,GAAG,EAAS,KAGd;AACT;AAMA,SAAS,EAAc,GAAiC;CACtD,IAAM,EAAE,gBAAa,GACf,EAAE,sBAAmB,EAA0B,GAC/C,IAAc,EAAW,CAAsB,GAE/C,KAAe,MAAiB;EACpC,IAAI;GACF,IAAM,IAAc,EAAmB,CAAI,GACrC,IAAW,EAAgB,CAAW;GAW5C,OAVK,IAWH,kBAAC,UAAD;IACE,MAAK;IACL,eAAY;IACZ,WAAU;IACV,OAAO;IACP,UAAU,MAAU;KAElB,AADA,EAAM,gBAAgB,GACtB,EAAkB,GAAa,CAAc;IAC/C;cAEC;GACK,CAAA,IApBN,kBAAC,QAAD;IACE,WAAU;IACV,OAAO;cAEN;GACG,CAAA;EAiBZ,SAAS,GAAG;GAEV,OADA,EAAY,MAAM,OAAO,CAAC,CAAC,GAEzB,kBAAC,QAAD;IAAM,WAAU;cAAwC;GAAW,CAAA;EAEvE;CACF;CAwBA,OAtBI,MAAM,QAAQ,CAAQ,IAUtB,kBAAC,QAAD;EAAM,WAAU;YATQ,EAAS,KAAK,GAAO,MAC7C,OAAO,KAAU,WACf,kBAAC,QAAD,EAAA,UAAiC,EAAY,CAAK,EAAQ,GAA/C,GAAG,EAAM,GAAG,GAAmC,IAE1D,CAK4C;CAAwB,CAAA,IAItE,OAAO,KAAa,WAEpB,kBAAC,QAAD;EAAM,WAAU;YACb,EAAY,CAAQ;CACjB,CAAA,IAKR,kBAAC,QAAD;EAAM,WAAU;EAAwC;CAAe,CAAA;AAE3E"}

package/dist/components/features/chat/tool-visualizers/file-editor/file-editor.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../../hooks/use-conversation-id.cjs"),n=require("../../../../../stores/files-tab-store.cjs"),r=require("../../../../../hooks/query/use-active-conversation.cjs"),i=require("../../../../../hooks/use-select-conversation-tab.cjs"),a=require("../define.cjs"),o=require("../text-content.cjs"),s=require("../primitives/code-block.cjs"),c=require("../../../../../utils/get-language-from-path.cjs"),l=require("../../../../../utils/workspace-relative-path.cjs"),u=require("../primitives/diff-view.cjs"),d=require("../primitives/file-path-chip.cjs"),f=require("../../../../../utils/is-markdown-file-path.cjs"),p=require("../primitives/markdown-file-preview.cjs");let m=require("react");m=e.__toESM(m,1);let h=require("react/jsx-runtime");var g=({action:e,observation:t})=>t?.observation.path??e?.action.path??``;function _({action:e,observation:t,onOpenFile:n}){let r=g({action:e,observation:t}),i=t?.observation.command??e?.action.command,a=c.getLanguageFromPath(r),l=e?.action.view_range,m=i===`view`&&l?`${l[0]}-${l[1]}`:void 0,_=r?(0,h.jsx)(d.FilePathChip,{path:r,range:m,onClick:n}):null,v=e=>r&&i===`create`&&f.isMarkdownFilePath(r)?{chip:null,body:(0,h.jsx)(p.MarkdownFilePreview,{content:e,path:r,onView:n})}:{chip:_,body:(0,h.jsx)(s.CodeBlock,{code:e,language:a})};if(t){let e=t.observation,n=null,r=_;if(e.error)n=(0,h.jsx)(`span`,{className:`whitespace-pre-wrap text-xs text-danger`,children:e.error});else if(e.old_content!=null&&e.new_content!=null)n=(0,h.jsx)(u.DiffView,{oldText:e.old_content,newText:e.new_content});else{let t=e.new_content||e.output||(e.content?o.textFromContent(e.content):``);if(t){let e=v(t);r=e.chip,n=e.body}}return(0,h.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[r,n]})}if(e){let t=e.action,n=null,r=_;if(t.command===`create`&&t.file_text){let e=v(t.file_text);r=e.chip,n=e.body}else (t.command===`str_replace`||t.command===`insert`)&&t.new_str!=null&&(n=(0,h.jsx)(u.DiffView,{oldText:t.old_str??``,newText:t.new_str}));return(0,h.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[r,n]})}return null}function v({conversationId:e,...t}){let{navigateToTab:a}=i.useSelectConversationTab(),o=n.useFilesTabStore(e=>e.setSelectedPath),{data:s}=r.useActiveConversation(),c=g(t),u=s?.workspace?.working_dir,d=c&&t.observation?()=>{o(l.toWorkspaceRelativePath(c,u),e),a(`files`)}:void 0;return(0,h.jsx)(_,{...t,onOpenFile:d})}var y=a.defineVisualizer({actionKinds:[`FileEditorAction`,`StrReplaceEditorAction`],observationKinds:[`FileEditorObservation`,`StrReplaceEditorObservation`],Body:function(e){let{conversationId:n}=t.useOptionalConversationId();return n?(0,h.jsx)(v,{...e,conversationId:n}):(0,h.jsx)(_,{...e})}});exports.fileEditorVisualizer=y;
+const e=require("../../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../../hooks/use-conversation-id.cjs"),n=require("../../../../../services/canvas-ui.cjs"),r=require("../define.cjs"),i=require("../text-content.cjs"),a=require("../primitives/code-block.cjs"),o=require("../../../../../utils/get-language-from-path.cjs"),s=require("../primitives/diff-view.cjs"),c=require("../primitives/file-path-chip.cjs"),l=require("../../../../../utils/is-markdown-file-path.cjs"),u=require("../primitives/markdown-file-preview.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=({action:e,observation:t})=>t?.observation.path??e?.action.path??``;function m({action:e,observation:t,onOpenFile:n}){let r=p({action:e,observation:t}),d=t?.observation.command??e?.action.command,m=o.getLanguageFromPath(r),h=e?.action.view_range,g=d===`view`&&h?`${h[0]}-${h[1]}`:void 0,_=r?(0,f.jsx)(c.FilePathChip,{path:r,range:g,onClick:n}):null,v=e=>r&&d===`create`&&l.isMarkdownFilePath(r)?{chip:null,body:(0,f.jsx)(u.MarkdownFilePreview,{content:e,path:r,onView:n})}:{chip:_,body:(0,f.jsx)(a.CodeBlock,{code:e,language:m})};if(t){let e=t.observation,n=null,r=_;if(e.error)n=(0,f.jsx)(`span`,{className:`whitespace-pre-wrap text-xs text-danger`,children:e.error});else if(e.old_content!=null&&e.new_content!=null)n=(0,f.jsx)(s.DiffView,{oldText:e.old_content,newText:e.new_content});else{let t=e.new_content||e.output||(e.content?i.textFromContent(e.content):``);if(t){let e=v(t);r=e.chip,n=e.body}}return(0,f.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[r,n]})}if(e){let t=e.action,n=null,r=_;if(t.command===`create`&&t.file_text){let e=v(t.file_text);r=e.chip,n=e.body}else (t.command===`str_replace`||t.command===`insert`)&&t.new_str!=null&&(n=(0,f.jsx)(s.DiffView,{oldText:t.old_str??``,newText:t.new_str}));return(0,f.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[r,n]})}return null}function h({conversationId:e,...t}){let r=p(t),i=r&&t.observation?()=>n.openWorkspaceFile(r,e):void 0;return(0,f.jsx)(m,{...t,onOpenFile:i})}var g=r.defineVisualizer({actionKinds:[`FileEditorAction`,`StrReplaceEditorAction`],observationKinds:[`FileEditorObservation`,`StrReplaceEditorObservation`],Body:function(e){let{conversationId:n}=t.useOptionalConversationId();return n?(0,f.jsx)(h,{...e,conversationId:n}):(0,f.jsx)(m,{...e})}});exports.fileEditorVisualizer=g;
 //# sourceMappingURL=file-editor.cjs.map

package/dist/components/features/chat/tool-visualizers/file-editor/file-editor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"file-editor.cjs","names":[],"sources":["../../../../../../src/components/features/chat/tool-visualizers/file-editor/file-editor.tsx"],"sourcesContent":["/**\n * File-editor visualizer for `file_editor` / `str_replace_editor` tools.\n *\n * Observation card: error → message; `str_replace`/`insert` → diff of the file\n * before vs after; `create`/`view` → the file content. Action card (shown while\n * the edit is in flight): `create` → new content; `str_replace` → diff of the\n * replaced snippet; `view`/`undo_edit` → just the path + range.\n *\n * Created Markdown artifacts get a height-clipped rich preview with a View bar\n * that opens the Files drawer, instead of dumping the full source into a code\n * block. Reads/edits of `.md` files keep the normal CodeBlock / DiffView path.\n */\nimport React from \"react\";\nimport { getLanguageFromPath } from \"#/utils/get-language-from-path\";\nimport { toWorkspaceRelativePath } from \"#/utils/workspace-relative-path\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useSelectConversationTab } from \"#/hooks/use-select-conversation-tab\";\nimport { useFilesTabStore } from \"#/stores/files-tab-store\";\nimport type {\n  FileEditorAction,\n  StrReplaceEditorAction,\n} from \"#/types/agent-server/core/base/action\";\nimport type {\n  FileEditorObservation,\n  StrReplaceEditorObservation,\n} from \"#/types/agent-server/core/base/observation\";\nimport { defineVisualizer, VisualizerProps } from \"../define\";\nimport { textFromContent } from \"../text-content\";\nimport { CodeBlock } from \"../primitives/code-block\";\nimport { DiffView } from \"../primitives/diff-view\";\nimport { FilePathChip } from \"../primitives/file-path-chip\";\nimport {\n  isMarkdownFilePath,\n  MarkdownFilePreview,\n} from \"../primitives/markdown-file-preview\";\n\ntype FileEditorCardProps = VisualizerProps<\n  FileEditorAction | StrReplaceEditorAction,\n  FileEditorObservation | StrReplaceEditorObservation\n>;\n\n/** The path the event touched; observations win because they are authoritative. */\nconst resolvePath = ({ action, observation }: FileEditorCardProps): string =>\n  observation?.observation.path ?? action?.action.path ?? \"\";\n\ninterface FileEditorCardBodyProps extends FileEditorCardProps {\n  /**\n   * Deep-links the file into the Files drawer. Absent outside a conversation\n   * route, where there is no drawer to open; the card then stays read-only.\n   * Also omitted for in-flight creates so View does not open a missing file.\n   */\n  onOpenFile?: () => void;\n}\n\nfunction FileEditorCardBody({\n  action,\n  observation,\n  onOpenFile,\n}: FileEditorCardBodyProps) {\n  const path = resolvePath({ action, observation });\n  const command = observation?.observation.command ?? action?.action.command;\n  const language = getLanguageFromPath(path);\n\n  const viewRange = action?.action.view_range;\n  const range =\n    command === \"view\" && viewRange\n      ? `${viewRange[0]}-${viewRange[1]}`\n      : undefined;\n  const chip = path ? (\n    <FilePathChip path={path} range={range} onClick={onOpenFile} />\n  ) : null;\n\n  const renderFileContent = (content: string) => {\n    // Only created Markdown artifacts get the rich preview — `view` returns\n    // `cat -n` numbered snippets that must stay in a CodeBlock.\n    if (path && command === \"create\" && isMarkdownFilePath(path)) {\n      // Markdown artifacts own their card (clipped preview + optional View),\n      // so skip the separate path chip to avoid a duplicate filename affordance.\n      return {\n        chip: null as React.ReactNode,\n        body: (\n          <MarkdownFilePreview\n            content={content}\n            path={path}\n            onView={onOpenFile}\n          />\n        ),\n      };\n    }\n    return {\n      chip,\n      body: <CodeBlock code={content} language={language} />,\n    };\n  };\n\n  if (observation) {\n    const obs = observation.observation;\n    let body: React.ReactNode = null;\n    let leadingChip: React.ReactNode = chip;\n    if (obs.error) {\n      body = (\n        <span className=\"whitespace-pre-wrap text-xs text-danger\">\n          {obs.error}\n        </span>\n      );\n    } else if (obs.old_content != null && obs.new_content != null) {\n      // Nullish, not truthy: an empty string is a valid side of the diff —\n      // clearing a file or inserting into an empty file must still render it.\n      body = <DiffView oldText={obs.old_content} newText={obs.new_content} />;\n    } else {\n      // `view` returns the snippet the agent saw in `content` (the `cat -n`\n      // output) rather than `output`/`new_content`, so fall back to it.\n      // Mirrors the markdown path's \"prefer content for view\" handling.\n      const content =\n        obs.new_content ||\n        obs.output ||\n        (obs.content ? textFromContent(obs.content) : \"\");\n      if (content) {\n        const rendered = renderFileContent(content);\n        leadingChip = rendered.chip;\n        body = rendered.body;\n      }\n    }\n    return (\n      <div className=\"flex flex-col gap-2\">\n        {leadingChip}\n        {body}\n      </div>\n    );\n  }\n\n  if (action) {\n    const act = action.action;\n    let body: React.ReactNode = null;\n    let leadingChip: React.ReactNode = chip;\n    if (act.command === \"create\" && act.file_text) {\n      const rendered = renderFileContent(act.file_text);\n      leadingChip = rendered.chip;\n      body = rendered.body;\n    } else if (\n      (act.command === \"str_replace\" || act.command === \"insert\") &&\n      act.new_str != null\n    ) {\n      // `insert` carries only `new_str`, no `old_str`. Key on `new_str` and\n      // default `old_str` to \"\" so an in-flight insert shows an addition diff\n      // instead of nothing.\n      body = <DiffView oldText={act.old_str ?? \"\"} newText={act.new_str} />;\n    }\n    return (\n      <div className=\"flex flex-col gap-2\">\n        {leadingChip}\n        {body}\n      </div>\n    );\n  }\n\n  return null;\n}\n\n/**\n * Conversation-scoped wrapper: owns the Files-drawer deep link. Split from the\n * card so the conversation-only hooks below never run outside a conversation\n * route (they throw on a missing conversation id).\n */\nfunction FileEditorCardWithDrawerLink({\n  conversationId,\n  ...props\n}: FileEditorCardProps & { conversationId: string }) {\n  const { navigateToTab } = useSelectConversationTab();\n  const setSelectedPath = useFilesTabStore((state) => state.setSelectedPath);\n  const { data: conversation } = useActiveConversation();\n  const path = resolvePath(props);\n  const workingDir = conversation?.workspace?.working_dir;\n\n  // Only deep-link once the observation exists — the file is not guaranteed\n  // to be on disk while the create action is still in flight.\n  const onOpenFile =\n    path && props.observation\n      ? () => {\n          setSelectedPath(\n            toWorkspaceRelativePath(path, workingDir),\n            conversationId,\n          );\n          navigateToTab(\"files\");\n        }\n      : undefined;\n\n  return <FileEditorCardBody {...props} onOpenFile={onOpenFile} />;\n}\n\nexport const fileEditorVisualizer = defineVisualizer({\n  actionKinds: [\"FileEditorAction\", \"StrReplaceEditorAction\"],\n  observationKinds: [\"FileEditorObservation\", \"StrReplaceEditorObservation\"],\n  Body: function FileEditorBody(props) {\n    const { conversationId } = useOptionalConversationId();\n\n    return conversationId ? (\n      <FileEditorCardWithDrawerLink\n        {...props}\n        conversationId={conversationId}\n      />\n    ) : (\n      <FileEditorCardBody {...props} />\n    );\n  },\n});\n"],"mappings":"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"}
+{"version":3,"file":"file-editor.cjs","names":[],"sources":["../../../../../../src/components/features/chat/tool-visualizers/file-editor/file-editor.tsx"],"sourcesContent":["/**\n * File-editor visualizer for `file_editor` / `str_replace_editor` tools.\n *\n * Observation card: error → message; `str_replace`/`insert` → diff of the file\n * before vs after; `create`/`view` → the file content. Action card (shown while\n * the edit is in flight): `create` → new content; `str_replace` → diff of the\n * replaced snippet; `view`/`undo_edit` → just the path + range.\n *\n * Created Markdown artifacts get a height-clipped rich preview with a View bar\n * that opens the Files drawer, instead of dumping the full source into a code\n * block. Reads/edits of `.md` files keep the normal CodeBlock / DiffView path.\n */\nimport React from \"react\";\nimport { getLanguageFromPath } from \"#/utils/get-language-from-path\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { openWorkspaceFile } from \"#/services/canvas-ui\";\nimport type {\n  FileEditorAction,\n  StrReplaceEditorAction,\n} from \"#/types/agent-server/core/base/action\";\nimport type {\n  FileEditorObservation,\n  StrReplaceEditorObservation,\n} from \"#/types/agent-server/core/base/observation\";\nimport { defineVisualizer, VisualizerProps } from \"../define\";\nimport { textFromContent } from \"../text-content\";\nimport { CodeBlock } from \"../primitives/code-block\";\nimport { DiffView } from \"../primitives/diff-view\";\nimport { FilePathChip } from \"../primitives/file-path-chip\";\nimport {\n  isMarkdownFilePath,\n  MarkdownFilePreview,\n} from \"../primitives/markdown-file-preview\";\n\ntype FileEditorCardProps = VisualizerProps<\n  FileEditorAction | StrReplaceEditorAction,\n  FileEditorObservation | StrReplaceEditorObservation\n>;\n\n/** The path the event touched; observations win because they are authoritative. */\nconst resolvePath = ({ action, observation }: FileEditorCardProps): string =>\n  observation?.observation.path ?? action?.action.path ?? \"\";\n\ninterface FileEditorCardBodyProps extends FileEditorCardProps {\n  /**\n   * Deep-links the file into the Files drawer. Absent outside a conversation\n   * route, where there is no drawer to open; the card then stays read-only.\n   * Also omitted for in-flight creates so View does not open a missing file.\n   */\n  onOpenFile?: () => void;\n}\n\nfunction FileEditorCardBody({\n  action,\n  observation,\n  onOpenFile,\n}: FileEditorCardBodyProps) {\n  const path = resolvePath({ action, observation });\n  const command = observation?.observation.command ?? action?.action.command;\n  const language = getLanguageFromPath(path);\n\n  const viewRange = action?.action.view_range;\n  const range =\n    command === \"view\" && viewRange\n      ? `${viewRange[0]}-${viewRange[1]}`\n      : undefined;\n  const chip = path ? (\n    <FilePathChip path={path} range={range} onClick={onOpenFile} />\n  ) : null;\n\n  const renderFileContent = (content: string) => {\n    // Only created Markdown artifacts get the rich preview — `view` returns\n    // `cat -n` numbered snippets that must stay in a CodeBlock.\n    if (path && command === \"create\" && isMarkdownFilePath(path)) {\n      // Markdown artifacts own their card (clipped preview + optional View),\n      // so skip the separate path chip to avoid a duplicate filename affordance.\n      return {\n        chip: null as React.ReactNode,\n        body: (\n          <MarkdownFilePreview\n            content={content}\n            path={path}\n            onView={onOpenFile}\n          />\n        ),\n      };\n    }\n    return {\n      chip,\n      body: <CodeBlock code={content} language={language} />,\n    };\n  };\n\n  if (observation) {\n    const obs = observation.observation;\n    let body: React.ReactNode = null;\n    let leadingChip: React.ReactNode = chip;\n    if (obs.error) {\n      body = (\n        <span className=\"whitespace-pre-wrap text-xs text-danger\">\n          {obs.error}\n        </span>\n      );\n    } else if (obs.old_content != null && obs.new_content != null) {\n      // Nullish, not truthy: an empty string is a valid side of the diff —\n      // clearing a file or inserting into an empty file must still render it.\n      body = <DiffView oldText={obs.old_content} newText={obs.new_content} />;\n    } else {\n      // `view` returns the snippet the agent saw in `content` (the `cat -n`\n      // output) rather than `output`/`new_content`, so fall back to it.\n      // Mirrors the markdown path's \"prefer content for view\" handling.\n      const content =\n        obs.new_content ||\n        obs.output ||\n        (obs.content ? textFromContent(obs.content) : \"\");\n      if (content) {\n        const rendered = renderFileContent(content);\n        leadingChip = rendered.chip;\n        body = rendered.body;\n      }\n    }\n    return (\n      <div className=\"flex flex-col gap-2\">\n        {leadingChip}\n        {body}\n      </div>\n    );\n  }\n\n  if (action) {\n    const act = action.action;\n    let body: React.ReactNode = null;\n    let leadingChip: React.ReactNode = chip;\n    if (act.command === \"create\" && act.file_text) {\n      const rendered = renderFileContent(act.file_text);\n      leadingChip = rendered.chip;\n      body = rendered.body;\n    } else if (\n      (act.command === \"str_replace\" || act.command === \"insert\") &&\n      act.new_str != null\n    ) {\n      // `insert` carries only `new_str`, no `old_str`. Key on `new_str` and\n      // default `old_str` to \"\" so an in-flight insert shows an addition diff\n      // instead of nothing.\n      body = <DiffView oldText={act.old_str ?? \"\"} newText={act.new_str} />;\n    }\n    return (\n      <div className=\"flex flex-col gap-2\">\n        {leadingChip}\n        {body}\n      </div>\n    );\n  }\n\n  return null;\n}\n\n/**\n * Conversation-scoped wrapper: owns the Files-drawer deep link. Split from the\n * card so conversation-only navigation never runs outside a conversation route.\n */\nfunction FileEditorCardWithDrawerLink({\n  conversationId,\n  ...props\n}: FileEditorCardProps & { conversationId: string }) {\n  const path = resolvePath(props);\n\n  // Only deep-link once the observation exists — the file is not guaranteed\n  // to be on disk while the create action is still in flight.\n  const onOpenFile =\n    path && props.observation\n      ? () => openWorkspaceFile(path, conversationId)\n      : undefined;\n\n  return <FileEditorCardBody {...props} onOpenFile={onOpenFile} />;\n}\n\nexport const fileEditorVisualizer = defineVisualizer({\n  actionKinds: [\"FileEditorAction\", \"StrReplaceEditorAction\"],\n  observationKinds: [\"FileEditorObservation\", \"StrReplaceEditorObservation\"],\n  Body: function FileEditorBody(props) {\n    const { conversationId } = useOptionalConversationId();\n\n    return conversationId ? (\n      <FileEditorCardWithDrawerLink\n        {...props}\n        conversationId={conversationId}\n      />\n    ) : (\n      <FileEditorCardBody {...props} />\n    );\n  },\n});\n"],"mappings":"omBAwCA,IAAM,GAAe,CAAE,SAAQ,iBAC7B,GAAa,YAAY,MAAQ,GAAQ,OAAO,MAAQ,GAW1D,SAAS,EAAmB,CAC1B,SACA,cACA,cAC0B,CAC1B,IAAM,EAAO,EAAY,CAAE,SAAQ,aAAY,CAAC,EAC1C,EAAU,GAAa,YAAY,SAAW,GAAQ,OAAO,QAC7D,EAAW,EAAA,oBAAoB,CAAI,EAEnC,EAAY,GAAQ,OAAO,WAC3B,EACJ,IAAY,QAAU,EAClB,GAAG,EAAU,GAAG,GAAG,EAAU,KAC7B,IAAA,GACA,EAAO,GACX,EAAA,EAAA,KAAC,EAAA,aAAD,CAAoB,OAAa,QAAO,QAAS,CAAa,CAAA,EAC5D,KAEE,EAAqB,GAGrB,GAAQ,IAAY,UAAY,EAAA,mBAAmB,CAAI,EAGlD,CACL,KAAM,KACN,MACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CACW,UACH,OACN,OAAQ,CACT,CAAA,CAEL,EAEK,CACL,OACA,MAAM,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,KAAM,EAAmB,UAAW,CAAA,CACvD,EAGF,GAAI,EAAa,CACf,IAAM,EAAM,EAAY,YACpB,EAAwB,KACxB,EAA+B,EACnC,GAAI,EAAI,MACN,GACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mDACb,EAAI,KACD,CAAA,OAEH,GAAI,EAAI,aAAe,MAAQ,EAAI,aAAe,KAGvD,GAAO,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,QAAS,EAAI,YAAa,QAAS,EAAI,WAAc,CAAA,MACjE,CAIL,IAAM,EACJ,EAAI,aACJ,EAAI,SACH,EAAI,QAAU,EAAA,gBAAgB,EAAI,OAAO,EAAI,IAChD,GAAI,EAAS,CACX,IAAM,EAAW,EAAkB,CAAO,EAC1C,EAAc,EAAS,KACvB,EAAO,EAAS,IAClB,CACF,CACA,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,CACG,EACA,CACE,GAET,CAEA,GAAI,EAAQ,CACV,IAAM,EAAM,EAAO,OACf,EAAwB,KACxB,EAA+B,EACnC,GAAI,EAAI,UAAY,UAAY,EAAI,UAAW,CAC7C,IAAM,EAAW,EAAkB,EAAI,SAAS,EAChD,EAAc,EAAS,KACvB,EAAO,EAAS,IAClB,OACG,EAAI,UAAY,eAAiB,EAAI,UAAY,WAClD,EAAI,SAAW,OAKf,GAAO,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,QAAS,EAAI,SAAW,GAAI,QAAS,EAAI,OAAU,CAAA,GAEtE,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,CACG,EACA,CACE,GAET,CAEA,OAAO,IACT,CAMA,SAAS,EAA6B,CACpC,iBACA,GAAG,GACgD,CACnD,IAAM,EAAO,EAAY,CAAK,EAIxB,EACJ,GAAQ,EAAM,gBACJ,EAAA,kBAAkB,EAAM,CAAc,EAC5C,IAAA,GAEN,OAAO,EAAA,EAAA,KAAC,EAAD,CAAoB,GAAI,EAAmB,YAAa,CAAA,CACjE,CAEA,IAAa,EAAuB,EAAA,iBAAiB,CACnD,YAAa,CAAC,mBAAoB,wBAAwB,EAC1D,iBAAkB,CAAC,wBAAyB,6BAA6B,EACzE,KAAM,SAAwB,EAAO,CACnC,GAAM,CAAE,kBAAmB,EAAA,0BAA0B,EAErD,OAAO,GACL,EAAA,EAAA,KAAC,EAAD,CACE,GAAI,EACY,gBACjB,CAAA,GAED,EAAA,EAAA,KAAC,EAAD,CAAoB,GAAI,CAAQ,CAAA,CAEpC,CACF,CAAC"}