Chrome Extension
Relevant source files
The following files were used as context for generating this wiki page:
The Onyx Chrome Extension is a browser-integrated tool designed to extend the capabilities of the Onyx platform directly into the user's web browsing workflow. It allows teams to research, create, and automate using Large Language Models (LLMs) powered by their unique organizational knowledge. The extension provides immediate access to internal search, AI chat interfaces, and custom AI Agents without requiring the user to navigate away from their current web application.
Sources: extensions/chrome/README.md:3-8, AGENTS.md:16-18
Core Functionalities
The extension serves as a bridge between the user's browser and the Onyx ecosystem, which connects to over 50 enterprise connectors. Key features include:
- Onyx Sidebar: A quick-access panel for instant retrieval of company knowledge.
- Chat Interface: A natural language interface for interacting with Onyx features.
- Internal Search: Capability to ask questions and receive answers derived from all team knowledge sources.
- Instant Summarization: Tools to summarize information from any work application using keyboard shortcuts.
- New Tab Page: An customized start page that puts company knowledge at the user's fingertips.
- Custom AI Agents: Access to specialized agents equipped with tools to take specific actions.
Sources: extensions/chrome/README.md:3-13
Integration and Shortcuts
The extension is designed for high-speed access through specific key bindings based on the operating system:
| Action | MacOS Shortcut | Windows Shortcut |
|---|---|---|
| Access Onyx Sidebar/Search | Ctrl + O | Alt + O |
| Summarize Information | Ctrl + O | Alt + O |
Sources: extensions/chrome/README.md:3-8
Architecture and Data Flow
The Chrome Extension operates as a frontend client that communicates with the Onyx backend infrastructure. While the extension resides in the extensions/chrome directory, it relies on the broader project architecture for data retrieval and AI processing.
System Interaction Flow
The following diagram illustrates how the extension interacts with the Onyx ecosystem to provide search results.
Development and Contribution
The extension source code is primarily located within the extensions/chrome directory. Development follows the standard Onyx frontend practices outlined in the project's frontend standards.
Environment Setup
- Location: Files are modified within the
srcdirectory of the extension. - Loading: Developers load the extension as an "unpacked extension" in Chrome's developer mode.
- Frontend Standards: New UI elements should align with the Opal design system and adhere to Tailwind CSS constraints (e.g., avoiding manual
dark:modifiers).
Frontend Technical Requirements
| Requirement | Specification |
|---|---|
| Language | TypeScript / JavaScript |
| Styling | Tailwind CSS (Custom Onyx color variables) |
| Icons | Curated selection from web/src/icons |
| Imports | Absolute imports with @ prefix |
Sources: extensions/chrome/README.md:18-22, CLAUDE.md:118-125, CLAUDE.md:162-170, CLAUDE.md:275-282
Relationship with Connectors
The Chrome Extension's search utility leverages the diverse array of connectors maintained in the backend. These connectors provide the "unique knowledge" that the extension accesses.
Summary
The Onyx Chrome Extension is a critical entry point for users to interact with their organization's knowledge base. By integrating search, chat, and summarization directly into the browser via keyboard shortcuts and a dedicated sidebar, it minimizes context switching and enhances productivity through AI-driven insights derived from connected enterprise data.
Sources: extensions/chrome/README.md:3-13