PinchChat/CHANGELOG.md

Changelog

All notable changes to PinchChat are documented here.

Format based on Keep a Changelog, with Conventional Commits.

[1.11.0] — 2026-02-12

Added

• Relative timestamps in sidebar — each session shows how recently it was active (2m, 3h, 1d)
• Message preview in sidebar — last message preview shown below session name
• Recency sorting — sessions sorted by most recently updated within pinned/unpinned groups

[1.10.0] — 2026-02-12

Added

• Agent name badge — display the agent name (e.g. "Marlbot") in the header next to the session label (17ff52a)

[1.9.0] — 2026-02-12

Added

• Human-friendly session titles — header and sidebar now show readable names (Main, Cron, Task + channel) instead of raw UUIDs; falls back to label or cleaned key (52a1a7f)

[1.8.1] — 2026-02-12

Fixed

• Markdown rendering in long messages — autoFormatText no longer wraps markdown prose in code fences; bold, headings, and bullet lists are now correctly rendered (4c8faf0)

[1.7.0] — 2026-02-12

Added

• Delete session from sidebar — trash icon on hover with confirmation dialog; calls sessions.delete on the gateway (e94325b)

[1.6.0] — 2026-02-12

Added

• System event detection — heartbeats, cron triggers, webhooks, and channel events now display as subtle inline notifications instead of full user message bubbles (581675d)

[1.5.0] — 2026-02-12

Added

• Resizable sidebar — drag the right edge to resize the sidebar; width persists across sessions (fa9b10a)

[1.4.0] — 2026-02-12

New features and mobile fixes.

Added

• Session pinning — pin important sessions to the top of the sidebar for quick access (e24378a)
• Model badge — see which AI model is handling the current session, displayed next to the token progress bar (96f2883, 1465ae1)

Fixed

• Mobile viewport overflow — chat messages no longer clip on left/right edges on iPhone (8ef1b42)

[1.3.0] — 2026-02-12

New features improving daily usability.

Added

• Unread message indicators — sessions with new messages show a visual badge in the sidebar so you never miss activity (c0d27a7)
• Copy buttons on tool calls — expanded tool call parameters and results now have one-click copy buttons (908dbb4)
• Troubleshooting guide — README now includes a troubleshooting section for common connection and build issues (7a55940)

Fixed

• CI lint errors — resolved lint issues in Sidebar, TypingIndicator, and useGateway (6734b54)

[1.2.2] — 2026-02-12

Code readability and developer experience polish.

Added

• Language labels on code blocks — fenced code blocks now show the language name (e.g. "python", "bash") in a subtle label for easier identification (ae3f683)
• Elapsed time on thinking indicator — see how long the agent has been thinking with a live counter (0c95150)

[1.2.1] — 2026-02-12

Small UX and documentation polish.

Added

• Auto-focus chat input — input field automatically focuses when switching sessions or on connection, so you can start typing immediately (f2038a2)
• Keyboard navigation for sessions — use arrow keys to navigate the session list in the sidebar (f55a24c)
• i18n contribution guide — README now includes a section explaining how to add new languages (f827307)

[1.2.0] — 2026-02-12

Polish, performance, and developer experience improvements.

Added

• Browser tab title — shows the active session name in the tab title (e53ef36)
• PWA support — manifest, apple-touch-icon, and proper favicon sizes for installable webapp (b8cbc75)
• Channel/type icons in session list — Discord, Telegram, cron, and webchat sessions now show recognizable icons in the sidebar (73d9e5f)
• Date separators — visual dividers between messages from different days for easier conversation scanning (375bd10)
• Screenshot in README — added a real screenshot of the app to the README (788909f)
• Loading indicator — spinner when switching sessions (cb882f5)
• Login URL validation — inline hint when gateway URL doesn't start with ws:// or wss://, connect button disabled until valid (dc49734)

Changed

• Lazy-loaded Chat component — reduces initial bundle size by deferring heavy markdown/syntax-highlighting imports (b5eafde)

Fixed

• Notification API guard — no longer crashes in browsers that don't support the Notification API (8301cba)
• ESLint + CI — resolved all ESLint errors including React compiler rules; added lint step to CI pipeline (916910f, 29482e3)
• WebSocket reconnection — exponential backoff with jitter instead of fixed-interval retry, preventing thundering herd on server restart (f8be728)

[1.1.0] — 2026-02-11

A massive feature release turning PinchChat from a basic chat UI into a polished, accessible, and well-documented webchat client for OpenClaw.

