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>
This commit is contained in:
Austin Pickett
2026-05-19 16:49:10 -04:00
parent 104d1d5ee0
commit 08b9be94d3
3 changed files with 9 additions and 4 deletions
+5
View File
@@ -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
+3 -3
View File
@@ -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",
+1 -1
View File
@@ -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