# 文件编辑器：分屏 IDE 面板（替代默认全屏）

**日期**：2026-06-01

## 摘要

按 `docs/design/specs/2026-06-01-files-editor-panel-design.md` 与历史 v2 / 2026-05-30 IDE 设计，将 Monaco 从全屏 `v-dialog` 改为文件页底部内嵌面板：多标签、状态栏、最小化标签条、可选全屏。

## 动机

用户反馈「编辑器现在是全屏」，与设计文档（分屏 + 多文件标签 + 状态栏）不一致。

## 涉及文件

- `frontend/src/components/FileEditorWorkbench.vue`（新建）
- `frontend/src/pages/FilesPage.vue`
- `docs/design/specs/2026-06-01-files-editor-panel-design.md`
- `frontend/src/components/MonacoEditor.vue`（保留未删，暂无引用）

## 行为

| 操作 | 效果 |
|------|------|
| 双击/编辑 | 底部打开面板，文件表缩至约半屏 |
| 多文件 | 标签切换，各文件独立修改状态 |
| 状态栏 | 行、列、语言、远程路径 |
| 最小化 | 底部芯片条，点击恢复 |
| 全屏按钮 | 覆盖视口编辑，可退出 |
| Ctrl+S / Esc | 保存 / 退出全屏或关闭面板 |

## 迁移 / 重启

仅前端构建部署。

## 验证

1. 打开编辑器后仍可见上方文件列表并可进目录
2. 打开两个文件，标签切换内容正确
3. 移动光标，状态栏行列更新
4. 最小化、全屏、关闭未保存确认
