Skip to content

[workshop-diagrams] Add theme-aware brand-compliant diagram for resilience techniques - #2841

Merged
pelikhan merged 1 commit into
mainfrom
diagram/22-resilience-brand-palette-1b35b2600177fe58
Aug 29, 2026
Merged

[workshop-diagrams] Add theme-aware brand-compliant diagram for resilience techniques#2841
pelikhan merged 1 commit into
mainfrom
diagram/22-resilience-brand-palette-1b35b2600177fe58

Conversation

@github-actions

Copy link
Copy Markdown
Contributor

Summary

Migrates the existing explanatory diagram in workshop/22-error-handling-and-resilience.md from a non-brand palette to the GitHub-inspired workshop brand palette.

What changed

Workshop file: workshop/22-error-handling-and-resilience.md — no Markdown changes needed; the <picture> block was already correctly structured.

SVG files migrated:

  • workshop/images/22-resilience-techniques-light.svg
  • workshop/images/22-resilience-techniques-dark.svg

Change type

Migration of an existing explanatory diagram (not a new concept).

What changed in the SVGs

  • Palette: Replaced GitHub.com Primer colors with the workshop brand palette — neutral backgrounds (#f2f5f3 light / #101411 dark), Green 5 accent (#08872b light / #5fed83 dark), Gray 3/4 borders
  • Typography: Updated to Mona Sans / Mona Sans Mono with system-sans fallbacks
  • Icons: Replaced emoji characters with geometric SVG paths (warning triangle, shield, clock, output arrow, checkmark circle)
  • **Semantic meta(redacted) Added data-visual-kind="diagram", data-visual-id, and data-node attributes on all diagram nodes
  • Script check: scripts/check-svg-visual-language.js reports zero violations
  • Playwright QA: Light and dark currentSrc selections verified; screenshots nonblank

Why this helps learners

The diagram maps four common agentic workflow failure modes (prompt drift, timeout, tool error, empty data) to three practical mitigations (defensive brief, timeout-minutes, fallback safe-output). Upgrading to the brand palette makes it visually consistent with other workshop materials and ensures the semantic metadata contract required by automated diagram QA is satisfied.

Warning

Firewall blocked 6 domains

The following domains were blocked by the firewall during workflow execution:

  • accounts.google.com
  • awmgmcpg
  • clients2.google.com
  • redirector.gvt1.com
  • update.googleapis.com
  • www.google.com

To allow these domains, add them to the network.allowed list in your workflow frontmatter:

network:
  allowed:
    - defaults
    - "accounts.google.com"
    - "awmgmcpg"
    - "clients2.google.com"
    - "redirector.gvt1.com"
    - "update.googleapis.com"
    - "www.google.com"

See Network Configuration for more information.

Generated by 🧠 Workshop Explanatory Diagram Generator · 121.9 AIC · ⌖ 7.77 AIC · ⊞ 6.8K ·

  • expires on Aug 29, 2026, 7:17 AM UTC

- Apply GitHub brand palette: neutral backgrounds, Green 5 accent (#08872b
  light, #5fed83 dark), Gray borders, Mona Sans typography
- Replace emoji icons with geometric SVG icons (warning triangle, shield,
  clock, output arrow, checkmark circle)
- Add required semantic metadata: data-visual-kind="diagram",
  data-visual-id, data-node attributes on all nodes
- Remove deprecated color palette (GitHub.com Primer colors) in favour of
  gh-aw-workshop brand palette
- Pass scripts/check-svg-visual-language.js with zero violations
- Playwright QA confirms light/dark currentSrc selection and nonblank renders

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@pelikhan
pelikhan marked this pull request as ready for review August 29, 2026 01:45
@pelikhan
pelikhan merged commit 9e759cc into main Aug 29, 2026
@pelikhan
pelikhan deleted the diagram/22-resilience-brand-palette-1b35b2600177fe58 branch August 29, 2026 01:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant