feat(conversation): replicate table quote-to-chat action (TODO 02)

docs/复刻待办清单-2026-10-17.md

@@ -36,12 +36,37 @@
 
 ### 02. 表格“添加到对话”及引用结果
 
-- [ ] 对齐表格上方“添加到对话”按钮的字体、图标、背景、边距、出现条件及交互。
-- [ ] 对齐点击后输入区内引用表格的呈现，包括结构、预览、移除和与已有草稿的组合方式。
-- [ ] 对齐发送后用户消息中的表格引用显示。
-- [ ] 验收：引用正确表格内容，不丢失已有草稿；输入区、发送结果及历史重载三种状态一致。
+- [x] 对齐表格上方“添加到对话”按钮的字体、图标、背景、边距、出现条件及交互。
+- [x] 对齐点击后输入区内引用表格的呈现，包括结构、预览、移除和与已有草稿的组合方式。
+- [x] 对齐发送后用户消息中的表格引用显示。
+- [x] 验收：引用正确表格内容，不丢失已有草稿；输入区、发送结果及历史重载三种状态一致。
 
-状态：待 REA 对照。
+状态：主体已实现并做了真实窗口回归；仍有两处原版证据缺口（见“遗留”）。
+
+原版证据：
+- 渲染器实现：WorkBuddy 5.8.3 渲染器（REA 回收 `.tmp/wb-src-DbE1_mgM.js`）中的 `TableMessageQuoteAction`、`createTableMessageQuoteSourceId`、`getTableMessageQuoteMessageId`、`MessageQuoteAddIcon`、`MessageQuoteTextIcon`、`ChipCloseIcon`、`QuoteReferenceCard`、`InputBannerRail`、`MessageQuotePhraseTag`、`convertUserFrame`/`ContextChipsRenderer`。
+- 菜单几何：REA Evidence `ev_38cca1ac66606ab07fb495035e3509f5c4d8ec3e5e2b74d0fdcfcfadb120da3b`（`layout.json` 中 `.cr-message-quote-table-menu` 116×38、按钮 106×28、`top:8px right:8px`、padding 4、圆角 8、条目 14px/22px/500、padding 3px 8px、gap 4、圆角 6、图标 16×16 两条 path、`rgba(0,0,0,.08) 0 4px 16px` 阴影）。
+- 样式：REA 回收样式表 `src-CyXHA0IC.css`（SHA-256 `a5e26b537bb50323aefbf25abddad52e288dd3868598be8d255d70886fe77cfe`）40 条引用相关规则，含 `._tag_1krka_19` 及其 message-quote/`:readOnly` 变体、`._iconContainer_1krka_38`、`._icon_1krka_38`、`._text_1krka_66`、`.cr-message-quote-phrase-*`、`.cr-input-quote-card*`、`.cr-input-banner-rail`、`.cr-context-chips`、`.cr-user-content`。
+- 观察范围：桌面端浅色主题、单条助手消息中的 markdown 表格、输入区空白草稿。未覆盖：原版实际点击后输入区卡片与消息气泡标签的截图/几何（见遗留）。
+
+实现：
+- `shared/conversation.ts` 新增 `MessageQuote`（id、kind、sourceId、messageId、markdown、title?、preview）；`ChatMessage.quotes`、`SendPayload.quotes`、`ComposerSendPayload.quotes` 贯通消息与 IPC。
+- `workbuddy/conversation/MessageQuoteIcons.tsx`：`MessageQuoteAddIcon`、`MessageQuoteTextIcon`、`ChipCloseIcon` 按回收 path 原样复刻。
+- `workbuddy/conversation/TableMessageQuoteAction.tsx`：原版 DOM 结构（`div.cr-message-quote-table-menu` + `data-message-quote-table-added` + `data-message-quote-source-id`、按钮 `aria-label="添加到对话"`），sourceId 用原版 `createTableMessageQuoteSourceId` 组合规则。
+- `workbuddy/conversation/message-quote-source.css`：菜单/按钮、已加入描边、引用标签（含只读态）、引用卡片、短语标签与 tooltip 规则，均照搬回收声明。
+- `workbuddy/conversation/MessageQuoteCard.tsx`、`MessageQuoteTag.tsx`：输入区卡片与消息只读标签。
+- `MarkdownContent`/`ReactMarkdown`：`renderTableAction` 改为输出原版组件，新增 `sourceId`（`${messageId}-text-${index}`）与 `quotedSourceIds`。
+- `ComposerControls`：输入框上方 rail 渲染引用卡片，支持移除与点击定位；发送载荷带 `quotes`；只有引用时也可发送。
+- `ChatPane`：草稿新增 `quotes`；`quoteTable` 改为挂引用而不是把 markdown 追加进正文；点击卡片回到来源表格并临时置 `data-message-quote-anchor-active`；编辑/重发/重新生成沿用历史引用。
+- `MessageBubble`：用户消息内新增只读引用标签（`.cr-context-chips`）。
+- `main/ipc.ts`：引用快照写入 `userMessage.quotes`，引用 markdown 随消息一并进入模型提示；空文本但有引用时允许发送。
+
+验证：`scripts/verify-quote-table.cjs` 在真实隔离 Electron（真实 preload/IPC/渲染进程与文件系统）中 48 项断言全部通过，覆盖菜单/按钮几何与配色、`:focus-within` 显隐、已加入描边（`#40d1b3`）、输入区卡片（圆角 10 / padding 8 / gap 8 / 强调条 3px / 16×16 移除按钮 / rail `0 16px 8px` 与 gap 6）、草稿不被覆盖、移除后按钮恢复、`chat:send` 真实 IPC 载荷（正文+引用 markdown+sourceId）、发送后只读标签（22 高 / 圆角 6 / padding 2px 6px / 13px/14px/500 / 只读底色 / `data-content-block-meta-type=message-quote`）、历史重载一致。报告与截图：`.tmp/quote-table-SI0PNC/`（另有 `.tmp/quote-table-yiKDIs/`）。`npm run typecheck`、`npm run test:conversation`、`npm run build` 通过。
+
+遗留：
+1. 未取到原版“点击后输入区卡片”和“发送后消息标签”的实际截图与几何：探针在打开的会话里没有找到可引用的表格（`hover .cr-table-block` 返回 "Selected node is absent"），因此这两态是按渲染器源码与回收样式表实现，视觉未与原版逐像素比对。
+2. 原版 `--cr-brand-secondary`（以及 `--cr-bg-brand-subtle`、`--cr-border-brand-subtle`）在回收样式表中只有使用、没有定义；同版本 `contexts-BkjwYSZT.css` 给出的兜底值是 `#40d1b3`，YCode 暂按该兜底值定义并已在注释中标注，待取到原版运行时 token 后替换。
+3. 输入区引用卡片中的“来源标题”在原版由宿主（`message.quote.add` 处理端）生成，尚未采集；YCode 当前不显示标题，只显示内容摘要，不臆造文案。
 
 ### 03. 编辑已发送消息