session-ui

oc-session-ui · package · G9-UI组件 · Layer 2

① 作用

会话级 UI 组件集，介于基础组件库与完整应用之间。src/components/ 提供 SessionTurn、SessionReview、MessagePart、message-file、session-diff、line-comment 等会话渲染组件，并含 markdown 流式渲染整套管线（markdown-stream.ts + markdown-worker.ts + markdown-cache.tsx，用 Worker 实现增量渲染）；src/pierre/ 提供 file-find/file-selection/diff-selection/media 等代码交互原语；src/context/data.tsx 提供会话数据 Provider（被 enterprise share 页复用）。

② 提供能力

· SessionTurn/SessionReview 会话轮次与评审组件
· MessagePart/message-file/session-diff 消息部件与差异展示
· Markdown 流式渲染管线（worker + stream + cache，markdown-stream.ts:12）
· 文件查找/选择/差异选择交互原语（pierre/ 目录）
· 会话数据 context（context/data.tsx）
· PromptInput v2 输入框（v2/components/prompt-input/）

③ 依赖（上游）

节点	机制	证据
client	workspace-dep	@opencode-ai/session-ui/package.json dependencies.@opencode-ai/client
core	workspace-dep	@opencode-ai/session-ui/package.json dependencies.@opencode-ai/core
sdk	workspace-dep	@opencode-ai/session-ui/package.json dependencies.@opencode-ai/sdk
ui	workspace-dep	@opencode-ai/session-ui/package.json dependencies.@opencode-ai/ui

④ 被依赖（下游）

节点	机制	证据
app	workspace-dep	@opencode-ai/app/package.json dependencies.@opencode-ai/session-ui
enterprise	workspace-dep	@opencode-ai/enterprise/package.json dependencies.@opencode-ai/session-ui
storybook	semantic-dep	stage-01 @opencode-ai/storybook

⑤ 为什么存在（why）

设计意图（官方）

把会话级渲染（消息/轮次/评审/markdown 流）从 app 中剥离，使 app 与 enterprise 共享同一套会话表达，避免重复实现。

改造关联

官方底座，未被本机装配层直接引用

⑥ 怎么用（how）

怎么用

典型场景与协作