[workshop-diagrams] Add theme-aware explanatory diagram for terminal command anatomy

[github-actions]

Summary

Adds a new theme-aware explanatory diagram to workshop/side-quest-01-01-terminal-basics.md — this file previously had no images.

What changed

• Concept created (not a migration): "Anatomy of a Terminal Command" — a 4-stage left-to-right diagram showing Prompt → Command → Terminal Runs It (Enter) → Output, with a dashed loop-back annotation showing that cd updates the next prompt.
• New files:
  • workshop/images/side-quest-01-01-command-anatomy-light.svg
  • workshop/images/side-quest-01-01-command-anatomy-dark.svg
• Markdown edit: inserted one theme-aware <picture> block right after the paragraph that introduces the prompt/command/output terminology, using the light variant as the <img> fallback with descriptive alt text.

Why this helps learners

This side quest is a first-time terminal primer for complete beginners. The four core terms (prompt, command, Enter, output) and the fact that cd changes what the next prompt shows are currently explained only in prose across three separate practice sections. A single compact diagram lets learners see the full request/response loop at a glance before they start typing commands themselves.

QA performed

• Ran scripts/check-svg-visual-language.js against both new SVGs — no violations.
• Served the workshop folder locally and used Playwright to render the <picture> block in both light and dark colorScheme contexts, confirming currentSrc correctly resolves to -light.svg and -dark.svg respectively.
• Visually inspected both renders — all labels stay inside their boxes/chips at normal size, no clipping or overflow.
• Followed GitHub-brand palette and diagram conventions (.github/skills/github-brand) and the theme-aware <picture> pattern from .github/workflows/guidelines.md.

Warning

Firewall blocked 6 domains

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

• accounts.google.com
• android.clients.google.com
• clients2.google.com
• registry.npmjs.org
• www.google.com
• www.gstatic.com

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

network:
  allowed:
    - defaults
    - "accounts.google.com"
    - "android.clients.google.com"
    - "clients2.google.com"
    - "registry.npmjs.org"
    - "www.google.com"
    - "www.gstatic.com"

See Network Configuration for more information.

Generated by 🧠 Workshop Explanatory Diagram Generator · copilot · auto · 128.1 AIC · ⌖ 14.1 AIC · ⊞ 10.8K · ◷

• expires on Sep 12, 2026, 2:43 AM UTC