产品状态
@@ -42,8 +44,8 @@ export function ShowcasePage() {
- 90 SECOND TRACE
- 一次写路径如何变成可审计终态
+ END-TO-END OPERATION
+ 从异常信号到工单终态的完整运行过程
@@ -52,24 +54,20 @@ export function ShowcasePage() {
className="showcase-section"
aria-labelledby="architecture-title"
>
-
SYSTEM BOUNDARIES
-
模型不拥有业务副作用
+
AGENT ARCHITECTURE & HARNESS
+
感知 → 决策 → 行动 → 反馈的受控循环
- React → FastAPI → OperationRunner → LangGraph → MCP/FastMCP、Kimi 与 PostgreSQL；FastAPI 再以
- SSE 回放有序审计事件。
+ FastAPI 是可信准入边界，LangGraph 是单根 Agent 的状态机与恢复骨架，Kimi 是受契约约束的认知层，
+ MCP、RAG 与数据库提供可追溯事实；写操作必须经过人类批准和确定性终审。
-
- -
- Kimi K2.6 只返回
summary 与 rationale。
-
- - 规则、动作、审批参数和幂等键由类型化领域代码决定。
- - Redis 只缓存初次只读证据；批准后直接重读 MCP 事实。
-
+
@@ -96,10 +94,11 @@ export function ShowcasePage() {
aria-labelledby="boundary-title"
>
HONEST BOUNDARY
-
当前是本地单节点发布候选
+
公开静态展示 + 本地可复现 Agent MVP
- 这是即时打开的静态项目专题，不连接可写后端；完整三业务演示在本地 WSL2 + Docker Compose
- 运行。生产身份、托管数据库和公网写服务仍未建设。
+ 当前网站是即时打开的静态项目专题，不连接可写后端；完整三业务 Agent、真实模型调用与审批写入在本地
+ WSL2 + Docker Compose 复现，并以源码、自动化结果和录屏展示。它不是公网交互产品；生产身份、
+ 托管数据库和公网写服务仍未建设。
生产门禁：{PROJECT_FACTS.releaseGate}
diff --git a/web/src/showcase/project-facts.test.ts b/web/src/showcase/project-facts.test.ts
index fdd5f3c..6ae34fe 100644
--- a/web/src/showcase/project-facts.test.ts
+++ b/web/src/showcase/project-facts.test.ts
@@ -6,9 +6,13 @@ it("keeps evidence-backed release facts and three typed scenarios", () => {
expect(PROJECT_FACTS).toMatchObject({
businessLoops: 3,
frozenEvaluations: 42,
- realModelOperations: 6,
- realModelPaths: 3,
- backendTests: 429,
+ realModelPaths: 9,
+ backendTests: 682,
+ frontendTests: 60,
+ agentSafetyEvaluations: 9,
+ promptInjectionPasses: 3,
+ endToEndP50Seconds: 19.722,
+ endToEndP95Seconds: 31.333,
releaseGate: "CLOSED",
});
expect(SCENARIOS.map((scenario) => scenario.workOrderKind)).toEqual([
diff --git a/web/src/showcase/project-facts.ts b/web/src/showcase/project-facts.ts
index f51ba9a..1853233 100644
--- a/web/src/showcase/project-facts.ts
+++ b/web/src/showcase/project-facts.ts
@@ -11,9 +11,13 @@ export type ScenarioFact = {
export const PROJECT_FACTS = {
businessLoops: 3,
frozenEvaluations: 42,
- realModelOperations: 6,
- realModelPaths: 3,
- backendTests: 429,
+ realModelPaths: 9,
+ backendTests: 682,
+ frontendTests: 60,
+ agentSafetyEvaluations: 9,
+ promptInjectionPasses: 3,
+ endToEndP50Seconds: 19.722,
+ endToEndP95Seconds: 31.333,
realModelProvider: "Moonshot AI",
realModelName: "kimi-k2.6",
releaseGate: "CLOSED",
@@ -62,7 +66,6 @@ export const PUBLIC_LIMITATIONS = [
"生产 IAM/SSO",
"公开可写 HTTPS 后端",
"限流、防滥用与高可用",
- "Release Tag",
] as const;
export function sourceHref(path: string): string {
diff --git a/web/src/styles.css b/web/src/styles.css
index c575067..3e02564 100644
--- a/web/src/styles.css
+++ b/web/src/styles.css
@@ -326,6 +326,169 @@ code {
line-height: 1.65;
}
+.agent-cycle {
+ position: relative;
+ margin-top: 38px;
+ padding: clamp(24px, 4vw, 42px);
+ border: 1px solid #cad4cd;
+ background:
+ radial-gradient(circle at center, rgb(35 107 85 / 13%) 0 13%, transparent 13.5%),
+ linear-gradient(145deg, #edf3ef, #f9f8f3);
+}
+
+.agent-cycle ol {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 14px;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+
+.agent-cycle li {
+ position: relative;
+ min-height: 190px;
+ padding: 20px;
+ border: 1px solid var(--line);
+ background: rgb(255 253 248 / 92%);
+ box-shadow: 0 14px 34px rgb(23 32 29 / 5%);
+}
+
+.agent-cycle li:nth-child(2),
+.agent-cycle li:nth-child(5) {
+ transform: translateY(10px);
+}
+
+.agent-cycle li > span {
+ color: var(--accent);
+ font: 750 0.72rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
+ letter-spacing: 0.12em;
+}
+
+.agent-cycle h3 {
+ margin: 30px 0 10px;
+ font-size: 1.08rem;
+}
+
+.agent-cycle p,
+.harness-grid p,
+.technology-role-grid p {
+ margin: 0;
+ color: var(--muted);
+ line-height: 1.65;
+}
+
+.cycle-core {
+ display: grid;
+ gap: 5px;
+ width: fit-content;
+ margin: 0 auto 28px;
+ padding: 13px 18px;
+ border: 1px solid #7fa392;
+ border-radius: 999px;
+ color: #f4fffa;
+ background: var(--accent);
+ text-align: center;
+ box-shadow: 0 10px 30px rgb(35 107 85 / 18%);
+}
+
+.cycle-core strong {
+ font: 800 0.78rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
+ letter-spacing: 0.12em;
+}
+
+.cycle-core span {
+ color: #cde8dc;
+ font: 0.68rem/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
+}
+
+.subsection-title {
+ margin: 50px 0 20px;
+ font-size: clamp(1.15rem, 2vw, 1.45rem);
+}
+
+.harness-grid,
+.technology-role-grid {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 1px;
+ padding: 1px;
+ background: var(--line);
+}
+
+.harness-grid article,
+.technology-role-grid article {
+ padding: 22px;
+ background: var(--surface);
+}
+
+.harness-grid h4,
+.technology-role-grid h4 {
+ margin: 0 0 14px;
+ color: var(--accent);
+ font-size: 0.96rem;
+}
+
+.technology-role-grid article {
+ background: #eef0eb;
+}
+
+.control-boundary {
+ max-width: none !important;
+ margin: 28px 0 0;
+ padding: 20px 22px;
+ border-left: 4px solid var(--accent);
+ color: #3e4c46 !important;
+ background: var(--accent-soft);
+}
+
+.evaluation-grid {
+ display: grid;
+ grid-template-columns: repeat(4, minmax(0, 1fr));
+ gap: 10px;
+}
+
+.evaluation-grid article {
+ display: grid;
+ gap: 10px;
+ min-width: 0;
+ padding: 20px;
+ border: 1px solid var(--line);
+ background: var(--surface);
+}
+
+.evaluation-grid span {
+ color: var(--muted);
+ font-size: 0.75rem;
+}
+
+.evaluation-grid strong {
+ color: var(--accent);
+ font: 800 clamp(1.25rem, 2.4vw, 1.75rem)/1.1 ui-monospace, SFMono-Regular, Menlo, monospace;
+}
+
+.evaluation-grid p {
+ margin: 0;
+ color: var(--muted);
+ font-size: 0.78rem;
+ line-height: 1.5;
+}
+
+.evaluation-summary {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ gap: 18px;
+ margin-top: 18px;
+}
+
+.evaluation-summary p {
+ margin: 0;
+ padding: 20px 22px;
+ color: #3e4c46;
+ background: #e9ede8;
+ line-height: 1.75;
+}
+
.reliability-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
@@ -1242,7 +1405,13 @@ code {
}
@media (max-width: 900px) {
- .reliability-grid {
+ .reliability-grid,
+ .evaluation-grid {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+ }
+
+ .harness-grid,
+ .technology-role-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@@ -1296,8 +1465,13 @@ code {
.showcase-hero,
.scenario-story-grid,
.public-flow,
- .architecture-boundaries,
- .reliability-grid,
+ .architecture-boundaries,
+ .agent-cycle ol,
+ .harness-grid,
+ .technology-role-grid,
+ .evaluation-grid,
+ .evaluation-summary,
+ .reliability-grid,
.evidence-gallery,
.boundary-section {
grid-template-columns: 1fr;
@@ -1326,7 +1500,9 @@ code {
}
.scenario-story:nth-child(2),
- .scenario-story:nth-child(2):hover {
+ .scenario-story:nth-child(2):hover,
+ .agent-cycle li:nth-child(2),
+ .agent-cycle li:nth-child(5) {
transform: none;
}