docs: rewrite features for README and landing page
Reorder and rewrite feature descriptions to highlight what actually differentiates PinchChat: tool call visualization, GPT-like interface, multi-session navigation. Remove generic features (markdown, file upload, dark theme) that don't sell the product. Pragmatic tone, no fluff.
This commit is contained in:
@@ -284,50 +284,45 @@
|
||||
<div class="container">
|
||||
<h2>Features</h2>
|
||||
<div class="features-grid">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">🌑</div>
|
||||
<h3>Dark Neon Theme</h3>
|
||||
<p>Beautiful dark interface with neon accents, built with Tailwind CSS v4. Easy on the eyes during long sessions.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">⚡</div>
|
||||
<h3>Real-time Streaming</h3>
|
||||
<p>Watch the AI think in real-time with streamed responses. Full WebSocket integration with your OpenClaw gateway.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">🔧</div>
|
||||
<h3>Tool Call Inspector</h3>
|
||||
<p>Expandable tool call badges with syntax-highlighted JSON. See exactly what your agent is doing.</p>
|
||||
<h3>Tool Call Visualization</h3>
|
||||
<p>See what your agent is doing in real-time. Colored badges, visible parameters, expandable results — the feature missing from every other chat UI.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">📊</div>
|
||||
<h3>Token Progress Bars</h3>
|
||||
<p>Track token usage per session in real-time. Stay aware of costs and context window limits.</p>
|
||||
<div class="feature-icon">💬</div>
|
||||
<h3>GPT-like Interface</h3>
|
||||
<p>Sessions in a sidebar, switch between conversations. Instantly familiar if you've used ChatGPT or Claude.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">📋</div>
|
||||
<h3>Session Sidebar</h3>
|
||||
<p>Browse all active sessions with live activity indicators. Switch between conversations instantly.</p>
|
||||
<h3>Multi-Session Navigation</h3>
|
||||
<p>Browse all active sessions — main chat, cron jobs, sub-agents, background tasks. Everything in one place.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">🔐</div>
|
||||
<h3>Runtime Login</h3>
|
||||
<p>Enter gateway credentials at runtime — no secrets baked into the build. Perfect for shared deployments.</p>
|
||||
<div class="feature-icon">⚡</div>
|
||||
<h3>Live Streaming</h3>
|
||||
<p>Watch the agent think and write token by token. Full WebSocket streaming from your OpenClaw gateway.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">📊</div>
|
||||
<h3>Token Usage Tracking</h3>
|
||||
<p>Progress bars per session showing context usage in real-time. Know exactly how much headroom is left.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">🖼️</div>
|
||||
<h3>Inline Images</h3>
|
||||
<p>Images render inline with a lightbox for full-size viewing. Supports PNG, JPG, GIF, and WebP.</p>
|
||||
<p>Generated or read images render directly in chat. Click to view full-size in a lightbox.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">🎯</div>
|
||||
<h3>Chat-Focused</h3>
|
||||
<p>No settings menus or config panels cluttering the screen. Just the conversation, clean and efficient.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">🌐</div>
|
||||
<h3>i18n Support</h3>
|
||||
<p>Multi-language interface with English and French built-in. Easy to extend with new translations.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">📝</div>
|
||||
<h3>Markdown Rendering</h3>
|
||||
<p>Full GitHub Flavored Markdown with syntax-highlighted code blocks, tables, and more.</p>
|
||||
<h3>i18n</h3>
|
||||
<p>English and French built-in. Easy to add new languages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user