agent interfaceshadcn-style admin · mock API · iframe + postMessage
别再让 Agent 点后台了
这个 demo 对比两条路:人类继续使用表格、筛选器和确认框,Agent 不再模拟点选,而是通过结构化命令跨页面查单、改状态、建履约、批退款。 两边都调用同一组 mock API。
mission
找出 6 月高风险已付款订单,标记风控,创建履约,审批退款,并检查审计。
同一件事,如果让 Agent 走人类 UI,需要识别日期、下拉、表格、弹窗和跨页面导航; 如果页面暴露 command layer,它只需要调用稳定的 action contract。
Human UI path
18+
clicks, filters, dialogs, page switches
Agent command path
7
typed messages with auditable results
Commerce admin surface
iframe 加载真实 Next route,内部暴露 `maidang.headless.v1` command interface。
human surface
后台仍然是给人用的:筛选、表格、多页面、确认框、审计都可以手动操作。
agent surface
agent 不点日历和下拉框,直接调用 query、select、mutation、navigate。
shared API
UI 和 command 走同一个 mock API,所以状态流转、风险动作和审计是一致的。