From 08b9be94d38951d8b28eb8abffd181089f6f2f1a Mon Sep 17 00:00:00 2001
From: Austin Pickett <pickett.austin@gmail.com>
Date: Tue, 19 May 2026 16:49:10 -0400
Subject: [PATCH] fix(web): add uppercase fallback on nav and page titles

text-display alone is correct in source but stale web_dist or missing DS
CSS leaves nav looking title-cased; explicit uppercase restores brand
chrome. Document Vite vs dashboard URL in web README.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 web/README.md                           | 5 +++++
 web/src/App.tsx                         | 6 +++---
 web/src/contexts/PageHeaderProvider.tsx | 2 +-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/web/README.md b/web/README.md
index 71da26dbc4..85894df370 100644
--- a/web/README.md
+++ b/web/README.md
@@ -17,9 +17,14 @@ python -m hermes_cli.main web --no-open
 
 # In another terminal, start the Vite dev server (with HMR + API proxy)
 cd web/
+npm install
 npm run dev
 ```
 
+Open the **Vite URL** printed in the terminal (usually `http://localhost:5173`). That is the live-reload UI.
+
+`hermes dashboard` on port 9119 serves the **built** bundle from `hermes_cli/web_dist/`, not the Vite dev server — changes in `web/src/` will not appear there until you run `npm run build` and restart the dashboard (or use `web --no-open` + Vite as above).
+
 The Vite dev server proxies `/api` requests to `http://127.0.0.1:9119` (the FastAPI backend).
 
 ## Build
diff --git a/web/src/App.tsx b/web/src/App.tsx
index 0ee1505bd3..78cc4a2930 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -448,7 +448,7 @@ export default function App() {
         </Button>
 
         <Typography
-          className="font-mondwest text-display font-bold text-[0.95rem] leading-[0.95] tracking-[0.05em] text-midground"
+          className="font-mondwest text-display uppercase font-bold text-[0.95rem] leading-[0.95] tracking-[0.05em] text-midground"
           style={{ mixBlendMode: "plus-lighter" }}
         >
           {t.app.brand}
@@ -498,7 +498,7 @@ export default function App() {
                 <PluginSlot name="header-left" />
 
                 <Typography
-                  className="font-mondwest text-display font-bold text-[1.125rem] leading-[0.95] tracking-[0.0525rem] text-midground"
+                  className="font-mondwest text-display uppercase font-bold text-[1.125rem] leading-[0.95] tracking-[0.0525rem] text-midground"
                   style={{ mixBlendMode: "plus-lighter" }}
                 >
                   Hermes
@@ -671,7 +671,7 @@ function SidebarNavLink({ closeMobile, item, t }: SidebarNavLinkProps) {
           cn(
             "group relative flex items-center gap-3",
             "px-5 py-2.5",
-            "font-mondwest text-display text-sm tracking-[0.12em]",
+            "font-mondwest text-display uppercase text-sm tracking-[0.12em]",
             "whitespace-nowrap transition-colors cursor-pointer",
             "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-midground",
             isActive ? "text-midground" : "text-text-secondary hover:text-midground",
diff --git a/web/src/contexts/PageHeaderProvider.tsx b/web/src/contexts/PageHeaderProvider.tsx
index 87a9d09b72..9bffd56250 100644
--- a/web/src/contexts/PageHeaderProvider.tsx
+++ b/web/src/contexts/PageHeaderProvider.tsx
@@ -81,7 +81,7 @@ export function PageHeaderProvider({
             >
               <h1
                 className={cn(
-                  "font-expanded text-display min-w-0 text-sm font-bold tracking-[0.08em] text-midground",
+                  "font-expanded text-display uppercase min-w-0 text-sm font-bold tracking-[0.08em] text-midground",
                   afterTitle && isEnvRoute
                     ? "max-w-full sm:min-w-0 sm:shrink sm:truncate"
                     : afterTitle