Skip to content

Draw screens, the Cratis watermark and view options on the VS Code event model board - #324

Merged
einari merged 3 commits into
mainfrom
claude/focused-allen-u3y1wy
Oct 1, 2026
Merged

einari merged 3 commits into
mainfrom
claude/focused-allen-u3y1wy

Conversation

@einari

@einari einari commented Oct 1, 2026 •

Copy link
Copy Markdown
Contributor

The event model board in the VS Code extension now draws a slice's screens as prototypes, carries the Cratis watermark and offers the view options Cratis Studio has.

Added

  • Screens declared in a slice are drawn as prototypes in a User row on the board: titles, actions, tables, summaries, sections, template slots and inline code, laid out as a sketch of the screen.
  • A View toolbar in the upper right of the board chooses the detail level (Full or Overview), whether properties are shown, and whether slices are connected with arrows or lines. The choice is kept while the board is open.
  • The white Cratis mark watermarks the upper left of the board.
  • @cratis/screenplay-compiler reads screens, with the same syntax and diagnostics as the C# compiler.

claude added 3 commits October 1, 2026 10:04
Screens were skipped whole, so nothing downstream could draw them. The
compiler now reads every screen directive the C# ScreenParser reads, with
the same diagnostics, and keeps 'on' and 'uses' interaction as markers so
a screen's directives stay in the order they were written. The shared
conformance document and the diagnostic vectors cover every directive.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01MrnFQW3Zx9PqPJgwE4b7Kc
Every slice went to the board with no actors, so the board drew no user
experience row at all. A model with screens now carries a User UI role on
its collection, and each slice draws its screens as one prototype: titles,
actions side by side, tables, summaries, sections and template slots laid
out as the placeholder elements the board's thumbnail draws.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01MrnFQW3Zx9PqPJgwE4b7Kc
The board now carries the white Cratis mark in its upper left and a View
toolbar in its upper right offering what Cratis Studio does - detail level,
properties and arrows or lines - wired to the board's presentation and kept
by VS Code while the board is open. The zoom controls use Studio's icons.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01MrnFQW3Zx9PqPJgwE4b7Kc
@einari
einari marked this pull request as ready for review October 1, 2026 10:14
@einari einari added the patch Bug fixes, docs, refactoring label Oct 1, 2026 — with Claude
@einari
einari merged commit fe4bee0 into main Oct 1, 2026
5 of 8 checks passed
@einari
einari deleted the claude/focused-allen-u3y1wy branch October 1, 2026 10:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

patch Bug fixes, docs, refactoring

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants