feat(usable): integrate current dbtool implementation snapshot

Co-Authored-By: Paperclip <noreply@paperclip.ing>

plans/20260327-181200-frontend-workspace-consistency.md

@@ -0,0 +1,38 @@
+# Frontend Workspace Consistency Fix
+
+- 日期：2026-03-27
+- 负责人：Senior Frontend Engineer
+
+## Goal
+
+在不引入正式前端工程的前提下，修复 `gui/prototype` 在连接切换后的工作区一致性问题，让连接、catalog、SQL 草稿、对象元数据和结果预览保持同一套连接上下文。
+
+## Assessment
+
+- 当前仓库仍没有 `package.json`、React、Electron 或 Tauri 工程，GUI 交付仍然是静态 foundation。
+- 现有原型已经有连接卡、schema browser、query editor、results 和 inspector，但切换连接后仍停留在同一套 Postgres 假数据。
+- 这会削弱 QA 对“连接切换后工作区是否同步”的验收可信度。
+
+## Scope
+
+1. 将 `gui/prototype/app.js` 改为连接级 fixture 驱动
+2. 让 schema tree、query tabs、结果表头和 inspector metadata 随连接切换同步
+3. 保持当前静态预览、主题切换、快捷键和 contract preview 工作流不变
+4. 更新 `gui/README.md`，补充本轮一致性修正后的评审重点
+
+## Out of Scope
+
+- 引入 React / Tailwind / shadcn 脚手架
+- 接入真实数据库或修改共享后端契约
+- 扩张到多页面导航、BI、AI 助手或 migration
+
+## Validation
+
+- `node --check gui/prototype/app.js`
+- `node --check gui/preview-server.mjs`
+
+## Result
+
+- `gui/prototype` 现按连接切换不同 catalog、SQL 草稿、结果列和导出路径
+- 工作区摘要、schema browser、query tabs、inspector 与 contract preview 共享同一连接级 fixture
+- `gui/README.md` 已补充新的评审重点与同步口径