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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user