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

[KSemenenko]

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.

[KSemenenko]

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.

[KSemenenko]

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.

[byskyphy]

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