Archived
ChaiHaoandClaude Opus 5
72f90f293b
**测试台**
· 启动输入不再是「调用参数」表 —— 这条流真实的起法就是客户来信,
界面上就该是一封信(发件人 / 收件人 / 主题 / 正文 / BOM 附件)。
服务端拿**真通道的抽键正则** + **真触发器的装配映射**推出调用入参:
测试台自己不解析邮件,否则试通的是测试台而不是这条流。
抽不出必填就如实报「哪个字段没命中、通道的正则要什么」,不静默起空单。
· 一屏两大块:左选流,右两节 —— 01 输入配置、02 节点指派。
· 起单钮只剩一枚(原来页头一枚、RUN 卡里一枚)。
· 改暗色仪表台:调色板集中在 .g-tb/.g-rig 的一组变量上,
TRACE 那张树 + 甘特的结构一行没动,只是纸变成了面板。
**触发器 / 大模型** 列表改卡片:一条规则、一个实例都要一眼看全
(何时起 · 起哪条流 · 开没开 / 谁家的 · 什么型号 · 密钥绑没绑)。
触发器卡是 div 不是 button —— 卡里还坐着「改规则」那枚真按钮。
**同类卡等高**:底栏钉在卡底、说明恒占两行、卡头一行截断。
实测同一货架内 13 张工具卡、6 张活动卡、3 张模型卡各自完全等高。
**删掉 19 条 ⓘ 说教横幅**(「只列有生效版的包…」那一类)。
留下的是三种:确认带里的影响说明(点了动作才出现,是决策依据)、
warn/ok 的真反馈、以及「X 不存在」这类空态。
删掉入站邮件演练整屏 —— 它验的那两步已经并进测试台的起单路径了。
新增一条接缝测试:通道抽出来的键叫 keys.customerCode,触发器映射也得照这名字取;
哪头改了名字单还是能起,只是入参悄悄变空、流走到 G1 才莫名其妙地停。
四闸绿;契约快照随本提交入库。
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KeDBx2PHLavbURXB8LJJ7m
238 lines
11 KiB
TypeScript
238 lines
11 KiB
TypeScript
/**
|
||
* 治理台的分级页面路由 —— 自原型 `Governance.tsx` 第 25–90 行平移。
|
||
*
|
||
* 「不用抽屉、不用弹窗:每一层内容都有自己的页面。」
|
||
* 区 → 对象 → 子维度 → 元素,顶部面包屑可回跳任意一级,Esc / 返回退一级。
|
||
*/
|
||
|
||
export type Route =
|
||
| { k: 'wf'; id: string }
|
||
| { k: 'task'; id: string }
|
||
| { k: 'tasklog'; id: string }
|
||
| { k: 'apr'; id: string }
|
||
| { k: 'emp'; id: string }
|
||
| { k: 'role'; id: string }
|
||
| { k: 'pkg'; id: string }
|
||
| { k: 'trigger'; id: string }
|
||
| { k: 'act'; id: string }
|
||
| { k: 'tool'; id: string }
|
||
| { k: 'obj'; id: string }
|
||
| { k: 'mem'; id: string }
|
||
| { k: 'llm'; id: string }
|
||
| { k: 'chan'; id: string };
|
||
|
||
/**
|
||
* 十一区 —— 分属两个台面(见 `surfaces.ts`):
|
||
* 设计中心定义企业(战略 → 方法 → 能力 → 对象),运营中心看企业跑。
|
||
* 触发器不再独立成区:定义并入 workflows,启停并入 tasks;
|
||
* 记忆一分为二:度量升为 cockpit 首页,活动记忆归 knowledge。
|
||
*/
|
||
export const GOV_ZONES = [
|
||
/*
|
||
* 设计中心九区,顺序即设计的次序:
|
||
* 蓝图(全局) → 触发器(谁调起) → 流程包(怎么流转) → 活动库(每件事怎么干)
|
||
* → 工具箱(能对世界做什么) → 数据域(运营什么) → 知识库(资料,待建)
|
||
* → 大模型(模型实例绑在哪) → 测试台(跑一遍看看)
|
||
*/
|
||
'blueprint',
|
||
'triggers',
|
||
'workflows',
|
||
'library',
|
||
'tools',
|
||
'data',
|
||
'archive',
|
||
'models',
|
||
'testbed',
|
||
// 运营中心
|
||
'cockpit',
|
||
'tasks',
|
||
'people',
|
||
'ledgers',
|
||
'knowledge',
|
||
'system',
|
||
] as const;
|
||
export type GovZone = (typeof GOV_ZONES)[number];
|
||
|
||
export const ZONES: ReadonlyArray<{ key: GovZone; label: string; icon: string }> = [
|
||
{ key: 'blueprint', label: '蓝图', icon: 'route' },
|
||
{ key: 'triggers', label: '触发器', icon: 'zap' },
|
||
{ key: 'workflows', label: '流程包', icon: 'workflow' },
|
||
{ key: 'library', label: '活动库', icon: 'boxes' },
|
||
{ key: 'tools', label: '工具箱', icon: 'wrench' },
|
||
{ key: 'data', label: '数据域', icon: 'database' },
|
||
{ key: 'archive', label: '知识库', icon: 'library' },
|
||
{ key: 'models', label: '大模型', icon: 'cpu' },
|
||
{ key: 'testbed', label: '测试台', icon: 'flask-conical' },
|
||
{ key: 'cockpit', label: '驾驶舱', icon: 'gauge' },
|
||
{ key: 'tasks', label: '任务', icon: 'activity' },
|
||
{ key: 'people', label: '员工', icon: 'users' },
|
||
{ key: 'ledgers', label: '台账', icon: 'table' },
|
||
{ key: 'knowledge', label: '知识库', icon: 'layers' },
|
||
{ key: 'system', label: '系统', icon: 'settings' },
|
||
];
|
||
|
||
/** 区元信息:标题 / 定位说明 / 主色 —— 说明文取自两卷规范,不是装饰 */
|
||
export const ZM: Readonly<Record<GovZone, { title: string; desc: string; accent: string; icon: string }>> = {
|
||
blueprint: {
|
||
title: '企业蓝图',
|
||
icon: 'route',
|
||
accent: 'linear-gradient(140deg,#4954e6,#232b6e)',
|
||
desc: '战略 → 方法 → 能力 → 对象:流程包决定企业以哪些流转运转,活动库决定每件事怎么干,工具箱决定系统能对世界做什么,数据域决定企业运营什么。四库的健康度与待补清单聚在这一屏——设计者看的是定义完不完整,不是今天忙不忙。',
|
||
},
|
||
cockpit: {
|
||
title: '经营驾驶舱',
|
||
icon: 'gauge',
|
||
accent: 'linear-gradient(140deg,#12b886,#0b7a5c)',
|
||
desc: '看企业今天跑得怎样:度量八指标(自主率与纠正率成对读,复合为有效自主率)+ 异常面(异常工作流、需处置件数)。指标零埋点——全部由留痕投影而来,点数字直达处置页。',
|
||
},
|
||
ledgers: {
|
||
title: '台账管理',
|
||
icon: 'table',
|
||
accent: 'linear-gradient(140deg,#245bdb,#16307a)',
|
||
desc: '行数据 · 版本 · 引用——域的结构在设计中心改,这里做运营动作。域即页签,随数据域发布生长:设计侧一发布新域,台账里自动多一个域页签。',
|
||
},
|
||
knowledge: {
|
||
title: '知识库',
|
||
icon: 'layers',
|
||
accent: 'linear-gradient(140deg,#f14ba9,#c92d86)',
|
||
desc: '活动记忆四层 + 技能资产 + 候选增量的回放与放行。记忆的终点是成为模型——候选增量必经回放与人放行,这里是那道人工放行口。',
|
||
},
|
||
tasks: {
|
||
title: '任务管理',
|
||
icon: 'activity',
|
||
accent: 'linear-gradient(140deg,#3370ff,#245bdb)',
|
||
desc: '运行态:任务与工作流两级运行时实例的在途监控、干预与控制——任务 = 活动被调起的一次运行,恰有一名负责人;工作流 = 流程包的一次运行,状态由流内各任务聚合投影而来。审批点卡到审批人工位,是流程层的人裁节点、不是任务。控制事件三种语义:暂停可恢复、叫停归负责人、终止级联作废。治理不改定义。',
|
||
},
|
||
people: {
|
||
title: '员工管理',
|
||
icon: 'users',
|
||
accent: 'linear-gradient(140deg,#2bc7d4,#0e9fd8)',
|
||
desc: '员工负载、岗位与授权。权限按岗位授予:客体三类 × 动作三种;停用前置检查——在途任务与待答卡须先改派完毕。',
|
||
},
|
||
workflows: {
|
||
title: '流程包管理',
|
||
icon: 'workflow',
|
||
accent: 'linear-gradient(140deg,#4954e6,#3a44c9)',
|
||
desc: '战略——企业以哪些流转运转。一条流一个包,版本收在包内部:画图不检查、激活才查完整,恰一个生效版本、在途按启动版本跑完。编排即定契约:连线即映射,分支就是条件出边。触发器(谁调起这条流)也在本区定义;启停在运营中心。',
|
||
},
|
||
library: {
|
||
title: '活动库',
|
||
icon: 'boxes',
|
||
accent: 'linear-gradient(140deg,#0aa294,#0a6a64)',
|
||
desc: '已安装活动的资产货架:活动是任务的定义——编排引用一个活动,运行时就长出一个任务。审批点与网关是系统内置要素,零开发、不入库。业务分类 × 活动类型两维,每活动两条版本序列。',
|
||
},
|
||
tools: {
|
||
title: '工具箱',
|
||
icon: 'wrench',
|
||
accent: 'linear-gradient(140deg,#7f3bf5,#5b21cf)',
|
||
desc: '能力——系统能对世界做什么。一件事能交给谁办的全集:功能工具(交给系统)、LLM 工具(交给模型)、人类工具(交给人)。读类过程中自由调用,写类只登记动作意向、放行后落地;密钥只存治理台,不入包、不入活动。',
|
||
},
|
||
data: {
|
||
title: '数据域',
|
||
icon: 'database',
|
||
accent: 'linear-gradient(140deg,#0e9fd8,#245bdb)',
|
||
desc: '对象——企业运营什么。域 × 对象的结构定义:声明物化(最大化合并、只增不破坏)与调用接入(事实源在外)。数据可以自生长,权力不可以自生长。行数据不在这里看——那在运营中心的台账。',
|
||
},
|
||
testbed: {
|
||
title: '联调测试台',
|
||
icon: 'flask-conical',
|
||
accent: 'linear-gradient(140deg,#e8833a,#c25f1a)',
|
||
desc: '把定义试着跑一遍:装一次调用、指派每个节点归谁、起单看穿全程。真实任务照旧落到被指派人的工作台,测试台不代答。一次只跑一条流,生命周期跟着仿真状态——停止仿真,这条流连同它派出的任务一起销毁。',
|
||
},
|
||
triggers: {
|
||
title: '触发器',
|
||
icon: 'zap',
|
||
accent: 'linear-gradient(140deg,#f0a020,#c47a0a)',
|
||
desc: '谁调起流程:事件(通道来件命中规则)、登记(人在表单上起一单)、周期(到点自己起)。规则在这里定,起单开关在运营中心。',
|
||
},
|
||
archive: {
|
||
title: '知识库',
|
||
icon: 'library',
|
||
accent: 'linear-gradient(140deg,#8a5f1c,#5e3f10)',
|
||
desc: '企业的资料与文档 —— 规范、图纸、样例、外部材料。待建。',
|
||
},
|
||
models: {
|
||
title: '大模型',
|
||
icon: 'cpu',
|
||
accent: 'linear-gradient(140deg,#4b4a8c,#2f2e63)',
|
||
desc: '模型实例的四元绑定(Provider / URL / Key / Model)。活动只声明用途名,换厂商换型号改这里,活动一行不动;密钥只存这儿,不入包、不入留痕。',
|
||
},
|
||
system: {
|
||
title: '系统管理',
|
||
icon: 'settings',
|
||
accent: 'linear-gradient(140deg,#46586a,#2b3644)',
|
||
desc: '系统边界的配置面:通道实例——归属键规则与默认认领岗位。模型实例已独立成设计中心的「大模型」区。',
|
||
},
|
||
};
|
||
|
||
/**
|
||
* 区内页签 —— **多数区只有一格**:一区一内容,页签栏此时由壳层收起,不占一行。
|
||
* 还留着多格的只有运营侧的任务与员工(它们确实是几个不同维度),
|
||
* 以及 `ledgers`:它的页签是数据域,随发布动态生成(壳层运行时铺开),故此表留空。
|
||
*/
|
||
export const TABS: Readonly<Record<GovZone, ReadonlyArray<{ key: string; label: string; ico: string }>>> = {
|
||
blueprint: [{ key: 'map', label: '企业蓝图', ico: 'route' }],
|
||
testbed: [{ key: 'run', label: '仿真试跑', ico: 'flask-conical' }],
|
||
triggers: [{ key: 'rules', label: '调起规则', ico: 'zap' }],
|
||
archive: [{ key: 'docs', label: '资料', ico: 'library' }],
|
||
models: [{ key: 'llm', label: '模型实例', ico: 'cpu' }],
|
||
workflows: [{ key: 'pkgs', label: '流程包', ico: 'boxes' }],
|
||
library: [{ key: 'shelf', label: '活动货架', ico: 'boxes' }],
|
||
tools: [{ key: 'catalog', label: '能力目录', ico: 'wrench' }],
|
||
data: [{ key: 'domains', label: '数据对象', ico: 'database' }],
|
||
cockpit: [{ key: 'dash', label: '驾驶舱', ico: 'gauge' }],
|
||
tasks: [
|
||
{ key: 'board', label: '运行看板', ico: 'activity' },
|
||
{ key: 'list', label: '任务', ico: 'list-checks' },
|
||
{ key: 'apr', label: '审批单', ico: 'shield-check' },
|
||
{ key: 'trg', label: '起单开关', ico: 'zap' },
|
||
{ key: 'todo', label: '需处置', ico: 'flag' },
|
||
],
|
||
people: [
|
||
{ key: 'emp', label: '员工', ico: 'users' },
|
||
{ key: 'roles', label: '岗位授权', ico: 'key' },
|
||
{ key: 'groups', label: '工作组', ico: 'users' },
|
||
],
|
||
ledgers: [], // 动态:页签即数据域(短名呈现),由壳层按已发布域生成
|
||
knowledge: [{ key: 'layers', label: '活动记忆', ico: 'layers' }],
|
||
system: [{ key: 'chan', label: '通道实例', ico: 'mail' }],
|
||
};
|
||
|
||
export function routeLabel(r: Route): string {
|
||
switch (r.k) {
|
||
case 'wf':
|
||
return '工作流';
|
||
case 'task':
|
||
return '任务';
|
||
case 'tasklog':
|
||
return '任务日志';
|
||
case 'apr':
|
||
return '审批单';
|
||
case 'emp':
|
||
return '员工';
|
||
case 'role':
|
||
return '岗位授权';
|
||
case 'pkg':
|
||
return '流程包';
|
||
case 'trigger':
|
||
return '触发器';
|
||
case 'act':
|
||
return '活动';
|
||
case 'tool':
|
||
return '工具';
|
||
case 'obj':
|
||
return '数据对象';
|
||
case 'mem':
|
||
return '活动记忆';
|
||
case 'llm':
|
||
return 'LLM 实例';
|
||
case 'chan':
|
||
return '通道实例';
|
||
}
|
||
}
|
||
|
||
export type Nav = {
|
||
push: (r: Route) => void;
|
||
jump: (z: GovZone, tab: string, r?: Route) => void;
|
||
};
|