PagePal

Select text on any page, ask questions, get answers in a sidebar.

Features

• AI chat in a side panel - ask follow-up questions about any selected text without leaving the page
• Quick actions - summarize, explain, extract key points, or explain code in one click
• Full page analysis - analyze an entire page when you don't need a specific selection
• Conversation history - search, revisit, export, and import past conversations
• Custom quick actions - create your own prompt shortcuts with custom icons
• Any model via OpenRouter - use GPT-4o, Claude, Gemini, or any model available on OpenRouter
• Light and dark theme - follows your preference or system setting

Screenshots

Select text and pick a quick action

Empty state - select text or analyze a full page

Getting Started

1. Clone and install dependencies:

git clone https://github.com/baxsm/pagepal.git
cd pagepal
npm install

2. Build the extension:

npm run build

3. Load in Chrome:

   • Go to chrome://extensions
   • Enable Developer mode
   • Click Load unpacked and select the dist/ folder

4. Click the PagePal icon in the toolbar, open Settings, and add your OpenRouter API key.

Development

npm run dev

Hot-reloads automatically via the Vite + CRXJS plugin. Changes to the sidebar, popup, content script, and background all rebuild on save.

Keyboard Shortcut

Alt+P opens the PagePal sidebar.

Permissions

• sidePanel - renders the chat interface alongside the page
• activeTab - reads the current page content when you click "Analyze full page"
• contextMenus - adds "PagePal: Analyze Selection" to the right-click menu
• storage - saves your settings, API key, and conversation history locally

Built With

• React 18, TypeScript, Tailwind CSS
• Vite + @crxjs/vite-plugin
• Chrome Manifest V3 (Side Panel API)
• OpenRouter for model access