<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Nicolas Varrot</title>
    <description>The latest articles on DEV Community by Nicolas Varrot (@marlburrow38).</description>
    <link>https://dev.to/marlburrow38</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3773351%2Fe56414f3-eafa-442a-8ab0-e06ad8539053.png</url>
      <title>DEV Community: Nicolas Varrot</title>
      <link>https://dev.to/marlburrow38</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/marlburrow38"/>
    <language>en</language>
    <item>
      <title>I built PinchChat, an open-source webchat UI for OpenClaw</title>
      <dc:creator>Nicolas Varrot</dc:creator>
      <pubDate>Sun, 15 Feb 2026 01:07:45 +0000</pubDate>
      <link>https://dev.to/marlburrow38/i-built-pinchchat-an-open-source-webchat-ui-for-openclaw-548b</link>
      <guid>https://dev.to/marlburrow38/i-built-pinchchat-an-open-source-webchat-ui-for-openclaw-548b</guid>
      <description>&lt;p&gt;I've been running &lt;a href="https://github.com/openclaw/openclaw" rel="noopener noreferrer"&gt;OpenClaw&lt;/a&gt; as my personal AI assistant for a while now, and the default terminal/CLI interface wasn't cutting it for everyday use. So I built &lt;strong&gt;PinchChat&lt;/strong&gt;, a lightweight, self-hosted webchat UI designed specifically for OpenClaw.&lt;/p&gt;

&lt;p&gt;It's basically a ChatGPT-like interface but for your own agent.&lt;/p&gt;

&lt;h2&gt;
  
  
  Features
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Live tool call visualization&lt;/strong&gt; so you can see what your agent is doing in real-time (file reads, web searches, code execution) with colored badges and expandable details&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Multi-session management&lt;/strong&gt; with a sidebar showing all active sessions (crons, sub-agents, DMs from different channels)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Token usage tracking&lt;/strong&gt; with real-time progress bars per session so you know how much context is left&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Streaming&lt;/strong&gt; to watch the agent think and type live&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Inline images&lt;/strong&gt; that render directly in the chat&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Context compaction button&lt;/strong&gt; to manually trigger compaction when tokens run high&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;i18n&lt;/strong&gt; with 8 languages (EN, FR, ES, DE, JA, PT, ZH, IT)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;PWA installable&lt;/strong&gt; so it works as a standalone app on mobile and desktop&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Theming&lt;/strong&gt; with multiple color themes and full dark mode&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Slash command autocomplete&lt;/strong&gt; for quick access to OpenClaw commands&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Conversation export&lt;/strong&gt; as Markdown&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Session info popover&lt;/strong&gt; with token breakdown and metadata&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Stack
&lt;/h2&gt;

&lt;p&gt;React + Vite + Tailwind. Docker image available on ghcr.io. One command deploy.&lt;/p&gt;

&lt;h2&gt;
  
  
  Try it
&lt;/h2&gt;


&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fassets.dev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/MarlBurroW" rel="noopener noreferrer"&gt;
        MarlBurroW
      &lt;/a&gt; / &lt;a href="https://github.com/MarlBurroW/pinchchat" rel="noopener noreferrer"&gt;
        pinchchat
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      A sleek, dark-themed webchat UI for OpenClaw 🦞
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;
  &lt;a rel="noopener noreferrer" href="https://github.com/MarlBurroW/pinchchat/public/logo.png"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fgithub.com%2FMarlBurroW%2Fpinchchat%2Fpublic%2Flogo.png" alt="PinchChat" width="120"&gt;&lt;/a&gt;
&lt;/p&gt;

&lt;div class="markdown-heading"&gt;
&lt;h1 class="heading-element"&gt;PinchChat&lt;/h1&gt;
&lt;/div&gt;

