Skip to content

Make Editor Cards view theme-aware and draggable #51

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

Activity

  1. self-assigned this
    on Apr 26, 2026
  2. added theissue type on Apr 26, 2026
  3. moved this from Backlog to In progress in Prompteron Apr 26, 2026
  4. byskyphy commented on Apr 26, 2026

    @byskyphy
    Collaborator

    it exists, but it's very busted. this needs deeper prep to be implemented properly.

    there's so much wrong with it that I think is better to fix the basic UI layout between the different modes first.

    otherwise the agents will not understand what they're adding and where it should be in relation to other components of the app

  5. KSemenenko commented on Apr 26, 2026

    @KSemenenko
    MemberAuthor

    Implemented in local commit a8c7431 (Make editor cards draggable and theme aware (#51)).\n\nValidation completed on 2026-04-26:\n- dotnet test @./tests/dotnet-test-progress.rsp --project ./tests/PrompterOne.Web.Tests/PrompterOne.Web.Tests.csproj: passed (629/629)\n- dotnet test @./tests/dotnet-test-progress.rsp --project ./tests/PrompterOne.Web.UITests.Editor/PrompterOne.Web.UITests.Editor.csproj: passed (155/155)\n- dotnet publish ./src/PrompterOne.Web/PrompterOne.Web.csproj -c Release -o ./artifacts/publish/PrompterOne.Web: passed\n- dotnet test @./tests/dotnet-test-progress.rsp --solution ./PrompterOne.slnx: passed (1191/1191)\n\nReady for byskyphy verification. App version/release note still needs to be filled in after the release that includes this change.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

Projects

  • Status
    In progress

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions