Skip to content

Add Notion-like rendered editor view for non-TPS authors #20

Open
Feature
0 of 1 issue completed
Open
Add Notion-like rendered editor view for non-TPS authors#20
Feature
0 of 1 issue completed
Assignees
byskyphy
Labels
Front EndenhancementNew feature or request

Description

@KSemenenko
KSemenenko
opened on Apr 25, 2026

Summary

Add a separate rendered editor view for non-technical creatives who are unfamiliar with Markdown or TPS syntax. This should be a third authoring mode alongside canonical TPS source and a simpler writing-focused editor: users see styled text and structured blocks/cards instead of raw markup, while PrompterOne still preserves the TPS-backed document model.

The visual direction should be closer to a Notion-like/storyboard surface with readable sections, block cards or columns, visible metadata, on-screen/reference areas, and lightweight controls for visually arranging or editing script structure.

Source

  • Category: Script Editing
  • Feedback video: https://youtu.be/IeUoMyx7dKE?t=10m27s
  • Additional visual reference from follow-up: horizontal Notion-like storyboard/cards view with numbered sections, body text, on-screen notes, and reference pills.

Acceptance criteria

  • The editor exposes separate modes for TPS source, simple text editing, and rendered visual/storyboard editing.
  • The rendered view hides raw Markdown/TPS syntax and shows styled, readable text plus structured script blocks.
  • Edits or reordering in the rendered view preserve and round-trip through the canonical TPS-backed document model.
  • Non-TPS users can write, inspect, and adjust structure without memorizing tags.
  • Add or update browser/UI test coverage for switching views and editing through the rendered visual mode.
  • Solution tests pass before the issue is marked ready for user verification.

Implementation note

Treat this as an additive feature or presentation option. Do not remove existing behavior unless the user explicitly confirms deletion.

Activity

  1. KSemenenko
    changed the title [-]Add non-Markdown GUI or cleaner reading mode[/-] [+]Add Notion-like rendered editor view for non-TPS authors[/+] on Apr 25, 2026

  2. KSemenenko commented on Apr 25, 2026

    @KSemenenko
    KSemenenko
    on Apr 25, 2026
    MemberAuthor

    Implemented locally in commit adefba7 (Add rendered editor cards view (#20)).

    What changed:

    • Added a third editor workspace mode, Cards, alongside Source and Graph.
    • Cards render script segments as horizontal numbered cards and show clean compiled text instead of raw TPS/Markdown syntax.
    • Editing a card writes back only that block body while preserving TPS segment/block headers and front matter.
    • Added localized Cards tab text for supported UI languages.
    • Added bUnit and Playwright browser coverage for syntax-hiding and source writeback.

    Verification passed locally:

    • dotnet build ./PrompterOne.slnx -warnaserror --no-restore
    • dotnet test @./tests/dotnet-test-progress.rsp --project ./tests/PrompterOne.Web.Tests/PrompterOne.Web.Tests.csproj -- --treenode-filter "///EditorVisualSourceTests/EditorPage_RenderedCardsViewHidesTpsSyntaxAndEditsBlockText"
    • dotnet test @./tests/dotnet-test-progress.rsp --project ./tests/PrompterOne.Web.UITests.Editor/PrompterOne.Web.UITests.Editor.csproj -- --treenode-filter "///EditorRenderedViewFlowTests/EditorScreen_RenderedCardsViewHidesSyntaxAndWritesBackToSource"
    • 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
    • dotnet test @./tests/dotnet-test-progress.rsp --solution ./PrompterOne.slnx

    Full solution result: 1127/1127 passed. Leaving this issue open for your review/closure.

  3. KSemenenko
    added this to Prompterand Prompteron Apr 25, 2026
  4. github-project-automation
    moved this to Backlog in Prompteron Apr 25, 2026
  5. KSemenenko
    added a commit that references this issue on Apr 25, 2026

    Add rendered editor cards view (#20)

    adefba7
  6. KSemenenko
    assigned
    byskyphy
    on Apr 25, 2026

  7. KSemenenko commented on Apr 25, 2026

    @KSemenenko
    KSemenenko
    on Apr 25, 2026
    MemberAuthor

    Pushed to main for review.

    Commit: adefba7 Add rendered editor cards view (#20)

    Assigned to @byskyphy to review. Verification passed locally:

    • dotnet build ./PrompterOne.slnx -warnaserror --no-restore
    • 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
    • dotnet test @./tests/dotnet-test-progress.rsp --solution ./PrompterOne.slnx

    Full solution result: 1127/1127 passed.

  8. byskyphy
    moved this from Backlog to In progress in Prompteron Apr 26, 2026
  9. byskyphy
    added a sub-issue on Apr 26, 2026

  10. byskyphy commented on Apr 26, 2026

    @byskyphy
    byskyphy
    on Apr 26, 2026
    Collaborator

    this needs to be planned out much better to work at all. for now it looks like crap and doesn't work

    this editor view should become one of the milestones

  11. byskyphy
    added
    enhancementNew feature or request
    Front End
    on Apr 26, 2026
  12. byskyphy
    added the
    Feature
    issue type on Apr 26, 2026
  13. KSemenenko
    added a commit that references this issue on Apr 26, 2026

    Fix editor rendered authoring board

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

Metadata

Metadata

Assignees

Labels

Front EndenhancementNew feature or request

Type

Feature

Projects

  • Prompter
    Status
    In progress

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions