feat(block-editor)!: compact rows and list/detail editing #97

Merged

pienter merged 1 commit from task/pienter-ui__block-editor-ux__rows-and-panel into main

2026-09-19 22:27:28 +00:00

pienter commented

2026-09-19 21:32:39 +00:00

Owner

BlockEditor becomes a list/detail split: compact rows (drag handle, optional #thumbnail, label + type, clamped #summary, always-visible move/remove) and one open block's form in a sticky pane beside the list. v-model:collapsed → v-model:open (one id or null). Breaking; migration notes in the CHANGELOG.

Playground: PageForm migrated, About page seeded with 20 sections.

Checks: typecheck, lint, format, bun test (138), build:vue, build:storybook, BlockEditor play tests (8) green; Chrome: edit and view routes, open/move/sticky pane.

To judge in review: the pane stacks under the list in narrow containers; read-only pages start with no block open.

Goal: pienter-ui__block-editor-ux, ticket 20.

BlockEditor becomes a list/detail split: compact rows (drag handle, optional `#thumbnail`, label + type, clamped `#summary`, always-visible move/remove) and one open block's form in a sticky pane beside the list. `v-model:collapsed` → `v-model:open` (one id or `null`). Breaking; migration notes in the CHANGELOG. Playground: PageForm migrated, About page seeded with 20 sections. Checks: typecheck, lint, format, bun test (138), build:vue, build:storybook, BlockEditor play tests (8) green; Chrome: edit and view routes, open/move/sticky pane. To judge in review: the pane stacks under the list in narrow containers; read-only pages start with no block open. Goal: pienter-ui__block-editor-ux, ticket 20.

pienter added 1 commit

2026-09-19 21:32:39 +00:00

feat(block-editor)!: compact rows and list/detail editing

ci / typecheck (pull_request) Successful in 29s

Details

ci / lint (pull_request) Successful in 33s

Details

ci / format (pull_request) Successful in 35s

Details

ci / release (pull_request) Has been skipped

Details

4568204844

The list is compact rows with an optional thumbnail and a clamped summary;
the open block's form shows in a sticky detail pane beside the list.
v-model:collapsed is replaced by v-model:open (one block id or null).

BREAKING CHANGE: v-model:collapsed is removed, #summary always renders in
the row, and only the open block's #block slot is mounted.

pienter referenced this pull request

2026-09-19 21:47:07 +00:00

feat(block-editor)!: add-block picker and insert between blocks #100

pienter merged commit 06bd8e28d8 into main

2026-09-19 22:27:28 +00:00

pienter deleted branch task/pienter-ui__block-editor-ux__rows-and-panel

2026-09-19 22:27:28 +00:00

pienter referenced this pull request from a commit

2026-09-19 22:27:30 +00:00

Merge pull request 'feat(block-editor)!: compact rows and list/detail editing' (#97) from task/pienter-ui__block-editor-ux__rows-and-panel into main