@shareai-lab/kode 1.1.14 → 1.1.16-dev.1

package/src/screens/REPL.tsx

@@ -1,813 +0,0 @@
-import { ToolUseBlockParam } from '@anthropic-ai/sdk/resources/index.mjs'
-import { Box, Newline, Static, Text } from 'ink'
-import ProjectOnboarding, {
-  markProjectOnboardingComplete,
-} from '../ProjectOnboarding.js'
-import { CostThresholdDialog } from '../components/CostThresholdDialog'
-import * as React from 'react'
-import { useEffect, useMemo, useRef, useState, useCallback } from 'react'
-import { Command } from '../commands'
-import { Logo } from '../components/Logo'
-import { Message } from '../components/Message'
-import { MessageResponse } from '../components/MessageResponse'
-import { MessageSelector } from '../components/MessageSelector'
-import {
-  PermissionRequest,
-  type ToolUseConfirm,
-} from '../components/permissions/PermissionRequest.js'
-import PromptInput from '../components/PromptInput'
-import { Spinner } from '../components/Spinner'
-import { getSystemPrompt } from '../constants/prompts'
-import { getContext } from '../context'
-import { getTotalCost, useCostSummary } from '../cost-tracker'
-import { useLogStartupTime } from '../hooks/useLogStartupTime'
-import { addToHistory } from '../history'
-import { useApiKeyVerification } from '../hooks/useApiKeyVerification'
-import { useCancelRequest } from '../hooks/useCancelRequest'
-import useCanUseTool from '../hooks/useCanUseTool'
-import { useLogMessages } from '../hooks/useLogMessages'
-import { PermissionProvider } from '../context/PermissionContext'
-import { ModeIndicator } from '../components/ModeIndicator'
-import {
-  setMessagesGetter,
-  setMessagesSetter,
-  setModelConfigChangeHandler,
-} from '../messages'
-import {
-  type AssistantMessage,
-  type BinaryFeedbackResult,
-  type Message as MessageType,
-  type ProgressMessage,
-  query,
-} from '../query.js'
-import type { WrappedClient } from '../services/mcpClient'
-import type { Tool } from '../Tool'
-import { AutoUpdaterResult } from '../utils/autoUpdater'
-import { getGlobalConfig, saveGlobalConfig } from '../utils/config'
-import { MACRO } from '../constants/macros'
-import { logEvent } from '../services/statsig'
-import { getNextAvailableLogForkNumber } from '../utils/log'
-import {
-  getErroredToolUseMessages,
-  getInProgressToolUseIDs,
-  getLastAssistantMessageId,
-  getToolUseID,
-  getUnresolvedToolUseIDs,
-  INTERRUPT_MESSAGE,
-  isNotEmptyMessage,
-  type NormalizedMessage,
-  normalizeMessages,
-  normalizeMessagesForAPI,
-  processUserInput,
-  reorderMessages,
-  extractTag,
-  createAssistantMessage,
-} from '../utils/messages.js'
-import { getModelManager, ModelManager } from '../utils/model'
-import { clearTerminal, updateTerminalTitle } from '../utils/terminal'
-import { BinaryFeedback } from '../components/binary-feedback/BinaryFeedback'
-import { getMaxThinkingTokens } from '../utils/thinking'
-import { getOriginalCwd } from '../utils/state'
-import { handleHashCommand } from '../commands/terminalSetup'
-import { debug as debugLogger } from '../utils/debugLogger'
-
-type Props = {
-  commands: Command[]
-  safeMode?: boolean
-  debug?: boolean
-  initialForkNumber?: number | undefined
-  initialPrompt: string | undefined
-  // A unique name for the message log file, used to identify the fork
-  messageLogName: string
-  shouldShowPromptInput: boolean
-  tools: Tool[]
-  verbose: boolean | undefined
-  // Initial messages to populate the REPL with
-  initialMessages?: MessageType[]
-  // MCP clients
-  mcpClients?: WrappedClient[]
-  // Flag to indicate if current model is default
-  isDefaultModel?: boolean
-  // Update banner info passed from CLI before first render
-  initialUpdateVersion?: string | null
-  initialUpdateCommands?: string[] | null
-}
-
-export type BinaryFeedbackContext = {
-  m1: AssistantMessage
-  m2: AssistantMessage
-  resolve: (result: BinaryFeedbackResult) => void
-}
-
-export function REPL({
-  commands,
-  safeMode,
-  debug = false,
-  initialForkNumber = 0,
-  initialPrompt,
-  messageLogName,
-  shouldShowPromptInput,
-  tools,
-  verbose: verboseFromCLI,
-  initialMessages,
-  mcpClients = [],
-  isDefaultModel = true,
-  initialUpdateVersion,
-  initialUpdateCommands,
-}: Props): React.ReactNode {
-  // TODO: probably shouldn't re-read config from file synchronously on every keystroke
-  const verbose = verboseFromCLI ?? getGlobalConfig().verbose
-
-  // Used to force the logo to re-render and conversation log to use a new file
-  const [forkNumber, setForkNumber] = useState(
-    getNextAvailableLogForkNumber(messageLogName, initialForkNumber, 0),
-  )
-
-  const [
-    forkConvoWithMessagesOnTheNextRender,
-    setForkConvoWithMessagesOnTheNextRender,
-  ] = useState<MessageType[] | null>(null)
-
-  // 🔧 Simplified AbortController management - inspired by reference system
-  const [abortController, setAbortController] = useState<AbortController | null>(null)
-  const [isLoading, setIsLoading] = useState(false)
-  const [autoUpdaterResult, setAutoUpdaterResult] =
-    useState<AutoUpdaterResult | null>(null)
-  const [toolJSX, setToolJSX] = useState<{
-    jsx: React.ReactNode | null
-    shouldHidePromptInput: boolean
-  } | null>(null)
-  const [toolUseConfirm, setToolUseConfirm] = useState<ToolUseConfirm | null>(
-    null,
-  )
-  const [messages, setMessages] = useState<MessageType[]>(initialMessages ?? [])
-  const [inputValue, setInputValue] = useState('')
-  const [inputMode, setInputMode] = useState<'bash' | 'prompt' | 'koding'>(
-    'prompt',
-  )
-  const [submitCount, setSubmitCount] = useState(0)
-  const [isMessageSelectorVisible, setIsMessageSelectorVisible] =
-    useState(false)
-  const [showCostDialog, setShowCostDialog] = useState(false)
-  const [haveShownCostDialog, setHaveShownCostDialog] = useState(
-    getGlobalConfig().hasAcknowledgedCostThreshold,
-  )
-
-  const [binaryFeedbackContext, setBinaryFeedbackContext] =
-    useState<BinaryFeedbackContext | null>(null)
-  // New version banner: passed in from CLI to guarantee top placement
-  const updateAvailableVersion = initialUpdateVersion ?? null
-  const updateCommands = initialUpdateCommands ?? null
-  // No separate Static for banner; it renders inside Logo
-
-  const getBinaryFeedbackResponse = useCallback(
-    (
-      m1: AssistantMessage,
-      m2: AssistantMessage,
-    ): Promise<BinaryFeedbackResult> => {
-      return new Promise<BinaryFeedbackResult>(resolvePromise => {
-        setBinaryFeedbackContext({
-          m1,
-          m2,
-          resolve: resolvePromise,
-        })
-      })
-    },
-    [],
-  )
-
-  const readFileTimestamps = useRef<{
-    [filename: string]: number
-  }>({})
-
-  const { status: apiKeyStatus, reverify } = useApiKeyVerification()
-  function onCancel() {
-    if (!isLoading) {
-      return
-    }
-    setIsLoading(false)
-    if (toolUseConfirm) {
-      toolUseConfirm.onAbort()
-    } else if (abortController && !abortController.signal.aborted) {
-      abortController.abort()
-    }
-  }
-
-  useCancelRequest(
-    setToolJSX,
-    setToolUseConfirm,
-    setBinaryFeedbackContext,
-    onCancel,
-    isLoading,
-    isMessageSelectorVisible,
-    abortController?.signal,
-  )
-
-  useEffect(() => {
-    if (forkConvoWithMessagesOnTheNextRender) {
-      setForkNumber(_ => _ + 1)
-      setForkConvoWithMessagesOnTheNextRender(null)
-      setMessages(forkConvoWithMessagesOnTheNextRender)
-    }
-  }, [forkConvoWithMessagesOnTheNextRender])
-
-  useEffect(() => {
-    const totalCost = getTotalCost()
-    if (totalCost >= 5 /* $5 */ && !showCostDialog && !haveShownCostDialog) {
-      logEvent('tengu_cost_threshold_reached', {})
-      setShowCostDialog(true)
-    }
-  }, [messages, showCostDialog, haveShownCostDialog])
-
-  // Update banner is provided by CLI at startup; no async check here.
-
-  const canUseTool = useCanUseTool(setToolUseConfirm)
-
-  async function onInit() {
-    reverify()
-
-    if (!initialPrompt) {
-      return
-    }
-
-    setIsLoading(true)
-
-    const newAbortController = new AbortController()
-    setAbortController(newAbortController)
-
-    // 🔧 Force fresh config read to ensure model switching works
-    const model = new ModelManager(getGlobalConfig()).getModelName('main')
-    const newMessages = await processUserInput(
-      initialPrompt,
-      'prompt',
-      setToolJSX,
-      {
-        abortController: newAbortController,
-        options: {
-          commands,
-          forkNumber,
-          messageLogName,
-          tools,
-          verbose,
-          maxThinkingTokens: 0,
-        },
-        messageId: getLastAssistantMessageId(messages),
-        setForkConvoWithMessagesOnTheNextRender,
-        readFileTimestamps: readFileTimestamps.current,
-      },
-      null,
-    )
-
-    if (newMessages.length) {
-      for (const message of newMessages) {
-        if (message.type === 'user') {
-          addToHistory(initialPrompt)
-          // TODO: setHistoryIndex
-        }
-      }
-      setMessages(_ => [..._, ...newMessages])
-
-      // The last message is an assistant message if the user input was a bash command,
-      // or if the user input was an invalid slash command.
-      const lastMessage = newMessages[newMessages.length - 1]!
-      if (lastMessage.type === 'assistant') {
-        setAbortController(null)
-        setIsLoading(false)
-        return
-      }
-
-      const [systemPrompt, context, model, maxThinkingTokens] =
-        await Promise.all([
-          getSystemPrompt(),
-          getContext(),
-          new ModelManager(getGlobalConfig()).getModelName('main'),
-          getMaxThinkingTokens([...messages, ...newMessages]),
-        ])
-
-      for await (const message of query(
-        [...messages, ...newMessages],
-        systemPrompt,
-        context,
-        canUseTool,
-        {
-          options: {
-            commands,
-            forkNumber,
-            messageLogName,
-            tools,
-            verbose,
-            safeMode,
-            maxThinkingTokens,
-          },
-          messageId: getLastAssistantMessageId([...messages, ...newMessages]),
-          readFileTimestamps: readFileTimestamps.current,
-          abortController: newAbortController,
-          setToolJSX,
-        },
-        getBinaryFeedbackResponse,
-      )) {
-        setMessages(oldMessages => [...oldMessages, message])
-      }
-    } else {
-      addToHistory(initialPrompt)
-      // TODO: setHistoryIndex
-    }
-
-    setHaveShownCostDialog(
-      getGlobalConfig().hasAcknowledgedCostThreshold || false,
-    )
-
-    // 🔧 Fix: Clean up state after onInit completion
-    setIsLoading(false)
-    setAbortController(null)
-  }
-
-  async function onQuery(newMessages: MessageType[], passedAbortController?: AbortController) {
-    // Use passed AbortController or create new one
-    const controllerToUse = passedAbortController || new AbortController()
-    if (!passedAbortController) {
-      setAbortController(controllerToUse)
-    }
-
-    // Check if this is a Koding request based on last message's options
-    const isKodingRequest =
-      newMessages.length > 0 &&
-      newMessages[0].type === 'user' &&
-      'options' in newMessages[0] &&
-      newMessages[0].options?.isKodingRequest === true
-
-    setMessages(oldMessages => [...oldMessages, ...newMessages])
-
-    // Mark onboarding as complete when any user message is sent to Claude
-    markProjectOnboardingComplete()
-
-    // The last message is an assistant message if the user input was a bash command,
-    // or if the user input was an invalid slash command.
-    const lastMessage = newMessages[newMessages.length - 1]!
-
-    // Update terminal title based on user message
-    if (
-      lastMessage.type === 'user' &&
-      typeof lastMessage.message.content === 'string'
-    ) {
-      // updateTerminalTitle(lastMessage.message.content)
-    }
-    if (lastMessage.type === 'assistant') {
-      setAbortController(null)
-      setIsLoading(false)
-      return
-    }
-
-    const [systemPrompt, context, model, maxThinkingTokens] =
-      await Promise.all([
-        getSystemPrompt(),
-        getContext(),
-        new ModelManager(getGlobalConfig()).getModelName('main'),
-        getMaxThinkingTokens([...messages, lastMessage]),
-      ])
-
-    let lastAssistantMessage: MessageType | null = null
-
-    // query the API
-    for await (const message of query(
-      [...messages, lastMessage],
-      systemPrompt,
-      context,
-      canUseTool,
-      {
-        options: {
-          commands,
-          forkNumber,
-          messageLogName,
-          tools,
-          verbose,
-          safeMode,
-          maxThinkingTokens,
-          // If this came from Koding mode, pass that along
-          isKodingRequest: isKodingRequest || undefined,
-        },
-        messageId: getLastAssistantMessageId([...messages, lastMessage]),
-        readFileTimestamps: readFileTimestamps.current,
-        abortController: controllerToUse,
-        setToolJSX,
-      },
-      getBinaryFeedbackResponse,
-    )) {
-      setMessages(oldMessages => [...oldMessages, message])
-
-      // Keep track of the last assistant message for Koding mode
-      if (message.type === 'assistant') {
-        lastAssistantMessage = message
-      }
-    }
-
-    // If this was a Koding request and we got an assistant message back,
-    // save it to AGENTS.md (and CLAUDE.md if exists)
-    if (
-      isKodingRequest &&
-      lastAssistantMessage &&
-      lastAssistantMessage.type === 'assistant'
-    ) {
-      try {
-        const content =
-          typeof lastAssistantMessage.message.content === 'string'
-            ? lastAssistantMessage.message.content
-            : lastAssistantMessage.message.content
-                .filter(block => block.type === 'text')
-                .map(block => (block.type === 'text' ? block.text : ''))
-                .join('\n')
-
-        // Add the content to AGENTS.md (and CLAUDE.md if exists)
-        if (content && content.trim().length > 0) {
-          handleHashCommand(content)
-        }
-      } catch (error) {
-        console.error('Error saving response to project docs:', error)
-      }
-    }
-
-    setIsLoading(false)
-  }
-
-  // Register cost summary tracker
-  useCostSummary()
-
-  // Register messages getter and setter
-  useEffect(() => {
-    const getMessages = () => messages
-    setMessagesGetter(getMessages)
-    setMessagesSetter(setMessages)
-  }, [messages])
-
-  // Register model config change handler for UI refresh
-  useEffect(() => {
-    setModelConfigChangeHandler(() => {
-      setForkNumber(prev => prev + 1)
-    })
-  }, [])
-
-  // Record transcripts locally, for debugging and conversation recovery
-  useLogMessages(messages, messageLogName, forkNumber)
-
-  // Log startup time
-  useLogStartupTime()
-
-  // Initial load
-  useEffect(() => {
-    onInit()
-    // TODO: fix this
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [])
-
-  const normalizedMessages = useMemo(
-    () => normalizeMessages(messages).filter(isNotEmptyMessage),
-    [messages],
-  )
-
-  const unresolvedToolUseIDs = useMemo(
-    () => getUnresolvedToolUseIDs(normalizedMessages),
-    [normalizedMessages],
-  )
-
-  const inProgressToolUseIDs = useMemo(
-    () => getInProgressToolUseIDs(normalizedMessages),
-    [normalizedMessages],
-  )
-
-  const erroredToolUseIDs = useMemo(
-    () =>
-      new Set(
-        getErroredToolUseMessages(normalizedMessages).map(
-          _ => (_.message.content[0]! as ToolUseBlockParam).id,
-        ),
-      ),
-    [normalizedMessages],
-  )
-
-  const messagesJSX = useMemo(() => {
-    return [
-      {
-        type: 'static',
-        jsx: (
-          <Box flexDirection="column" key={`logo${forkNumber}`}>
-            <Logo
-              mcpClients={mcpClients}
-              isDefaultModel={isDefaultModel}
-              updateBannerVersion={updateAvailableVersion}
-              updateBannerCommands={updateCommands}
-            />
-            <ProjectOnboarding workspaceDir={getOriginalCwd()} />
-          </Box>
-        ),
-      },
-      ...reorderMessages(normalizedMessages).map(_ => {
-        const toolUseID = getToolUseID(_)
-        const message =
-          _.type === 'progress' ? (
-            _.content.message.content[0]?.type === 'text' &&
-            // Hack: TaskTool interrupts use Progress messages, so don't
-            // need an extra ⎿ because <Message /> already adds one.
-            // TODO: Find a cleaner way to do this.
-            _.content.message.content[0].text === INTERRUPT_MESSAGE ? (
-              <Message
-                message={_.content}
-                messages={_.normalizedMessages}
-                addMargin={false}
-                tools={_.tools}
-                verbose={verbose ?? false}
-                debug={debug}
-                erroredToolUseIDs={new Set()}
-                inProgressToolUseIDs={new Set()}
-                unresolvedToolUseIDs={new Set()}
-                shouldAnimate={false}
-                shouldShowDot={false}
-              />
-            ) : (
-              <MessageResponse children={
-                <Message
-                  message={_.content}
-                  messages={_.normalizedMessages}
-                  addMargin={false}
-                  tools={_.tools}
-                  verbose={verbose ?? false}
-                  debug={debug}
-                  erroredToolUseIDs={new Set()}
-                  inProgressToolUseIDs={new Set()}
-                  unresolvedToolUseIDs={
-                    new Set([
-                      (_.content.message.content[0]! as ToolUseBlockParam).id,
-                    ])
-                  }
-                  shouldAnimate={false}
-                  shouldShowDot={false}
-                />
-              } />
-            )
-          ) : (
-            <Message
-              message={_}
-              messages={normalizedMessages}
-              addMargin={true}
-              tools={tools}
-              verbose={verbose}
-              debug={debug}
-              erroredToolUseIDs={erroredToolUseIDs}
-              inProgressToolUseIDs={inProgressToolUseIDs}
-              shouldAnimate={
-                !toolJSX &&
-                !toolUseConfirm &&
-                !isMessageSelectorVisible &&
-                (!toolUseID || inProgressToolUseIDs.has(toolUseID))
-              }
-              shouldShowDot={true}
-              unresolvedToolUseIDs={unresolvedToolUseIDs}
-            />
-          )
-
-        const type = shouldRenderStatically(
-          _,
-          normalizedMessages,
-          unresolvedToolUseIDs,
-        )
-          ? 'static'
-          : 'transient'
-
-        if (debug) {
-          return {
-            type,
-            jsx: (
-              <Box
-                borderStyle="single"
-                borderColor={type === 'static' ? 'green' : 'red'}
-                key={_.uuid}
-                width="100%"
-              >
-                {message}
-              </Box>
-            ),
-          }
-        }
-
-        return {
-          type,
-          jsx: (
-            <Box key={_.uuid} width="100%">
-              {message}
-            </Box>
-          ),
-        }
-      }),
-    ]
-  }, [
-    forkNumber,
-    normalizedMessages,
-    tools,
-    verbose,
-    debug,
-    erroredToolUseIDs,
-    inProgressToolUseIDs,
-    toolJSX,
-    toolUseConfirm,
-    isMessageSelectorVisible,
-    unresolvedToolUseIDs,
-    mcpClients,
-    isDefaultModel,
-  ])
-
-  // only show the dialog once not loading
-  const showingCostDialog = !isLoading && showCostDialog
-
-  return (
-    <PermissionProvider 
-      isBypassPermissionsModeAvailable={!safeMode}
-      children={
-        <React.Fragment>
-        {/* Update banner now renders inside Logo for stable placement */}
-        <ModeIndicator />
-      <React.Fragment key={`static-messages-${forkNumber}`}>
-        <Static
-          items={messagesJSX.filter(_ => _.type === 'static')}
-          children={_ => ((_ as any).jsx)}
-        />
-      </React.Fragment>
-      {messagesJSX.filter(_ => _.type === 'transient').map(_ => _.jsx)}
-      <Box
-        borderColor="red"
-        borderStyle={debug ? 'single' : undefined}
-        flexDirection="column"
-        width="100%"
-      >
-        {!toolJSX && !toolUseConfirm && !binaryFeedbackContext && isLoading && (
-          <Spinner />
-        )}
-        {toolJSX ? toolJSX.jsx : null}
-        {!toolJSX && binaryFeedbackContext && !isMessageSelectorVisible && (
-          <BinaryFeedback
-            m1={binaryFeedbackContext.m1}
-            m2={binaryFeedbackContext.m2}
-            resolve={result => {
-              binaryFeedbackContext.resolve(result)
-              setTimeout(() => setBinaryFeedbackContext(null), 0)
-            }}
-            verbose={verbose}
-            normalizedMessages={normalizedMessages}
-            tools={tools}
-            debug={debug}
-            erroredToolUseIDs={erroredToolUseIDs}
-            inProgressToolUseIDs={inProgressToolUseIDs}
-            unresolvedToolUseIDs={unresolvedToolUseIDs}
-          />
-        )}
-        {!toolJSX &&
-          toolUseConfirm &&
-          !isMessageSelectorVisible &&
-          !binaryFeedbackContext && (
-            <PermissionRequest
-              toolUseConfirm={toolUseConfirm}
-              onDone={() => setToolUseConfirm(null)}
-              verbose={verbose}
-            />
-          )}
-        {!toolJSX &&
-          !toolUseConfirm &&
-          !isMessageSelectorVisible &&
-          !binaryFeedbackContext &&
-          showingCostDialog && (
-            <CostThresholdDialog
-              onDone={() => {
-                setShowCostDialog(false)
-                setHaveShownCostDialog(true)
-                const projectConfig = getGlobalConfig()
-                saveGlobalConfig({
-                  ...projectConfig,
-                  hasAcknowledgedCostThreshold: true,
-                })
-                logEvent('tengu_cost_threshold_acknowledged', {})
-              }}
-            />
-          )}
-
-        {!toolUseConfirm &&
-          !toolJSX?.shouldHidePromptInput &&
-          shouldShowPromptInput &&
-          !isMessageSelectorVisible &&
-          !binaryFeedbackContext &&
-          !showingCostDialog && (
-            <>
-              <PromptInput
-                commands={commands}
-                forkNumber={forkNumber}
-                messageLogName={messageLogName}
-                tools={tools}
-                isDisabled={apiKeyStatus === 'invalid'}
-                isLoading={isLoading}
-                onQuery={onQuery}
-                debug={debug}
-                verbose={verbose}
-                messages={messages}
-                setToolJSX={setToolJSX}
-                onAutoUpdaterResult={setAutoUpdaterResult}
-                autoUpdaterResult={autoUpdaterResult}
-                input={inputValue}
-                onInputChange={setInputValue}
-                mode={inputMode}
-                onModeChange={setInputMode}
-                submitCount={submitCount}
-                onSubmitCountChange={setSubmitCount}
-                setIsLoading={setIsLoading}
-                setAbortController={setAbortController}
-                onShowMessageSelector={() =>
-                  setIsMessageSelectorVisible(prev => !prev)
-                }
-                setForkConvoWithMessagesOnTheNextRender={
-                  setForkConvoWithMessagesOnTheNextRender
-                }
-                readFileTimestamps={readFileTimestamps.current}
-                abortController={abortController}
-                onModelChange={() => setForkNumber(prev => prev + 1)}
-              />
-            </>
-          )}
-      </Box>
-      {isMessageSelectorVisible && (
-        <MessageSelector
-          erroredToolUseIDs={erroredToolUseIDs}
-          unresolvedToolUseIDs={unresolvedToolUseIDs}
-          messages={normalizeMessagesForAPI(messages)}
-          onSelect={async message => {
-            setIsMessageSelectorVisible(false)
-
-            // If the user selected the current prompt, do nothing
-            if (!messages.includes(message)) {
-              return
-            }
-
-            // Cancel tool use calls/requests
-            onCancel()
-
-            // Hack: make sure the "Interrupted by user" message is
-            // rendered in response to the cancellation. Otherwise,
-            // the screen will be cleared but there will remain a
-            // vestigial "Interrupted by user" message at the top.
-            setImmediate(async () => {
-              // Clear messages, and re-render
-              await clearTerminal()
-              setMessages([])
-              setForkConvoWithMessagesOnTheNextRender(
-                messages.slice(0, messages.indexOf(message)),
-              )
-
-              // Populate/reset the prompt input
-              if (typeof message.message.content === 'string') {
-                setInputValue(message.message.content)
-              }
-            })
-          }}
-          onEscape={() => setIsMessageSelectorVisible(false)}
-          tools={tools}
-        />
-      )}
-      {/** Fix occasional rendering artifact */}
-      <Newline />
-        </React.Fragment>
-      }
-    />
-  )
-}
-
-function shouldRenderStatically(
-  message: NormalizedMessage,
-  messages: NormalizedMessage[],
-  unresolvedToolUseIDs: Set<string>,
-): boolean {
-  switch (message.type) {
-    case 'user':
-    case 'assistant': {
-      const toolUseID = getToolUseID(message)
-      if (!toolUseID) {
-        return true
-      }
-      if (unresolvedToolUseIDs.has(toolUseID)) {
-        return false
-      }
-
-      const correspondingProgressMessage = messages.find(
-        _ => _.type === 'progress' && _.toolUseID === toolUseID,
-      ) as ProgressMessage | null
-      if (!correspondingProgressMessage) {
-        return true
-      }
-
-      return !intersects(
-        unresolvedToolUseIDs,
-        correspondingProgressMessage.siblingToolUseIDs,
-      )
-    }
-    case 'progress':
-      return !intersects(unresolvedToolUseIDs, message.siblingToolUseIDs)
-  }
-}
-
-function intersects<A>(a: Set<A>, b: Set<A>): boolean {
-  return a.size > 0 && b.size > 0 && [...a].some(_ => b.has(_))
-}