`, favicon, and body of `Root()` to\nmatch your app's existing `index.html`, and stamp anything else your shell\nreferences directly (images, css) with `immutableFileUrl()`.\n\n1. Create `frontend/root.tsx`:\n\n```tsx\n/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\n// The HTML shell for the app. It is never cached, so immutableFileUrl can stamp\n// the current val version into each asset URL — the browser caches those\n// immutably, and publishing the val changes the URLs, refetching exactly once.\nexport function Root() {\n return (\n <>\n {raw(\"<!DOCTYPE html>\")}\n <html lang=\"en\">\n <head>\n <meta charSet=\"UTF-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <title>React Hono Val Town Starter

\n {/* Identity + score */}\n

\n {initials(lead.name)}\n

{lead.name}

{lead.gmail}

\n {lead.phone && (\n

📱 {lead.phone}

\n )}\n

\n \n {s}/100%\n \n

\n\n {/* Source + stage */}\n

\n \n {lead.source_url ? (\n \n 🌐 {lead.source || \"link\"}\n \n ) : (\n <>🌐 {lead.source || \"inbound-form\"}\n )}\n \n {when && (\n {when}\n )}\n \n {STAGE_LABELS[lead.status] ?? lead.status}\n \n

\n\n {/* Evidence — what was actually said */}\n {lead.evidence && (\n

\n Evidence\n

{lead.evidence}

\n )}\n\n {/* Signal + recommended action */}\n

Signal: {lead.signal || \"High-intent luxury menswear inquiry\"}

\n {lead.action && (\n

\n Next: {lead.action}\n

\n )}\n

\n\n {/* Pipeline control */}\n {!terminal ? (\n {\n setBusy(true);\n onAdvance(lead.id);\n setTimeout(() => setBusy(false), 800);\n }}\n disabled={busy}\n class=\"mt-1 rounded-lg border border-stone-300 hover:border-stone-900 hover:bg-stone-900 hover:text-white px-3 py-1.5 text-sm font-medium transition-colors cursor-pointer disabled:opacity-50\"\n >\n {busy ? \"Advancing…\" : \"Advance stage →\"}\n \n ) : (\n \n {lead.status === \"won\" ? \"🏆 Won\" : \"Closed / lost\"}\n \n )}\n

Diff · v40