Quick Tip Overlay v3

A Chrome MV3 extension that sends selected text to a configured provider from the context menu and displays a short response in a lightweight page overlay.

Features

• Right-click selected text and choose Ask
• Supports Gemini, OpenAI-compatible, Anthropic, xAI, and custom REST configurations
• Configurable model, response length, overlay position, duration, and color
• Optional fallback API key for rate-limit recovery
• Shadow DOM overlay to avoid page style conflicts
• Works on regular http and https websites, with on-demand injection fallback for already-open tabs
• Provider test action in settings
• Optional loading state and local request history
• Popup with quick toggles for enablement, copying, loading state, and history

Chrome does not allow extensions to inject scripts into browser-owned pages such as chrome://, the Chrome Web Store, or other extension pages.

Development

Install dependencies:

npm install

Build:

npm run build

Watch:

npm run watch

Clean generated output:

npm run clean

Load in Chrome

1. Build the extension.
2. Open chrome://extensions/.
3. Enable Developer mode.
4. Click Load unpacked.
5. Select this project directory.
6. Open extension options and configure a provider key.

Project Layout

• manifest.json: MV3 extension manifest
• background.ts: context menu, settings, provider calls, and tab messaging
• content/overlay.ts: page overlay rendering
• options.html, options.ts, options.css: extension settings UI
• icons/: extension icons

Packaging Notes

Do not commit private signing keys, .crx packages, generated zips, dist/, or node_modules/. The repository should contain source, lockfiles, icons, and documentation only.