# Header, drawer and mobile menu controls - AI Brief ## Identity - Slug: `header-drawer` - Status: folder-based reusable section. - Source label: `Home V5` - Source page: `design-pack/steam-live-photo-website-starter/demos/pages/home-v5.html` - Source range: `15-50, 484-486` - Body class context: `steam-blueprint-page steam-photo-page steam-template-family steam-home-v2 steam-home-v3 steam-home-v4 steam-home-v5` ## Purpose Shared page shell/navigation controls. Exact Home V5 header, drawer and mobile floating menu button. ## Thread History - Last touched by Codex thread: `019f2bf7-1109-7d31-9a8f-844c1d072ea3` - Last touched date: `2026-07-04` - Work note: Hub 37 nav pop-up/menu worker run failed and was paused by Mark. Workers 1-5 are archived and not counted. Mark then asked for one new Facebook-style categorised dropdown attempt. Worker 6 is the only active try. No canonical replacement, promotion or deployment. - Rule: every future chat that edits this section folder must add its thread id to `section.json`, `AI-BRIEF.md` and `CHANGELOG.md`. ## Active Nav Menu Design Workers - Worker 1: `019f2bfa-957d-71f1-b517-eb337655f07f` - Assignment: `nav-menu-option-1-classic-top-nav` - Scope: one variant-only classic top-nav menu option. - Status: rejected/not-counted; archived. - Worker 2: `019f2bfa-d703-7481-aafe-d77b06730ae8` - Assignment: `nav-menu-option-2-centred-split-overlay` - Scope: one variant-only centred split-nav/full-screen-overlay menu option. - Status: idea-only/not-counted; archived. - Worker 3: `019f2c00-3f5c-7dc0-9348-b1cdbb9023da` - Assignment: `nav-menu-option-3-sticky-compact-bottom-bar` - Scope: one variant-only sticky compact/bottom-bar launched pop-up menu option. - Status: idea-only/not-counted; archived. - Worker 4: `019f2c08-455c-7ad0-bd3b-416d22b31b48` - Assignment: `nav-menu-option-4-typographic-rail-popup` - Scope: one variant-only fresh typographic rail/large-row opened pop-up menu option. - Requirement: no old drawer boxed prefixes before links and no old drawer card/micro-layout language as the main visual system. - Status: stopped/failed/not-counted; archived. - Worker 5: `019f2c0b-2c0d-79e3-b580-a5a889ab7197` - Assignment: `nav-menu-option-5-route-map-popup` - Scope: one variant-only route-map/station-board opened pop-up menu option. - Requirement: no boxed prefixes and no old drawer card/panel visual system. - Status: stopped/failed/not-counted; archived. - Worker 6: `019f2c0e-ebb8-7673-9a88-1508ad7033f5` - Assignment: `nav-menu-option-6-facebook-categorised-dropdown` - Scope: one variant-only Facebook-style categorised dropdown menu attempt. - Requirement: keep `Hours & Prices`, `Address`, and `Events` prominent, then group remaining source-backed links into dropdown categories. - Status: active single try. - Hub: `019f2bf7-1109-7d31-9a8f-844c1d072ea3` - Coordination note: max two active workers at once; spawn the next worker only when one active worker is complete. - Mark correction: each option must be unique in the opened pop-up/drawer/overlay menu itself; the menu bar/header is only the launcher. - Mark correction: no legacy drawer link-prefix boxes or old drawer card language in the opened menu options. - Current state: failed worker run is paused; do not continue archived workers. Worker 6 is the only active new idea. ## Multi-Section Worker Chat Policy - Trigger: Any instruction that edits, updates, audits, variants or verifies multiple section folders. - Coordinator rule: The receiving hub/coordinator must open worker chats on a one-chat-per-section or one-chat-per-option basis, keep a maximum of 2 worker chats active at a time for this nav/options task, name each chat after its assigned section task, pin each worker while active, and keep the work scoped to that one section/option. - Active-worker limit for current nav/options task: maximum 2 worker chats at a time. - Worker rule: Each worker chat must edit only its assigned section, add its thread id and task note to that section's section.json, AI-BRIEF.md and CHANGELOG.md, then report back to the coordinator thread when complete. - Completion rule: After Mark verifies the task is complete, the coordinator tells the worker chat to run task end/closeout for its section task and unpins that worker chat. - Variant rule: Approved variants belong under the assigned section folder's variants/ directory and must have their own brief/changelog. ## Files In This Folder - `index.html` - standalone review page for browser checks. - `content.json` - source-backed section content JSON used by the generator. - `section.partial.html` - reusable source-backed markup rendered from `content.json` at build time. - `section.json` - machine-readable metadata for scripts and agents. - `typography.md` - rendered desktop/mobile typography, colour and font-family facts. - `AI-BRIEF.md` - this plain-English operating brief. - `CHANGELOG.md` - section-specific update history. - `assets/` - local copies of images directly referenced by the lifted markup. - `variants/` - approved alternate versions of this section. ## Assets - `assets/biphoria.png` copied from `design-pack/steam-live-photo-website-starter/event-icons/biphoria.png` - `assets/kage-club.png` copied from `design-pack/steam-live-photo-website-starter/event-icons/kage-club.png` - `assets/naked-days.png` copied from `design-pack/steam-live-photo-website-starter/event-icons/naked-days.png` - `assets/sauna-bears.png` copied from `design-pack/steam-live-photo-website-starter/event-icons/sauna-bears.png` - `assets/silver-daddies.png` copied from `design-pack/steam-live-photo-website-starter/event-icons/silver-daddies.png` ## Rules For AI Agents - Treat the source page and source range above as the evidence anchor. - Do not invent content, links, images, headings, forms, menu items or section structure. - Do not redesign this section unless Mark explicitly asks for a variant or revision. - Do not hand-edit `section.partial.html` for content changes. Edit `content.json`, regenerate with `scripts/build-home-v5-section-library.mjs`, then refresh typography. - Record the current worker chat/thread id whenever touching this section folder. - If instructions affect multiple sections, do not handle them all in one worker chat. The hub must split the work into one pinned worker chat per section. - If changing the canonical section, update the source page or this generator, regenerate the library, and refresh `typography.md`. - If creating an alternate version, put it under `variants//` and give that variant its own brief and changelog. - Keep `section.json`, `AI-BRIEF.md`, `CHANGELOG.md` and `typography.md` aligned after changes. ## Current Known State - This folder is part of the Design Pack Lab 2 section library. - The reusable section HTML is `section.partial.html`. - The section content source is `content.json`, and the partial is generated from it. - The review surface is `index.html`. - Latest measured typography lives in `typography.md`. - Update history lives in `CHANGELOG.md`.