feat(guides): add GitHub Copilot app guide - #3293
Conversation
Add a BYOK integration guide for GitHub's Copilot desktop app on both the marketing site and docs, with a card on the ui and code /guides pages. Extract the existing Copilot SVG into the shared icon set and reuse it in the landing hero, guide grids, docs sidebar, and guide OG image. Claude-Session: https://claude.ai/code/session_01DEpWnmc4TczXWfpBWFePX1
Note in every integration guide that DevPass plan keys work too, with the caveat that model IDs must be root ids without a provider prefix (provider-pinned routing is not available on coding plans). Claude-Session: https://claude.ai/code/session_01DEpWnmc4TczXWfpBWFePX1
WalkthroughThe change adds DevPass usage notes across integration guides, introduces GitHub Copilot app integration documentation and UI support, and adds one testimonial tweet to authentication and landing-page content. ChangesDevPass guidance
GitHub Copilot integration
Testimonial content
Estimated code review effort: 3 (Moderate) | ~20 minutes Sequence Diagram(s)sequenceDiagram
participant GitHubCopilot
participant LLMGateway
participant UpstreamProvider
GitHubCopilot->>LLMGateway: Send OpenAI-compatible model request
LLMGateway->>UpstreamProvider: Route request using selected model
UpstreamProvider-->>LLMGateway: Return model response
LLMGateway-->>GitHubCopilot: Return response and usage data
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 |
There was a problem hiding this comment.
Actionable comments posted: 6
🧹 Nitpick comments (1)
apps/docs/lib/custom-icons.tsx (1)
184-195: 📐 Maintainability & Code Quality | 🔵 Trivial | ⚡ Quick winKeep one canonical Copilot SVG implementation.
Both consumers duplicate the same path already provided by the shared icon component.
apps/docs/lib/custom-icons.tsx#L184-L195: reuse the shared icon or shared path-data primitive.apps/ui/src/app/guides/og-icons.tsx#L314-L327: reuse the same canonical source for OpenGraph rendering.🤖 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 `@apps/docs/lib/custom-icons.tsx` around lines 184 - 195, Remove the duplicated Copilot SVG path from the custom icon implementation and reuse the canonical shared icon or path-data primitive. Apply the same reuse in apps/docs/lib/custom-icons.tsx lines 184-195 and apps/ui/src/app/guides/og-icons.tsx lines 314-327, preserving each consumer’s existing rendering behavior.Source: Coding guidelines
🤖 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 `@apps/docs/content/guides/github-copilot.mdx`:
- Line 12: Replace the hardcoded “200+” model count in both
apps/docs/content/guides/github-copilot.mdx lines 12-12 and
apps/ui/src/content/guides/github-copilot.md lines 11-11, including each guide’s
repeated benefits-list wording, with live catalogue wording that does not
specify a fixed count.
- Line 3: The GitHub Copilot guide overstates model compatibility by claiming
“every model.” Update the metadata, body copy, and all repeated wording in
apps/docs/content/guides/github-copilot.mdx and
apps/ui/src/content/guides/github-copilot.md to specify agent-compatible models
that support both tool calling and streaming.
- Around line 84-88: Update the Copilot Chat custom endpoint instructions to
tell users to select the “Chat Completions” API type, reflecting LLM Gateway’s
OpenAI-compatible format. Apply this documentation change in
apps/docs/content/guides/github-copilot.mdx at lines 84-88 and
apps/ui/src/content/guides/github-copilot.md at lines 57-59.
- Around line 79-80: Update the Business/Enterprise guidance to reference the
model-provider BYOK/custom-model access policy that controls the Copilot app’s
“New model provider” option, rather than the Copilot CLI policy. Apply this
correction in apps/docs/content/guides/github-copilot.mdx at lines 79-80 and
107-109, and apps/ui/src/content/guides/github-copilot.md at lines 54 and 76-78,
including each troubleshooting section; preserve the separate guidance that BYOK
applies only to agent sessions.
In `@apps/docs/content/guides/openclaw.mdx`:
- Around line 12-19: Update the DevPass Callout in the OpenClaw guide to
distinguish gateway/model definitions from OpenClaw’s local selection key:
require the unprefixed root model ID for DevPass gateway routing, while
preserving the llmgateway/ prefix in agents.defaults.model.primary (for example,
llmgateway/gpt-5.4).
In `@apps/ui/src/content/guides/github-copilot.md`:
- Around line 29-31: Update the fenced code block in the GitHub Copilot guide
containing the api.llmgateway.io URL to specify an explicit language identifier,
such as text, while leaving the URL content unchanged.
---
Nitpick comments:
In `@apps/docs/lib/custom-icons.tsx`:
- Around line 184-195: Remove the duplicated Copilot SVG path from the custom
icon implementation and reuse the canonical shared icon or path-data primitive.
Apply the same reuse in apps/docs/lib/custom-icons.tsx lines 184-195 and
apps/ui/src/app/guides/og-icons.tsx lines 314-327, preserving each consumer’s
existing rendering behavior.
🪄 Autofix (Beta)
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: Repository UI
Review profile: CHILL
Plan: Pro Plus
Run ID: 4536ee78-0a8f-4750-afe9-ded4c4b45ad4
📒 Files selected for processing (43)
apps/docs/content/guides/autohand.mdxapps/docs/content/guides/claude-code.mdxapps/docs/content/guides/cli.mdxapps/docs/content/guides/cline.mdxapps/docs/content/guides/codex-cli.mdxapps/docs/content/guides/continue.mdxapps/docs/content/guides/cursor.mdxapps/docs/content/guides/devpass-code.mdxapps/docs/content/guides/github-copilot.mdxapps/docs/content/guides/hermes-agent.mdxapps/docs/content/guides/kilo-code.mdxapps/docs/content/guides/kimi-code.mdxapps/docs/content/guides/mcp.mdxapps/docs/content/guides/mimocode.mdxapps/docs/content/guides/n8n.mdxapps/docs/content/guides/openclaw.mdxapps/docs/content/guides/opencode-desktop.mdxapps/docs/content/guides/opencode.mdxapps/docs/content/guides/pi.mdxapps/docs/lib/custom-icons.tsxapps/ui/src/app/guides/og-icons.tsxapps/ui/src/components/integrations/integration-cards.tsxapps/ui/src/components/landing/hero.tsxapps/ui/src/content/guides/autohand.mdapps/ui/src/content/guides/claude-code.mdapps/ui/src/content/guides/cline.mdapps/ui/src/content/guides/codex-cli.mdapps/ui/src/content/guides/continue.mdapps/ui/src/content/guides/cursor.mdapps/ui/src/content/guides/devpass-code.mdapps/ui/src/content/guides/github-copilot.mdapps/ui/src/content/guides/hermes-agent.mdapps/ui/src/content/guides/kilo-code.mdapps/ui/src/content/guides/kimi-code.mdapps/ui/src/content/guides/mcp.mdapps/ui/src/content/guides/mimocode.mdapps/ui/src/content/guides/n8n.mdapps/ui/src/content/guides/openclaw.mdapps/ui/src/content/guides/opencode-desktop.mdapps/ui/src/content/guides/opencode.mdapps/ui/src/content/guides/pi.mdpackages/shared/src/components/integration-guides-grid.tsxpackages/shared/src/components/integration-icons.tsx
Scope Copilot guide claims to tool-calling models, drop the hardcoded model count, add the Chat Completions API type step for VS Code, cite the Enable custom models (BYOK) policy for Business/Enterprise, tag the bare code fence, and clarify the OpenClaw DevPass callout so the local llmgateway/ provider prefix is kept while gateway provider prefixes are not allowed on coding plans. Claude-Session: https://claude.ai/code/session_01DEpWnmc4TczXWfpBWFePX1
Summary
Adds a BYOK integration guide for GitHub's Copilot desktop app (which added bring-your-own-key support in June 2026), a DevPass compatibility callout across all integration guides, and a new community tweet on the landing wall.
GitHub Copilot app guide
/guides/github-copilot) and docs, covering: adding LLM Gateway as an OpenAI-compatible model provider (Settings → Model Providers, base URLhttps://api.llmgateway.io/v1), per-session model selection, a VS Code custom-endpoint section, Copilot plan/policy caveats, and troubleshooting/guidespage and the code app/guidespage (shared grid)GitHubCopilotIcon) and reused it in the hero, both guide grids, the docs sidebar, and the guide OG imageDevPass callout on all guides
Every integration guide (18 ui + 19 docs) now notes right after the intro that DevPass plan keys work too, with the caveat that model IDs must be root ids without a provider prefix (
claude-sonnet-4-5, notanthropic/claude-sonnet-4-5) — matching the gateway's 403 on provider-pinned routing for coding plans. The devpass-code guide uses adapted wording (and the OpenClaw guide clarifies its localllmgateway/provider prefix stays); the docs-only agent-skills page is skipped (no API key/model config involved).Tweets wall
Added @awakecoding's DevPass MAX tweet to the landing testimonials wall and the auth-panel tweet pool (both lists kept in sync).
Testing
pnpm buildpasses/guidescard, OG image, testimonials wall), apps/code (/guidescard), and apps/docs (sidebar icon, Steps, callouts)https://claude.ai/code/session_01DEpWnmc4TczXWfpBWFePX1
Summary by CodeRabbit
New Features
Documentation
UI