fix: fetch_website timeout, version in navbar, chat text wall bug

Three independent, short fixes bundled:

1. fetch_website timeouts → 60s
   Bright Data web_unlocker1 needs 20–45s on hard Cloudflare targets and
   was timing out at 30s before clearance. The normal (non-unblocker)
   path was 15s which is tight for large pages behind proxies. Both now
   60s with a one-line why-comment on the unblocker branch.

2. Surface granclaw version in the top navbar
   Vite injects __GRANCLAW_VERSION__ at build time from packages/cli/
   package.json (no new endpoint, no runtime fetch). AppShell renders
   it as small muted mono text next to the wordmark so users can see
   which build is live without shelling into a container.

3. Chat wall-of-text when a turn has many tool calls
   The streaming handler was concatenating every text chunk into one
   string, so an assistant turn with N tool_use blocks interleaved with
   N text blocks rendered as one unreadable paragraph. Track the last
   streamed chunk type and prepend \n\n when switching from tool_call
   back to text, so markdown paints each block as its own paragraph.
   Skipped when the message is still empty to avoid a leading blank
   line on turns that start with tool calls.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: Juan Roldan

packages/backend/src/agent/runner-pi.ts

@@ -1093,7 +1093,8 @@ export async function runAgent(
                   'Authorization': `Bearer ${unblockerKey}`,
                 },
                 body: JSON.stringify({ zone: 'web_unlocker1', url: params.url, format: 'raw' }),
-                signal: AbortSignal.timeout(30_000),
+                // Bright Data needs 20–45s to solve Cloudflare challenges on hard targets.
+                signal: AbortSignal.timeout(60_000),
               });
               if (!res.ok) {
                 return { content: [{ type: 'text' as const, text: `fetch_website (unblocker): HTTP ${res.status} ${res.statusText}` }] };
@@ -1114,7 +1115,7 @@ export async function runAgent(
                 'User-Agent': 'Mozilla/5.0 (compatible; GranClaw/1.0; +https://granclaw.com)',
                 'Accept': 'text/html,application/xhtml+xml,*/*;q=0.9',
               },
-              signal: AbortSignal.timeout(15_000),
+              signal: AbortSignal.timeout(60_000),
               redirect: 'follow',
               ...(agentProxy ? { dispatcher: getProxyAgent(agentProxy) } : {}),
             };

packages/frontend/src/components/AppShell.tsx

@@ -1,5 +1,7 @@
 import { Outlet, useLocation, useNavigate } from 'react-router-dom';
 
+declare const __GRANCLAW_VERSION__: string;
+
 export function AppShell() {
   const location = useLocation();
   const navigate = useNavigate();
@@ -17,6 +19,9 @@ export function AppShell() {
           <span className="font-display font-semibold text-on-surface tracking-tight truncate">
             GranClaw
           </span>
+          <span className="text-xs font-mono text-on-surface/60 flex-shrink-0">
+            v{__GRANCLAW_VERSION__}
+          </span>
         </button>
         <span className="flex items-center gap-1.5 rounded-full bg-secondary-container/20 px-2 sm:px-3 py-1 text-xs font-mono text-secondary flex-shrink-0">
           <span className="h-1.5 w-1.5 rounded-full bg-secondary animate-pulse flex-shrink-0" />

packages/frontend/src/pages/ChatPage.tsx

@@ -272,13 +272,27 @@ export function ChatPage() {
     setIsSending(true);
 
     let agentReply = '';
+    // Track the last streamed chunk type so we can insert a paragraph
+    // break between successive text blocks that are separated by tool
+    // calls. Without this, the agent's narration between tool_use blocks
+    // renders as one giant smashed-together paragraph (e.g. 53 tool
+    // calls in a debug loop produces one unreadable wall of text).
+    let lastChunkType: 'text' | 'tool_call' | null = null;
 
     sendMessage(text, (chunk) => {
       if (chunk.type === 'text') {
-        agentReply += chunk.text;
+        // If the previous chunk in this turn was a tool_call, we're
+        // starting a new text block — separate it from the previous
+        // one with a blank line so markdown renders it as its own
+        // paragraph. Skip the separator if the message is still empty
+        // (leading tool calls with no prior text).
+        const needsBreak = lastChunkType === 'tool_call' && agentReply.length > 0;
+        const piece = needsBreak ? `\n\n${chunk.text}` : chunk.text;
+        agentReply += piece;
         setMessages((prev) =>
-          prev.map((m) => m.id === agentMsgId ? { ...m, text: m.text + chunk.text } : m)
+          prev.map((m) => m.id === agentMsgId ? { ...m, text: m.text + piece } : m)
         );
+        lastChunkType = 'text';
       } else if (chunk.type === 'tool_call') {
         setMessages((prev) =>
           prev.map((m) =>
@@ -287,6 +301,7 @@ export function ChatPage() {
               : m
           )
         );
+        lastChunkType = 'tool_call';
       } else if (chunk.type === 'pending_approval') {
         setPendingApproval({ reason: chunk.reason });
         setMessages((prev) =>

packages/frontend/vite.config.ts

@@ -1,12 +1,22 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import { readFileSync } from 'node:fs';
+import { resolve } from 'node:path';
 
 const backendPort = process.env.GRANCLAW_BACKEND_PORT ?? '3001';
 const backendUrl = `http://localhost:${backendPort}`;
 const backendWsUrl = `ws://localhost:${backendPort}`;
 
+const cliPkg = JSON.parse(
+  readFileSync(resolve(__dirname, '../cli/package.json'), 'utf8')
+);
+const granclawVersion = cliPkg.version ?? '0.0.0';
+
 export default defineConfig({
   plugins: [react()],
+  define: {
+    __GRANCLAW_VERSION__: JSON.stringify(granclawVersion),
+  },
   server: {
     port: 5173,
     // Listen on all interfaces so the takeover URL (http://<lan-ip>:5173/...)