Function UltraplanChoiceDialog

src/components/UltraplanChoiceDialog.tsx:31–114

({
  plan,
  sessionId,
  taskId,
  setMessages,
}: Props)

}

export function UltraplanChoiceDialog({
  plan,
  sessionId,
  taskId,
  setMessages,
}: Props): React.ReactNode {
  const setAppState = useSetAppState()

  const handleChoice = useCallback(
    (choice: UltraplanChoice) => {
      if (choice === 'execute') {
        setMessages(prev => [
          ...prev,
          createSystemMessage(
            'Ultraplan approved. Executing the following plan:',
            'info',
          ),
          createUserMessage({
            content: prepareUserContent({ inputString: plan }),
          }),
        ])
      }

      // Mark task completed
      updateTaskState<RemoteAgentTaskState>(taskId, setAppState, t =>
        t.status !== 'running'
          ? t
          : { ...t, status: 'completed', endTime: Date.now() },
      )

      // Clear ultraplan state
      setAppState(prev => ({
        ...prev,
        ultraplanPendingChoice: undefined,
        ultraplanSessionUrl: undefined,
      }))

      // Archive the remote session
      void archiveRemoteSession(sessionId).catch(e =>
        logForDebugging(`ultraplan choice archive failed: ${String(e)}`),
      )
    },
    [plan, sessionId, taskId, setMessages, setAppState],
  )

  const displayPlan =
    plan.length > 2000 ? plan.slice(0, 2000) + '\n\n... (truncated)' : plan

  return (
    <Dialog
      title="Ultraplan ready"
      onCancel={() => handleChoice('dismiss')}
    >
      <Box flexDirection="column" gap={1}>
        <Box
          flexDirection="column"
          borderStyle="single"
          borderColor="gray"