Chrome Extension
The Senda Chrome Extension adds a persistent AI copilot sidebar to any webpage. It reads page context (URL, title, selected text) and sends it to the agent for contextual assistance.
Installation
- Download from the Chrome Web Store (coming soon) or load as unpacked extension from
senda-extension/ - Click the Senda icon in the toolbar
- Enter your API Key, API URL, and optional space in the popup
- Click "Guardar Configuración"
Features
| Feature | Description |
|---|---|
| Side Panel | Persistent chat that stays open across tabs |
| Context Awareness | Automatically reads page URL, title, and selected text |
| SPA Detection | MutationObserver tracks URL changes in single-page apps |
| Streaming | Real-time SSE streaming responses |
| Secure Storage | API key stored in chrome.storage.sync (encrypted by Chrome) |
How Context Works
When you navigate to a page or select text:
- The content script reads
{ url, title, selectedText }from the page - It sends this to the background service worker
- The service worker stores it in
chrome.storage.session - The side panel reads the context and includes it in the chat message
The agent receives context like:
[Page Context: Jira Ticket PROJ-142 | Selected text: "Error 500 on login"]
How do I fix this issue?
Development
To load the extension for development:
# 1. Open Chrome → chrome://extensions
# 2. Enable "Developer mode"
# 3. Click "Load unpacked"
# 4. Select the senda-extension/ directory
Architecture
manifest.json (Manifest V3)
├── background.js — Service worker: auth, context relay
├── content-script.js — Page reader: URL, title, selected text
├── popup/popup.html — Config: API key, URL, space
└── sidepanel/index.html — Chat UI with streaming