dbtool-cli-v1 frontend foundation

Future GUI Workspace Entry

当前仓库没有正式 React / Desktop 前端工程,但已经有可预览的最小展示层: 一个数据库工作台原型、一个本地预览服务,以及与 CLI/TUI 对齐的首版 UI/UX 边界。

Current Surface

已有展示层基础

  • `gui/prototype` 静态工作台原型
  • `gui/preview-server.mjs` 本地预览服务
  • `apps/tui` 终端工作台验证路径

MVP Scope

首版只收口单一工作台

  • Connection Manager
  • Schema Browser
  • Query Editor
  • Results / History / Export
  • Inspector 与执行状态

Run

两种预览方式

  1. 直接打开 `gui/index.html` 或 `gui/prototype/index.html`
  2. 运行 `node gui/preview-server.mjs` 后访问 `http://127.0.0.1:4173`

Review Path

可按主流程逐步评审

  • Connect → Inspect → Query → Export
  • 工作流轨道与高亮区域同步
  • `C` / `I` / `Q` / `E` 可快速切换评审步骤

Acceptance

QA 重点确认

  • 连接、工作区和执行反馈三层信息同时可见
  • 成功、空结果、失败、导出完成能一眼区分
  • 切换连接后摘要、工作区、Inspector 同步更新
  • Light / Dark 主题下仍保持稳定信息密度