hosman20 nails the navigation open

The old collapsible sidebar is gone, replaced by two fixed columns that never hide on desktop.

chat-uibranding

hosman20 has reworked the app's navigation shell as part of a broader visual refresh. Where the interface used to lean on a single sidebar that users could collapse and that remembered its state between visits, it now runs on two always-on columns: a slim strip of icons next to a wider navigation panel. On desktop, neither folds away.

The new look is built on a "warm paper and ink" design language - clean white panels, hairline borders, no heavy shadows - that hosman20 is rolling out across the product. It's a deliberate move toward a calmer, more permanent frame for the workspace, trading flexibility for consistency and a more finished, commercial feel.

So what Worth a look for anyone weighing how polished and product-ready a Mike fork feels before putting it in front of fee-earners.

View this fork on GitHub →

Spotted something wrong? Or know the PR text has fresher detail than the writeup above?

Commits in this thread

1 commit from hosman20/mike-2.0, oldest first. Source extracted verbatim from the harvested git log.

SHA Subject Author Date

571af72d feat(chrome): split AppSidebar into 64px IconRail and 224px SecondaryNav z 2026-05-13 ↗ GitHub

SHA	Subject	Author	Date
`571af72d`	feat(chrome): split AppSidebar into 64px IconRail and 224px SecondaryNav	z	2026-05-13	↗ GitHub
commit body Batch 3 - replace the legacy collapsible AppSidebar with the Mike 2.1 two-column nav shell (IconRail 64w + SecondaryNav 224w). - frontend/src/components/chrome/icon-rail.tsx: top-level icon column. - frontend/src/components/chrome/secondary-nav.tsx: contextual nav, includes a new Playbooks entry. - frontend/src/app/(pages)/layout.tsx: switch to new chrome. - frontend/src/components/chrome/__tests__/chrome.smoke.test.tsx. .pen frame references: wF9tL, x72bX, FdYC1, yEGYQ, QxArF, CzlFI. Notes: - AppSidebar.tsx left on disk (removed in batch 7 cleanup commit). - Mobile (<md) currently hides both columns; no drawer yet. - TrialBanner mount in this layout lands in batch 6 (billing UI). Agent ID: a36447602e8db8572 (general-purpose).

commit body

Batch 3 - replace the legacy collapsible AppSidebar with the Mike 2.1
two-column nav shell (IconRail 64w + SecondaryNav 224w).

- frontend/src/components/chrome/icon-rail.tsx: top-level icon column.
- frontend/src/components/chrome/secondary-nav.tsx: contextual nav,
  includes a new Playbooks entry.
- frontend/src/app/(pages)/layout.tsx: switch to new chrome.
- frontend/src/components/chrome/__tests__/chrome.smoke.test.tsx.

.pen frame references: wF9tL, x72bX, FdYC1, yEGYQ, QxArF, CzlFI.

Notes:
- AppSidebar.tsx left on disk (removed in batch 7 cleanup commit).
- Mobile (<md) currently hides both columns; no drawer yet.
- TrialBanner mount in this layout lands in batch 6 (billing UI).

Agent ID: a36447602e8db8572 (general-purpose).

Capture this thread into my fork

Download a single Markdown prompt that tells Claude how to port every commit above into your working tree — adapting paths and structure to match your repo. Run it via claude -p < capture-thread-405.md from inside the repo you want the changes in.

⬇ Download capture-thread-405.md