From 12cdd82b3c9d43fbeb40ac36cc4ef4ab8fc582fc Mon Sep 17 00:00:00 2001
From: Felarof <nithin.sonti@gmail.com>
Date: Tue, 13 Jan 2026 13:48:07 -0800
Subject: [PATCH] docs: core features LLM chat and hub

---
 docs/docs.json                             |  1 +
 docs/features/llm-chat-hub.mdx             | 60 ++++++++++++++++++++++
 docs/images/features--llm-chat-panel.png   |  3 ++
 docs/images/features--llm-chat-toolbar.png |  3 ++
 docs/images/features--llm-hub.png          |  3 ++
 5 files changed, 70 insertions(+)
 create mode 100644 docs/features/llm-chat-hub.mdx
 create mode 100644 docs/images/features--llm-chat-panel.png
 create mode 100644 docs/images/features--llm-chat-toolbar.png
 create mode 100644 docs/images/features--llm-hub.png

diff --git a/docs/docs.json b/docs/docs.json
index c4e8a8ae3..0043b5b27 100644
--- a/docs/docs.json
+++ b/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"
diff --git a/docs/features/llm-chat-hub.mdx b/docs/features/llm-chat-hub.mdx
new file mode 100644
index 000000000..aa77ca639
--- /dev/null
+++ b/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
diff --git a/docs/images/features--llm-chat-panel.png b/docs/images/features--llm-chat-panel.png
new file mode 100644
index 000000000..54e741f5a
--- /dev/null
+++ b/docs/images/features--llm-chat-panel.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:254133b8dd71d580532071cee6a79db071b6e10ac2f12a6cd228a68469ca5ee8
+size 5134348
diff --git a/docs/images/features--llm-chat-toolbar.png b/docs/images/features--llm-chat-toolbar.png
new file mode 100644
index 000000000..0f892b4c6
--- /dev/null
+++ b/docs/images/features--llm-chat-toolbar.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:30fd40d1e890922ff1838843089cbe497f0661d9f06720783311a32a09d0fca7
+size 2616706
diff --git a/docs/images/features--llm-hub.png b/docs/images/features--llm-hub.png
new file mode 100644
index 000000000..9ea0f5cb0
--- /dev/null
+++ b/docs/images/features--llm-hub.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1ff7261a7a0a8583fc33936f5cdcfcfaee05fcf870d08ad96a8fb635185f7096
+size 4147338