Add developer toolbar and AI generation tools to extension

[vercel]

• Added a Vercel-inspired developer tools toolbar to the browser extension interface.
• Integrated AI generation capabilities to provide intelligent assistance within the extension.

v0 Session

Summary by Sourcery

Add AI generation tools to the browser extension's developer toolbar and popup.

New Features:

• Add AI generation tools for image, object, speech, text, and video workflows to the extension popup and developer toolbar.

Enhancements:

• Expand the extension's developer tooling navigation with an AI-focused category.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
enclosed	Error		Oct 8, 2026 2:56am UTC

[coderabbitai]

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

• Configuration used: Organization UI
• Review profile: CHILL
• Plan: Advanced
• Run ID: b7c4ffa0-598c-492e-89e4-b10ae09f1109

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

• Autopilot · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

---

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.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[sourcery-ai]

Reviewer's guide (collapsed on small PRs)

Reviewer's Guide

The extension now exposes a Vercel-inspired AI generation category across its popup and developer toolbar. Five generation actions—image, object, speech, text, and video—are registered with user-facing labels/icons and routed either to the hosted devtools URLs or corresponding toolbar paths.

Flow diagram for AI generation tools in the extension

flowchart TD
    Popup[Extension popup] --> AIGeneration[AI generation]
    Toolbar[Developer toolbar] --> AIGeneration
    AIGeneration --> Image[Generate Image]
    AIGeneration --> Object[Generate Object]
    AIGeneration --> Speech[Generate Speech]
    AIGeneration --> Text[Generate Text]
    AIGeneration --> Video[Generate Video]
    Image --> ImageURL[generate-image]
    Object --> ObjectURL[generate-object]
    Speech --> SpeechURL[generate-speech]
    Text --> TextURL[generate-text]
    Video --> VideoURL[generate-video]

Loading

File-Level Changes

Change	Details	Files
Adds AI generation tools to both extension entry points, using shared category metadata to expose links for image, object, speech, text, and video generation.	Introduces an AI generation category in the popup tool list with external devtools URLs. Adds matching AI actions to the developer toolbar with descriptions, icons, and route paths.	extension/popup.js extension/toolbar.js
Updates the generated ESLint auto-import configuration to reflect the extension changes.	Regenerates the auto-import lint configuration metadata.	.eslintrc-auto-import.json

---

Tips and commands

Interacting with Sourcery

• Trigger a new review: Comment @sourcery-ai review on the pull request.
• Continue discussions: Reply directly to Sourcery's review comments.
• Generate a GitHub issue from a review comment: Ask Sourcery to create an
  issue from a review comment by replying to it. You can also reply to a
  review comment with @sourcery-ai issue to create an issue from it.
• Generate a pull request title: Write @sourcery-ai anywhere in the pull
  request title to generate a title at any time. You can also comment
  @sourcery-ai title on the pull request to (re-)generate the title at any time.
• Generate a pull request summary: Write @sourcery-ai summary anywhere in
  the pull request body to generate a PR summary at any time exactly where you
  want it. You can also comment @sourcery-ai summary on the pull request to
  (re-)generate the summary at any time.
• Generate reviewer's guide: Comment @sourcery-ai guide on the pull
  request to (re-)generate the reviewer's guide at any time.
• Resolve all Sourcery comments: Comment @sourcery-ai resolve on the
  pull request to resolve all Sourcery comments. Useful if you've already
  addressed all the comments and don't want to see them anymore.
• Dismiss all Sourcery reviews: Comment @sourcery-ai dismiss on the pull
  request to dismiss all existing Sourcery reviews. Especially useful if you
  want to start fresh with a new review - don't forget to comment
  @sourcery-ai review to trigger a new review!

Customizing Your Experience

Access your dashboard to:

• Enable or disable review features such as the Sourcery-generated pull request
  summary, the reviewer's guide, and others.
• Change the review language.
• Add, remove or edit custom review instructions.
• Adjust other review settings.

Getting Help

• Contact our support team for questions or feedback.
• Visit our documentation for detailed guides and information.
• Keep in touch with the Sourcery team by following us on X/Twitter, LinkedIn or GitHub.

[sourcery-ai]

Hey - I've reviewed your changes and they look great!

Sourcery assessment

Approved.

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook