Jyotisha/docs/tasks/PROGRESS-ui-kit-2-chat-20261023.md

PROGRESS · 组件库 K2 对话页（2026-10-25）

工单 #106。分支 codex/ui-kit-2-chat-20261023。基线 origin/staging e4e240bf863b49e75bf9c7e1ba54b40cb1265f64（#105 新侧栏和 #99 启程动效已在这个提交里）。只做任务书 K2 对话页。K0、K1 已完成，K3 及之后没做。

结论

输入框里左边选模型，右边发送。各模型的价格只写在菜单里。回答下面仍是赞、踩、复制、重新生成。桌面上可以在对话旁边打开当前人物的本命盘，能拖宽，也能收起，刷新后还在。手机上看不到这个入口。发消息、停止、排队、撤回、退点和寒暄免费没有改。

做了什么

• 输入框改用组件库的组合输入。底边左边是模型菜单，只显示名字；「N 点」只在菜单项里。右边是圆形发送，和框的底边对齐。停止、排队召回和「内容由 AI 生成」仍在。模型菜单走外壳已经在用的延后载入：库还没到时，按钮上仍是当前模型名，点开还没有菜单。
• 赞、踩、复制、重新生成是图标按钮，各有提示。不满意原因和兑换窗改用对话框，句子不改。追问是描边小按钮，仍用启程进场依次浮出（260ms，间隔 64ms），没有另写时长。跳到最新和今日星语入口改用组件库按钮，原来的尺寸类还在。
• 当前会话、咨询阶段、停止中的标记、排队中的会话和请求、流式回答、赞踩和「已复制」从 Home() 移进已有的会话 store。消息列表本来就在会话列表里，跟着同一份 store。Home() 的 useState 从 33 减到 25。useRef 开工时是 37，做完仍是 37，没有新加。page.tsx 从 1419 行到 1450 行，粗护栏是 1567。useSessionManagement 仍在 useRectificationSurface 前面。
• 桌面顶栏、点数右边，是打开或收起本命盘的图标按钮，提示「打开本命盘」或「收起本命盘」。面板在可拖分栏里，宽 280–560，默认 360。开着和宽度记在本机 chat_chart_panel_open、chat_chart_panel_width。收起不把宽度写成 0。手机视口还没定、或小于 768 时不显示按钮，也不因为藏起来就把「开着」写成关掉。
• 面板里是当前人物的本命盘，复用星盘页的绘制。只取本命分盘这一层。缓存里的盘必须是同一个人，否则重新取。没有骨架，也没有「正在加载」。不标星盘页那一次「画出来」的标记。可拖分栏和星盘绘制都在第一次打开后面才载入。外层对话网格没有改，里面用一列重复原来的行高，次级页面不包这一列。
• 流式逐字仍在 chat-message-row.tsx，这个文件没有改。消息进场仍是已有的 Motion。扣点和落库没有改。
• 白名单去掉 9 个已经不再违规的文件，没有加长，也没有改测试里写死的基线名单。
• 没有改 .gitea/**，没有改生产部署，没有动数据库，没有给 scripts/jyotish_api_server.py 加方法。没有重做 #99 的动效时长。

断言改动（原值 / 新值 / 原因）

位置	原值	新值	原因
输入框	<Textarea 直接放在表单里，并带 ref={inputRef}	<InputGroupTextarea，仍绑定同一份草稿和同一个 ref	输入框改用组合输入。聚焦和草稿订阅不变
跳到最新	<button	<Button，仍是 type="button"	改用组件库按钮。类名、焦点环和 44px 目标不变
今日星语	<button className="starter-entry"	<Button className="starter-entry"	改用组件库按钮。36px 胶囊和 44px 点按区仍由原来的类决定
兑换窗	自绘遮罩 account-modal-overlay，并用 createPortal	Dialog，内容类名仍是 account-modal paywall-modal	改用组件库对话框。文案和这些类名留下
不满意原因	文件顶部静态引入，只在挂载容器里找文案	先建好测试文档再动态引入，容器和 document.body 都找	对话框在模块加载时才决定把内容挂到 body。测试文档必须先就位。提交、原因顺序和补充说明仍在
白名单	含首页和 8 个对话零件	这 9 个移出	它们已经改用组件库。名单只许变短

移出的 9 个文件：page.tsx、chat-composer.tsx、chat-message-actions.tsx、conversation-follow-ups.tsx、jump-to-latest-button.tsx、model-selector.tsx、onboarding-redeem-paywall.tsx、reply-down-reason.tsx、starter-home.tsx。

自测

检查	命令	结果
类型	仓库根 frontend\node_modules\.bin\tsc --noEmit -p frontend	退出码 0
检查	在 frontend 下 npm run lint	退出码 0。122 个警告，0 error
定向测试	在 frontend 下 node --import tsx --test 下面列出的文件	275 条，通过 275，失败 0，取消 0
构建	在 frontend 下 npm run build	退出码 0。编译 8.2s，TypeScript 17.3s。/ 仍是 ○ Static。5 条既有 skill-package-registry 警告，没有改
首屏体积	首页 HTML 引用的 /_next/static/**.js，gzip-9 相加，不含 CSS	基线 e4e240bf：36 个文件，缺失 0，634528 字节。本单：36 个文件，缺失 0，639127 字节，多 4599（+0.72%）。±2% 上限 647219

定向测试文件：account-dialog-inert-20260918.test.ts、ai-generated-notice-20261014.test.ts、character-remaining-contract.test.ts、chat-chart-panel-state.test.ts、chat-composer-queue.test.ts、chat-message-actions.test.ts、chat-navigation-a11y-contract.test.ts、chat-stream-layout.test.ts、composer-isolation-contract.test.ts、consult-first-frame-and-pacing-20260928.test.tsx、consultation-entrypoint.test.ts、consultation-recovery.test.ts、consultation-smalltalk-ui.test.tsx、consultation-smalltalk.test.ts、home-shell-growth-contract.test.ts、home-streaming-render-split.test.ts、home-warm-return-lifecycle.test.tsx、membership-page.test.ts、onboarding-checklist-20261022.test.ts、rectification-agentic-entry.test.ts、rectification-grounding-regenerate-20260927.test.ts、reply-quality-20260930.test.tsx、session-conversation-layout.test.ts、session-list-lifecycle.test.tsx、starter-entry-soften.test.ts、stream-text-response.test.ts、ui-kit-whitelist.test.ts。

Home() hook：开工 useState 33、useRef 37、page.tsx 1419 行。做完 useState 25、useRef 37、1450 行。上限是 useState 36、useRef 37、1567 行。

没有跑前端全量 npm test，没有跑 Python 快速门，没有跑 test:db。Python 入口和 scripts/jyotish_api_server.py 没有改。

偏离

• 测试用的假文档补了 documentElement、dataset、style.setProperty、requestAnimationFrame 和 children。组件库对话框要这些才能把内容挂出来。产品页面没有为测试改行为。
• 不满意原因的测试改成先建好文档再载入组件。同一份原因、补充说明和提交仍会发出去。
• 第一次构建把模型菜单静态打进首页脚本，gzip-9 是 655070（38 个文件，+20542，+3.24%，超出 ±2%）。模型菜单改走外壳已有的延后载入后再构建。延后载入后的首屏里，dropdown-menu、chat-chart-split、chat-natal-chart、react-resizable-panels 都是 0。ResizablePanelGroup 与 VedicChartSvg 的首屏命中数和基线一样（1 和 2）；多出来的绘制和分栏只在未写进首页 HTML 的脚本里。库还没到时，模型按钮上仍是当前模型名。

环境缺口

• 没有登录态。没有在浏览器里发过一条对话，没有点过停止，没有拖过本命盘。本机记忆由测试读写 chat_chart_panel_open 和 chat_chart_panel_width 证明。可照做的步骤在 docs/testing/ui-kit-migration-20261023.md 的「对话」一节。