style: optimize gen2D deck layout, animations, and visual hierarchy

- style-keys.md: add v-clicks to 3x2 grid for staggered animation
- eino-graph.md: two-column layout (code left, Items right)
- eino-deep-dive.md: two-column layout for both slides, code+Items side-by-side
- async-deep-dive.md: two-column layout for both slides, SVG integrated
- harness.md: two-column layout for slide 1 (code left, Items right)
- request-journey.md: two-column layout for journey steps
- data-model.md: add v-clicks to grid items, increase diagram height
- architecture/pipeline/prompt-agent: increase SVG max-height for better visibility
This commit is contained in:
2026-05-30 23:13:23 +08:00
parent 663e04ab24
commit 5f99d2481a
10 changed files with 101 additions and 33 deletions
+19 -3
View File
@@ -2,7 +2,9 @@
有向图构建与本地状态管理
<div class="mt-2">
<div class="grid grid-cols-2 gap-4 mt-2">
<div>
```go {1-5|7-11|all}
g := compose.NewGraph[PipelineInput, PipelineOutput](
@@ -19,6 +21,8 @@ g.AddLambdaNode(nodePromptOptimizer, &compose.Lambda{
</div>
<div class="flex flex-col justify-center">
<v-clicks>
<Item title="WithGenLocalState — 隔离的执行上下文">
@@ -31,13 +35,19 @@ PreHandler 从全局 State 提取当前节点所需字段;PostHandler 将节
</v-clicks>
</div>
</div>
---
# Eino Graph 深入 — 分支路由与重试
QualitySupervisor 驱动的条件分支
<div class="mt-2">
<div class="grid grid-cols-2 gap-4 mt-2">
<div>
```go {1-10|all}
g.AddBranch(nodeQualitySupervisor, compose.NewGraphBranch(
@@ -59,6 +69,8 @@ g.AddBranch(nodeQualitySupervisor, compose.NewGraphBranch(
</div>
<div class="flex flex-col justify-center">
<v-clicks>
<Item title="路由逻辑">
@@ -72,5 +84,9 @@ g.AddBranch(nodeQualitySupervisor, compose.NewGraphBranch(
</v-clicks>
<div class="flex justify-center mt-2">
<img src="../public/pipeline-detail.svg" class="w-full max-h-[200px] object-contain" />
<img src="../public/pipeline-detail.svg" class="w-full max-h-[160px] object-contain" />
</div>
</div>
</div>