&lt;p&gt;&lt;a href="https://github.com/MarlBurroW/pinchchat/actions/workflows/ci.yml" rel="noopener noreferrer"&gt;&lt;img src="https://github.com/MarlBurroW/pinchchat/actions/workflows/ci.yml/badge.svg" alt="CI"&gt;&lt;/a&gt;
&lt;a href="https://github.com/MarlBurroW/pinchchat/releases" rel="noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/767dc77737d3eb42cb457db6e184d5a202851e2f5f2c9fcd512b0fa6f37e3954/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f762f72656c656173652f4d61726c427572726f572f70696e6368636861743f636f6c6f723d6379616e" alt="GitHub Release"&gt;&lt;/a&gt;
&lt;a href="https://opensource.org/licenses/MIT" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/fdf2982b9f5d7489dcf44570e714e3a15fce6253e0cc6b5aa61a075aac2ff71b/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4d49542d79656c6c6f772e737667" alt="License: MIT"&gt;&lt;/a&gt;
&lt;a href="https://nodejs.org/" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/32cbeb9f42f2e2be39a1a0ee4307bd4cb091a747ba6bf6e20f80071c487a4ee2/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6e6f64652d25334525334432302d627269676874677265656e2d627269676874677265656e" alt="Node.js"&gt;&lt;/a&gt;
&lt;a href="https://github.com/MarlBurroW/pinchchat/pkgs/container/pinchchat" rel="noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/e701b6e9964bac55f97b099fa9cdb42121af2548bf62b02f6abf59404962eb83/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f646f636b65722d676863722e696f2d626c7565" alt="Docker"&gt;&lt;/a&gt;
&lt;a href="https://github.com/MarlBurroW/pinchchat" rel="noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/6e6c013b94c983b2c84366f579163f3c94dbd8d210e7ce944c4bca2a1880130b/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f4d61726c427572726f572f70696e6368636861743f7374796c653d736f6369616c" alt="GitHub Stars"&gt;&lt;/a&gt;
&lt;a href="https://marlburrow.github.io/pinchchat/" rel="nofollow noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/ca066ee19765661a1f6135228fd5ebd5e28fb73096d8d76c66d78064597af94f/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f776562736974652d47697448756225323050616765732d626c756576696f6c6574" alt="Website"&gt;&lt;/a&gt;
&lt;a href="https://github.com/MarlBurroW/pinchchat/CODE_OF_CONDUCT.md" rel="noopener noreferrer"&gt;&lt;img src="https://camo.githubusercontent.com/4ae39ae593b602cf0ae07972b61c73728b77ec8e2cf40f579a2441948208036b/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f436f6e7472696275746f72253230436f76656e616e742d322e312d3462616161612e737667" alt="Contributor Covenant"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;A sleek, dark-themed webchat UI for &lt;a href="https://github.com/openclaw/openclaw" rel="noopener noreferrer"&gt;OpenClaw&lt;/a&gt; — monitor sessions, stream responses, and inspect tool calls in real-time.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;
  &lt;a rel="noopener noreferrer" href="https://github.com/MarlBurroW/pinchchat/docs/demo.gif"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fgithub.com%2FMarlBurroW%2Fpinchchat%2Fdocs%2Fdemo.gif" alt="PinchChat Demo" width="800"&gt;&lt;/a&gt;
&lt;/p&gt;

&lt;div class="markdown-heading"&gt;
&lt;h2 class="heading-element"&gt;✨ Features&lt;/h2&gt;
&lt;/div&gt;


&lt;ul&gt;

&lt;li&gt;🔧 &lt;strong&gt;Tool call visualization&lt;/strong&gt; — see what your agent is doing in real-time: colored badges, visible parameters, expandable results. The killer feature missing from every other chat UI.&lt;/li&gt;

&lt;li&gt;💬 &lt;strong&gt;GPT-like interface&lt;/strong&gt; — sessions in a sidebar, switch between conversations. Familiar if you've used ChatGPT or Claude.&lt;/li&gt;

&lt;li&gt;📋 &lt;strong&gt;Multi-session navigation&lt;/strong&gt; — browse all active sessions including cron jobs, sub-agents, and background tasks&lt;/li&gt;

&lt;li&gt;⚡ &lt;strong&gt;Live streaming&lt;/strong&gt; — watch the agent think and write token by token&lt;/li&gt;

&lt;li&gt;📊 &lt;strong&gt;Token usage tracking&lt;/strong&gt; — progress bars per session so you know how much context is left&lt;/li&gt;

&lt;li&gt;🖼️ &lt;strong&gt;Inline images&lt;/strong&gt; — generated or read images render directly in chat with lightbox preview&lt;/li&gt;

&lt;li&gt;🎯 &lt;strong&gt;Chat-focused&lt;/strong&gt; — no settings menus or config panels cluttering the screen. Just the conversation.&lt;/li&gt;

&lt;li&gt;🎨 &lt;strong&gt;Themes&lt;/strong&gt; — Dark, Light, and OLED Black…&lt;/li&gt;

&lt;/ul&gt;
&lt;/div&gt;
&lt;br&gt;
  &lt;/div&gt;
&lt;br&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/MarlBurroW/pinchchat" rel="noopener noreferrer"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;br&gt;
&lt;/div&gt;
&lt;br&gt;


&lt;p&gt;It's MIT licensed, PRs welcome. Would love feedback from other OpenClaw users. What features would you want in a webchat UI?&lt;/p&gt;

</description>
      <category>opensource</category>
      <category>webdev</category>
      <category>ai</category>
      <category>selfhosted</category>
    </item>
  </channel>
</rss>
