F Fmode v2 MVP Demo · 双端 11 屏
设计依据与留痕
FR-02AC-02.1AC-02.2AC-02.6AC-02.7
同页双形态：桌面左右分栏（品牌叙事 + 表单），移动全屏单列。两种登录方式（验证码 / Token）在桌面用 Tab 切换。
错误态就地展示、文案明确（验证码错误 为示例），不静默失败；重复提交需防抖。
无障碍：输入控件实际字号 ≥16px（iOS 聚焦不放大，见《双端布局规范》§3.4）；错误字段带 aria-invalid + aria-describedby；所有按钮触达区 ≥44px。
桌面端 · 1440 × 900 四栏骨架：导航 56 / 列表 300 / 主区 flex ≥480 / 右栏 340 双端双套 · ADR-004
数
数据分析助手
运行中 · 最后活动 2 分钟前
正在生成第 4 份季度报表 已用时 3 分 12 秒 · 点击查看步骤
  1. ✓拉取数据源1.2s
  2. ✓清洗与聚合8.4s
  3. ▸渲染图表并导出 PDF
  4. ○上传至成果库
今天 10:20
数
早上好，我已开始处理今天的报表任务。
把第 3 季度的也一起做了
胡
数
收到，第 3 季度已排入队列。当前正在处理第 4 份，预计还需数分钟。
工具调用 · 读取 sales_q4.xlsx（1.2s）· 已折叠
工具调用结果走系统消息样式，不占主视觉
数
第 4 份报表已进入「导出 PDF」阶段，完成后会自动归档到成果库。
好，完成后发我一份
胡
桌面端设计依据
FR-04AC-04.1AC-04.6约束 C5
会话页四栏 56 / 300 / flex(≥480) / 340。「正在处理…」状态条是全页面唯一渲染「在干嘛」的地方 —— 存量在标题栏、TaskStrip、LiveConsole 三处重复渲染，这里收敛成一条（AC-04.6）。
规则 2不造假进度：AI 任务耗时不可预测，用步骤清单（✓/▸/○）+ 已用时；进度条只用于分母已知的场景（CPU / 内存 / 上传）。
FR-07AC-07.3工作台：加载失败必须显示错误态，禁止伪装成空态或"权限问题"（存量痛点）。双端同一实况服务，口径一致含 token 用量（FR-07 AC-07.2 / FR-17）。
FR-07bAC-07b.3任务看板：阻塞 / 失败用左色条 3px + 图标 + 文字 + 阻塞时长，不用整行红底。列表内直接显示「已阻塞 436h」—— 这是 P2 的核心价值。一期只读。
FR-08AC-08.1成果：按项目 / 按时间线双视图分段器；条目可展开看文件，图片支持全屏预览。成果独立于消息气泡，P1 核心场景。
规范布局校验（本轮修正）：① 四栏宽度全部令牌化（56 / 300 / flex ≥480 / 340），修复视图包裹层缺失导致的「各栏上下堆叠」；② 三栏头统一 --hd-h 64px，分隔线实测对齐；③ 任务看板列表栏由硬编码 340 归位 --dk-list-w 300；④ 右栏「当前任务」与 L2 状态条重复渲染已移除（约束 C5）。
移动端 · 390 × 844 单列高可达 · 触达区 ≥44 · 输入 ≥16px
9:41中国移动 5G
首页
最近会话全部 3 ›
最新成果全部 3 ›
移动端设计依据
FR-19AC-19.1AC-19.3聚合首页：事件提醒条 + 最近会话 + 最新成果，各带「全部」入口；区块计数与列表条数一致（修正存量"显示 20 却只有 6 行"）；每个区块独立三态；搜索框字号 ≥16px（iOS 不缩放）。
FR-04AC-04.1会话：全屏 + 成果抽屉（点右上角 📦 打开）。L2 状态条压缩成一行，仍是唯一渲染「在干嘛」的地方。
FR-13AC-13.3无障碍：所有交互元素 ≥44×44（Tab / 图标按钮 / 列表行）；列表行高 64px（双行）• 头像 44px；顶栏 56px + 底栏 56px + 安全区。
规范移动端布局校验（本轮修正）：修复设备外框被硬编码 844px 高、把底部 TabBar 连同内容一并裁掉的问题；列表头像按要求提到 44px；单行行高归位 56px（--mb-list-h-1）；页面左右边距统一走 --mb-gutter 16px；会话为全屏详情，该视图激活时收起 TabBar。
FR-10AC-10.2AC-10.3我的：端切换（自动 / 桌面 / 移动）+ 修复 Token + 退出（需二次确认）；版本号从构建注入，禁止硬编码。