Skip to content

Document the "Fix with AI" feature #342

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 4 commits into from
May 15, 2025
Merged

Document the "Fix with AI" feature #342

merged 4 commits into from
May 15, 2025

Conversation

jmacdotorg
Copy link
Collaborator

Also, document the IDE extension settings screen.

Staged:

Fixes #339 Fixes #340

@jmacdotorg jmacdotorg requested a review from a team as a code owner May 15, 2025 19:16
@jmacdotorg jmacdotorg requested a review from bar0meter May 15, 2025 19:16
Copy link
Contributor

coderabbitai bot commented May 15, 2025

## Walkthrough

A new documentation guide for configuring the VSCode extension was added, detailing available settings and their functions. Existing guides were updated with section anchors, clarified explanations, and expanded instructions on AI agent integration. The sidebar was updated to include the new configuration guide, and cross-references were added between related guides.

## Changes

| File(s)                                      | Change Summary                                                                                  |
|----------------------------------------------|------------------------------------------------------------------------------------------------|
| docs/guides/config-vscode.md                 | Added a new guide explaining how to configure the CodeRabbit VSCode extension and its settings.|
| docs/guides/install-vscode.md                 | Updated "What's next" section to include a link to the new configuration guide.                |
| docs/guides/use-vscode.md                     | Added section anchors, clarified configuration explanations, and documented AI agent integration.|
| sidebars.ts                                   | Inserted the new configuration guide into the documentation sidebar navigation.                |

## Sequence Diagram(s)

```mermaid
sequenceDiagram
    participant User
    participant VSCode Extension
    participant AI Agent (Copilot/Claude/Clipboard)

    User->>VSCode Extension: Clicks "Fix with AI" on comment
    alt Copilot available
        VSCode Extension->>AI Agent (Copilot): Sends request for fix
    else Claude CLI available
        VSCode Extension->>AI Agent (Claude): Sends request for fix via CLI
    else Clipboard mode
        VSCode Extension->>User: Copies prompt text to clipboard
    end

Assessment against linked issues

Objective Addressed Explanation
Document how to let the IDE’s own AI agent resolve comments (#339)
Document the options offered by the plugin's settings (#340)

Poem

A new guide hops into view,
With settings clear and options true.
Now agents help with just a click,
Copilot, Claude, or clipboard trick!
Anchors set for easy roam,
This bunny’s made VSCode a cozy home.
🐇✨


<!-- walkthrough_end -->
<!-- internal state start -->


<!-- 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 -->

<!-- internal state end -->
<!-- finishing_touch_checkbox_start -->

<details open="true">
<summary>✨ Finishing Touches</summary>

- [ ] <!-- {"checkboxId": "89e4ff58-565b-461b-971b-e3ce24985430"} --> 📝 Generate Unit Tests

</details>

<!-- finishing_touch_checkbox_end -->
<!-- tips_start -->

---



<details>
<summary>🪧 Tips</summary>

### Chat

There are 3 ways to chat with [CodeRabbit](https://coderabbit.ai?utm_source=oss&utm_medium=github&utm_campaign=coderabbitai/coderabbit-docs&utm_content=342):

- Review comments: Directly reply to a review comment made by CodeRabbit. Example:
  - `I pushed a fix in commit <commit_id>, please review it.`
  - `Explain this complex logic.`
  - `Open a follow-up GitHub issue for this discussion.`
- Files and specific lines of code (under the "Files changed" tab): Tag `@coderabbitai` in a new review comment at the desired location with your query. Examples:
  - `@coderabbitai explain this code block.`
  -	`@coderabbitai modularize this function.`
- PR comments: Tag `@coderabbitai` in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
  - `@coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.`
  - `@coderabbitai read src/utils.ts and explain its main purpose.`
  - `@coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.`
  - `@coderabbitai help me debug CodeRabbit configuration file.`

### Support

Need help? Create a ticket on our [support page](https://www.coderabbit.ai/contact-us/support) for assistance with any issues or questions.

Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.

### CodeRabbit Commands (Invoked using PR comments)

- `@coderabbitai pause` to pause the reviews on a PR.
- `@coderabbitai resume` to resume the paused reviews.
- `@coderabbitai review` to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
- `@coderabbitai full review` to do a full review from scratch and review all the files again.
- `@coderabbitai summary` to regenerate the summary of the PR.
- `@coderabbitai generate docstrings` to [generate docstrings](https://docs.coderabbit.ai/finishing-touches/docstrings) for this PR.
- `@coderabbitai generate sequence diagram` to generate a sequence diagram of the changes in this PR.
- `@coderabbitai generate unit tests` to generate unit tests for this PR.
- `@coderabbitai resolve` resolve all the CodeRabbit review comments.
- `@coderabbitai configuration` to show the current CodeRabbit configuration for the repository.
- `@coderabbitai help` to get help.

### Other keywords and placeholders

- Add `@coderabbitai ignore` anywhere in the PR description to prevent this PR from being reviewed.
- Add `@coderabbitai summary` to generate the high-level summary at a specific location in the PR description.
- Add `@coderabbitai` anywhere in the PR title to generate the title automatically.

### CodeRabbit Configuration File (`.coderabbit.yaml`)

- You can programmatically configure CodeRabbit by adding a `.coderabbit.yaml` file to the root of your repository.
- Please see the [configuration documentation](https://docs.coderabbit.ai/guides/configure-coderabbit) for more information.
- If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: `# yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json`

