iTab

AI-powered context-aware browser assistant leveraging Chrome's built-in Gemini Nano AI

A modern Chrome extension for productive browsing. Built with React, Vite, and TypeScript, iTab combines advanced context memory and AI-powered smart suggestions to help you write, read, translate, and summarize any web content directly in your browser.

Features

• 🤖 AI-powered Smart Suggestions: Context-aware actions (summarize, translate, rewrite, proofread, extract, explain, compare, complete)
• ⚡ Edge AI: Runs on-device using Chrome's Gemini Nano with Prompt API, Proofreader API, and other built-in AI features — ensures user privacy and instant response
• 🧠 Context Memory: Remembers what you read, select, and draft for deeply personalized suggestions
• 💬 Floating Bubble: Hovering UI for quick suggestions on any page (can be disabled in options)
• ⚙️ Configurable Options: Toggle features, language, and writing style

AI-Powered Smart Suggestions

The AI analyzes:

• Page Content & Structure: Article text, type, topics, and titles
• User Actions: Highlighted/selected text, what you're drafting
• Session Patterns: Recent topics & visited pages
• Cross-tab Context: Related tabs, multi-page memory

Intelligent Suggestions

Action	Description
Summarize	Condense content into key points
Translate	Convert text to different languages
Rewrite	Improve writing style & tone
Proofread	Fix grammar and spelling (uses Chrome's Proofreader API)
Extract	Pull out important data
Explain	Clarify complex concepts
Compare	Cross-reference with related tabs
Complete	Continue or finish drafts
Synthesize	Combine info from multiple tabs

All results are delivered using a JSON Schema-based prompt system — ensuring suggestions are always valid and actionable (no broken AI formatting).

User Preferences & Personalization

iTab allows you to personalize:

• Popup UI: Show/hide the popup UI
• Floating Bubble: Quick access to actions
• Theme: Light or dark mode
• Writing Style: E.g. "professional"
• Preferred Language: For suggestions

Configured via Options.

Prerequisites

• Node.js >= 14.18.0
• pnpm (preferred), npm, or yarn
• Chrome 138+ (with Gemini Nano AI model enabled and downloaded)
  • Requires Prompt API experimental flag
  • ~22GB free disk space for AI model

Installing

1. Clone the repository
2. Install dependencies:

   pnpm install

3. (Optional) Change extension name in src/manifest.ts

Developing

Start Dev Server

pnpm run dev

Load Extension in Chrome

1. Go to chrome://extensions/
2. Enable Developer mode
3. Click Load unpacked
4. Select the build folder

Debugging

• Popup: Click the extension icon
• Options: Right-click the icon → Options
• UI Dev: Browse to http://localhost:5173/popup.html, /options.html

Tips

• After edit/rebuild, refresh the extension via the extension card
• Changes in Options immediately update user preferences

Building & Packaging

To build for production:

pnpm run build

To package for Chrome Web Store:

pnpm run zip

This bundles the latest build into package/iTab-0.0.0.zip

Tech Stack

• Framework: React 18
• Build Tool: Vite 5
• Language: TypeScript
• Plugin: @crxjs/vite-plugin (MV3 support)
• Manifest: Chrome Extension Manifest V3

Troubleshooting & Requirements

• AI Features require Chrome 138+ and Gemini Nano
• Enable all necessary Chrome Prompt API flags
• Check for at least 22GB free space for Gemini Nano
• Fallbacks to rule-based when AI is unavailable, so extension remains usable always
• Use Options panel to see “AI Status” and debug issues (prompts/availability/errors)

Changelog

See CHANGELOG.md for recent updates.

License

MIT