情绪倾听

页面29-emotion-d.html · 情绪倾听 · D · 1.1 · 验收见 ⑧ · 分工见 ⓪

阅读方式：每条先写界面上是什么，再写元素 ID 与接口。

展示顺序（按角色 · 章节号固定）

• 产品 / 老板：⓪ → ①～⑤ → ⑧
• 测试：⑧ → ①～⑤ → ⑦
• 研发：接口速查 → ①～⑤ → ⑥ → ⑦
• UI：①～⑤（图标路径在控件下）
• 数据 / 增长：⑨ → ⑥
• 多态页：③ 内分态 · ⑥⑦⑧⑨ 号不变

接口本页唯一 · POST /ai/emotion/reply → list_chat_messages · 原型 mock · 完整见 ⑥

⓪ 本页做什么 · 分工速查

一句话：24h 情绪对话陪伴（1.1 文本档），非心理咨询/医疗，可链表情分析。

• 产品 / 老板：⑧ · 首句开放关心（无上下文不假定受挫）· 与成长日记/E5 打通 · 视频陪伴见 ⑨ 分期
• 测试：⑧ · 对话 + 合规条 + 表情入口
• UI：红色合规条 + 对话气泡 + 贴底输入
• 前端：D 模块对话 AI· 详 ⑥
• 合规：非心理咨询/医疗 · 天御审核 · 聊天留存见 ⑨（不上屏）

① 顶栏 · 屏幕最上方

• 返回箭头 → btn_nav_back · 优先 history.back() · fallback 23-assistant-tab.html · index 机模 data-embed-back="shell" 回当前 Tab 壳层
• 「情绪倾听」 · 顶栏标题 · 无 1.1 角标 → page_title

② 合规提示条 · 倾听模式 · 顶栏下方

• 「非心理咨询或医疗建议 · 如需专业帮助请寻求线下资源」 · 红底提示 → copy_disclaimer_medical
• 模式占位 → bar_emotion_mode（分期 ① 文本 · ②③ 视频 · 见 ⑨）
  • 「文字倾听 · 免费」 · 金底胶囊 · 当前高亮 → chip_emotion_text_mode · 只展示
  • 「视频陪伴 · 即将上线」 · 灰底胶囊 · 不可点 → chip_video_companion_soon · 上线后改为扣能量点入口（后台可配文案/点数）

③ 对话区 · 主内容滚动

• 消息列表 → list_chat_messages · 贴 composer 上方 · 发送 mock 追加 chat_user
• 对话策略（拍板 · 默认无上游上下文）
  • 首条 AI：开放关心问句 · 禁止假定拒信/面试失败/「早就知道你不顺」
  • 用户先说：再由 AI 共情回应 · mock 演示用户主动提到「面完不太好」
  • 有上游（E5 · 成长日记 · URL 参数）：可引用用户原话邀请继续聊 · 仍非定罪式开场
• 「你好，我是你的求职陪伴。今天面试或投递还顺利吗？想聊什么都可以。」 · 助手首句 → copy_emotion_greeting · chat_emotion_open
• 用户气泡 · 「今天面完感觉不太好，有点没信心…」· mock → chat_user
• 「听起来挺不容易的。我在这儿陪你慢慢聊——要不要一起看看「接下来 3 天可做的小行动」？」 · 助手共情 + 引导 → chat_emotion

④ 表情分析入口 · 对话区下方

• 「表情分析」 · 卡片行 · 「用摄像头看看面试前的紧张度」→ link_emoji_capture · 链 36-emoji-capture.html

⑤ 贴底输入栏

• 输入框 · placeholder「说说你的感受…」→ input_emotion · maxlength="1000" · enterkeyhint="send"
  • 长度：1～1000 字/轮 · 粘贴超限 Toast · 与 F7 同 _chat-composer.js
  • 格式：纯文本 · trim · 气泡 textContent（不执行脚本）
  • 为空：发送 → 红框 · 无 Toast
  • 非空提交后：追加用户气泡 · 清空输入 · 正式上线 调 POST /ai/emotion/reply
