六个活动的汇报界面与技能补齐;skill-engine 接上装配面
汇报界面(AM 07):
· 视图外壳与卡片件提到 `@sdk`(viewShell / kvCard / tableCard / stagesCard / noteCard)——
六个活动共用一套面貌,不各自发明;样式内联自带(沙箱页面不继承工作台 CSS)。
· flow 四活动按**步序位置**挂模版:
A1 事态全景 / 打标判据 / 成果预览;A4 取价基准 / 定价与门禁 / 草案待放行;
A6 正式报价单 / 放行即发出;A7 结果登记 / 闭环待放行。
· loop 两活动按**阶段与里程碑**组织:案例全景一屏,画阶段生命周期态、当下可为、目标缺口 ——
素材全部来自语义引擎,零 LLM 即可成屏;模型只决定下一步做什么,不负责画面。
为此给 loop-engine 补了视图端口,与 flow 共用同一个网关。
· 每张模版都把「这一屏在说什么 / 放行意味着什么」写在数据旁边 ——
人要在数据上作判断,判据就得摆在手边。
技能(AM 08):
· 六个活动各写了 1–2 条真技能:适用描述 + 方法正文 + 结晶片段脚本。
正文写的是**方法经验**而非流程复述(如「原文没写的不要补」「该等还是该问」
「无基准不是异常,是一种基准」)。
· 资源声明放**技能 ID**(权力面),资产放**定义本体**(方法面),两处分清。
· **skill-engine 从来没有被构造过** —— 模块实现完整却无人调用,这是它一直没被用上的原因。
容器里补上:目录与白名单都取自活动清单,装配前查扩权。
· loop 的叙事面接入**技能目录**(渐进披露:常驻上下文只给「有哪些方法、何时适用」,
正文等 AI 说要才加载),装配随即**盖戳入任务记忆** —— 回放与归因依赖之。
gates: tsc / eslint / depcruise(334 模块)/ 423 测试 全绿
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KeDBx2PHLavbURXB8LJJ7m
This commit is contained in:
Claude Opus 5
@@ -1,133 +1,77 @@
|
||||
/**
|
||||
* A1 视图模版 —— 视图区呈现的 HTML(AM 07)。
|
||||
*
|
||||
* 「模版是**内容**不是代码」:这里没有脚本、没有事件处理器、没有外链;
|
||||
* 槽位 `data-slot` 由基座按任务视图填数,行模版 `data-rows` 逐条展开。
|
||||
* 容器是沙箱 iframe(无脚本执行权),所以样式必须内联自带 —— 页面不继承工作台的 CSS。
|
||||
*
|
||||
* 三张模版对应三种局面(事态全景 / 进展 / 成果预览),按步序位置推送。
|
||||
* A1 视图模版 —— 三种局面:事态全景 / 打标判据 / 成果预览(AM 07)。
|
||||
* 外壳与卡片件来自 `@sdk`:六个活动共用一套面貌,不各自发明。
|
||||
*/
|
||||
import { kvCard, noteCard, tableCard, viewShell } from '@sdk';
|
||||
|
||||
/** 共用外壳:一套克制的排版,深浅色都能看 */
|
||||
const SHELL = (title: string, kicker: string, accent: string, body: string): string => `
|
||||
<style>
|
||||
:root { color-scheme: light; }
|
||||
* { box-sizing: border-box; }
|
||||
body {
|
||||
margin: 0; padding: 18px;
|
||||
font: 13px/1.6 -apple-system, "PingFang SC", "Noto Sans SC", "Segoe UI", sans-serif;
|
||||
color: #1f2933; background: #f7f8fa;
|
||||
}
|
||||
.wrap { max-width: 720px; margin: 0 auto; }
|
||||
.hd { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 14px; }
|
||||
.hd .bar { width: 4px; align-self: stretch; border-radius: 2px; background: ${accent}; }
|
||||
.hd .kick { font-size: 11px; letter-spacing: .08em; color: #6a7686; text-transform: uppercase; }
|
||||
.hd h1 { margin: 2px 0 0; font-size: 17px; font-weight: 650; letter-spacing: .01em; }
|
||||
.card { background: #fff; border: 1px solid #e6e9ee; border-radius: 10px; padding: 14px 16px; margin-bottom: 12px; }
|
||||
.card h2 { margin: 0 0 10px; font-size: 12px; font-weight: 600; color: #6a7686; letter-spacing: .04em; }
|
||||
.kv { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px 18px; }
|
||||
.kv div { min-width: 0; }
|
||||
.kv em { display: block; font-style: normal; font-size: 11px; color: #8b95a3; margin-bottom: 2px; }
|
||||
.kv b { font-size: 14px; font-weight: 600; word-break: break-all; }
|
||||
table { width: 100%; border-collapse: collapse; font-size: 12px; }
|
||||
th { text-align: left; font-weight: 600; color: #6a7686; padding: 6px 8px; border-bottom: 1px solid #e6e9ee; white-space: nowrap; }
|
||||
td { padding: 7px 8px; border-bottom: 1px solid #f0f2f5; }
|
||||
tr:last-child td { border-bottom: 0; }
|
||||
.mono { font-family: "SF Mono", Menlo, Consolas, monospace; font-size: 12px; }
|
||||
.tag { display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 11px; font-weight: 600;
|
||||
background: ${accent}1a; color: ${accent}; }
|
||||
.note { font-size: 11px; color: #8b95a3; margin-top: 10px; line-height: 1.7; }
|
||||
.empty { color: #a8b0bb; font-size: 12px; padding: 6px 0; }
|
||||
</style>
|
||||
<div class="wrap">
|
||||
<div class="hd"><span class="bar"></span><div><div class="kick">${kicker}</div><h1>${title}</h1></div></div>
|
||||
${body}
|
||||
</div>`;
|
||||
export const INTAKE_OVERVIEW = viewShell({
|
||||
title: 'RFQ 受理全景',
|
||||
kicker: 'A1 · 统一受理',
|
||||
tone: 'brand',
|
||||
body:
|
||||
kvCard('询价来源', [
|
||||
['客户编码', 'customer_code', 'mono'],
|
||||
['询价单号', 'rfqRef', 'mono'],
|
||||
['主题', 'subject'],
|
||||
]) +
|
||||
kvCard('归一结果', [
|
||||
['型号 PN', 'pn', 'mono'],
|
||||
['厂牌', 'brand'],
|
||||
['年用量 EAU', 'eau'],
|
||||
['目标价', 'target_price'],
|
||||
['交期', 'lead_time'],
|
||||
['缺关键字段', 'missing_key_fields'],
|
||||
]) +
|
||||
noteCard('这一屏在说什么', '归一由模型从询价原文抽取,逐条落<b>任务级草稿层</b>:本任务可见、正式版不可见、不产生数据事件。放行前的一切都还改得动。'),
|
||||
});
|
||||
|
||||
/** ① 事态全景:受理刚开始,先把「这一单是什么」摆清楚 */
|
||||
export const INTAKE_OVERVIEW = SHELL(
|
||||
'RFQ 受理全景',
|
||||
'A1 · 统一受理',
|
||||
'#3370ff',
|
||||
`<div class="card">
|
||||
<h2>询价来源</h2>
|
||||
<div class="kv">
|
||||
<div><em>客户编码</em><b class="mono" data-slot="customer_code"></b></div>
|
||||
<div><em>询价单号</em><b class="mono" data-slot="rfqRef"></b></div>
|
||||
<div><em>主题</em><b data-slot="subject"></b></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>归一结果</h2>
|
||||
<div class="kv">
|
||||
<div><em>型号 PN</em><b class="mono" data-slot="pn"></b></div>
|
||||
<div><em>厂牌</em><b data-slot="brand"></b></div>
|
||||
<div><em>年用量 EAU</em><b data-slot="eau"></b></div>
|
||||
<div><em>目标价</em><b data-slot="target_price"></b></div>
|
||||
<div><em>交期</em><b data-slot="lead_time"></b></div>
|
||||
<div><em>缺关键字段</em><b data-slot="missing_key_fields"></b></div>
|
||||
</div>
|
||||
<p class="note">归一由模型从询价原文抽取,逐条落任务级草稿层;放行前不入正式版。</p>
|
||||
</div>`,
|
||||
);
|
||||
export const INTAKE_CLASSIFIED = viewShell({
|
||||
title: '料号分类与判据',
|
||||
kicker: 'A1 · 三分类 P-03',
|
||||
tone: 'ok',
|
||||
body:
|
||||
kvCard('分类结论', [
|
||||
['型号 PN', 'pn', 'mono'],
|
||||
['Type 标', 'type_tag', 'tag'],
|
||||
['分级依据', 'basis'],
|
||||
]) +
|
||||
kvCard('打标判据(DMN 入参)', [
|
||||
['距上次报价', 'history_days'],
|
||||
['行情稳定', 'market_stable'],
|
||||
['生命周期', 'lifecycle'],
|
||||
['历史价命中', 'history_hit'],
|
||||
]) +
|
||||
noteCard(
|
||||
'为什么是确定性的',
|
||||
'三分类规则 P-03 是<b>决策表</b>不是模型判断:同样的判据必得同样的结论,零方差零 token,命中的规则行随出参留痕。' +
|
||||
'A = 直接快答;B = 重估后报(转寻源);C = 转案处理(转替代选型)。',
|
||||
),
|
||||
});
|
||||
|
||||
/** ② 进展:打标之后,把判据摊开 —— 人要在数据上作判断,数据就得摆出来 */
|
||||
export const INTAKE_CLASSIFIED = SHELL(
|
||||
'料号分类与判据',
|
||||
'A1 · 三分类 P-03',
|
||||
'#0aa294',
|
||||
`<div class="card">
|
||||
<h2>分类结论</h2>
|
||||
<div class="kv">
|
||||
<div><em>型号 PN</em><b class="mono" data-slot="pn"></b></div>
|
||||
<div><em>Type 标</em><b class="tag" data-slot="type_tag"></b></div>
|
||||
<div><em>分级依据</em><b data-slot="basis"></b></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>打标判据(DMN 入参)</h2>
|
||||
<div class="kv">
|
||||
<div><em>距上次报价</em><b data-slot="history_days"></b></div>
|
||||
<div><em>行情稳定</em><b data-slot="market_stable"></b></div>
|
||||
<div><em>生命周期</em><b data-slot="lifecycle"></b></div>
|
||||
<div><em>历史价命中</em><b data-slot="history_hit"></b></div>
|
||||
</div>
|
||||
<p class="note">
|
||||
三分类规则 P-03 是确定性决策表:同样的判据必得同样的结论,零方差零 token。
|
||||
A = 直接快答;B = 重估后报(转寻源);C = 转案处理(转替代选型)。
|
||||
</p>
|
||||
</div>`,
|
||||
);
|
||||
|
||||
/** ③ 成果预览:验收放行前的最后一屏 —— 要放行的到底是什么,一眼看全 */
|
||||
export const INTAKE_RELEASE = SHELL(
|
||||
'统一受理记录 · 待放行',
|
||||
'A1 · 成果预览',
|
||||
'#7f3bf5',
|
||||
`<div class="card">
|
||||
<h2>本单交付</h2>
|
||||
<table>
|
||||
<thead><tr><th>型号</th><th>厂牌</th><th>年用量</th><th>目标价</th><th>交期</th></tr></thead>
|
||||
<tbody data-rows="mine:quote_intake.record">
|
||||
<tr>
|
||||
<td class="mono" data-slot="pn"></td>
|
||||
<td data-slot="brand"></td>
|
||||
<td data-slot="eau"></td>
|
||||
<td data-slot="target_price"></td>
|
||||
<td data-slot="lead_time"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h2>分流去向</h2>
|
||||
<div class="kv">
|
||||
<div><em>Type 标</em><b class="tag" data-slot="type_tag"></b></div>
|
||||
<div><em>依据</em><b data-slot="basis"></b></div>
|
||||
</div>
|
||||
<p class="note">
|
||||
放行通过即刻落地:草稿层合并入正式版、数据事件此刻才发射,G2 网关按 Type 分流。
|
||||
放行是草稿态与事实态之间的那道门 —— 门前的一切都还改得动,门后的都算数了。
|
||||
</p>
|
||||
</div>`,
|
||||
);
|
||||
export const INTAKE_RELEASE = viewShell({
|
||||
title: '统一受理记录 · 待放行',
|
||||
kicker: 'A1 · 成果预览',
|
||||
tone: 'case',
|
||||
body:
|
||||
tableCard(
|
||||
'本单交付',
|
||||
'mine:quote_intake.record',
|
||||
[
|
||||
['型号', 'pn', 'mono'],
|
||||
['厂牌', 'brand'],
|
||||
['年用量', 'eau'],
|
||||
['目标价', 'target_price'],
|
||||
['交期', 'lead_time'],
|
||||
],
|
||||
'只列<b>本单</b>写下的行 —— 别单放行过的记录不混进来。',
|
||||
) +
|
||||
kvCard('分流去向', [
|
||||
['Type 标', 'type_tag', 'tag'],
|
||||
['依据', 'basis'],
|
||||
]) +
|
||||
noteCard(
|
||||
'放行意味着什么',
|
||||
'放行通过<b>即刻落地</b>:草稿层合并入正式版、数据事件此刻才发射,G2 网关按 Type 分流。' +
|
||||
'放行是草稿态与事实态之间的那道门 —— 门前的都还改得动,门后的都算数了。',
|
||||
),
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user