docs(mockups): editing screens overhaul — Direction A page-module mockup #169

Merged
dominik.polakovics merged 1 commit from lab/20261008-2025 into main 2026-10-08 21:40:52 +02:00

Adds the interactive mockups built to choose a direction for the editing screens overhaul, so implementation issues have something concrete to reference.

What is in docs/mockups/editing-screens/

  • dist/deckle-page-module.html — the built mockup for Direction A (Page module), the chosen direction. Same bytes as the published artifact https://claude.ai/artifact/2VoFEz6Y6n2JA3vK21AyAa (private link).
  • shared/ — the component layer all directions compose (tokens, components, sample data, icons).
  • a/, b/, c/ — per-direction composition; B (Studio) and C (Workbench) are the rejected alternatives, buildable with sh build.sh all.
  • build.sh, wrap.sh — rebuild and view locally without tooling.
  • README.md — how to view, folder layout, the decision log (what six rounds of refinement settled), and a mapping to today's code.

Why the mockup is worth keeping in the repo

It defines UI behaviour that several implementation issues will cite: equal-height layout columns, the categorised insert dialog with slot allowlists, the enabled key on pages and elements, TYPO3-style always-visible insert rows that double as drag-and-drop targets, cut/copy/paste across pages, inherited-slot override, the unsaved-changes guard, validation visible at rest, the disabled-page banner and the pending-changes panel.

No engine, scaffold or web/ code changes. Nothing in scaffold/site/AGENTS.md is affected.

Closes #168

🤖 Generated with Claude Code

Adds the interactive mockups built to choose a direction for the editing screens overhaul, so implementation issues have something concrete to reference. **What is in `docs/mockups/editing-screens/`** - `dist/deckle-page-module.html` — the built mockup for **Direction A (Page module)**, the chosen direction. Same bytes as the published artifact https://claude.ai/artifact/2VoFEz6Y6n2JA3vK21AyAa (private link). - `shared/` — the component layer all directions compose (tokens, components, sample data, icons). - `a/`, `b/`, `c/` — per-direction composition; B (Studio) and C (Workbench) are the rejected alternatives, buildable with `sh build.sh all`. - `build.sh`, `wrap.sh` — rebuild and view locally without tooling. - `README.md` — how to view, folder layout, the decision log (what six rounds of refinement settled), and a mapping to today's code. **Why the mockup is worth keeping in the repo** It defines UI behaviour that several implementation issues will cite: equal-height layout columns, the categorised insert dialog with slot allowlists, the `enabled` key on pages and elements, TYPO3-style always-visible insert rows that double as drag-and-drop targets, cut/copy/paste across pages, inherited-slot override, the unsaved-changes guard, validation visible at rest, the disabled-page banner and the pending-changes panel. No engine, scaffold or `web/` code changes. Nothing in `scaffold/site/AGENTS.md` is affected. Closes #168 🤖 Generated with [Claude Code](https://claude.com/claude-code)
docs(mockups): editing screens overhaul — Direction A page-module mockup
All checks were successful
ci / build-and-test (pull_request) Successful in 10m2s
162441e43c
Adds the interactive mockups built to choose a direction for the editing
screens overhaul, with the sources (shared component layer + per-direction
composition), a build script, and a README with the decision log.
Direction A (TYPO3-faithful page module) is the chosen one; B and C are
kept as rejected alternatives.

Closes #168

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
dominik.polakovics deleted branch lab/20261008-2025 2026-10-08 21:40:52 +02:00
Sign in to join this conversation.
No reviewers
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
Cloonar/deckle!169
No description provided.