Skip to content

refactor: 将codex-session-man改为 VS Code 原生多视图布局#2

Open
PairZhu wants to merge 1 commit into
bimcc:mainfrom
PairZhu:ui-fixes
Open

refactor: 将codex-session-man改为 VS Code 原生多视图布局#2
PairZhu wants to merge 1 commit into
bimcc:mainfrom
PairZhu:ui-fixes

Conversation

@PairZhu
Copy link
Copy Markdown

@PairZhu PairZhu commented Apr 12, 2026

概述

这个 PR 将原来单一的大型 Webview 会话管理界面,重构为 VS Code 原生的多视图布局。

主要目标是让交互方式更接近资源管理器 / GitLens 这类 VS Code 原生面板:

  • 各个区域可以原生折叠
  • 各个区域高度可以由用户自行拖动调整
  • 长内容不会再被困在一个固定布局的 Webview 里
  • 整体结构更清晰,也更符合 VS Code 用户习惯

具体改动

  • 新增独立的 Codex Sessions Activity Bar 容器
  • 将原本单页 UI 拆分为 4 个原生视图:
    • Controls
    • Sessions
    • Details
    • Messages
  • 会话列表改为原生 TreeView
  • 详情类内容拆分到独立视图中展示,而不是继续堆在一个大 Webview 里
  • 同步调整了 package.json 中的视图注册和扩展入口逻辑
  • 简化前端 Webview 结构,让每个视图职责更单一

改动原因

原来的布局有几个比较明显的问题:

  • 各个模块之间不能独立折叠
  • 模块高度不能调整
  • 缺少统一、可靠的滚动模型
  • 当内容超出可见高度后,部分区域会变得难以访问,甚至无法正常查看

这些问题本质上不是单纯靠 Webview 内部 CSS 就能彻底解决的,更适合直接利用 VS Code 自身提供的视图系统来处理。

结果

重构后:

  • 布局行为更接近 VS Code 原生体验
  • 用户可以按需折叠和调整不同区域
  • 内容超长时可通过视图自身的滚动与布局机制正常查看
  • 后续如果要继续增强某个面板,也更容易单独演进

效果展示

image

说明

这个 PR 主要聚焦于界面结构和交互方式的重构,没有刻意引入额外的业务功能变更。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant