本章总览

UI 层用 Ink 在终端渲染 React 组件。本章解释 REPL 屏幕结构、消息流组件、权限弹窗如何订阅 StreamEvent。

学完本章你应该能

  • 理解「终端里的 React」
  • 知道 REPL.tsx 在整体中的位置
  • 区分 screens/ 与 components/

核心概念（先读懂这些）

Ink 不是浏览器

布局用 Yoga，输出 ANSI。没有 CSS 盒模型，但有 Flexbox 思维。

建议学习步骤

  1. 阅读 Ink 终端 UI 专题
  2. 打开 mod-components

概述

React + Ink 终端 UI。406 个组件文件，82023 行。

指标数值
行数82,023
文件406

关键文件

文件
screens/REPL.tsx
components/messages/
ink/

本章小结与延伸

UI = 事件流的视图。改显示不改逻辑，应动 components 而非 query。 继续学习：