新智能体首页 · v2 白色版

新智能体首页 17 个交互状态 · 点击切换预览

0默认态（老用户首页）初始状态

触发：初始加载 / 点复位（setUserMode('old')） DOM：#scrollArea 无 .chatting/.onboarding/.focusing；#homeSections display:''；#guideOnboard/#chatFlow/#focusPanel display:none；#drawerScrim 无 .open 可交互元素： hero 顶栏 ≡ → openDrawer() / ✎ → onNewChat() 找灵感 seg → .topic-card openChat('topic') · 同行在拍 openChat('peer-list') 去创作 seg → 传脚本 toggleCapsule('script') · 拍同款 openChat('video') .bottom-bar #chatInput（placeholder「按住说话，轻点打字」）→ 短按文字 / 长按语音；回车 onSend .input-row__add → toggleToolsSheet() 打开工具与素材底栏 关闭/退出：本身为默认态

1新用户引导·选题就绪新用户态

触发：setUserMode('new') → renderHomeBody 显示 #guideOnboard；本状态强制 guide('full') DOM：#scrollArea +.onboarding；#homeSections none；#guideOnboard display:''；#guideFull display:''，#guideLoading/#guideFail none 可交互元素： .tp 选题卡 → pickGuideTopic(title) → openChat('topic') .tp-write 自己写 → guideWrite() 就地展开输入框第1步「已选行业」→ guideEditIndustry() 关闭/退出：切老用户态 setUserMode('old') / 点选题进对话流

2新用户引导·选题加载骨架屏

触发：进入新用户态先拉取推荐；本状态 guide('loading')（清 timer 保持不自动跳） DOM：#guideLoading display:''（.sk 骨架条 + .sk-hint），#guideFull/#guideFail none 动画：.sk__bar::after 常规流光扫过 gd-sk-shimmer 2s ease-in-out infinite 说明：真实为推荐接口返回前的等待态，约 900ms 后自动转 full 或 fail（编排交研发） 关闭/退出：加载完成转 #1 就绪 / 失败转 #3

3新用户引导·加载失败兜底手写

触发：guide('fail')（等同点「演示失败态」guideToggleFail） DOM：#guideFail display:''（.fail 兜底文案 + .tp-write--hl 手写高亮），#guideLoading/#guideFull none 可交互元素： .fail__retry → guideRetry() → 重新 enterGuideLoad .tp-write → guideWrite() 手写选题 关闭/退出：重试转加载态 / 手写进对话流

4传脚本聚焦态点传脚本

触发：去创作「传脚本」lead-chip → toggleCapsule('script') → openScriptFocus() DOM/动画：#homeSections none；#scrollArea +.focusing（收起亮 hero）；#focusPanel display:flex；#fakeKb +.show（假键盘滑起）；.app-tabbar +.hidden；.bottom-bar +.is-focus 且 bottom=键盘高 可交互元素： 「优化成可发布口播稿」→ runScriptAct('optimize') → 输入框填意图 chip 引导粘贴「直接用原稿去拍」→ runScriptAct('shoot') → 跳跟拍准备页 z-index 层级：fakeKb 托底 → bottom-bar 坐其上 → focusPanel 贴输入框上方 关闭/退出：点空白区 / 再点传脚本 → closeScriptFocus()

5对话历史抽屉点 ≡

触发：hero 顶栏 ≡ → openDrawer() DOM：#drawerScrim +.open（左侧 .drawer 滑入 + 半透明蒙层盖满设备内） 可交互元素： .drawer__item → openHistory(title) .drawer__newbtn → onNewChat() .drawer__profile → 个人中心 z-index 层级：drawerScrim 蒙层置于设备内容之上 关闭/退出：点蒙层空白 closeDrawer() / 选历史项

6普通对话 · 直答（无 runtime）寒暄 / 自我介绍

