Web 端 Connectors 目录（卡片网格 + 搜索 + 计数 + Refresh）与「从 Web 拉起授权」的
四态流程（引导 / 等待 / 成功 / 失败）。授权链路对应 docs/34 方案 A：orchestrator 创建
connector-auth 任务，mac-worker 在本机执行 lark-cli 授权，token 不离开 Mac。
全部样式引用 design/tokens.css。
① 桌面目录页（默认态：飞书未连接）
目录 = registry/providers/*.yaml 静态清单 join orchestrator 连接状态。
计数「N 个 connector · M 已连接」；Refresh 触发 check-only 的 connector-auth 任务（只跑
lark-cli auth status，不拉起登录）。可连卡片才有 Connect 主按钮（--brand，本屏预算 1 处）；
Coming Soon 灰卡（--canvas 底、无阴影、无按钮）只声明目录位。状态点 + 文字双通道，不单靠颜色。
② Connect 授权流程四态（modal · --raised + sh-3）
授权在你的 Mac 本机完成，token 不会上传到服务器。接下来会：
凭证保存在 Mac 本机，服务器只记录连接状态与账号名。
四态对照 DESIGN.md §8：引导先说清「会发生什么 + 需要人在 Mac 旁」再动手； 等待用步骤点（--ok 完成 / --brand 进行中，静态点不旋转）+ 真实耗时 + 15s 档「比预期更久」提示 + 可取消； 成功克制——Connected pill + 账号 + 验证时间，不放横幅；失败必答三问并给出 run id 与日志入口， 重试按钮不是 danger（重试非破坏性操作）。modal 为 --raised + --sh-3 + --z-drawer 档，Escape / 关闭钮 / 点遮罩三条退出路径。
③ 卡片状态一览（目录页内的五种卡片形态）
连接中：状态点转 --brand + 按钮禁用（opacity 0.5），卡片不加动画；已连接卡多一行 账号 + 验证时间 的 mono meta，Disconnect 是次按钮（语义见 docs/34 开放问题 1）； 失效态由 Refresh / 定期 check 发现，danger pill + 「重试」次按钮（重试不是破坏性操作，不用红底）。
④ 目录页状态覆盖（loading / 搜索空态 / 加载错误）
状态取数失败时目录（静态 registry）仍渲染，只有状态列降级为「状态未知 —」， 错误条为区块级（--danger-soft 内嵌，其余区域可用），不整页报错。缺失字段占位「—」而非空白。
⑤ 375px 移动端（目录 + 授权底部 sheet）
授权在你的 Mac 上进行——手机端只能等待结果，无法代替 Mac 完成授权。
≤640px：授权流程改底部 sheet（顶角 20px + 抓手 + safe-area 垫底）， 目录单列、卡片与按钮触控 ≥44px、正文 14–15px。移动端是监督视图——引导文案明确 「授权在 Mac 上进行」，避免用户在手机上干等浏览器弹窗。下滑抓手 / 点 scrim / 关闭钮均可退出。