kandev/docs/plans/task-layout-profiles/task-03-layout-settings-editor.md

id, title, status, wave, depends_on, plan, spec

id	title	status	wave	depends_on	plan	spec
03-layout-settings-editor	Layout settings editor	done	2	01-saved-layout-validation 02-layout-profile-domain	plan.md	../../specs/ui/requirements/task-layout-profiles.md

Task 03: Layout Settings Editor

Acceptance

• Settings > General > Layouts manages built-in layouts and custom profiles through the shared floating save coordinator, navigation guard, and page-level error state.
• Built-in edits remain on one visible row, create a hidden override marked Customized, and can be restored with Reset.
• Selecting a tab exposes contextual split/tab actions with hover/focus descriptions; adding panels remains a separate floating action.
• The isolated preview supports reusable panel add/remove, tab reorder, active-tab choice, and split create/move/resize without mounting runtime task panels.
• Every operation is reachable by pointer, keyboard, and touch; the mobile page has no horizontal page scroll.

Files likely touched

• apps/web/app/settings/general/layouts/page.tsx
• apps/web/components/settings/layouts/layout-settings.tsx
• apps/web/components/settings/layouts/layout-editor.tsx
• apps/web/components/settings/layouts/layout-editor-toolbar.tsx
• apps/web/components/settings/layouts/layout-profile-list.tsx
• apps/web/components/settings/general-nav.ts
• apps/web/components/app-sidebar/sections/settings/general-group.tsx
• apps/web/src/settings-routes.tsx
• apps/web/src/settings-routes.test.ts

Dependencies

• Task 01 supplies backend invariants.
• Task 02 supplies profile and validation helpers.

Inputs

• Spec What, Failure modes, and settings scenarios.
• Existing settings route hydration, SettingsPageTemplate, Dockview theme, layout serializer/applier, and @dnd-kit/touch patterns.

Verification

pnpm --filter @kandev/web test -- --run lib/layout/layout-profiles.test.ts src/settings-routes.test.ts
pnpm --filter @kandev/web typecheck

Run from apps.

Output contract

Report desktop/mobile behavior, tests run, files changed, blockers, and risks; mark this task and its plan item done.