Function App

src/cli.tsx:270–542

()

};

function App() {
  const { exit } = useApp();
  const [question, setQuestion] = useState<string | null>(null);
  const [agents, setAgents] = useState<Record<string, AgentState>>(initialAgents);
  const [history, setHistory] = useState<string[]>(() => loadHistory());

  useInput((input, key) => {
    if (key.escape || (key.ctrl && input === 'c') || (key.ctrl && input === 'd')) {
      exit();
    }
  });

  const createCallbacks = useCallback(
    (agentKey: string): StreamCallbacks => ({
      onText: (chunk) => {
        setAgents((prev) => {
          const agent = prev[agentKey];
          const newText = agent.currentText + chunk;

          // If we hit a newline or enough text, flush to activity as response
          const lines = newText.split('\n');
          if (lines.length > 1) {
            // Flush complete lines to activity
            const completeLines = lines.slice(0, -1);
            const remaining = lines[lines.length - 1];
            const newActivity = [
              ...agent.activity,
              ...completeLines
                .filter((l) => l.trim())
                .map((l) => ({ type: 'response' as const, text: l })),
            ];
            return {
              ...prev,
              [agentKey]: {
                ...agent,
                activity: newActivity,
                currentText: remaining,
              },
            };
          }

          return {
            ...prev,
            [agentKey]: {
              ...agent,
              currentText: newText,
            },
          };
        });
      },
      onToolCall: (toolName, args) => {
        setAgents((prev) => {
          const agent = prev[agentKey];
          const argStr = Object.entries(args)
            .slice(0, 2)
            .map(([k, v]) => {
              const val = typeof v === 'string' ? v : JSON.stringify(v);
              return `${k}=${val.slice(0, 20)}${val.length > 20 ? '..' : ''}`;