Merge pull request #39 from KoushikBaagh/main

Added showcase for Sonar Chromium Browser

Author: kesku

docs/showcase/sonar-chromium-browser.mdx

@@ -0,0 +1,77 @@
+---
+title: Sonar Chromium Browser | Native Search Omnibox and Context Menu
+description: Chromium browser patch with native Perplexity Sonar API integration providing omnibox answers and context-menu summarization
+sidebar_position: 15
+keywords: [sonar, chromium, omnibox, context-menu, summarize, hackathon, api, browser, integration]
+---
+
+
+**Sonar Chromium Browser** is a Chromium browser patch that natively integrates Perplexity's Sonar API to provide AI-powered functionality directly in the browser. Users can type `sonar <query>` in the omnibox for instant AI answers or select text and right-click "Summarize with Sonar" for quick summaries, streamlining research and browsing workflows.
+
+## Features
+
+* **Omnibox AI Answers** with `sonar <query>` syntax for instant responses
+* **Context-menu Summarization** for selected text with one-click access
+* **Native Browser Integration** using Chromium's omnibox and context-menu APIs
+* **Dual Model Support** using Sonar Pro for omnibox and Sonar for summaries
+* **Debounced Input Handling** for efficient API usage
+* **Custom Browser Build** demonstrating AI integration patterns
+
+## Prerequisites
+
+* Ubuntu 22.04 (WSL2 recommended)
+* Chromium source code checkout
+* Perplexity API key
+* 16GB+ RAM for Chromium build
+* Git and standard build tools
+
+## Installation
+
+```bash
+# Clone the repository
+git clone https://github.com/KoushikBaagh/perplexity-hackathon-chromium.git
+cd perplexity-hackathon-chromium
+
+# Apply patches to Chromium source
+# Follow the README for detailed Chromium setup instructions
+```
+
+## Configuration
+
+Update API keys in the modified files:
+```cpp
+// In sonar_autocomplete_provider.cc and render_view_context_menu.cc
+const std::string API_KEY = "your_perplexity_api_key_here";
+```
+
+## Usage
+
+1. **Build Chromium** with applied patches following the repository instructions
+2. **Launch the custom browser** with AI integration
+3. **Use Omnibox AI**: Type `sonar what is quantum tunneling?` in address bar
+4. **Use Context Summarization**: Select text, right-click "Summarize with Sonar"
+
+## Code Explanation
+
+* **Omnibox Integration**: Custom autocomplete provider hooking into Chromium's omnibox API
+* **Context Menu**: Modified render view context menu for text summarization
+* **API Integration**: Direct Perplexity Sonar API calls with debounced input handling
+* **Model Selection**: Sonar Pro for omnibox queries, Sonar for text summarization
+* **Browser Architecture**: Demonstrates Chromium extension points for AI features
+* **Build Process**: Custom Chromium build with AI patches applied
+
+## Demo Video
+
+<iframe
+  className="w-full aspect-video rounded-xl"
+  src="https://www.youtube.com/embed/nFhciodeQ-c"
+  title="YouTube video player"
+  frameBorder="0"
+  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+  allowFullScreen
+></iframe>
+
+## Links
+
+- [GitHub Repository](https://github.com/KoushikBaagh/perplexity-hackathon-chromium)
+- [Chromium Gerrit Repository](https://chromium-review.googlesource.com/c/chromium/src/+/6778540)