AI Chat Widener 🖥️

Stop squinting at a 600px column. Use your whole damn screen.

A lightweight userscript that removes the max-width constraints on AI chat interfaces, giving your conversations the full width of your browser window.

Supported Platforms

Platform	Status
Claude	✅ Full support (CSS injection, SPA-safe)
ChatGPT	✅ Full support (DOM observer)
Gemini	✅ Full support (DOM observer)

Install

Requires a userscript manager:

• Violentmonkey (recommended)
• Tampermonkey
• Greasemonkey

Then click:

Install AI Chat Widener

Your userscript manager will prompt you to confirm installation. That's it.

How It Works

Each platform uses a different strategy optimized for its DOM structure:

• Claude — Injects a <style> element at document-start. Pure CSS, zero DOM manipulation, survives SPA route transitions without re-triggering. Targets data-test-render-count, data-is-streaming, and Tailwind max-w-* classes.
• ChatGPT — Waits for .text-base elements, then applies inline max-width: 98% with a MutationObserver to catch dynamically added messages.
• Gemini — Same observer pattern, targeting .conversation-container.

Configuration

The width is set via the WIDTH constant at the top of the script:

const WIDTH = '98%';

Change it to whatever you prefer — 90%, 1600px, 100vw, etc.

Why Not a Browser Extension?

A userscript is simpler, more transparent, and doesn't need store approval cycles. You can read every line of code in under a minute. No permissions, no background processes, no analytics.

License

MIT — do whatever you want with it.