Skip to content

[workshop-diagrams] Add theme-aware explanatory diagram for Copilot authentication method decision - #3795

Closed
github-actions[bot] wants to merge 1 commit into
mainfrom
diagram/side-quest-06-03-auth-method-flow-dd3c278067770aa0
Closed

github-actions[bot] wants to merge 1 commit into
mainfrom
diagram/side-quest-06-03-auth-method-flow-dd3c278067770aa0

Conversation

@github-actions

Copy link
Copy Markdown
Contributor

Summary

Adds a new theme-aware explanatory diagram to workshop/side-quest-06-03-copilot-token.md (Configure GitHub Copilot Authentication).

  • Workshop file changed: workshop/side-quest-06-03-copilot-token.md
  • Change type: creates a new concept diagram (the page previously had no images).
  • Diagram concept: a decision flow showing how to pick a Copilot authentication method — first whether the organization has centralized Copilot billing (leading to Method 1: copilot-requests: write), then, if not, whether to use terminal or browser-only setup (leading to Method 2 via CLI or Method 2 UI-only), all converging on "ready to run your workflow."
  • SVG files added:
    • workshop/images/side-quest-06-03-auth-method-decision-light.svg
    • workshop/images/side-quest-06-03-auth-method-decision-dark.svg

Why this helps learners

The page currently explains the three authentication methods only as prose and a table. Learners have to read the whole page to figure out which single method applies to their repository. The diagram condenses the same two decision points into a left-to-right/top-down visual flow so learners can identify their path (Method 1, Method 2 CLI, or Method 2 UI-only) at a glance, before reading the detailed steps.

Validation

  • node scripts/check-svg-visual-language.js — no violations found for both SVGs.
  • Rendered the exact <picture> block with Playwright in both light and dark colorSchemes: currentSrc correctly resolved to -light.svg and -dark.svg respectively; both variants render nonblank with all labels contained inside their boxes/chips/badges.
  • Markdown edit is minimal: one new paragraph + one <picture> block inserted before the existing method table; no other content reformatted.

Warning

Firewall blocked 7 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
  • update.googleapis.com
  • 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"
    - "update.googleapis.com"
    - "www.google.com"
    - "www.gstatic.com"

See Network Configuration for more information.

Generated by 🧠 Workshop Explanatory Diagram Generator · copilot · auto · 148 AIC · ⌖ 8.99 AIC · ⊞ 10.4K · ◷

  • expires on Sep 26, 2026, 2:41 AM UTC

Add a theme-aware explanatory diagram for the Copilot authentication
method decision (org billing vs. personal billing, CLI vs. browser-only
setup) and reference it from side-quest-06-03-copilot-token.md.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@github-actions

Copy link
Copy Markdown
Contributor Author

This pull request was automatically closed because it expired on 2026-09-26T02:41:26.025Z.

Closed by Workflow

@github-actions github-actions Bot closed this Sep 26, 2026
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.

0 participants