### Documentation and Community

- Visit our [Documentation](https://docs.coderabbit.ai) for detailed information on how to use CodeRabbit.
- Join our [Discord Community](http://discord.gg/coderabbit) to get help, request features, and share feedback.
- Follow us on [X/Twitter](https://twitter.com/coderabbitai) for updates and announcements.

</details>

<!-- tips_end -->

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Caution

Inline review comments failed to post. This is likely due to GitHub's limits when posting large numbers of comments. If you are seeing this consistently it is likely a permissions issue. Please check "Moderation" -> "Code review limits" under your organization settings.

Actionable comments posted: 1

🧹 Nitpick comments (1)
docs/guides/config-vscode.md (1)

17-21: Reduce repetitive sentence openings
Three consecutive list items begin with "In the…", which can feel monotonous. Consider varying the phrasing for better readability.

Proposed diff:

-1. In the activity bar, click the Extensions icon.
-1. In the sidebar, under **Installed**, click the gear-shaped **Manage** icon in the CodeRabbit row.
-1. In the menu that appears, select **Settings**.
+1. Click the Extensions icon in the activity bar.
+2. Under **Installed**, click the gear-shaped **Manage** icon for CodeRabbit.
+3. Select **Settings** from the context menu.
🧰 Tools
🪛 LanguageTool

[style] ~21-~21: Three successive sentences begin with the same word. Consider rewording the sentence or use a thesaurus to find a synonym.
Context: ...anage** icon in the CodeRabbit row. 1. In the menu that appears, select **Setting...

(ENGLISH_WORD_REPEAT_BEGINNING_RULE)

🛑 Comments failed to post (1)
docs/guides/use-vscode.md (1)

27-27: ⚠️ Potential issue

Fix broken anchor link for "Work with code reviews"
The link uses #work-with-code-reviews, but the section is anchored as {#work}. Update the link to [#work] or rename the anchor for consistency.

🧰 Tools
🪛 markdownlint-cli2 (0.17.2)

27-27: Link fragments should be valid
null

(MD051, link-fragments)

🤖 Prompt for AI Agents
In docs/guides/use-vscode.md at line 27, the anchor link for "Work with code
reviews" is broken because the link uses #work-with-code-reviews but the actual
section anchor is #work. Fix this by either updating the link to use #work or
renaming the section anchor to #work-with-code-reviews for consistency.

Copy link

cloudflare-workers-and-pages bot commented May 15, 2025

Deploying coderabbit-docs with  Cloudflare Pages  Cloudflare Pages

Latest commit: ba839e6
Status: ✅  Deploy successful!
Preview URL: https://4dc33005.coderabbit-docs.pages.dev
Branch Preview URL: https://ai-button.coderabbit-docs.pages.dev

View logs

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 0

🧹 Nitpick comments (1)
docs/guides/use-vscode.md (1)

31-31: Add context for manual review section
Consider converting this reference into an explicit link to improve discoverability.

For example:

- For more control of code reviews performed using the CodeRabbit VSCode extension, you can manually request a review, as detailed in the following section.
+ For more control of code reviews performed using the CodeRabbit VSCode extension, see [Manually request code reviews](#manual-reviews) in the following section.
📜 Review details

Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 9118578 and ba839e6.

📒 Files selected for processing (1)
  • docs/guides/use-vscode.md (2 hunks)
🧰 Additional context used
🪛 LanguageTool
docs/guides/use-vscode.md

[style] ~96-~96: Three successive sentences begin with the same word. Consider rewording the sentence or use a thesaurus to find a synonym.
Context: ...presence, click its Collapse icon. To see an ignored or collapsed comment in ...

(ENGLISH_WORD_REPEAT_BEGINNING_RULE)


[style] ~101-~101: ‘prior to’ might be wordy. Consider a shorter alternative.
Context: ...revious} If you have performed reviews prior to the most recent review in the current V...

(EN_WORDINESS_PREMIUM_PRIOR_TO)

⏰ Context from checks skipped due to timeout of 90000ms (2)
  • GitHub Check: test
  • GitHub Check: Cloudflare Pages
🔇 Additional comments (10)
docs/guides/use-vscode.md (10)

15-15: Add anchor to Automatic Reviews section
Introducing {#auto-reviews} on the “Automatically review local commits” heading enhances navigability and enables deep-linking.

Please verify that the corresponding section in docs/guides/config-vscode.md uses the exact same auto-reviews anchor.


23-23: Clarify automatic review prompt step
The updated step “Click Yes. The CodeRabbit sidebar appears in your VSCode window.” reads clearly and maintains the consistent “1.”-style list.


27-27: Update cross-reference to Work section
The link to [Work with code reviews](#work) correctly matches the {#work} anchor on the target heading.


29-29: Link to configuration guide for auto-review behavior
Great addition directing users to configure automatic review modes.

Ensure that docs/guides/config-vscode.md defines a section with {#auto-reviews} so this link resolves properly.


33-33: Add manual review section with anchor
The new ## Manually request code reviews {#manual-reviews} heading and anchor provide clear structure for users who prefer manual review flows.


79-79: Introduce AI coding agent help section
The “Request help from your AI coding agent” subsection clearly explains the “Fix with AI” feature. The {#agent} anchor will aid in linking from other docs.


89-89: Link to AI agent configuration guide
This link to [Configure AI agent integration](/guides/config-vscode#agent) is essential.

Please confirm that docs/guides/config-vscode.md includes a matching {#agent} anchor so this deep link works as intended.


105-105: Add "What's next" section with anchor
The new ## What's next {#whats-next} heading provides a logical wrap-up and deep-linking capability.


107-107: Include Configure VSCode extension in next steps
Adding the “Configure the VSCode extension” link here ensures users can immediately access setup instructions for AI agent integration and automatic review preferences.


109-109: Include Uninstall VSCode extension in next steps
Retaining the uninstall link under “What’s next” offers a complete navigation path for users evaluating or troubleshooting the extension.

@jmacdotorg jmacdotorg merged commit cfaef41 into main May 15, 2025
4 checks passed
@jmacdotorg jmacdotorg deleted the ai-button branch May 15, 2025 20:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
2 participants