Nicolas Varrot 36f948027b feat: runtime login screen — remove token from build
- Add LoginScreen component with Gateway URL + Token fields
- Store credentials in localStorage (not in bundle)
- Auto-reconnect with stored credentials on reload
- Add logout button (LogOut icon) in Header
- Remove VITE_GATEWAY_TOKEN from .env.example
- VITE_GATEWAY_WS_URL now only pre-fills the URL field
- Dark neon theme consistent with rest of app

Closes feedback item #4
2026-02-11 12:48:58 +00:00
2026-02-11 00:48:43 +00:00
2026-02-11 00:48:43 +00:00
2026-02-11 00:48:43 +00:00

🦞 PinchChat

CI License: MIT Node.js

A sleek, dark-themed webchat UI for OpenClaw — monitor sessions, stream responses, and inspect tool calls in real-time.

🖼️ Screenshot coming soon — contributions welcome!

Features

  • 🌑 Dark neon theme — easy on the eyes, built with Tailwind CSS v4
  • 📊 Token progress bars — track token usage per session in real-time
  • 🔧 Tool call badges — expandable panels with syntax-highlighted JSON
  • 📋 Session sidebar — browse active sessions with live activity indicators
  • 📝 Markdown rendering — full GFM support with code highlighting
  • 📎 File upload — attach files to your messages
  • Streaming responses — watch the AI think in real-time

🚀 Quick Start

Prerequisites

  • Node.js 18+
  • OpenClaw gateway running and accessible

Installation

git clone https://github.com/MarlBurroW/pinchchat.git
cd pinchchat
npm install
cp .env.example .env

Edit .env with your gateway details:

VITE_GATEWAY_WS_URL=ws://localhost:18789
VITE_GATEWAY_TOKEN=your-gateway-token-here

Start the dev server:

npm run dev

Production

npm run build
npx vite preview

Or serve the dist/ folder with nginx, Caddy, or any static file server.

⚙️ Configuration

Variable Description Default
VITE_GATEWAY_WS_URL WebSocket URL of the OpenClaw gateway ws://<hostname>:18789
VITE_GATEWAY_TOKEN Authentication token for the gateway (required)

🛠 Tech Stack

📄 License

MIT © Nicolas Varrot

🤝 Contributing

Contributions are welcome! See CONTRIBUTING.md for guidelines.

  • OpenClaw — the AI agent platform PinchChat connects to
Description
No description provided
Readme MIT 9.2 MiB
Languages
TypeScript 96.9%
CSS 1.9%
JavaScript 0.6%
HTML 0.5%