fix(预览): 优化LPW外层响应式宽度与图片Mermaid自适应并重构批注展示

[xiaolfeng]

变更概述

本 PR 针对控制台前端与 LPW 预览模块进行了深度的架构重构与交互体验加固，主要包含以下核心工作：

1. LPW 响应式纸张宽度与媒体块自适应：

   • 消除 LPW 纸张容器过往写死的固定宽度限制，纸张容器升级为 flex-1 w-full max-w-5xl，配合外层 @container/lpw 与动态外边距实现全端优雅流式排版。
   • 统一增强 image 与 mermaid 块宽度计算：页面顶层最宽情况下默认居中以 80% 黄金比例呈现，分栏容器（如 split、alternating 或 panel 左右区分）内自适应最大化（100%），同时支持传入具体百分比（如 60%）或固定像素。
   • 同步扩展 resources/lpw/schema/v1.1.json、TypeScript 契约 types.ts 与 Go 端 preview_lpw_spec.go 中 mermaid 块的 width 属性约束。

2. 文档批注展示体系全面重构：

   • 大屏展开与中屏叠起：在 LG 及以上视口（≥ 1024px）下默认全量平铺展开；在 MD 视口（768px ~ 1023px）下保持紧凑叠起（Cluster）态以节省横向版面，点击后局部展开。
   • 移动端与中屏抽屉设计：在窄屏与中屏下（< 1024px），在右下角提供精美的微明风格悬浮胶囊按钮，点击可平滑呼出右侧抽屉式全览面板（Sheet），支持点击批注快速跳转定位正文对应锚点。

3. 控制台体验优化与业务台账重构（前置演进提交合入）：

   • 消除路由切换过渡动画阻塞与页面卡顿延迟。
   • 重构项目、LLM 双栏工作台与设置中心台账抽屉联动与在位编辑逻辑。

---

验证与质量保证

• 单元测试：
  • @lumina/components：55 个测试套件，290 个用例全部通过（覆盖自适应宽度、断点展开/折叠、抽屉呼出等场景）。
  • 全 Monorepo 前端测试：pnpm -r test 跨包全绿。
• 构建测试：
  • components、web 控制台、web-wiki 三端生产构建与 TypeScript 类型检查均 100% 成功。
• 后端质量门禁：
  • make check：连续性预检、gofmt、go vet、go test -race 全量通过。