一同看客服系统 · 浮窗 Demo v3.0

点击右下角浮窗气泡打开客服，可以真实跟 Agent 对话（mock Worker · 不连真实 OpenClaw）。
Widget 6.58 KB Cloudflare Pages + Workers workflow: refund 完整 8 步可走通

💡 试试这些输入（点击自动填入并发送）

📐 退款流程（workflows/refund.yaml）

1
发「我要退款」 → Agent 启动 workflows/refund.yaml，状态机进入 collect_identity
2
输入手机号（如 18812345678）→ 调 account/lookup skill 核实身份
3
输入订单号（如 YTK20260424000012345）→ 调 orders/query 返回订单详情
4
输入退款原因（≥ 5 字）
5
回「确认」 → 调 tickets/create 建工单 → 返回 TK-xxxx 完成
每一步都有 validate（正则）/ retry_on_invalid（2 次）/ branch（已退款 / 封号 / 非本人订单 分支）/ on_cancel（用户说取消）/ on_escalate（异常转人工）。完整 yaml 见 方案 §5A.2。

⚙️ 当前 demo 架构

浏览器 │ │ loads widget.js (6.58 KB, gzip 2.77 KB) ▼ [ytk-cs-widget] (Web Component + Shadow DOM) │ │ POST /cs/ytk/session 建会话 │ WSS /cs/ytk/session/{uuid}/ws 双向消息 ▼ cs-api-mock Worker │ │ 关键词意图识别 + FAQ 匹配 + refund 纯内存状态机 │ 不调 OpenClaw / D1 / DO ▼ AI 回复（模拟）
⚠ 这是 mock 版本：回复由单文件 Worker 按关键词模拟，退款流程也是纯 JS 状态机。生产版本由真正的 OpenClaw workspace（ytk）驱动 —— SOUL.md + workflows/refund.yaml + integrations/ytk-api，代码已经写好（见 DELIVERY.md）。

🔗 文档

← 总览 交互原型（3 大端全视图） 方案 v3.0 任务清单 交付说明
Claude Code (Opus 4.7) · 2026-04-24 · mock 部署：cs-api-mock.schetkovvlad.workers.dev