Add file badges, menu icons, LSP diagnostics, robust compaction

- Files in chat: preview with type/size badges and file name; attachment chips
- Menu and settings tabs with icons
- Heatmap: distinct colour for empty hours, hourly labels
- Context chip shows used/total tokens (e.g. 221k/240k) plus percent
- LSP client: diagnostics appended to edit/write results and a diagnostics tool
  (typescript-language-server, pyright, rust-analyzer, gopls, clangd; sandboxed)
- Compaction summarizes a plain transcript and retries once on empty output
- files/stat endpoint

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

web/src/components/ToolCard.tsx

@@ -1,3 +1,4 @@
+import { base64Size, FileFigure } from "./FileFigure";
 import { useT } from "../i18n";
 import { navigate } from "../router";
 import { useStore } from "../store";
@@ -91,9 +92,9 @@ export function ToolCard({ call, result, running, baseDir }: { call: ToolCall; r
           <span className="tool-title">{call.input.path}</span>
           <span className="status ok">✓</span>
         </div>
-        <a href={writtenImage} target="_blank" rel="noreferrer">
+        <FileFigure url={writtenImage} name={call.input.path}>
           <img src={`${writtenImage}&v=${result!.call_id}`} alt={call.input.path} />
-        </a>
+        </FileFigure>
       </div>
     );
   }
@@ -143,13 +144,17 @@ export function ToolCard({ call, result, running, baseDir }: { call: ToolCall; r
         {Array.isArray(meta?.image_ids) ? (
           <div className="gallery small">
             {meta.image_ids.map((id: string) => (
-              <a key={id} href={`/api/images/${id}/file`} target="_blank" rel="noreferrer" className="gallery-item">
+              <FileFigure key={id} url={`/api/images/${id}/file`} className="gallery-item">
                 <img src={`/api/images/${id}/file`} alt="" />
-              </a>
+              </FileFigure>
             ))}
           </div>
         ) : (
-          result?.images?.map((img, i) => <img key={i} src={`data:${img.media_type};base64,${img.data}`} alt="" />)
+          result?.images?.map((img, i) => (
+            <FileFigure key={i} name={typeof call.input?.path === "string" ? call.input.path : undefined} mime={img.media_type} size={base64Size(img.data)}>
+              <img src={`data:${img.media_type};base64,${img.data}`} alt="" />
+            </FileFigure>
+          ))
         )}
       </div>
     </details>