Function HistoryItemView

src/cli/ui.tsx:833–870

({ item }: { item: HistoryItem })

    if (busy || pendingPrompt) {
      setQueued(q => [...q, v]);
      const preview = v.length > 56 ? v.slice(0, 56) + '…' : v;
      setHistory(h => [...h, { type: 'system', text: `Queued — runs when the current task finishes: ${preview}`, id: nextId() }]);
      return;
    }
    void submitPrompt(v);
  }, [busy, pendingPrompt, submitPrompt, nextId]);

  // Drain the type-ahead queue: when the agent is idle and no permission prompt is
  // open, submit the next queued prompt. One at a time — a real turn flips `busy`,
  // which parks this effect until it finishes; instant prompts (e.g. slash commands)
  // re-trigger via drainTick. dispatchingRef guards against double-dispatch while a
  // queued submit is still settling.
  useEffect(() => {
    if (busy || pendingPrompt || dispatchingRef.current || queued.length === 0) return;
    dispatchingRef.current = true;
    const [next, ...rest] = queued;
    setQueued(rest);
    void submitPrompt(next).finally(() => {
      dispatchingRef.current = false;
      setDrainTick(t => t + 1);
    });
  }, [busy, pendingPrompt, queued, drainTick, submitPrompt]);

  // Welcome as a Static "sentinel" item. By living INSIDE <Static>, it gets painted
  // once and never repainted on subsequent re-renders — fixing the re-flash we'd see
  // on every state change. The renderer closure has access to props directly.
  type StaticItem = { kind: 'welcome' } | { kind: 'history'; item: HistoryItem };
  const staticItems: StaticItem[] = React.useMemo(
    () => [{ kind: 'welcome' as const }, ...history.map(item => ({ kind: 'history' as const, item }))],
    [history],
  );

  // Animated launch experience. Plays once, then collapses into the Welcome header.
  if (!booted) {
    return (
      <BootSplash
        cwd={props.cwd}
        config={props.config}
        registry={props.registry}
        router={props.router}
        onDone={() => setBooted(true)}