docs: core features LLM chat and hub

docs/docs.json

@@ -44,6 +44,7 @@
       {
         "group": "Core Features",
         "pages": [
+          "features/llm-chat-hub",
           "features/ad-blocking",
           "browseros-mcp/how-to-guide",
           "integrations/n8n"

docs/features/llm-chat-hub.mdx

@@ -0,0 +1,60 @@
+---
+title: "LLM Chat & Hub"
+description: "Access ChatGPT, Claude, and Gemini from any webpage with one click"
+---
+
+BrowserOS puts AI chat at your fingertips. Open a chat panel on any webpage to ask questions with full page context, or compare responses across multiple LLMs side-by-side.
+
+## LLM Chat
+
+Click the **Chat** button in the toolbar (or press `Option+K`) to open an AI chat panel on any webpage.
+
+<img src="/images/features--llm-chat-panel.png" alt="LLM Chat panel open on a webpage" />
+
+### Features
+
+- **Switch providers instantly** — Use the dropdown or press `Option+L` to cycle between Claude, ChatGPT, and Gemini
+- **Copy page context** — Grab the current webpage content to paste into your prompt
+- **Screenshot and attach** — Capture the visible page as an image for visual questions
+- **Works everywhere** — The panel stays open as you browse
+
+### Toolbar Buttons
+
+<img src="/images/features--llm-chat-toolbar.png" alt="LLM Chat toolbar buttons" />
+
+| Icon | Action |
+|------|--------|
+| Copy | Copy webpage content to clipboard |
+| Image | Screenshot webpage and copy |
+| Refresh | Reset LLM chat |
+| External | Open LLM in new tab |
+| Menu | Additional options + Popout LLM Hub |
+
+### Keyboard Shortcuts
+
+| Shortcut | Action |
+|----------|--------|
+| `Option+K` | Toggle chat panel |
+| `Option+L` | Switch to next provider |
+
+## LLM Hub (Clash of GPTs)
+
+Click the **Hub** button in the toolbar (or press `Cmd+Shift+U`) to open a multi-pane comparison window.
+
+<img src="/images/features--llm-hub.png" alt="LLM Hub with three panes showing Claude, Gemini, and ChatGPT" />
+
+The Hub lets you query multiple LLMs simultaneously:
+
+1. Choose 1, 2, or 3 panes using the panel selector in the top-right
+2. Select which LLM to use in each pane (Claude, Gemini, or ChatGPT)
+3. Paste your prompt into each pane and compare responses
+
+This is useful when you want an "LLM council" — get multiple perspectives on a question and see where the models agree or differ.
+
+## Customization
+
+Control which buttons appear in your toolbar from **Settings → Customization**:
+
+- **Show Chat Button** — Display the Chat button in the toolbar
+- **Show Hub Button** — Display the Hub button in the toolbar
+- **Show Button Labels** — Display text labels next to toolbar icons