Skip to content

Make Editor Cards view theme-aware and draggable #51

@KSemenenko

Description

@KSemenenko

Problem

The Editor Cards view currently renders cards as a static white paper-like surface. It does not behave like a Trello-style card board with drag-and-drop reordering, and the visual treatment does not respect the app's light/dark theme system.

Acceptance criteria

  • Cards view uses theme-aware app color tokens in both light and dark themes instead of hardcoded white card/page surfaces.
  • Script block cards expose a clear drag handle and support pointer drag-and-drop reordering.
  • Reordering cards updates the underlying TPS source order and persists through the existing editor draft flow.
  • Existing up/down controls remain usable as accessible fallback controls.
  • Component and browser UI coverage prove card drag/drop reorder and theme-aware card styling.

Verification expected

  • dotnet test @./tests/dotnet-test-progress.rsp --project ./tests/PrompterOne.Web.Tests/PrompterOne.Web.Tests.csproj
  • dotnet test @./tests/dotnet-test-progress.rsp --project ./tests/PrompterOne.Web.UITests.Editor/PrompterOne.Web.UITests.Editor.csproj

Metadata

Metadata

Assignees

Labels

Projects

Status

In progress

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions