Add codicon support

[mrubens]

Important

Adds Codicon support by integrating @vscode/codicons, creating a Codicon component, and updating documentation to use Codicons.

• Codicon Integration:
  • Adds @vscode/codicons to package.json dependencies.
  • Creates Codicon component in Codicon.tsx to render Codicons using @vscode/codicons.
  • Updates MDXComponents.ts to include Codicon component.
• Documentation Updates:
  • Replaces text-based icons with Codicons in multiple documentation files, such as auto-approving-actions.md, code-actions.md, and custom-instructions.md.
  • Updates CSS in custom.css to style Codicons.
• Miscellaneous:
  • Minor updates to package.json and custom.css for Codicon support.

^{This description was created by for 2b405bb. It will automatically update as commits are pushed.}

[ellipsis-dev]

👍 Looks good to me! Reviewed everything up to 2b405bb in 2 minutes and 16 seconds

More details

• Looked at 337 lines of code in 19 files
• Skipped 1 files when reviewing.
• Skipped posting 21 drafted comments based on config settings.

1. docs/advanced-usage/auto-approving-actions.md:30

• Draft comment:
  Good update: replacing the emoji with the component enhances consistency in icon usage.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50%
  None

2. docs/advanced-usage/code-actions.md:64

• Draft comment:
  Nice replacement of the notebook icon with the Codicon component to standardize icons.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50%
  None

3. docs/advanced-usage/custom-instructions.md:15

• Draft comment:
  Consistent usage of for the Roo Code panel icon improves clarity.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50%
  None

4. docs/advanced-usage/custom-modes.md:36

• Draft comment:
  Using and replaces text-based icons consistently.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50%
  None

5. docs/advanced-usage/enhance-prompt.md:16

• Draft comment:
  Appropriate update: replacing the sparkle and send icons with Codicon components improves uniformity.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50%
  None

6. docs/advanced-usage/experimental-features.md:11

• Draft comment:
  Replacing the gear emoji with for settings is a helpful improvement.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50%
  None

7. docs/advanced-usage/local-models.md:76

• Draft comment:
  The icons for the sidebar and settings now use Codicon components consistently.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50%
  None

8. docs/advanced-usage/mcp.md:14

• Draft comment:
  Using for MCP server management is clear and consistent.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50%
  None

9. docs/advanced-usage/model-temperature.md:24

• Draft comment:
  Nice update: using and clarifies panel actions for adjusting temperature.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50%
  None

10. docs/advanced-usage/rate-limits-costs.md:32

• Draft comment:
  Possible inconsistency: The settings icon here is updated to , but elsewhere settings use . Verify if this is intended.
• Reason this comment was not posted:
  Decided after close inspection that this draft comment was likely wrong and/or not actionable: usefulness confidence = 10% vs. threshold = 50%
  The comment asks to "verify if this is intended" which violates our rule about not asking authors to verify things. Additionally, UI changes should be assumed correct per our rules. The comment is suggesting reverting a UI change that was deliberately made.
  Perhaps there really is an inconsistency that needs to be fixed across the documentation for user experience reasons?
  Per our rules, we should assume UI changes are intentional and correct. If there are other docs that need updating, that can be handled separately.
  Delete this comment since it asks for verification of a UI change, which violates our review rules.

11. docs/basic-usage/the-chat-interface.md:3

• Draft comment:
  Consistent use of for the Roo Code panel icon in the chat interface.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50%
  None

12. docs/faq.md:84

• Draft comment:
  Good application: using for the Roo Code panel icon in FAQ ensures consistency.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50%
  None

13. docs/getting-started/connecting-api-provider.md:31

• Draft comment:
  Proper use of to reference the Roo Code sidebar icon.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50%
  None

14. docs/getting-started/installing.md:25

• Draft comment:
  Using to indicate the Roo Code icon is clear and consistent.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50%
  None

15. docs/getting-started/your-first-task.md:11

• Draft comment:
  Replacement of the rocket icon with the Codicon component is applied consistently in first task instructions.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50%
  None

16. package.json:22

• Draft comment:
  Dependency @vscode/codicons added. Verify that ESLint/Prettier hooks enforce style consistency.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50%
  None

17. src/components/Codicon.tsx:1

• Draft comment:
  The Codicon component is clean and straightforward. Consider adding PropTypes or JSDoc comments if necessary for clarity.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50%
  None

18. src/css/custom.css:87

• Draft comment:
  The custom Codicon styles are brief and clear, ensuring icons align nicely with text.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50%
  None

19. src/theme/MDXComponents.ts:1

• Draft comment:
  MDXComponents properly extends the default and adds the Codicon component. Nicely modular.
• Reason this comment was not posted:
  Confidence changes required: 0% <= threshold 50%
  None

20. docs/advanced-usage/rate-limits-costs.md:29

• Draft comment:
  Inconsistent icon usage: This setting step should display a gear icon () instead of a rocket icon to remain consistent with other settings references.
• Reason this comment was not posted:
  Marked as duplicate.

21. src/components/Codicon.tsx:15

• Draft comment:
  Consider adding a newline at the end of the file to comply with standard Unix conventions.
• Reason this comment was not posted:
  Confidence changes required: 33% <= threshold 50%
  None

Workflow ID: wflow_wJnfq6Lz3wBNwfMw

---

You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.