From d2d150c03a32dfcd18084a9f5546f2d01c54adb7 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]"
 <41898282+github-actions[bot]@users.noreply.github.com>
Date: Sun, 9 Aug 2026 05:06:57 +0000
Subject: [PATCH] Add theme-aware preflight troubleshooting diagram to step 07d

Add light and dark SVG pair for the pre-flight troubleshooting
decision tree in workshop/07d-confirm-model-access.md. The diagram
visualises the prose decision tree that guides learners from sending
a test prompt through the YES/NO branches to either continuing the
workshop or fixing model access via side-quest.

Files added:
- workshop/images/07d-preflight-troubleshoot-light.svg
- workshop/images/07d-preflight-troubleshoot-dark.svg

Markdown updated with a theme-aware <picture> block inserted directly
after the prose decision tree.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 workshop/07d-confirm-model-access.md          |   6 +
 .../07d-preflight-troubleshoot-dark.svg       | 173 +++++++++++++++++
 .../07d-preflight-troubleshoot-light.svg      | 175 ++++++++++++++++++
 3 files changed, 354 insertions(+)
 create mode 100644 workshop/images/07d-preflight-troubleshoot-dark.svg
 create mode 100644 workshop/images/07d-preflight-troubleshoot-light.svg

diff --git a/workshop/07d-confirm-model-access.md b/workshop/07d-confirm-model-access.md
index c4178e38..4372d8c3 100644
--- a/workshop/07d-confirm-model-access.md
+++ b/workshop/07d-confirm-model-access.md
@@ -50,6 +50,12 @@ Use this quick check before you choose a billing path:
 - **You still cannot get a reply after account checks**
   - Pause here and complete [Side Quest: Configure GitHub Copilot for Agentic Workflows](side-quest-06-03-copilot-token.md), then return to this step.
 
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="images/07d-preflight-troubleshoot-dark.svg">
+  <source media="(prefers-color-scheme: light)" srcset="images/07d-preflight-troubleshoot-light.svg">
+  <img alt="Pre-flight troubleshooting decision tree: send a test prompt, then follow YES or NO branches to either continue the workshop or fix model access" src="images/07d-preflight-troubleshoot-light.svg">
+</picture>
+
 ## Confirm the workflow engine
 
 Open `.github/workflows/daily-report-status.md`. The Step 7 workflow has no `engine:` line, so it uses GitHub Copilot.
