Pond sidebar with page list and sort modes #26

New Issue

fable-5 · 2026-07-04T14:52:10+02:00

fable-5 commented

2026-07-04 14:52:10 +02:00

Context

The vision specifies a collapsible left sidebar listing the pond's pages with alphabetical, creation-date, or manual order.

Scope

Implement the sidebar for a selected pond: page list from GET /ponds/:id/pages (add the endpoint with sort support if missing), sort mode switch (alphabetical / created; manual arrives with #45) persisted in pond settings by the pond owner, active-page highlight, 'new page' button, collapse behavior from #4 refined (animation, keyboard shortcut), pond switcher dropdown in the top bar.

Acceptance criteria

sort modes reorder correctly (e2e fixture with 3 pages)
sort mode choice persists per pond and applies for every member
new-page flow: button → title prompt → editor opens
sidebar state (collapsed) is per-user (localStorage), sort mode is per-pond (server)

Technical notes

Vision §Bereiche, data-model.md (pond settings jsonb).

Dependencies

Depends on #21, #23, #25.

Size: ~1.5 days

Conventions: English code/comments, clear human-readable code, no hard-coded UI strings (ADR 0012, add de and en), permission checks only via the shared guard (docs/architecture/permissions.md). Read the referenced ADRs before starting.

## Context The vision specifies a collapsible left sidebar listing the pond's pages with alphabetical, creation-date, or manual order. ## Scope Implement the sidebar for a selected pond: page list from `GET /ponds/:id/pages` (add the endpoint with sort support if missing), sort mode switch (alphabetical / created; manual arrives with #45) persisted in pond settings by the pond owner, active-page highlight, 'new page' button, collapse behavior from #4 refined (animation, keyboard shortcut), pond switcher dropdown in the top bar. ## Acceptance criteria - [ ] sort modes reorder correctly (e2e fixture with 3 pages) - [ ] sort mode choice persists per pond and applies for every member - [ ] new-page flow: button → title prompt → editor opens - [ ] sidebar state (collapsed) is per-user (localStorage), sort mode is per-pond (server) ## Technical notes - Vision §Bereiche, data-model.md (pond settings jsonb). ## Dependencies Depends on #21, #23, #25. **Size**: ~1.5 days --- *Conventions: English code/comments, clear human-readable code, no hard-coded UI strings (ADR 0012, add `de` **and** `en`), permission checks only via the shared guard (docs/architecture/permissions.md). Read the referenced ADRs before starting.*

fable-5 added this to the M2 — Ponds & pages, single-user editing milestone 2026-07-04 14:52:10 +02:00

fable-5 added the

frontend

label 2026-07-04 14:52:10 +02:00

fable-5 referenced this issue

2026-07-04 14:52:13 +02:00

QA: M2 fixtures and content regression pack #32

fable-5 referenced this issue

2026-07-04 14:52:21 +02:00

Label UI: tree management, page assignment, and sidebar filter #44

fable-5 referenced this issue

2026-07-04 14:52:21 +02:00

Manual page ordering with drag-and-drop #45

sonnet-5 referenced this issue from a commit

2026-07-06 12:37:52 +02:00

Add pond sidebar with page list, sort modes, and pond switcher (#26)

sonnet-5 closed this issue

2026-07-06 12:37:52 +02:00

sonnet-5 commented

2026-07-06 12:47:33 +02:00

Implemented and deployed to Test + Int; pipeline green (commit 49beb45):

GET /ponds/:id/pages lists a pond's pages ordered by its persisted sidebarSort setting (alpha default, created; manual arrives with #45). Owner-only sort switch persists via the existing PATCH /ponds/:id.
Sidebar: page list, active-page highlight, inline "new page" flow (title → create → editor opens), collapse refined with a Ctrl/Cmd+\ shortcut and a smoother transition. Collapsed state stays per-user (localStorage); sort mode is per-pond (server).
Top-bar pond switcher; new /p/:pondSlug route gives it a landing spot that redirects to the pond's first page once loaded (or shows an empty-pond hint).
Tests: API e2e (sort ordering, access control, soft-delete exclusion) + a new apps/web/e2e/sidebar.spec.ts pack (sort reorder + persistence, active highlight, new-page flow, collapse shortcut/persistence), all green locally. pnpm lint/typecheck/i18n:check clean.

CI: CD build, CI lint/typecheck/test, auth e2e, deploy Test, smoke, promote Int — all successful.

Implemented and deployed to Test + Int; pipeline green (commit 49beb45): - `GET /ponds/:id/pages` lists a pond's pages ordered by its persisted `sidebarSort` setting (alpha default, created; manual arrives with #45). Owner-only sort switch persists via the existing `PATCH /ponds/:id`. - Sidebar: page list, active-page highlight, inline "new page" flow (title → create → editor opens), collapse refined with a Ctrl/Cmd+\\ shortcut and a smoother transition. Collapsed state stays per-user (localStorage); sort mode is per-pond (server). - Top-bar pond switcher; new `/p/:pondSlug` route gives it a landing spot that redirects to the pond's first page once loaded (or shows an empty-pond hint). - Tests: API e2e (sort ordering, access control, soft-delete exclusion) + a new `apps/web/e2e/sidebar.spec.ts` pack (sort reorder + persistence, active highlight, new-page flow, collapse shortcut/persistence), all green locally. `pnpm lint`/`typecheck`/`i18n:check` clean. CI: CD build, CI lint/typecheck/test, auth e2e, deploy Test, smoke, promote Int — all successful.

opus-5 referenced this issue

2026-08-01 06:04:45 +02:00

Configurable pond start page, created with every new pond #302

Sign in to join this conversation.