Repository navigation
Add GitHub Copilot to onboarding MCP client tabs - #1295
Conversation
Rename the VS Code tab to Copilot (IDE + CLI setup), add a Copilot App tab, and mirror the guidance in connect-your-agent docs. Co-authored-by: Kent C. Dodds <me+github@kentcdodds.com>
|
Warning Review limit reached
Next review available in: 10 minutes You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository. How can I continue?After more reviews become available, a review can be triggered using the To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews. How do review limits work?CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability. For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window. Please refer docs for additional details. Review details⚙️ Run configurationConfiguration used: defaults Review profile: CHILL Plan: Pro Plus Run ID: 📒 Files selected for processing (1)
📝 WalkthroughWalkthroughThe onboarding flow now supports GitHub Copilot, Copilot CLI, and the GitHub Copilot app. It adds setup commands, JSON configuration, documentation links, tests, and corresponding connection-guide updates. ChangesCopilot onboarding
Estimated code review effort: 3 (Moderate) | ~20 minutes Possibly related PRs
🚥 Pre-merge checks | ✅ 5✅ Passed checks (5 passed)
✨ Finishing Touches📝 Generate docstrings
🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
|
🔎 Preview deployed: https://kody-pr-1295.kody-a99.workers.dev Worker: Mocks:
|
Co-authored-by: Kent C. Dodds <me+github@kentcdodds.com>
![coderabbitai[bot]](https://avatars.githubusercontent.com/in/347564?s=60&v=4){kind=small}
There was a problem hiding this comment.
Actionable comments posted: 1
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
Inline comments:
In `@packages/worker/client/routes/onboarding-mcp-clients.ts`:
- Around line 33-34: Classify GitHub Copilot App as a coding agent: in
packages/worker/client/routes/onboarding-mcp-clients.ts lines 33-34, set the
copilot-app entry’s isNonCodingAgent to false; in
packages/worker/client/routes/onboarding-mcp-clients.node.test.ts lines 32-34,
remove copilot-app from the non-coding expected list; and in
packages/worker/client/routes/onboarding-mcp-client-tabs.tsx line 403, render
codingAgentPackageHint instead of nonCodingAgentNote for copilot-app.
🪄 Autofix
Fix all unresolved CodeRabbit comments on this PR:
- Push a commit to this branch (recommended)
- Create a new PR with the fixes
ℹ️ Review info
⚙️ Run configuration
Configuration used: defaults
Review profile: CHILL
Plan: Pro Plus
Run ID: 49a5b895-2187-424d-871d-7f88ba122f0b
📒 Files selected for processing (5)
docs/use/connect-your-agent.mdpackages/worker/client/routes/onboarding-banner.tsxpackages/worker/client/routes/onboarding-mcp-client-tabs.tsxpackages/worker/client/routes/onboarding-mcp-clients.node.test.tspackages/worker/client/routes/onboarding-mcp-clients.ts
| { id: 'copilot', label: 'Copilot', isNonCodingAgent: false }, | ||
| { id: 'copilot-app', label: 'Copilot App', isNonCodingAgent: true }, |
There was a problem hiding this comment.
🎯 Functional Correctness | 🟡 Minor | ⚡ Quick win
🧩 Analysis chain
🌐 Web query:
GitHub Copilot app coding agent code changes agent sessions documentation
💡 Result:
GitHub Copilot agent sessions are isolated, autonomous, or interactive workspaces that allow Copilot to research, plan, and perform code changes on your behalf [1][2][3]. Depending on the client and type of agent, these sessions facilitate different levels of collaboration and automation [4][2]. Key Concepts of Agent Sessions: - Purpose: Agent sessions allow Copilot to work independently—researching repositories, implementing features, fixing bugs, or maintaining code—without requiring you to perform repetitive tasks like manual branch creation, commit writing, or test running [2][5][3]. - Isolation: Each session typically runs in its own isolated environment (e.g., a dedicated Git worktree or a cloud-based sandbox via GitHub Actions), allowing you to run multiple tasks in parallel without interfering with your primary workspace [1][6][7]. - Session Modes: You can often choose the autonomy level of an agent within a session [1][6]: - Interactive: You and the agent collaborate in real-time [1][4]. - Plan: The agent generates a plan for you to approve before it proceeds [1][6]. - Autopilot: The agent works autonomously to complete the task [1][6]. - Tracking and Management: Sessions provide logs that allow you to monitor the agent's internal reasoning, tool usage, and progress [1][8][9]. You can steer sessions with follow-up prompts, review and iterate on code changes, and ultimately create pull requests directly from the session interface [8][10][3]. Distinction Between Agent Types: - GitHub Copilot Coding Agent: An asynchronous teammate that lives in the cloud, operates via GitHub Actions, and handles tasks assigned through GitHub Issues or Chat [4][2]. It is designed for background, end-to-end task completion [4][5]. - Copilot Agent Mode: A synchronous collaborator that resides within your local IDE (e.g., VS Code). It acts as a real-time partner, making autonomous edits directly in your local development environment [4][2]. You can manage these sessions through various entry points, including the GitHub website, the GitHub Copilot app, the GitHub CLI, and integrated development environments (IDEs) like Visual Studio Code [11][12][9][7]. Automated workflows can also trigger sessions based on events like issue creation or failing GitHub Actions [12].
Citations:
- 1: https://docs.github.com/en/copilot/how-tos/github-copilot-app/agent-sessions
- 2: https://github.com/github/docs/blob/main/content/copilot/concepts/agents/coding-agent/about-coding-agent.md
- 3: https://github.com/github/docs/blob/main/content/copilot/responsible-use/copilot-coding-agent.md
- 4: https://github.blog/developer-skills/github/less-todo-more-done-the-difference-between-coding-agent-and-agent-mode-in-github-copilot/
- 5: https://github.blog/ai-and-ml/github-copilot/github-copilot-coding-agent-101-getting-started-with-agentic-workflows-on-github/
- 6: https://docs.github.com/en/copilot/concepts/agents/github-copilot-app
- 7: https://github.com/microsoft/vscode-docs/blob/main/docs/copilot/agents/copilot-cli.md
- 8: https://docs.github.com/en/copilot/how-tos/copilot-on-github/use-copilot-agents/manage-and-track-agents
- 9: https://github.blog/news-insights/product-news/github-copilot-meet-the-new-coding-agent/
- 10: https://docs.github.com/en/copilot/concepts/agents/cloud-agent/about-cloud-agent
- 11: https://docs.github.com/en/copilot/how-tos/use-copilot-agents/cloud-agent
- 12: https://docs.github.com/en/copilot/how-tos/use-copilot-agents/cloud-agent/start-copilot-sessions
🏁 Script executed:
#!/bin/bash
set -euo pipefail
printf '--- candidate files ---\n'
git ls-files | rg 'packages/worker/client/routes/(onboarding-mcp-clients|onboarding-mcp-clients\.node\.test|onboarding-mcp-client-tabs)\.(ts|tsx)$' || true
printf '\n--- relevant snippets ---\n'
for f in \
packages/worker/client/routes/onboarding-mcp-clients.ts \
packages/worker/client/routes/onboarding-mcp-clients.node.test.ts \
packages/worker/client/routes/onboarding-mcp-client-tabs.tsx
do
echo "### $f"
wc -l "$f"
if [[ "$f" == *.tsx ]]; then
sed -n '370,415p' "$f"
else
sed -n '25,40p' "$f"
grep -n "copilot-app\|isNonCodingAgent" "$f" || true
fi
doneRepository: kentcdodds/kody
Length of output: 244
🏁 Script executed:
#!/bin/bash
set -euo pipefail
printf '%s\n' '--- candidate files ---'
git ls-files | rg 'packages/worker/client/routes/(onboarding-mcp-clients|onboarding-mcp-clients\.node\.test|onboarding-mcp-client-tabs)\.(ts|tsx)$' || true
printf '%s\n' ''
printf '%s\n' '--- relevant snippets ---'
for f in \
packages/worker/client/routes/onboarding-mcp-clients.ts \
packages/worker/client/routes/onboarding-mcp-clients.node.test.ts \
packages/worker/client/routes/onboarding-mcp-client-tabs.tsx
do
if [ -f "$f" ]; then
printf '%s\n' "### $f"
wc -l "$f"
if [[ "$f" == *.tsx ]]; then
sed -n '370,415p' "$f"
else
sed -n '25,40p' "$f"
grep -n "copilot-app\|isNonCodingAgent" "$f" || true
fi
else
printf '%s\n' "MISSING: $f"
fi
doneRepository: kentcdodds/kody
Length of output: 4490
Classify GitHub Copilot App as a coding agent.
GitHub Copilot app agent sessions make code changes and create pull requests, so it should not use the non-coding client labels/text.
- Set
packages/worker/client/routes/onboarding-mcp-clients.tsentrycopilot-apptoisNonCodingAgent: false. - Remove
copilot-appfrom the non-coding expected list inpackages/worker/client/routes/onboarding-mcp-clients.node.test.ts. - Render
codingAgentPackageHintforcopilot-appinstead ofnonCodingAgentNote.
📍 Affects 3 files
packages/worker/client/routes/onboarding-mcp-clients.ts#L33-L34(this comment)packages/worker/client/routes/onboarding-mcp-clients.node.test.ts#L32-L34packages/worker/client/routes/onboarding-mcp-client-tabs.tsx#L403-L403
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
In `@packages/worker/client/routes/onboarding-mcp-clients.ts` around lines 33 -
34, Classify GitHub Copilot App as a coding agent: in
packages/worker/client/routes/onboarding-mcp-clients.ts lines 33-34, set the
copilot-app entry’s isNonCodingAgent to false; in
packages/worker/client/routes/onboarding-mcp-clients.node.test.ts lines 32-34,
remove copilot-app from the non-coding expected list; and in
packages/worker/client/routes/onboarding-mcp-client-tabs.tsx line 403, render
codingAgentPackageHint instead of nonCodingAgentNote for copilot-app.
3 participants
Intent
Make GitHub Copilot discoverable in Get started onboarding. Copilot users previously only saw a “VS Code” tab with a one-line Agent-mode mention, and the Copilot App had no path at all.
Summary
.vscode/mcp.json+ install deep link + Agent mode)copilot mcp add+~/.copilot/mcp-config.json)docs/use/connect-your-agent.mdIntentionally omitted Copilot cloud agent / code review on github.com: GitHub does not support OAuth remote MCP there today, so guiding users would set a false expectation.
Testing
npm run test -- packages/worker/client/routes/onboarding-mcp-clients.node.test.tsnpm run validate(local green)System changes
System recap — composes existing primitives (low risk)
Primitives
app-uiRisk
Low — copy/config snippets and tab wiring only; no auth, MCP protocol, or account isolation changes.
Diagram
Summary by CodeRabbit
New Features
Documentation
Tests