diff --git a/workshop/images/07d-preflight-troubleshoot-dark.svg b/workshop/images/07d-preflight-troubleshoot-dark.svg
new file mode 100644
index 00000000..d4b53908
--- /dev/null
+++ b/workshop/images/07d-preflight-troubleshoot-dark.svg
@@ -0,0 +1,173 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="560" viewBox="0 0 1200 560"
+     role="img"
+     aria-label="Pre-flight troubleshooting decision tree: send a test prompt, then follow YES or NO branches to either continue the workshop or fix model access"
+     data-visual-kind="diagram"
+     data-visual-id="07d-preflight-troubleshoot">
+  <defs>
+    <marker id="arrow" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
+      <polygon points="0 0, 10 3.5, 0 7" fill="#909692"/>
+    </marker>
+    <marker id="arrowGreen" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
+      <polygon points="0 0, 10 3.5, 0 7" fill="#5fed83"/>
+    </marker>
+    <marker id="arrowAmber" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
+      <polygon points="0 0, 10 3.5, 0 7" fill="#b6bfb8"/>
+    </marker>
+  </defs>
+
+  <!-- Background -->
+  <rect width="1200" height="560" fill="#101411"/>
+
+  <!-- Title bar -->
+  <text x="600" y="34" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="18" font-weight="700" fill="#f2f5f3">Pre-flight Troubleshooting Decision Tree</text>
+  <text x="600" y="54" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="14" font-weight="400" fill="#b6bfb8">Confirm Copilot model access before choosing a billing path</text>
+
+  <!-- ── START NODE ── -->
+  <rect x="430" y="76" width="340" height="56" rx="28"
+        fill="#0a241b" stroke="#909692" stroke-width="2"
+        data-node="start"/>
+  <text x="600" y="99" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="16" font-weight="600" fill="#f2f5f3">Send test prompt in Copilot CLI</text>
+  <text x="600" y="120" text-anchor="middle"
+        font-family="'Mona Sans Mono', ui-monospace, monospace"
+        font-size="13" fill="#b6bfb8">gh copilot → /agentic-workflows …</text>
+
+  <!-- Arrow down from start -->
+  <line x1="600" y1="132" x2="600" y2="164" stroke="#909692" stroke-width="2" marker-end="url(#arrow)"/>
+
+  <!-- ── DECISION DIAMOND: Got a reply? ── -->
+  <polygon points="600,166 726,228 600,290 474,228"
+           fill="#0a241b" stroke="#909692" stroke-width="2"
+           data-node="decision-reply"/>
+  <text x="600" y="222" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="16" font-weight="700" fill="#f2f5f3">Got a reply?</text>
+  <text x="600" y="242" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" fill="#b6bfb8">Any response = access OK</text>
+
+  <!-- YES label + arrow LEFT -->
+  <line x1="474" y1="228" x2="320" y2="228" stroke="#5fed83" stroke-width="2" marker-end="url(#arrowGreen)"/>
+  <text x="397" y="220" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="14" font-weight="700" fill="#5fed83">YES</text>
+
+  <!-- NO label + arrow RIGHT -->
+  <line x1="726" y1="228" x2="880" y2="228" stroke="#909692" stroke-width="2" marker-end="url(#arrow)"/>
+  <text x="803" y="220" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="14" font-weight="700" fill="#b6bfb8">NO</text>
+
+  <!-- ══ YES BRANCH ══════════════════════════════════════════════ -->
+  <!-- Sub-decision: from step 07 error check? -->
+  <polygon points="210,230 322,290 210,350 98,290"
+           fill="#0a241b" stroke="#909692" stroke-width="2"
+           data-node="decision-entrypoint"/>
+  <text x="210" y="284" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" font-weight="600" fill="#f2f5f3">From step 07</text>
+  <text x="210" y="302" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" font-weight="600" fill="#f2f5f3">error check?</text>
+
+  <!-- YES → Return to Step 7 (down) -->
+  <line x1="210" y1="350" x2="210" y2="390" stroke="#5fed83" stroke-width="2" marker-end="url(#arrowGreen)"/>
+  <text x="234" y="376" text-anchor="start"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" font-weight="700" fill="#5fed83">YES</text>
+
+  <rect x="88" y="392" width="244" height="64" rx="8"
+        fill="#0a241b" stroke="#5fed83" stroke-width="2"
+        data-node="return-step7"/>
+  <rect x="88" y="392" width="6" height="64" rx="4" fill="#5fed83"/>
+  <text x="216" y="418" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="15" font-weight="700" fill="#5fed83">Return to Step 7</text>
+  <text x="216" y="440" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" fill="#b6bfb8">Write Your First Workflow</text>
+
+  <!-- NO → Continue to billing (right from diamond) -->
+  <line x1="322" y1="290" x2="390" y2="290" stroke="#909692" stroke-width="2"/>
+  <line x1="390" y1="290" x2="430" y2="290" stroke="#909692" stroke-width="2"/>
+  <line x1="430" y1="290" x2="430" y2="392" stroke="#5fed83" stroke-width="2" marker-end="url(#arrowGreen)"/>
+  <text x="356" y="282" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" font-weight="700" fill="#b6bfb8">NO</text>
+
+  <rect x="338" y="392" width="252" height="64" rx="8"
+        fill="#0a241b" stroke="#5fed83" stroke-width="2"
+        data-node="continue-billing"/>
+  <rect x="338" y="392" width="6" height="64" rx="4" fill="#5fed83"/>
+  <text x="466" y="418" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="15" font-weight="700" fill="#5fed83">Continue</text>
+  <text x="466" y="440" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" fill="#b6bfb8">Choose Copilot billing path</text>
+
+  <!-- ══ NO BRANCH ══════════════════════════════════════════════ -->
+  <!-- Check settings box -->
+  <rect x="816" y="260" width="276" height="64" rx="8"
+        fill="#0a241b" stroke="#909692" stroke-width="2"
+        data-node="check-settings"/>
+  <text x="954" y="286" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="15" font-weight="600" fill="#f2f5f3">Check account settings</text>
+  <text x="954" y="308" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" fill="#b6bfb8">github.com/settings/copilot</text>
+
+  <!-- Arrow down from check settings -->
+  <line x1="954" y1="324" x2="954" y2="374" stroke="#909692" stroke-width="2" marker-end="url(#arrow)"/>
+  <text x="978" y="356" text-anchor="start"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" fill="#b6bfb8">Retry prompt</text>
+
+  <!-- Sub-decision: still failing? -->
+  <polygon points="954,376 1066,424 954,472 842,424"
+           fill="#0a241b" stroke="#909692" stroke-width="2"
+           data-node="decision-still-failing"/>
+  <text x="954" y="420" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="14" font-weight="600" fill="#f2f5f3">Still failing?</text>
+  <text x="954" y="440" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" fill="#b6bfb8">after account check</text>
+
+  <!-- NO (resolved) loop back -->
+  <line x1="842" y1="424" x2="780" y2="424" stroke="#5fed83" stroke-width="2"/>
+  <line x1="780" y1="424" x2="780" y2="228" stroke="#5fed83" stroke-width="2"/>
+  <line x1="780" y1="228" x2="726" y2="228" stroke="#5fed83" stroke-width="2" marker-end="url(#arrowGreen)"/>
+  <text x="820" y="416" text-anchor="end"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" font-weight="700" fill="#5fed83">NO → Retry</text>
+
+  <!-- YES → Side Quest box -->
+  <line x1="1066" y1="424" x2="1120" y2="424" stroke="#909692" stroke-width="2"/>
+  <line x1="1120" y1="424" x2="1120" y2="480" stroke="#909692" stroke-width="2" marker-end="url(#arrow)"/>
+  <text x="1093" y="416" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" font-weight="700" fill="#b6bfb8">YES</text>
+
+  <rect x="816" y="482" width="276" height="56" rx="8"
+        fill="#0a241b" stroke="#909692" stroke-width="2"
+        data-node="side-quest"/>
+  <rect x="816" y="482" width="6" height="56" rx="4" fill="#909692"/>
+  <text x="956" y="508" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="15" font-weight="600" fill="#f2f5f3">Visit Side Quest</text>
+  <text x="956" y="528" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" fill="#b6bfb8">Configure GitHub Copilot</text>
+
+  <!-- Bottom caption -->
+  <text x="600" y="548" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" fill="#909692">Follow this tree each time you see a model-access error before Step 8</text>
+</svg>
diff --git a/workshop/images/07d-preflight-troubleshoot-light.svg b/workshop/images/07d-preflight-troubleshoot-light.svg
new file mode 100644
index 00000000..30b0f7c9
--- /dev/null
+++ b/workshop/images/07d-preflight-troubleshoot-light.svg
@@ -0,0 +1,175 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="560" viewBox="0 0 1200 560"
+     role="img"
+     aria-label="Pre-flight troubleshooting decision tree: send a test prompt, then follow YES or NO branches to either continue the workshop or fix model access"
+     data-visual-kind="diagram"
+     data-visual-id="07d-preflight-troubleshoot">
+  <defs>
+    <marker id="arrow" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
+      <polygon points="0 0, 10 3.5, 0 7" fill="#909692"/>
+    </marker>
+    <marker id="arrowGreen" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
+      <polygon points="0 0, 10 3.5, 0 7" fill="#08872b"/>
+    </marker>
+    <marker id="arrowAmber" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
+      <polygon points="0 0, 10 3.5, 0 7" fill="#b6bfb8"/>
+    </marker>
+  </defs>
+
+  <!-- Background -->
+  <rect width="1200" height="560" fill="#f2f5f3"/>
+
+  <!-- Title bar -->
+  <text x="600" y="34" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="18" font-weight="700" fill="#101411">Pre-flight Troubleshooting Decision Tree</text>
+  <text x="600" y="54" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="14" font-weight="400" fill="#232925">Confirm Copilot model access before choosing a billing path</text>
+
+  <!-- ── START NODE ── -->
+  <rect x="430" y="76" width="340" height="56" rx="28"
+        fill="#ffffff" stroke="#b6bfb8" stroke-width="2"
+        data-node="start"/>
+  <text x="600" y="99" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="16" font-weight="600" fill="#101411">Send test prompt in Copilot CLI</text>
+  <text x="600" y="120" text-anchor="middle"
+        font-family="'Mona Sans Mono', ui-monospace, monospace"
+        font-size="13" fill="#232925">gh copilot → /agentic-workflows …</text>
+
+  <!-- Arrow down from start -->
+  <line x1="600" y1="132" x2="600" y2="164" stroke="#909692" stroke-width="2" marker-end="url(#arrow)"/>
+
+  <!-- ── DECISION DIAMOND: Got a reply? ── -->
+  <polygon points="600,166 726,228 600,290 474,228"
+           fill="#ffffff" stroke="#b6bfb8" stroke-width="2"
+           data-node="decision-reply"/>
+  <text x="600" y="222" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="16" font-weight="700" fill="#101411">Got a reply?</text>
+  <text x="600" y="242" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" fill="#232925">Any response = access OK</text>
+
+  <!-- YES label + arrow LEFT -->
+  <line x1="474" y1="228" x2="320" y2="228" stroke="#08872b" stroke-width="2" marker-end="url(#arrowGreen)"/>
+  <text x="397" y="220" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="14" font-weight="700" fill="#08872b">YES</text>
+
+  <!-- NO label + arrow RIGHT -->
+  <line x1="726" y1="228" x2="880" y2="228" stroke="#909692" stroke-width="2" marker-end="url(#arrow)"/>
+  <text x="803" y="220" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="14" font-weight="700" fill="#232925">NO</text>
+
+  <!-- ══ YES BRANCH ══════════════════════════════════════════════ -->
+  <!-- Sub-decision: from step 07 error check? -->
+  <polygon points="210,230 322,290 210,350 98,290"
+           fill="#ffffff" stroke="#b6bfb8" stroke-width="2"
+           data-node="decision-entrypoint"/>
+  <text x="210" y="284" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" font-weight="600" fill="#101411">From step 07</text>
+  <text x="210" y="302" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" font-weight="600" fill="#101411">error check?</text>
+
+  <!-- YES → Return to Step 7 (down-left) -->
+  <line x1="210" y1="350" x2="210" y2="390" stroke="#08872b" stroke-width="2" marker-end="url(#arrowGreen)"/>
+  <text x="234" y="376" text-anchor="start"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" font-weight="700" fill="#08872b">YES</text>
+
+  <rect x="88" y="392" width="244" height="64" rx="8"
+        fill="#ffffff" stroke="#08872b" stroke-width="2"
+        data-node="return-step7"/>
+  <!-- Green accent bar -->
+  <rect x="88" y="392" width="6" height="64" rx="4" fill="#08872b"/>
+  <text x="216" y="418" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="15" font-weight="700" fill="#08872b">Return to Step 7</text>
+  <text x="216" y="440" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" fill="#232925">Write Your First Workflow</text>
+
+  <!-- NO → Continue to billing (right from diamond) -->
+  <line x1="322" y1="290" x2="390" y2="290" stroke="#909692" stroke-width="2" marker-end="url(#arrow)"/>
+  <text x="356" y="282" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" font-weight="700" fill="#232925">NO</text>
+  <line x1="430" y1="290" x2="430" y2="392" stroke="#08872b" stroke-width="2" marker-end="url(#arrowGreen)"/>
+  <!-- Elbow: line right from 390,290 to 430,290, then down -->
+  <line x1="390" y1="290" x2="430" y2="290" stroke="#909692" stroke-width="2"/>
+
+  <rect x="338" y="392" width="252" height="64" rx="8"
+        fill="#ffffff" stroke="#08872b" stroke-width="2"
+        data-node="continue-billing"/>
+  <rect x="338" y="392" width="6" height="64" rx="4" fill="#08872b"/>
+  <text x="466" y="418" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="15" font-weight="700" fill="#08872b">Continue</text>
+  <text x="466" y="440" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" fill="#232925">Choose Copilot billing path</text>
+
+  <!-- ══ NO BRANCH ══════════════════════════════════════════════ -->
+  <!-- Check settings box -->
+  <rect x="816" y="260" width="276" height="64" rx="8"
+        fill="#ffffff" stroke="#b6bfb8" stroke-width="2"
+        data-node="check-settings"/>
+  <text x="954" y="286" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="15" font-weight="600" fill="#101411">Check account settings</text>
+  <text x="954" y="308" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" fill="#232925">github.com/settings/copilot</text>
+
+  <!-- Arrow down from check settings -->
+  <line x1="954" y1="324" x2="954" y2="374" stroke="#909692" stroke-width="2" marker-end="url(#arrow)"/>
+  <text x="978" y="356" text-anchor="start"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" fill="#232925">Retry prompt</text>
+
+  <!-- Sub-decision: still failing? -->
+  <polygon points="954,376 1066,424 954,472 842,424"
+           fill="#ffffff" stroke="#b6bfb8" stroke-width="2"
+           data-node="decision-still-failing"/>
+  <text x="954" y="420" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="14" font-weight="600" fill="#101411">Still failing?</text>
+  <text x="954" y="440" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" fill="#232925">after account check</text>
+
+  <!-- NO (resolved) arrow left/up — loop label only -->
+  <line x1="842" y1="424" x2="780" y2="424" stroke="#08872b" stroke-width="2"/>
+  <line x1="780" y1="424" x2="780" y2="228" stroke="#08872b" stroke-width="2"/>
+  <line x1="780" y1="228" x2="726" y2="228" stroke="#08872b" stroke-width="2" marker-end="url(#arrowGreen)"/>
+  <text x="820" y="416" text-anchor="end"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" font-weight="700" fill="#08872b">NO → Retry</text>
+
+  <!-- YES → Side Quest box (right) -->
+  <line x1="1066" y1="424" x2="1120" y2="424" stroke="#909692" stroke-width="2"/>
+  <line x1="1120" y1="424" x2="1120" y2="480" stroke="#909692" stroke-width="2" marker-end="url(#arrow)"/>
+  <text x="1093" y="416" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" font-weight="700" fill="#232925">YES</text>
+
+  <rect x="816" y="482" width="276" height="56" rx="8"
+        fill="#ffffff" stroke="#b6bfb8" stroke-width="2"
+        data-node="side-quest"/>
+  <rect x="816" y="482" width="6" height="56" rx="4" fill="#b6bfb8"/>
+  <text x="956" y="508" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="15" font-weight="600" fill="#101411">Visit Side Quest</text>
+  <text x="956" y="528" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" fill="#232925">Configure GitHub Copilot</text>
+
+  <!-- Bottom caption -->
+  <text x="600" y="548" text-anchor="middle"
+        font-family="'Mona Sans', ui-sans-serif, system-ui, sans-serif"
+        font-size="13" fill="#909692">Follow this tree each time you see a model-access error before Step 8</text>
+</svg>