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
+20 -4
View File
@@ -2,7 +2,9 @@
FIFO 串行执行,信号驱动调度
<div class="mt-2">
<div class="grid grid-cols-2 gap-4 mt-2">
<div>
```go {1-6|8-12|all}
type TaskQueue struct {
@@ -22,6 +24,8 @@ func (q *TaskQueue) Enqueue(job *TaskJob) {
</div>
<div class="flex flex-col justify-center">
<v-clicks>
<Item title="Enqueue → run() → processNext() 流程">
@@ -34,13 +38,19 @@ func (q *TaskQueue) Enqueue(job *TaskJob) {
</v-clicks>
</div>
</div>
---
# 进度推送与 WebSocket
Context 注入 + 多通道推送
<div class="mt-2">
<div class="grid grid-cols-2 gap-4 mt-2">
<div>
```go {1-3|5-8|all}
func WithProgressReporter(ctx context.Context, r ProgressReporter) context.Context {
@@ -52,8 +62,14 @@ reporter := GetProgressReporter(ctx)
reporter.Report(Progress{Stage: "prompt", Percent: 25})
```
<div class="flex justify-center mt-2">
<img src="../public/async-task.svg" class="w-full max-h-[160px] object-contain" />
</div>
</div>
<div class="flex flex-col justify-center">
<v-clicks>
<Item title="进度阶段划分">
@@ -66,6 +82,6 @@ reporter.Report(Progress{Stage: "prompt", Percent: 25})
</v-clicks>
<div class="flex justify-center mt-2">
<img src="../public/async-task.svg" class="w-full max-h-[180px] object-contain" />
</div>
</div>