Day Log: Shipping HEMMLOCK AI Concierge, React Portal Z-Index Layers, and Continuous Micro-Interactions — August 19, 2026
Repository: buildwithpnj/hemmlock
Commits: 1370715, 623fe24, b4c46a2, 94be29c, 9fed84f
Today, we shipped the flagship engineering release for HEMMLOCK, a luxury e-commerce and AI concierge experience built within the BuildWithPNJ ecosystem.
1. Key Engineering Milestones
A. HEMMLOCK AI Concierge Widget (commit 94be29c, 623fe24, 1370715)
- Implemented a frontend-only AI concierge interface designed for luxury product recommendation and brand narrative exploration.
- Wrapped the intro trigger into a continuous repeating micro-interaction loop featuring subtle glow dynamics and smooth expansion transitions.
B. Centralized Z-Index & React Portal Architecture (commit b4c46a2)
- Eliminated stacking context collisions across floating UI elements by implementing a centralized z-index tokens system.
- Rendered modal dialogs and concierge overlays through React Portals (
createPortal) targeting root document body nodes with backdrop blur locks (backdrop-blur-md).
C. Auth-Gated Luxury Purchase Flow (commit 9fed84f, 893c83a)
- Built an authentication modal gate triggering prior to checkout and buy-now actions.
- Secured member session persistence and order creation flows.
2. Architecture & Code Pattern
User Gesture → Concierge Micro-Interaction → React Portal Render
│
▼
Backdrop Blur Lock (z-50)
│
▼
HEMMLOCK Concierge State
3. Related Content
- Project: HEMMLOCK Flagship
- Labs: EXP-17: Luxury AI Concierge