宣传站首页·Console Mode · Prototype
CONSOLE MODE · PROTOTYPE

Delegated-Execution Console

这是 ops-console 的高保真**视觉原型**。Token、字体、圆角、状态色都来自 src/styles/delexec-console-tokens.css

本原型不代替业务逻辑。每个 widget「为什么存在 / 服务什么操作或观测 / 真实数据来源 / 空状态」全部写在内容契约里,落地任何一页前**必须先读**。

先读内容契约 · Content Spec

每页放什么、为什么放、服务什么操作或观测、数据从哪来 — 全部在 docs/console-content-spec.md。原型与 spec 出现冲突,以 spec 为准。

打开 spec →
1
2
3
4
GENERAL原型可点开

工作台 · Dashboard

条件引导(caller 注册 / 平台模式)+ 4 进程健康灯 + 真实 4 步上手清单 + 服务健康度表(带重启入口)+ Responder 摘要。绑死 GET /status。

Slack 通知 · #ops

刚刚 · 你 · 白名单

日历 · 客户拜访

1 min · agent · 你批准

网页搜索 · 监管

2 min · agent · 你拒绝

文档总结 · Q1

5 min · 你 · 无需审批

CALLER原型可点开

调用记录 · Calls

人话通话日志:每行 = HotlineDisplayName + 提炼后的动作短语;右侧 detail 三段式(摘要 / 请求背景 / 请求结果),raw JSON 是折叠 toggle。新调用入口在 Catalog;审批不在本页。

manual · 逐次人工审批
Responder 白
Hotline 白
黑名单
my-company-bot
responder-local-1
ops.notify@v1
CALLER原型可点开

名单管理 · Access Lists

3 tab(Responder 白 / Hotline 白 / 黑名单)+ 真实 3 模式(manual / allow_listed / allow_all)+ 「未生效」chip。所有 ID 用真实风格。

3 待审批 — 一键放行信任 hotline

支付扣款 · ¥420

数据库查询 · users 表

日历创建 · 客户拜访

CALLER原型可点开

审批中心 · Approvals

5 filter tab + ApprovalCard(risk factors / 三按钮)+ ExecutionBlock。演示 §4.0b 审批疲劳 banner(队列堆积)+ §4.3 加白名单后教育 popover(mode 两态对比)。

🔍 search hotline…

calendar.create-event

v1 · official

db.query

v1 · official

slack.notify

v1 · official

web-search

v1 · official

试拨
CALLER原型可点开

热线目录 · Catalog

唯一发起调用入口。master-detail + TryCallDrawer 表单按 hotline 的 input_fields 自动渲染。空态走「让 Responder 发布 / 开平台模式 / 一键加 demo」三路;支持 ?from / ?hotline_id / ?prefill 深链。

contents
什么是 caller / responder
5 分钟跑通第一次
审批与白名单
故障排查
反馈渠道
打开 Catalog
GENERAL原型可点开

上手 & 帮助 · Help

内置使用指南。sticky TOC + 8 篇文章(什么是 Caller/Responder · 5min 跑通第一次 · 审批与白名单 · 故障排查 · 反馈渠道)。Sidebar 帮助入口直达本页。

local

relay_http

email

{ "transport": "local" }
保存
测试连接
GENERAL原型可点开

传输配置 · Transport

三种通信类型(local · relay_http · email)三选一卡 + 条件子表单 + 「测试连接」+ 当前配置 JSON 预览。绑死 POST /runtime/transport 与 /runtime/transport/test。

callerresponderrelay
caller-runtime

PID 49210 · 3h 12m

caller-runtime

PID 49210 · 3h 12m

14:08 INFO GET /status 200
14:08 WARN approval timeout 30s ×2
14:07 ERROR ECONNREFUSED 8092
GENERAL原型可点开

运行时监控 · Runtime

service tab(caller/responder/relay)+ 进程健康卡(PID/uptime/last_error)+ 终端样式日志(filter/level/dedup/时间分隔符)+ Debug Snapshot 折叠。每 5s silent 拉一次。

manual

allow_listed

allow_all

3 Resp7 Hot1 Block
名单 →
自动路由
search-the-web → bing.v1
summarize → workspace.v1
notify → ops.v1
CALLER原型可点开

偏好设置 · Preferences

GlobalPolicyCard(manual / allow_listed / allow_all 三选一 + 切换 destructive 弹 ModeChangeImpact 横幅)+ 自动路由偏好(task_type → hotline_id 表)+ 名单计数跳转。

工作区文档摘要

official

local.workspace-summary.v1

ON

Slack 通知 · #ops

draft

ops.notify@v1

ON

Google 日历 · 创建事件

需修改

calendar.create-event

OFF
RESPONDER原型可点开

Hotline 管理 · Responder

本机 Hotline 列表(display_name + ReviewBadge + adapter chip + mono id + task_types + soft/hard timeout)+ enable Switch + 「草稿」5 tab Drawer(概览/契约/示例/使用建议/原始)。

草稿1
审核中1
需修改1
已上架1
RESPONDER原型可点开

平台发布 · Publish

4 列 Kanban(草稿 / 审核中 / 需修改 / 已上架)+ 选中卡片 review timeline(含审核员 note)+ 自动检查清单 + 操作按钮(提交 / 撤回 / 修改后重提)。

DESIGN SYSTEM · 速查

Console-mode 视觉准则

原型严格遵守的可量化规则。落地时不要偏离。

  • 背景paper #F7F2E8 + 首页同款印花(color tiles 8% / pattern 6%;可切 subtle/off)
  • 字体Space Grotesk · IBM Plex Mono 给 ID/code
  • 圆角4px 默认 / 2px 小件 / 8px 大件 / 999px pill
  • 字号基线14px(密度优先)
  • 活跃签名1.5–2px ink 边框 + 2px 硬阴影 + 1px 抬升
  • 状态色只用 --c-status-* token,禁止自由发挥 Tailwind 色板
  • 角色色caller=teal · responder=orange · platform=purple · client=blue · protocol=green · selfhost=yellow
  • 主 CTAbrand-green 底 + ink 边框 + 抬升;危险动作走 brand-red
规范源:src/styles/delexec-console-tokens.csssrc/styles/console-mode.css