v0.2.0 - Design Editor: templates, patterns, header/footer variations

Full Design Editor compatibility with custom block categories, page templates,
header/footer variations, and navigation styles. Both FSE (admin) and Twig
(frontend) sides kept in sync.

Co-Authored-By: Claude <noreply@anthropic.com>

CLAUDE.md

@@ -34,7 +34,7 @@ This project is proudly **"vibe-coded"** using Claude.AI - the entire codebase w
 
 **Note for AI Assistants:** Clean this section after the specific features are done or new releases are made. Effective changes are tracked in `CHANGELOG.md`. Do not add completed versions here - document them in the Session History section at the end of this file.
 
-Current version is **v0.1.1** - Bootstrap Frontend Rendering. Next milestone is **v0.2.0 - Design Editor**. See `PLAN.md` for details.
+Current version is **v0.2.0** - Design Editor. Next milestone is **v0.3.0 - Polish**. See `PLAN.md` for details.
 
 ## Technical Stack
 
@@ -193,6 +193,39 @@ Build steps (in order):
 
 ## Session History
 
+### Session 4 — v0.2.0 Design Editor (2026-02-08)
+
+**Completed:** Full Design Editor compatibility, custom block categories, page templates, header/footer/navigation variations.
+
+**What was built:**
+
+- Enhanced editor stylesheet importing full Bootstrap SCSS for WYSIWYG fidelity
+- Editor overrides SCSS (`_editor-overrides.scss`) for alignment and spacing
+- Bootstrap JS loaded in block editor via `enqueue_block_editor_assets`
+- 3 custom block categories (`block_categories_all` filter): Bootstrap Layout, Components, Navigation
+- 3 custom pattern categories: Layout, Components, Navigation
+- 6 layout/component patterns: container, 2-col, 3-col, full-width section, card group, accordion
+- 3 full-page patterns: about, services, contact
+- 4 custom page templates (FSE + Twig): landing, full-width, hero, sidebar
+- 2 header variations (FSE parts + patterns + Twig): centered, transparent
+- 2 footer variations (FSE parts + patterns + Twig): minimal, multi-column
+- 2 navigation patterns: dark navbar, offcanvas
+- Offcanvas navigation Twig partial with Bootstrap offcanvas component
+- Twig block inheritance in `base.html.twig` for header/footer variant overrides
+- Header/footer variant support via `get_theme_mod()` in `ContextBuilder`
+- Custom page template routing via `get_page_template_slug()` in `TemplateController`
+- Shadow presets, aspect ratios, custom layout values in `theme.json`
+- Transparent header and offcanvas dark mode SCSS styles
+- Updated translations (`.pot` and `de_CH.po`) with ~70 new translatable strings
+
+**Key learnings:**
+
+- WordPress `block_categories_all` filter (block inserter categories) and `register_block_pattern_category()` (pattern inserter categories) are separate APIs serving different parts of the editor UI
+- FSE template parts (`parts/`) use pattern references (`<!-- wp:pattern {"slug":"..."} /-->`) to keep markup in PHP pattern files for i18n support
+- Twig blocks (`{% block header %}`) enable page-level templates to override header/footer without modifying `base.html.twig`
+- `get_page_template_slug()` returns the custom template slug assigned in the page editor, used in `TemplateController` for routing to the correct Twig template
+- Bootstrap SCSS deprecation warnings (Dart Sass 3.0 migration) are upstream issues, not blocking — the build succeeds
+
 ### Session 3 — v0.1.1 Bootstrap Frontend Rendering (2026-02-08)
 
 **Completed:** Full Twig-based Bootstrap 5 frontend rendering, replacing FSE block markup on the public-facing site.