• 「发送」 · 橙色按钮 → btn_send_emotion
• 获焦：点输入/composer → 调起系统键盘 · visualViewport 顶起 composer

⑥ 情绪倾听 · POST /ai/emotion/reply（本页唯一）

说明：D 模块对话；原型由 composer mock。上线每轮发送走本接口，非心理咨询承诺见 ② 免责声明。替换清单 → dev-notes · 静态 mock → API。

• 何时调 · 发送按钮 · 非进页 GET
• 鉴权 · 需登录
• 请求 · session_id · message（1～1000 字 · trim 后非空）
• 响应→控件 · AI 文本 → list_chat_messages · 危机词 → 转介模板（后台可配）
• 首条 system/模板 · 无 context 时返回开放问句（对齐 copy_emotion_greeting）· 有 context.snippet（日记/E5）时可个性化 · 禁止无依据假定拒信
• 失败与边界 · 空输入红框 · 超长 400 + Toast · 审核不通过 → 温和提示 · 服务端拒超大 body

⑦ 入口 · 出口

• 入口：助手 · 能力中心 · 成长日记 · E5「需要聊聊」
• 出口：36-emoji-capture.html · 继续对话 · 返回

⑧ 怎么验收

1. 左右对照：助手首句为开放关心问句（「今天面试或投递还顺利吗…」）· 无「拒信/受挫」假定 · 与用户 mock 第二句后再共情。
2. 接口专章：滚到 ⑥ · 可见 POST /ai/emotion/reply。
3. 打开：双击 29-emotion-d.html · 见完整对话流。
4. 合规：顶栏下红色「非心理咨询/医疗」条可见；模式区见「文字倾听 · 免费」与灰态「视频陪伴 · 即将上线」；对话区无留存天数小字。
5. 表情：点「表情分析」→ 36-emoji-capture.html。
6. 输入：底栏「说说你的感受…」+「发送」；输入栏贴屏幕最底（短对话也不得悬空）。
7. 消息贴底：气泡区贴在输入栏正上方。
8. 获焦输入：点输入框 → 键盘/光标出现 · 可键入并发送。

⑨ 团队补充

• 图标资产（第二批） · app-image/ICON-CATALOG.md · 全站通用 §7 · 上传 §8 · 品牌 §9 · 本页见 §10 索引表
• 图标资产（第三批） · app-image/ICON-CATALOG.md · 状态栏 §11 · 增长/分享 §12 · 表单/附件 §13 · 法务 §14 · 订单/空态 §15 · 媒体/语音 §16 · 本页见 §10
• 图标资产（第四批） · app-image/ICON-CATALOG.md · F4 模块 §18 · 状态徽章 §19 · 弹窗/加载 §20 · 联系打码 §21 · 折叠/更多 §22 · 文件类型 §23 · 分享装饰 §24 · 账号 §25 · 本页见 §10
• 分期与排期 · 产品/研发见 launch-static-to-api · 开发说明 ②～⑦ 不写「阶段 N」
• 埋点 · emotion_d_view · emotion_send · emotion_to_emoji
• 合规 · 数据留存（仅研发/隐私政策 · 禁止上屏）：聊天记录保留 60 天 · PRD §5.3 · 正式文案见设置页「隐私政策」
• 产品分期（拍板 · 低成本包先落地 ①）
  • ① 文本倾听 · 本页 · 1.1 · 低消耗 · 默认入口
  • ② 语音 + 小窗前置摄像头 · 倾听页内升级 · 扣能量点 · 表情轻量信号 · 1.1+
  • ③ 全屏视频陪伴 · 豆包式实时对话 · 高档能量点档位 · 后续迭代
  • 36 表情分析 · 保持面试前 15 秒自测短工具 · 不与 24h 倾听合并
• 原型限制：静态三气泡 mock · 发送无 AI 回包 · 正式上线 → launch-static-to-api