feat: replace edit mode with plan agent and overall exercise updates

[FidelusAleksander]

Summary

All the coding activities remain the same, they have been moved around though to replace edit mode with plan agent.

1. Agent Mode is now step 3 instead of 4 (replacing edit mode step).
2. The "Show list of participants" activity from edit mode has been moved to agent mode activity
3. The activity of creating tests in agent mode has been moved to new step 4 -> planning Agent

Additionally several improvements:

1. Outdated images were updated
2. Adjusted step 2 part of inline code generation for activities to fix this bug report Activity: Let Copilot generate sample data needs more detailed instructions #125
3. Updated launch configuration to reload the website on static file changes. Without it, the changes in step 2 sometimes required the user to restart the debugger and even delete website cache. This was happening because FastApi with uvicorn by default reloads only on .py file changes

Changes

This pull request updates the Copilot onboarding steps to clarify the differences between Copilot modes and improve the learning experience. It removes the old step on Edit Mode, introduces a new step focused on Agent Mode, and revises earlier steps for clarity and accuracy when using Copilot features.

Major changes include:

Copilot Modes Documentation and Flow

• Removed .github/steps/3-copilot-edits.md, which previously focused on Copilot Edit Mode, and replaced it with a new step .github/steps/3-step.md that covers Copilot Agent Mode in detail, including theory, usage instructions, and hands-on activities. [1] [2]
• Updated the interaction modes table in .github/steps/1-step.md to clarify the purpose and best use cases for each Copilot mode, especially distinguishing Agent Mode and introducing Plan Agent.

Improved Instructions and User Experience

• Revised step-by-step instructions in .github/steps/1-step.md and .github/steps/2-step.md to clarify how to interact with Copilot, including more accurate descriptions of UI elements, updated screenshots, and improved tips for using features like Ask Mode and Inline Chat. [1] [2] [3] [4]
• Updated terminology for Copilot actions (e.g., "Accept" → "Keep") and improved guidance on reviewing and applying Copilot's suggested changes.

Activity and Flow Enhancements

• Added steps to verify changes in the running web application after using Copilot, ensuring users check their work in context.
• Improved commit instructions to leverage Copilot's commit message generation and clarified the workflow for pushing changes.

These changes collectively enhance the onboarding flow, clarify the distinctions between Copilot modes, and provide more actionable and accurate instructions for users.

Closes:

Task list

• For workflow changes, I have verified the Actions workflows function as expected.
• For content changes, I have reviewed the style guide.

[Copilot]

Pull request overview

Updates the Skills exercise content and automation to replace the Copilot “Edit Mode” step with updated “Agent Mode” + “Plan Agent” guidance, while refreshing supporting assets and workflows.

Changes:

• Reworks the lesson flow and step markdown (remove Edit Mode content; introduce new Step 3/4/5 content focusing on Agent Mode + Plan Agent).
• Updates GitHub Actions workflows to point at the new step files and a newer skills/exercise-toolkit version.
• Tweaks local dev experience (reload include) and adds a couple of Python dependencies / new screenshots.

Reviewed changes

Copilot reviewed 16 out of 31 changed files in this pull request and generated 6 comments.

Show a summary per file

File	Description
requirements.txt	Adds httpx and watchfiles dependencies.
README.md	Updates exercise learning objectives wording to include planning.
.vscode/launch.json	Updates uvicorn reload config to include static file changes.
.github/workflows/0-start-exercise.yml	Updates referenced Step 1 markdown path and toolkit ref.
.github/workflows/1-step.yml	Updates referenced Step 2 markdown path, toolkit ref, and checkout version in this workflow.
.github/workflows/2-step.yml	Updates referenced Step 3 markdown path and toolkit ref.
.github/workflows/3-step.yml	Updates referenced Step 4 markdown path and toolkit ref.
.github/workflows/4-step.yml	Updates referenced Step 5 markdown path, toolkit ref, and checkout version in this workflow.
.github/workflows/5-step.yml	Updates toolkit ref used for the review/finish workflows.
.github/steps/1-step.md	Updates Copilot interaction-mode table and minor formatting.
.github/steps/2-step.md	Updates instructions for inline chat usage and related screenshots/tips.
.github/steps/3-step.md	New Step 3 content focused on Copilot Agent Mode activities.
.github/steps/4-step.md	New Step 4 content focused on Plan Agent + handing off to Agent Mode for tests.
.github/steps/5-step.md	New Step 5 content focused on Copilot PR summary + code review features.
.github/steps/x-review.md	Updates recap to remove Edit Mode and include Plan Agent.
.github/steps/3-copilot-edits.md	Removes prior Edit Mode step content.
.github/steps/4-copilot-agent-mode.md	Removes prior Agent Mode step content (replaced by new step files).
.github/images/tools-icon.png	Adds new screenshot asset for the “Tools” icon.
.github/images/files-added-to-context.png	Adds new screenshot asset for adding files as context.
.github/images/ask-mode-selection.png	Adds new screenshot asset for Ask Mode selection.
.devcontainer/devcontainer.json	Changes devcontainer base image reference.

Comments suppressed due to low confidence (4)

.github/workflows/4-step.yml:115

• Same consistency issue here: this workflow uses actions/checkout@v6 while other workflows still use @v5. Please standardize the version across the repo's workflows.
  .github/workflows/1-step.yml:106
• Same as above: this workflow uses actions/checkout@v6 while other step workflows still use @v5. Please standardize the actions/checkout version across all workflows.
  .github/workflows/1-step.yml:36
• actions/checkout is set to @v6 here, but other workflows in the repo still use @v5 (e.g. Step 2/3/5). Please align all workflows on the same actions/checkout major version to avoid inconsistent behavior across steps.
  .github/workflows/4-step.yml:35
• actions/checkout is set to @v6 here, but other workflows in the repo still use @v5 (e.g. Step 2/3/5). Please align all workflows on the same actions/checkout major version to keep step behavior consistent.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[chriswblake]

[arilivigni]

LGTM

Maybe add the new Copilot CLI exercise to the list at the bottom in the review.
Thanks for doing this!

[FidelusAleksander]

Don't think it makes sense to add the CLI exercise as a follow up here as it includes Coding Agent and MCP knowledge.

Wouldn't really make sense to take that one if you haven't taken the MCP or Coding Agent one