触发：用户发送普通对话；消息进入主循环后由模型判断可直接回答 DOM：enterChat +.chatting；addBubble('me')；无 .agent-run 壳；只出 .bubble--ai 一条流式回复 规则：前端不维护问候/任务关键词词表，不用确定性提示或触发词决定路线；模型只建议付费动作，不能直接扣费 可交互元素：#chatInput 继续输入；同会话始终继承当前 goal 关闭/退出：顶栏 ≡ 返回 / 新对话 onNewChat

7Markdown 全能力演示研发对齐锚点

触发：__ixBridge.mdDemo() 出一条覆盖所有 md 元素的 AI 回复；AI 真实回复用同一个 mdToHtml，App 实现必须支持全部元素 覆盖范围（10 种）：标题(h1-h4) · 段落 · 无序列表 - · 有序列表 1. · 引用 > · 行内代码 ` ` · 代码块 ```lang · 表格 | | · 分隔线 --- · 行内(粗/斜/删除线/链接) 渲染路径：aiSay → typeStreamMd（每 delta 全量重解析 mdToHtml，边到边格式化） DOM：.bubble.bubble--ai 承载全部块级 h/p/ul/ol/blockquote/pre/table/hr；样式定义在 .bubble--ai * 选择器组 @prd-note：md-spec / ai-content-types 两条注释是研发对齐真源 关闭/退出：顶栏 ≡ 返回 / 新对话 onNewChat

8AI 回复类型总览（md 索引）研发对齐锚点

触发：__ixBridge.cardsMap() 出一条 md 表格罗列全部「个性化卡片 + 轻交互」类型（文字索引，快速对齐） 三大类：①普通 md 文字（mdToHtml，同 #7）；②个性化卡片型交付物（专门组件，不走 md）；③对话内轻交互（改道块 / 快捷胶囊条 / runtime 步骤条） 卡片清单：参数收集卡(askRequirements) · 优化方向卡(askOptimize) · 视频上传卡(askVideoUpload) · 服务问询卡(askService) · 选题方向卡(showTopicIdeas) · 同行爆款卡(showPeerHits vcard reel) · 脚本结果卡(scard) · 发布建议卡(pub--standalone) · 功能路由胶囊(route-chip) 轻交互清单 + data-slot：快捷建议条(#qaBar → suggestions / .qa-chip → suggestion) · runtime(.agent-run → task / .rn-step → task-item / .rn-thinking-group → reasoning) · 改道块(.run-gate → run-gate / .gate-opt → suggestion vertical) · Toast(#toast → sonner-toast) 契约文档：changelog v1.18–v1.23 · ui.shadcn.com · elements.ai-sdk.dev/components/suggestion|task|reasoning 与 #9 关系：#8 是 md 文字索引（快速看范围）；#9 是原版视觉样品（轻交互块已带 data-slot，卡片型仍看 class）

9AI 回复卡片 · 原版样品册研发像素级参考

触发：__ixBridge.cardsLive() 把每种个性化卡片按**原版样式**依次渲染到对话流，一次看完真实观感（区别于 #8 的 md 文字索引） 展示顺序：参数收集卡 → 优化方向卡 → 视频上传卡 → 选题方向卡 → 同行爆款卡 → 改道块 → 脚本结果卡 → 发布建议卡 → 功能路由胶囊 → 快捷建议条 说明：纯视觉展示，按钮点击弹 toast 提示「演示态」不推进业务流程；轻交互块已带 data-slot 契约，卡片型仍认 class；要看真实交互链路，点侧栏对应对话流状态（#10/#11/#12）或从首页入口进 用途：研发像素级还原参考 · 设计走查 · 组件盘点

10选题生成对话流对话流入口

触发：找灵感 .topic-card → openChat('topic', 选题) DOM：enterChat → #scrollArea +.chatting；#homeSections/#guideOnboard none；#chatFlow display:flex 流程：addBubble('me') → agentTurn planning（理解选题 → 匹配赛道）；老用户缺 service 时出「计划需要补充」gate（先按通用生成 / 先出三个选题方向） 可交互元素：gate .gate-opt 选项 · #chatInput 回车 onSend 关闭/退出：顶栏 ≡ 返回 / 新对话 onNewChat

11同行在拍对话流对话流入口

触发：找灵感「同行在拍」lead-chip → openChat('peer-list') DOM：enterChat +.chatting；addBubble('me','看看同行在拍什么')；pendingFlow='peerHits' 流程：有 service → agentTurn 检索同城爆款 → showPeerHits 竖屏爆款卡 + 钩子药丸；无 service → askService 先问赛道 可交互元素：.vcard__go「拍同款」· 钩子药丸（换一批 / 只看本周最火 / 帮我出个新选题） 关闭/退出：顶栏 ≡ 返回 / 新对话 onNewChat

12拍同款上传引导对话流入口

触发：去创作「拍同款」lead-chip → openChat('video') DOM：enterChat +.chatting；agentTurn「准备拆解参考视频」→ 出上传引导（askVideoUpload 支持视频链接 / 本地视频） 可交互元素：「分析」按钮带后台下发灵感价签（原型演示默认 3）；点击即授权当次分析并预占 关闭/退出：顶栏 ≡ 返回 / 新对话 onNewChat

13Agent 脚本 · 付费授权传脚本优化 / 完整稿

触发：对话内生成完整口播稿或传脚本优化 显示：生成 / 开始优化动作固定显示 2 灵感（Agent 不吃会员日 20） 规则：点击即授权当次并预占；钩子重出另计 1 灵感；失败释放预占不落账 关闭/退出：不点击可无成本退出；余额不足在预占阶段拦截

14完整脚本 · 失败终态失败 / 超时 / 残缺 / 取消

触发：任务未交付完整可用脚本即结束 显示：真实失败原因 + 重试入口；明确「未交付完整脚本，本次不收费」 规则：释放预占；残缺片段不作为资产；原任务重试不新增预占；用户主动再生成是新动作并重新授权 关闭/退出：返回当前对话，保留可重试上下文

15语音输入（长按）长按输入区

触发：常规态（输入框空、未弹键盘）长按 #chatInput / 右侧麦克风 ≥380ms DOM：.input-row +.is-voice（输入栏整体隐掉 opacity:0）；#voiceLayer +.is-on（底部绿光幕 translateY 漫起 + 横向声波 scaleX 展开）；.app-tabbar +.voice-hidden（隐藏）；上移超阈值 +.is-cancel（绿幕转红、声波停摆，「松开取消」） 视觉/衔接：豆包式——全程无框。输入框绿「边」仅作过渡：进入时随绿光幕升起而淡出（border/bg/halo →0），松手反向淡回常态绿边。稳定态=底部整片主题色绿光幕（radial 中心亮往两边+向上柔化 mask，无硬切）+ 横向长声波（46 条白条，中高两低包络、两端 mask 淡出）；进入 opacity+translateY+声波 scaleX 同步展开；期间隐藏 tabbar 手势：短按=文字输入（focus + 通用引导）；长按=语音；松手发送（demo ASR→sendChat）；上滑松手=取消 边界：有文案 / 键盘已开 / composer / Agent 运行中 / 工具底栏打开不进语音 关闭/退出：松手结束；侧栏复位清层

16+ 工具与素材底栏点输入栏 +

触发：.input-row__add → toggleToolsSheet() → openToolsSheet() DOM：#toolsScrim/#toolsSheet data-state=open；sheet z-index 盖住 .bottom-bar（输入栏原位不动）；.app-tabbar +.hidden；.bottom-bar +.is-tools（pointer-events:none） 结构：handle + 标题「添加」+ 关闭 × → 上栏相机/相册两大入口 → 下栏「最近」相册宫格 可交互元素： 关闭 × / 蒙层 / Esc → closeToolsSheet() 相机 / 最近缩略 → close + addAttach() 马上回输入补说明相册 → openAlbumPicker() 进相册选（原型 toast 后演示挂附件）附件预览右侧 + → 继续打开本 sheet 再添 z-index 层级：bottom-bar 50 → scrim 90 → sheet 95（盖住输入） 关闭/退出：sheet 内 × / 点蒙层 / Esc → closeToolsSheet()

9:41

3 步，做出你的第一条视频

已选行业 · 保险

选个选题，马上开拍

正在按「保险」为你找选题…

白泽生成脚本

Hi，今天想拍什么？

找灵感

热门选题

学生党轻医美怎么选 2.1w

水光针到底值不值 8k

术后红肿怎么护理 5k

去创作

对话

创作

记忆

我的

Changelog 点击条目高亮定位 ↓

v1.30 (2026-07-14 11:12:00) · 语音取消吞幽灵 click

· 底部输入栏：长按语音上拉取消后吞掉松手幽灵 click/focus，不再误开通用引导页

v1.29 (2026-07-13 18:14:00) · + 工具底栏底部安全区

· + 工具与素材底栏：底部 padding 改 var(--space-8)；sheet 内补 home-indicator

v1.28 (2026-07-13 17:47:22) · Agent 计费分档 + 分析价签

· 计费分档：Agent 完整稿/传脚本优化 2 灵感；会员日 20 不在 Agent

· 拍同款分析：「分析」按钮加灵感价签（单价后台可配，演示默认 3）

· 钩子重出：开场钩子方向标 1 灵感

· 失败终态：明确预占已释放、本次不收费

v1.27 (2026-07-13 16:58) · + 工具与素材底栏

· 底部输入栏：+ 打开约 1/3 屏添加底栏；上栏相机/相册，下栏最近横滑；选中马上回输入

· 附件预览：整栏卡片；缩略图右侧紧挨继续添加；可只发素材

· 交互索引：新增 #16 + 工具与素材底栏，共 17 状态

v1.26 (2026-07-13 15:59) · 豆包式语音输入

· 底部输入栏：短按文字、长按语音；空态右侧麦克风示能；placeholder「按住说话，轻点打字」

· 录音态：无框绿光幕+横向声波；隐藏 tabbar；松手发送/上移取消

· 交互索引：新增 #15 语音输入（长按），共 16 状态

v1.25 (2026-07-13 10:00:28) · 底栏路由 + 计费终态

· 底部 Tab：对话/创作/记忆/我的分别跳当前真源；我的沿用个人中心

· Agent 入口：删除关键词/触发词路由演示；自然语言交主循环，同会话继承 goal

· 计费与终态：会员前 20 份免费不提示；第 21 份起显示 2 灵感；完整交付后收费

· 计费与终态：失败/超时/残缺不收费；showGenerateFailure 保留重试上下文

v1.24 (2026-07-09 17:18) · 对话 Tab 强制回首页

· 底部「对话」Tab：onclick + 捕获阶段兜底，强制跳回本页

v1.17 (2026-07-06 16:14) · 起号引导 + 脚本卡去拍摄 + 开场钩子

· 新用户引导标题：「做出你的第一条视频」（去转化导向）

· 起号选题：保险 demo；三条改立人设/建信任/蹭热点方向

· 选题方向卡：纵向布局 + 推荐标签底栏

· 脚本结果卡：「去拍摄」主按钮 + 「加入脚本库」次按钮

· qa-bar：生成脚本后三个开场钩子方向（点一下 optimize 重出）

v1.16 (2026-07-03 16:09) · 生成按钮中性化

· qcard__go / topic-idea__go：深绿主 CTA → 白底灰描边深灰字

· credits 徽章「⚡2」：浅灰底深灰字；disabled 同步降档

v1.15 (2026-07-02 21:04)

· 对话态顶栏：「白泽」下方合规小字「内容由 AI 生成」

· 底部 Tab：对话/创作/记忆/我的（心智分区替代功能分区）

· 底部毛玻璃单层化：.bottom-bar::after 统一承担 blur，消除 tabbar 交界硬切

v1.14 (2026-07-02 17:05)

· thinking trace：详情从单行跑马灯 → pre-wrap 多段多行；完成后不折叠，仅降一档灰

· AI 主回复：md 流式改为边到边渲染（闭合即格式化），对齐 Claude/Cursor 观感

v1.13 (2026-07-01 21:11)

· 交互索引侧栏：page-layout 双栏 + 9 状态 ix-card（各带 AI 规格描述）

· 引导选题加载：.sk__bar 加 gd-sk-shimmer 流光扫过动画 2s

· 交互驱动：__ixBridge 暴露复位/引导/传脚本聚焦 + ix-sidebar 点击切换

v1.12 (2026-07-01 17:21)

· 本页 :root 覆写文案色阶：主色米白 #F5F5F5 去 OLED 眩光；次级降为真中灰 #B8B8B8 拉开主/次层级

v1.11 (2026-07-01 10:00)

· hero 背景：完整比例下铺+渐变融入底黑；内容区 z-index 防遮挡

· 同行钩子：删「重新生成」，剩换爆款/出新选题

· 生成参数卡：中性白底选中态；删失败演示按钮与冗余 hint

v1.10 (2026-06-30 14:30)

· hero 背景图换 assets/image.png（顶部背景带点缀，前面内容布局不变）

· 新用户 1-2-3 引导并入：行业已选→选选题→生成；加载/失败三态

· 画布切换器：新用户态 / 老用户态演示

· 找灵感：选题改蓝色虚线 pill；解锁专属占首卡位

v1.9 (2026-06-29 13:36)

· thinking trace：标题+详情流式灰字两层；gate 前折叠「思考完毕 · N 步」

· 选题方向：qa-chip 改对话流 topic-idea 卡片（钩子/适合/写这个方向）

· 缺服务 gate：列出门店已有服务 + 自然语言选/新增

· 热门选题标题：重黑体伪斜 + 「选题」品牌绿高亮

· 钩子药丸改 .qa-chip 中性样式

v1.8 (2026-06-26 12:00)

· 功能跳转胶囊：听到去拍/出片/发布/草稿意图，runtime 末尾追 route-chip，点了直接跳（关键词演示）

· 改道块：选项改回竖排满宽一行一个；背景/边框减重避免过抢

· 上传记忆入口改 toast 占位跳白泽记忆页；--safe-area-x 38→24

v1.7 (2026-06-25 18:30)

· runtime 改接力+沉淀叙事流：去掉 step 列表/工具名，每步一行连续吐字，流完自动降档成灰

· 3 步回合从 6~9 行压到 3 行，同一时刻只有最底一行在动

v1.6 (2026-06-25 17:00)

· 对话流轨道：一段连续白泽发言只出一次品牌头，过程/气泡/卡片挂同一轨道，用户开口断轨

· runtime 运行态：完成行改为状态图标 + 人话汇总 + 折叠箭头，轻/重任务分档展示

· 找灵感入口：新增上传记忆生成今日专属选题入口，上传后首个选题卡切为定制态

· 热门选题：胶囊升级为带热度和副标题的横滑选题卡

v1.5 (2026-06-23 11:31)

· 改道选项：竖排改横排 flex-wrap 胶囊，背景/边框加亮

v1.4 (2026-06-22 10:30)

· 传脚本聚焦：收起 hero 渐变，画布纯黑聚焦动作+输入

· 传脚本入口 4→2：优化口播稿 + 直接去拍（副标告知能力侧面）

· 底部输入：textarea 自增高 + 聚焦态 agent 惯例上下两段布局

· 优化 composer：内联「优化口播稿：」前缀 + 灰字胶囊占位

v1.2 (2026-06-18 11:30)

· 传脚本聚焦：键盘弹起 tabbar 退场 + 入口贴回输入框上方

v1.0 (2026-06-05)

· 静态探索 A 方向转正：找灵感/去创作 + 底部输入 + Tab「对话」