Split title bar information into project and usage categories

[jamesmontemagno]

This pull request updates the documentation for the GitHub Copilot app by separating the title bar information into two distinct categories: project details and usage details.

Changes Made

• Revised the "Inspect and Test" lesson to clarify:
  • The title menu now shows project details and session controls.
  • The usage control next to the Send button displays plan, AI credits, token counts, and context usage.
• Created two new SVG illustrations:
  • One for project details.
  • One for usage details.
• Removed the outdated combined session-details illustration.
• Updated the lesson summary in the Copilot app workshop landing page.
• Made additional updates to the usage SVG, including changing "Usage hidden" to "GitHub Copilot Pro+" and replacing the crossed-eye icon with a circular progress ring filled to 16%.

Validation

• All SVGs passed XML validation.
• The site build completed successfully with no errors or warnings.
• Confirmed that the removed SVG has no remaining references.

These changes enhance clarity for users by providing distinct visual representations and explanations for project and usage information.

[Copilot]

🟢 Approval recommended

No blocking issues remain; the suggested alt-text correction is minor.

1 open finding

• Update alt text to identify GitHub Copilot Pro+ · New

What changed in this PR

Updates the Copilot app workshop to distinguish project controls from usage information.

Changes:

• Separates Lesson 3 guidance into project and usage menus.
• Replaces the combined illustration with two focused SVGs.
• Aligns the workshop landing-page summary.

File	Description
docs/​first-steps/​copilot-app/​README.md	Updates the lesson summary.
docs/​first-steps/​copilot-app/​3-inspect-and-test.md	Explains the separate menus.
docs/​_images/​first-steps-app-usage-details.svg	Illustrates plan, credits, tokens, and context.
docs/​_images/​first-steps-app-session-details.svg	Removes the combined illustration.
docs/​_images/​first-steps-app-project-details.svg	Illustrates project and session controls.

🧠 Review effort: Balanced

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.