Added

• OG card image + social meta tags — rich previews when sharing links on Twitter/Discord/etc. (88b6494)
• Retry/resend button on user messages — resend a message if something went wrong (5b2f3a3)
• Browser notifications + tab badge — get notified of new messages even when the tab is in the background (473d23c)
• PR template + security policy — standardized PR descriptions and responsible disclosure process (d020094)
• ErrorBoundary — graceful crash recovery with a user-friendly error screen instead of a blank page (b61a232)
• Keyboard shortcuts modal — press ? to see all available shortcuts (ae83545)
• Session search filter — filter sessions in the sidebar with Ctrl+K shortcut (1779709)
• Emoji icons on tool call badges — visual icons per tool type (🔍 web_search, ⚡ exec, 📖 read, etc.) (72f7d76)
• Line break support — messages now preserve single line breaks via remark-breaks (59104b4)
• Copy button on assistant messages — one-click copy of the full message text (dd5b56e)
• Animated UI demo on landing page — interactive fake chat showing tool call visualization, typing effects, and thinking indicators (d26c498)
• Connection lost/reconnected banner — visual feedback when WebSocket connection drops or recovers (32a2166)
• Scroll-to-bottom button — appears when scrolled up in chat, click to jump to latest messages (b56c80a)
• Inline image display — images render directly in chat with a click-to-expand lightbox (762a5f2)
• Logo integration — PinchChat logo in header, login screen, favicon, and OG meta tags (97c16be)
• GitHub Pages landing page — feature showcase at marlburrow.github.io/pinchchat (4f47732)
• Docker support — Dockerfile, docker-compose.yml, CI auto-publish to ghcr.io/marlburrow/pinchchat (5fd7300)
• Language selector — toggle EN/FR in the header at runtime (9b3aed4)
• Copy button on code blocks — one-click copy for code snippets (b6a989b)
• i18n support — English and French UI via VITE_LOCALE env var (99b7db9)
• Runtime login screen — enter gateway credentials at runtime, no secrets baked into the build (36f9480)
• NO_REPLY filtering — silently hides agent NO_REPLY messages from the chat (8834b2a)
• GitHub Actions CI — lint and build checks on every push and PR (a6b26b0)
• Issue templates — bug report and feature request forms (2d3ee47)
• Contributing guide — CONTRIBUTING.md with dev setup and PR guidelines (e34643d)

Changed

• Landing page layout — moved demo to hero section, replaced grid with alternating feature sections (d118498)
• Token progress bars — unified with subtle cyan opacity ramp, replacing the multi-color gradient (84c8e24)
• Features rewrite — pragmatic feature descriptions in README and landing page, highlighting real differentiators (f556c8d)
• Architecture diagram — replaced ASCII art with a Mermaid diagram in the README (02d2ab3)
• Smart auto-scroll — only auto-scrolls when the user is near the bottom (3e7a596)
• Timestamp locale — uses the selected i18n locale instead of hardcoded fr-FR (88c393e)
• Vendor code-splitting — split React and markdown dependencies into separate chunks, eliminating the 500KB bundle warning (d7bdf3b)

Fixed

• Prefers-reduced-motion — all animations respect the user's OS motion preference (fd66fed)
• ARIA accessibility — added ARIA attributes to interactive elements for screen reader support (78f82fd)
• Landing page demo messages left-aligned (inherited text-align:center from hero) (02e4bcf)
• i18n key for 'Parameters' label in tool call expansion (195ad62)
• Sidebar overlay closes on Escape key + aria-hidden for screen readers (91c22a1)
• Corrected index.html lang attribute, page title, favicon path, and added SEO meta tags (24c7d00)
• Localized all hardcoded French strings to English with ARIA accessibility attributes (3370916)
• Fixed OpenClaw repo link in README (604f902)

Improved

• TypeScript strictness — replaced any types with proper interfaces across gateway client, hooks, and components (693229c)

Renamed

• ClawChat → PinchChat — full project rename across all files, configs, and docs (d58c34f)

[1.0.0] — 2026-02-11

Initial release as ClawChat.

• Dark neon theme with Tailwind CSS v4
• WebSocket connection to OpenClaw gateway
• Session sidebar with token usage progress bars
• Markdown rendering with GFM and syntax highlighting
• Tool call badges with expandable JSON panels
• Thinking block display (collapsible)
• File upload with image compression and drag & drop
• Streaming response display