@marver-design/marver 0.12.0 → 0.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/CHANGELOG.md +124 -0
  2. package/README.md +41 -19
  3. package/dist/{build-DmfxJc6L.mjs → build-ByYafIhj.mjs} +37 -5
  4. package/dist/cli.mjs +21 -7
  5. package/dist/{collab-BmaOjwP1.mjs → collab-mAiNZlDj.mjs} +232 -43
  6. package/dist/{comments-pNxjTrGN.mjs → comments-DHB_8BRa.mjs} +3 -3
  7. package/dist/{daemon-WjonKlPz.mjs → daemon-Bfucyf1o.mjs} +3 -3
  8. package/dist/{dev-BXq7yE1p.mjs → dev-yZMyQeUj.mjs} +5 -5
  9. package/dist/{events-C9k-ceOj.mjs → events-B3LBn74P.mjs} +3 -1
  10. package/dist/{init-BpitOqRQ.mjs → init-Dvaso7YO.mjs} +66 -2
  11. package/dist/{manifest-CS6krOTe.mjs → manifest-DvOmglFp.mjs} +7 -0
  12. package/dist/{marver-id-gate-DOjnZakC.mjs → marver-id-gate-D6By7XHj.mjs} +8 -5
  13. package/dist/{plugin-Boy7I_JH.mjs → plugin-BsmG5i2X.mjs} +25 -7
  14. package/dist/{profile-ChpTPd-X.mjs → profile-BjAPAJSb.mjs} +1 -1
  15. package/dist/{serve-BeLLizNg.mjs → serve-Bcwfpvhl.mjs} +4 -3
  16. package/dist/{share-C64b1tdN.mjs → share-Gqo_Ygqw.mjs} +14 -15
  17. package/dist/{shot-Cyv3GN79.mjs → shot-kbR_xzJH.mjs} +7 -1
  18. package/dist/{summary-Bf9tiGrE.mjs → summary-C7CAypbB.mjs} +1 -1
  19. package/dist/{sync-WYxDN9IT.mjs → sync-BZaCWqK-.mjs} +1 -1
  20. package/docs/live-jam.md +173 -0
  21. package/docs/publish.md +270 -0
  22. package/docs/sharing.md +333 -0
  23. package/docs/slides.md +134 -0
  24. package/package.json +3 -1
  25. package/src/client/const.ts +13 -0
  26. package/src/client/content/chart-engine.ts +33 -0
  27. package/src/client/content/chart.tsx +100 -0
  28. package/src/client/content/index.tsx +25 -4
  29. package/src/client/content/slide.tsx +238 -0
  30. package/src/client/content/video.tsx +126 -0
  31. package/src/client/shell/App.tsx +49 -15
  32. package/src/client/shell/Comments.tsx +94 -17
  33. package/src/client/shell/LockedApp.tsx +7 -2
  34. package/src/client/shell/Play.tsx +138 -24
  35. package/src/client/shell/Toolbar.tsx +12 -3
  36. package/src/client/shell/canvas/FrameNode.tsx +5 -3
  37. package/src/client/shell/comments-store.ts +59 -4
  38. package/src/client/shell/hash.ts +3 -1
  39. package/src/client/shell/icons.tsx +2 -0
  40. package/src/client/shell/mentions.ts +108 -1
  41. package/src/client/shell/play-order.ts +22 -0
  42. package/src/client/shell/sound.ts +32 -0
  43. package/src/client/shell/store.ts +41 -12
  44. package/src/client/shell/styles.css +58 -27
  45. package/src/client/stage/main.tsx +54 -3
  46. package/src/shared/events.ts +12 -3
  47. package/src/shared/utm.ts +3 -2
  48. package/templates/AGENTS-embedded.md +1 -0
  49. package/templates/AGENTS-studio.md +1 -0
  50. package/templates/instructions/publish.md +7 -0
  51. package/templates/instructions/reference/deck-layouts.md +230 -0
  52. package/templates/instructions/reference/deck-story.md +110 -0
  53. package/templates/instructions/slides.md +398 -0
package/CHANGELOG.md CHANGED
@@ -2,6 +2,130 @@
2
2
 
3
3
  Notable changes to `@marver-design/marver`. Format follows [Keep a Changelog](https://keepachangelog.com); versions follow semver.
4
4
 
5
+ ## 0.14.0 - 2026-09-02
6
+
7
+ ### Added
8
+
9
+ - **Slides.** A deck is a scene of `slide: true` frames: 1280×720 on the
10
+ canvas, the slideshow badge, and a real slides mode - the standard
11
+ prototype toolbar and walker, arrows / Space / click to advance, and
12
+ **the board as the sorter** (the deck plays in the board's reading
13
+ order; drag to reorder). Publish with `"type": "slides", "open":
14
+ "slides"` plus `transition` (`fade | none`) and `chrome` (`full |
15
+ minimal | none`); the Slide stage scales and centers itself to ANY
16
+ viewport with pure CSS (fill window, phones, a resized canvas node -
17
+ author px and Tailwind scale together); viewers land straight in the
18
+ deck and the URL survives refresh. The full guide is
19
+ [docs/slides.md](docs/slides.md).
20
+ - **The `Slide` root, `Chart`, and `Video` content primitives.** One root
21
+ owns the stage (asymmetric margins - 88px sides, 44px top and bottom - so
22
+ the middle band breathes; content box 1104×632), the theme tokens
23
+ (`--marver-slide-ground/-ink/-muted` with dark twins, `-accent`, `-font`,
24
+ `-tempo` timing both entrances and morphs), fixed type roles
25
+ (`sl-display` 160, `sl-stat` 88, `sl-assertion` 56, `sl-support` 30,
26
+ `sl-body` 24, `sl-caption` 18), and a development-only overflow marker
27
+ that catches content escaping the stage, or a flex/grid child outgrowing
28
+ its parent; `Chart`
29
+ is Apache ECharts on a fixed supported surface (series bar, line, pie, scatter, radar, gauge, heatmap, funnel, treemap, sunburst, sankey, boxplot; SVG, lazy
30
+ chunk, house-themed, animation stripped at rest); `Video` is
31
+ poster-first with a glass control strip in play mode. The motion
32
+ contract: a resting slide built from the shipped primitives serializes
33
+ to the canvas's lean path - no canvas/video elements, no running
34
+ animation - so a 40-slide deck pans like 40 statics (a slide that embeds
35
+ its own canvas, video, or shadow DOM stays live, as any frame would).
36
+ - **Motion as the diff.** `view-transition-name` morphs between adjacent
37
+ slides are the animation system; build steps are sibling frames; three
38
+ one-shot entrance presets (`data-animate`) run after each transition
39
+ settles. Reduced motion flattens both. Slides mode offers a 1280×720
40
+ Slide device preset beside your devices and fill; `marver shot` renders a
41
+ slide at 1280×720 over any authored viewport; `/content` exports
42
+ `SLIDE_W` / `SLIDE_H`; `--marver-slide-pad-x/-y` set the stage margins.
43
+ - **The slides doctrine.** `marver init` ships
44
+ `design/instructions/slides.md` - assertion-first argument, the type
45
+ scale, 19 layout recipes with budgets and morph anchors, the choreography
46
+ rules, "the space IS the design" (asymmetric margins, the 85% rule, one
47
+ px spacing scale), seven silhouettes chosen before any recipe with a
48
+ storyboard step and pacing rules, and a review gate that squints the
49
+ contact sheet - with two depth references behind it:
50
+ `reference/deck-story.md` (intake, answer-first structure, the evidence
51
+ check, audience calibration, the writing) and `reference/deck-layouts.md`
52
+ (the full layout atlas grouped by job, the composition grid, content
53
+ budgets, rebuilding an existing deck, chart craft). Plus your
54
+ project-owned `design/slides.md` - now opening with a fill-in **deck
55
+ look** template (tokens, type, mark, colour meaning, numbers, voice) the
56
+ agent drafts on the first deck - which overrides the doctrine and survives
57
+ every upgrade.
58
+
59
+ ### Changed
60
+
61
+ - **The play brand pill is a powered-by link** (marver.design, standard UTM
62
+ set, `utm_content=play-brand`), sized to the pixel like the toolbar pill.
63
+ The keyboard-hint pill is gone (two conflicting rules stretched it into a
64
+ full-stage circle; the walker and toolbar already carry stepping and
65
+ comment). Name your canvas - `share: { name }` - before containerising it:
66
+ the shell's fallback is the root directory, which in a container is `app`.
67
+ - **A `slides` board plays only its `slide: true` frames.** 0.13.0 accepted
68
+ `type: "slides"` / `open: "slides"` and played them as `present`. From
69
+ 0.14.0 the deck is the board's slide frames in reading order; non-slide
70
+ frames on such a board warn at build, and a board with none fails the
71
+ build with the fix in the message (a non-slides `type` plus
72
+ `open: "present"` to keep the old behaviour, or `slide: true` on the
73
+ frames). In the app an empty deck
74
+ falls back to the prototype with a toast. `transition` / `chrome` are
75
+ refused on non-slide boards. `marver init` appends `slides-inspiration/`
76
+ to an existing `design/.gitignore`. `docs/` now ships in the package.
77
+
78
+ ## 0.13.0 - 2026-09-01
79
+
80
+ ### Added
81
+
82
+ - **@-mentions in comments.** Type `@` in the composer to name someone already
83
+ visible in the canvas's comments - they get one mail for that comment and a
84
+ bell notification on the front door. Mentions ride the same identity-minimised
85
+ projection as authors: browsers only ever see opaque ids, and you can only
86
+ mention people you can already see. The agent side is real too: `marver
87
+ comments list --json` now carries each comment's mentions.
88
+ - **Reply mail.** A fresh reply mails the thread's other participants (the 10
89
+ most recent, at most once per person per thread per 6-hour window; history
90
+ imports never mail). Activity mail reads like a comment - who wrote it and a
91
+ snippet of what they said (capped, escaped; the identity service holds those
92
+ snippets for its delivery window - a disclosed tradeoff, documented in
93
+ docs/sharing.md) - and carries an unsubscribe link that mutes email without
94
+ touching the bell. Caveat: delivery needs Marver Sign In - a sovereign canvas
95
+ has no relay, and `share: { notify: false }` still declines everything.
96
+ - **Mentions light up in the canvas.** A mention of you pulses its comment pin
97
+ in accent blue until you open the thread, the marker stack opens on the
98
+ mentioning thread first, and a mention of YOU renders as the loudest chip -
99
+ including in your own view (they used to render plain exactly for the person
100
+ they were for). The @-picker got a solid background.
101
+ - **In-app notifications, with sound.** A fresh mention of you - or a reply in
102
+ a thread you are part of - raises a person-first pill while you are on the
103
+ canvas: the author's avatar, "name mentioned you", their message, and View,
104
+ with a soft two-tone ping (best-effort under browser autoplay rules; one
105
+ ping per batch). Same pill family the Live Jam agent uses, so they stack
106
+ together. History and first loads never announce.
107
+ - **Mail lands on the thread.** The activity mail's button ("Open the comment"
108
+ / "Open the thread") deep-links straight to the conversation
109
+ (`#/b/<board>?c=<thread>`); the relay refuses any other link shape, so mail
110
+ can only ever point a reader back into the canvas that sent it.
111
+
112
+ ### Fixed
113
+
114
+ - **Comment `profile` events now bind to the signed-in author.** They were
115
+ accepted with an arbitrary `author.email`, which let any commenter read the
116
+ opaque id of any guessed address off the projection.
117
+ - **Blank bodies and duplicate reply ids are refused.** Replay always discarded
118
+ them silently; the validator now agrees, so nothing downstream (like mail)
119
+ can fire for an event that was never going to render.
120
+
121
+ - **`marver share explain` now asks the canvas's own resolver.** It called
122
+ `resolveAccess` locally over the fetched roster, which drops the three things only the
123
+ server's `explain` route does - fills the owner role (a fresh owner was explained as an
124
+ ordinary ungranted person), explains a `@domain` through a synthetic member, and marks
125
+ the winning step. It now fetches `GET /__mv/api/share/explain?who=`, so the terminal and
126
+ the browser dialog can never disagree. `who` stays local (it lists only granted
127
+ non-owner principals, where a local resolve is identical).
128
+
5
129
  ## 0.12.0 - 2026-08-31
6
130
 
7
131
  ### Added
package/README.md CHANGED
@@ -6,7 +6,9 @@
6
6
 
7
7
  **The agent-native design canvas.** A `design/` folder in your repo, one command, and a canvas of live frames built from your app's real components and theme. Your coding agent designs by writing files; the tool ships no AI.
8
8
 
9
- [marver.design](https://marver.design) · [Live Jam](docs/live-jam.md) · [Deploying a canvas](docs/publish.md) · [Sharing](docs/sharing.md) · [Changelog](CHANGELOG.md) · [Contributing](CONTRIBUTING.md) · [Issues](https://github.com/TNEP4/marver/issues)
9
+ Screens, prototypes, specs, and now slide decks - all real code, all on one canvas, all shareable with people who sign in as themselves.
10
+
11
+ [marver.design](https://marver.design) · [Slides](docs/slides.md) · [Live Jam](docs/live-jam.md) · [Deploying a canvas](docs/publish.md) · [Sharing](docs/sharing.md) · [Changelog](CHANGELOG.md) · [Contributing](CONTRIBUTING.md) · [Issues](https://github.com/TNEP4/marver/issues)
10
12
 
11
13
  ## Quickstart
12
14
 
@@ -20,42 +22,57 @@ Then, to your agent:
20
22
 
21
23
  > Read design/AGENTS.md. Build an onboarding scene - welcome, form, done - mobile-first, using our components.
22
24
 
25
+ or
26
+
27
+ > Read design/AGENTS.md. Build me a 12-slide pitch deck from this brief, in our brand.
28
+
23
29
  Frames appear on the canvas the moment the files land. That's the loop.
24
30
 
25
31
  ## Why marver
26
32
 
27
33
  - **Frames are real code.** Plain TSX/HTML files rendered from your repo's actual components and theme - zero imports from this package required. An approved design promotes into the app by moving a file, not by re-implementing a picture.
34
+ - **Decks are real code too.** A slide is a frame with `slide: true`. One `Slide` primitive, your own markup inside it, a doctrine that teaches the agent to argue rather than decorate - and a stage that scales itself to any screen without the agent writing a single breakpoint. See [Slides](#slides).
28
35
  - **Everything hot-reloads.** The agent writes, you watch it land - live.
29
36
  - **True viewports.** Each frame is a real iframe: drag its edge and your actual breakpoints fire.
30
37
  - **Your agent answers on the canvas.** Tag `@marver` in a comment and it picks up the job, edits the real source, and replies in the thread - no wiring, on by default. See [Live Jam](#live-jam).
31
- - **Feedback without a signup wall.** Publish the canvas, invite people by email, and they sign in as themselves - one free Marver account, Google or an emailed code, and it opens every canvas you ever share with them. Or keep it entirely self-hosted behind a shared password. See [Collaboration](#collaboration).
32
- - **No AI inside.** The designer is the coding agent you already run and pay for. `init` generates the `design/AGENTS.md` contract that teaches it the whole workflow.
38
+ - **Feedback without a signup wall.** Publish the canvas and invite people by email; they sign in as themselves with one free Marver account that opens every canvas anyone ever shares with them. @-mention a reviewer, they get the mail; reply, and the thread's people hear about it. Or keep it entirely self-hosted behind a shared password. See [Collaboration](#collaboration).
39
+ - **No AI inside.** The designer is the coding agent you already run and pay for. `init` generates `design/AGENTS.md` and a `design/instructions/` method - configure, discover, wireframe, brand, build, review, slides, publish - that teaches it the whole workflow.
33
40
 
34
41
  ## The canvas
35
42
 
36
43
  - **Frames, scenes, boards.** Frames are screens, scenes group them (`design/scenes/<scene>/<frame>.tsx`), boards arrange them. Agents write `design/boards/<name>.json` (a frame list is enough); switch boards at the top of the sidebar. `all-scenes` is auto-managed. Right-click any board, scene, or frame in the sidebar to copy its path - the exact string to paste to your agent - and rename or drag-reorder boards from there too.
37
44
  - **Devices view.** Hotkeys `1`-`5` (or the Devices menu) size every frame to mobile / tablet / laptop / monitor / tv to sweep your breakpoints; `0` restores your own layout exactly. Widths live in `design/config.ts`.
38
45
  - **Prototype links.** `data-goto="scene/frame"` on any element links frames into a walkable prototype - across boards, too.
39
- - **Play mode.** Press `p`: the board becomes a full-screen, clickable walkthrough. `data-goto` links navigate, arrow keys step between frames, `[` / `]` cycle variants, `Escape` exits. Publish it and you have a shareable prototype.
40
- - **Content frames.** Specs, Mermaid diagrams, and mood boards live on the same canvas as the screens - import `Doc`, `Md`, `Diagram`, `Img` from `@marver-design/marver/content` and think a feature through before any pixels exist. Works in a repo with no app at all: idea first, design second.
46
+ - **Five ways to view a board.** The canvas (frames on a plane), the board (the same, tidy), **present** (`p`: a full-screen clickable walkthrough - `data-goto` navigates, arrows step, `[` / `]` cycle variants, laser, comments, theme and device pickers in the toolbar), **focus** (one frame as a document - the reading preset for specs), and **slides** (a deck). A published board names its landing view; a frame deep link opens straight into it.
47
+ - **Content frames.** Specs, Mermaid diagrams, mood boards, and slides live on the same canvas as the screens - import `Doc`, `Md`, `Diagram`, `Img`, `Slide`, `Chart`, `Video` from `@marver-design/marver/content` and think a feature through before any pixels exist. Works in a repo with no app at all: idea first, design second.
41
48
 
42
- ## Collaboration
49
+ ## Slides
43
50
 
44
- - **Comments.** Google-Docs-style feedback pinned to actual elements. Press `c`, click a div inside a frame, write - the thread lives on that element and survives edits via a layered anchor (source semantics → structure → fuzzy text). Viewers on a published canvas comment with real names and avatars - either a Marver account they already have, or an invite-link account on that canvas alone. `marver dev` syncs the same threads into `design/comments/*.jsonl`, where your agent works the queue: `npx marver comments list --open --json` → fork a variant → `resolve --addressed-in`. Live via SSE; one deploy, no extra services.
45
- - **Laser mode.** Press `l`: every element in every frame gets depth-hued outlines plus a hover label - the fastest way to see structure. Click any element to copy its full address (frame file + CSS path) for the agent.
46
- - **Publishing.** `npx marver build` exports a static canvas (default-closed: `design/publish.json` names what ships, and whether each board is `read` or `comment`); `npx marver serve` hosts it. One deploy on Railway, Docker, or any static host - the [publishing guide](docs/publish.md) has the one-pagers.
51
+ A deck is a scene of `slide: true` frames. On the canvas they are 1280×720 frames like any other - comment on them, laser them, fork variants, drag them to reorder the deck (the board's reading order is the play order). Press `p` on a slides board and you get slides mode: the 16:9 stage, arrows / Space / click to advance, `d` cycles the theme, devices including fill window, morphs between slides where the agent named the same element twice.
47
52
 
48
- - **Two ways to let people in.** They are alternatives, not layers - pick one per canvas.
53
+ What makes it light on the agent side, and good on every screen:
49
54
 
50
- **Marver Sign In** (new in 0.11). Set `MARVER_ID_ISSUER=https://id.marver.design` and reviewers sign in as themselves, with Google or a six-digit code emailed to them. One free Marver account opens *every* canvas gated this way, so the second board you share costs them nothing: no new signup, no new password, no link to keep. You invite an email address and they are in.
55
+ - **One primitive, no component library.** `Slide` owns the stage, the margins, six fixed type roles, your theme's tokens, and the motion contract. Everything inside is your project's own markup and components - a slide is built the way a screen is built.
56
+ - **The fit is pure CSS.** The agent authors at exactly 1280×720; the root scales and centers itself to a phone, a laptop, a projector, or a resized canvas node. No `vw`, no media queries, no breakpoints - the composition you approved is the composition everyone sees, and a dev-only overflow marker outlines a slide whose content escapes the stage, or whose flex/grid child outgrows its parent.
57
+ - **Still at rest.** Charts are final-state SVG in a lazy chunk, videos are posters, and every CSS animation under `Slide` is suspended until slides mode plays - so a 40-slide deck of the shipped primitives pans like 40 statics on the canvas. (Your own `<canvas>`, `<video>`, or JS-driven motion stays live, as in any frame.)
58
+ - **A doctrine, not a template.** `init` ships `design/instructions/slides.md`: assertion-first argument, the space (three bands, the 85% rule, one spacing scale), seven silhouettes chosen before any recipe so a deck never reads as one repeated shape, 19 recipes with budgets, choreography rules, and a review gate - plus two depth references and your own project-owned `design/slides.md` with a fill-in **deck look** the agent drafts from your brand.
51
59
 
52
- That is the whole difference, and it is the difference between "I'll look later" and a comment actually landing on the board. It also means their real name and face ride along, so a thread is from a person rather than from an address.
60
+ Publish a deck with `{ "boards": { "pitch": { "max": "read", "type": "slides", "open": "slides", "lock": true } } }` in `design/publish.json` and the link opens straight into the deck, read-only, with no canvas behind it. The [slides guide](docs/slides.md) has the rest - morphs, build steps, `Chart` and `Video`, the theme tokens.
53
61
 
54
- **A shared password** (`MARVER_PASSWORD`). Fully self-hosted, no account anywhere but your own volume, nothing about your reviewers leaves your infrastructure - and still fully supported, not a legacy path. The trade is that every canvas is an island: reviewers claim an invite link and pick a name and password *on that canvas*, and do it again for the next one. Fine for one board, a toll on the fifth.
62
+ ## Collaboration
55
63
 
56
- Either way the canvas runs on your infrastructure and stores its own comments and members. With Marver Sign In the identity service only ever tells your canvas that a verified address matched an entry on your invite list - it never sees your frames, your files, or your comments. Rights stay yours: `design/publish.json` decides which boards are readable and which are commentable, and `marver comments invite`/`revoke` decides who is on the list.
64
+ - **Comments.** Google-Docs-style feedback pinned to actual elements. Press `c`, click a div inside a frame, write - the thread lives on that element and survives edits via a layered anchor (source semantics → structure → fuzzy text). Type `@` to mention someone who can already see the canvas; they get a mail with the comment and a link that lands on the thread, and the mention pulses its pin in their canvas with an in-app notification. A reply mails the thread's other participants, throttled per person and thread; anyone can mute a canvas's mail. `marver dev` syncs the same threads into `design/comments/*.jsonl`, where your agent works the queue: `npx marver comments list --open --json` → fork a variant → `resolve --addressed-in`. Live via SSE; one deploy, no extra services.
65
+ - **Laser mode.** Press `l`: every element in every frame gets depth-hued outlines plus a hover label - the fastest way to see structure. Click any element to copy its full address (frame file + CSS path) for the agent. (On a published canvas, laser needs `"reveal": { "source": true }` in `publish.json` - source paths go opaque by default.)
66
+ - **Publishing.** `npx marver build` exports a static canvas (default-closed: `design/publish.json` names what ships, each board's ceiling - `read` or `comment` - and, since 0.12, its **type** and **landing view**: `{ "max", "type": "doc" | "slides" | "design" | "sketch" | "refs" | "mix", "open": "canvas" | "board" | "present" | "focus" | "slides", "lock": true }`); `npx marver serve` hosts it. One deploy on Railway, Docker, or any static host - the [publishing guide](docs/publish.md) has the one-pagers.
67
+ - **Sharing, person by person.** On a canvas with a persistent volume, `marver share add sam@acme.com --role comment` (or the browser's share dialog) grants one person access, `@acme.com` grants a domain, `general private|password|public` sets the floor, and a refused visitor can ask to get in - approve from the terminal. One resolver answers "what can this person do here", and `marver share explain <email>` shows its reasoning. The [sharing guide](docs/sharing.md) has the whole surface.
57
68
 
58
- *Coming next:* one home for your account - every canvas you have been invited to, every canvas you have shared, and the access each one carries, in a single list. Today the account page at `id.marver.design` shows the canvases you have approved and lets you revoke them.
69
+ - **Two ways to let people in.** They are alternatives, not layers - pick one per canvas.
70
+
71
+ **Marver Sign In.** Set `MARVER_ID_ISSUER=https://id.marver.design` and reviewers sign in as themselves, with Google or a six-digit code emailed to them. One free Marver account opens *every* canvas gated this way, so the second board you share costs them nothing: no new signup, no new password, no link to keep. Their real name and face ride along, so a thread is from a person rather than from an address. And **[app.marver.design](https://app.marver.design)** is their front door: every canvas they can reach, in one signed-in list, each row lit by a summary the canvas itself signs - the front door holds no roster and makes no access decision.
72
+
73
+ **A shared password** (`MARVER_PASSWORD`). Fully self-hosted, no account anywhere but your own volume, nothing about your reviewers leaves your infrastructure - and still fully supported. The trade is that every canvas is an island: reviewers claim an invite link and pick a name and password *on that canvas*, and do it again for the next one.
74
+
75
+ Either way the canvas runs on your infrastructure and stores its own comments and members. With Marver Sign In the identity service only ever tells your canvas that a verified address matched an entry on your list - it never sees your frames, your files, or your comments. Rights stay yours: `design/publish.json` decides which boards are readable and which are commentable, and the roster decides who is on the list.
59
76
 
60
77
  ## Live Jam
61
78
 
@@ -65,7 +82,7 @@ The trust boundary is hard: only comments written on the owner's machine trigger
65
82
 
66
83
  ## Working state
67
84
 
68
- The same glow, driven from the terminal. When your agent takes a request, it creates the frame files first, pins them on a board, and runs `npx marver work start <scene/frame ...>` - you see the work land on the canvas in seconds, watch it shimmer while subagents build in parallel, and see it settle on `work done`. Marks self-expire, so a crashed agent never leaves a frame glowing.
85
+ The same glow, driven from the terminal. When your agent takes a request, it creates the frame files first, pins them on a board, and runs `npx marver work start <scene/frame ...>` - you see the work land on the canvas in seconds, watch it shimmer while subagents build in parallel, and see it settle on `work done`. Marks self-expire, so a crashed agent never leaves a frame glowing. And `npx marver shot <scene/frame>` renders one frame headless to a PNG, so the agent can look at what it built before it says it is done.
69
86
 
70
87
  ## Commands
71
88
 
@@ -75,8 +92,10 @@ The same glow, driven from the terminal. When your agent takes a request, it cre
75
92
  | `npx marver dev` / `canvas` | Start the local canvas - hot reload, comments, Live Jam armed (`--port`, default 5199) |
76
93
  | `npx marver build` | Static export → `design/.dist`; what ships comes from `design/publish.json` (default-closed) |
77
94
  | `npx marver serve` | Serve the export; `MARVER_ID_ISSUER` or `MARVER_PASSWORD` gates it, `MARVER_DATA_DIR` persists comments + accounts |
95
+ | `npx marver share …` | The roster (owner): `add <who> [--role]` · `remove` · `block` / `unblock` · `general <mode>` · `list` · `requests` · `explain <who>` · `who` |
78
96
  | `npx marver comments …` | The agent's queue: `connect <url>` · `sync` · `list` · `reply` · `resolve` · `invite <email>` · `revoke <email>` |
79
97
  | `npx marver work …` | Working glow from the terminal: `start <scene/frame …>` · `done … \| --all` · `list` |
98
+ | `npx marver shot <frame>` | Render one frame headless and print the PNG path (needs `dev` running) |
80
99
 
81
100
  ## Shortcuts
82
101
 
@@ -91,17 +110,20 @@ The same glow, driven from the terminal. When your agent takes a request, it cre
91
110
 
92
111
  **Selection** - click selects · shift+click (canvas or sidebar) builds a multi-selection · `⌘A` selects every frame on the board · `⇧P` copies the selected frames' paths (board, frame, and file) · double-click enters interact mode (`esc` or click outside leaves) · drag the title bar to move, edges to resize (widths snap to devices).
93
112
 
94
- **Modes** - `c` comment mode · `l` laser mode · `⇧C` hide/show comment pins · `⇧L` laser comment (spotlight a thread's element) · `p` play mode · `h` hide all chrome.
113
+ **Modes** - `c` comment mode · `l` laser mode · `⇧C` hide/show comment pins · `⇧L` laser comment (spotlight a thread's element) · `p` play (present, or slides on a slides board) · `h` hide all chrome.
114
+
115
+ **In play** - `←` `→` step (Space and click advance a deck) · `[` `]` cycle variants · `d` cycles the theme · digits pick a device, the digit after your last one fills the window · `esc` exits, unless the board is locked to that view.
95
116
 
96
117
  ## Notes
97
118
 
98
119
  - **Next.js**: supported with one caveat - frames render in Vite, outside Next. `next/font` CSS variables are undefined inside frames (give font tokens a fallback chain), `next/image`/`next/link` should be plain `img`/`data-goto` in frames, and Server Components cannot run there. `init` writes the specifics into `design/AGENTS.md` when it detects Next.
99
- - **Upgrade**: `npm i -D @marver-design/marver@latest && npx marver init`. The canvas tells you when a new version is out (one anonymous registry check per day, cached in `design/.local/`; `MARVER_NO_UPDATE_CHECK=1` disables). Re-running init refreshes the managed files (AGENTS.md, `design/instructions/`) - your edits to them are detected and preserved; when both you and a release changed a file, the fresh version is staged at `design/.local/latest/` for you (or your agent) to merge. Everything else in `design/` is yours and never touched.
120
+ - **Upgrade**: `npm i -D @marver-design/marver@latest && npx marver init`. The canvas tells you when a new version is out (one anonymous registry check per day, cached in `design/.local/`; `MARVER_NO_UPDATE_CHECK=1` disables), and warns when your `design/instructions/` predate the installed package. Re-running init refreshes the managed files (AGENTS.md, `design/instructions/`) - your edits to them are detected and preserved; when both you and a release changed a file, the fresh version is staged at `design/.local/latest/` for you (or your agent) to merge. Everything else in `design/` is yours and never touched.
121
+ - **Name your canvas**: `share: { name: "Your App" }` in `design/config.ts` titles the gate, labels the brand pill, and tags every powered-by link. Unset, the gate falls back to your `package.json` name and the canvas shell to the directory name - `app` inside most containers.
100
122
  - **Uninstall**: delete `design/`, remove the dependency. (If `init` patched your tsconfig `exclude`, revert that one line.)
101
123
 
102
124
  ## Status
103
125
 
104
- Marver is a young solo side project - it works, it's dogfooded daily, and it has rough edges. The known weak spot: boards with many heavy frames (animation-rich, component-dense) can strain the canvas, especially while zooming - snapshot-based rendering helps but isn't finished. If you hit a wall, an issue with your board shape and frame count genuinely helps.
126
+ Marver is a young solo side project - it works, it's dogfooded daily, and it has rough edges. The known weak spot: boards with many heavy frames (animation-rich, component-dense) can strain the canvas, especially while zooming - snapshot-based rendering helps but isn't finished. Sharing controls who gets in and who may comment; per-board read privacy (a board some people can see and others cannot) is next. If you hit a wall, an issue with your board shape and frame count genuinely helps.
105
127
 
106
128
  ## Contributing
107
129
 
@@ -1,6 +1,6 @@
1
1
  import { i as ROUTE, n as NAME } from "./cli.mjs";
2
- import { l as detectHost, r as scanFrames, s as loadConfig } from "./manifest-CS6krOTe.mjs";
3
- import { n as tailwind3Css, r as tailwind4Plugin, t as marverPlugin } from "./plugin-Boy7I_JH.mjs";
2
+ import { l as detectHost, r as scanFrames, s as loadConfig } from "./manifest-DvOmglFp.mjs";
3
+ import { n as tailwind3Css, r as tailwind4Plugin, t as marverPlugin } from "./plugin-BsmG5i2X.mjs";
4
4
  import { cpSync, existsSync, mkdirSync, readFileSync, readdirSync, realpathSync, rmSync, writeFileSync } from "node:fs";
5
5
  import { basename, dirname, join, sep } from "node:path";
6
6
  import { fileURLToPath } from "node:url";
@@ -36,9 +36,19 @@ function scanAssetRefs(src, moduleId) {
36
36
  templates.push(t);
37
37
  return "``";
38
38
  }).replace(/\/\*[\s\S]*?\*\//g, "").replace(/(^|\s)\/\/.*$/gm, "$1");
39
- if (/<Img\b[^>]*\bsrc\s*=\s*\{/.test(stripped)) throw new Error(`${moduleId}: <Img src={...}> is computed - published builds copy only statically referenced assets. Use a string literal.`);
39
+ for (const tag of ["Img", "Video"]) if (new RegExp(`<${tag}\\b[^>]*\\b(?:src|poster)\\s*=\\s*\\{`).test(stripped)) throw new Error(`${moduleId}: <${tag}> has a computed src/poster - published builds copy only statically referenced assets. Use a string literal.`);
40
40
  const out = [];
41
41
  for (const m of stripped.matchAll(/<Img\b[^>]*\bsrc\s*=\s*["']([^"']+)["']/g)) out.push(m[1]);
42
+ for (const m of stripped.matchAll(/<Video\b[^>]*>|<Video\b[^>]*\/>/g)) {
43
+ const tag = m[0];
44
+ const srcM = /\bsrc\s*=\s*["']([^"']+)["']/.exec(tag);
45
+ const posterM = /\bposter\s*=\s*["']([^"']+)["']/.exec(tag);
46
+ if (srcM) {
47
+ if (!/^https:\/\//.test(srcM[1]) && !posterM) throw new Error(`${moduleId}: <Video src="${srcM[1]}"> is a local file without a poster - the poster is the slide at rest. Add poster="...".`);
48
+ out.push(srcM[1]);
49
+ }
50
+ if (posterM) out.push(posterM[1]);
51
+ }
42
52
  for (const tpl of templates) for (const m of tpl.matchAll(/!\[[^\]]*\]\(([^)\s"']+)\)/g)) out.push(m[1]);
43
53
  return out;
44
54
  }
@@ -59,6 +69,12 @@ const VIEW_MODES = [
59
69
  "focus",
60
70
  "slides"
61
71
  ];
72
+ const DECK_TRANSITIONS = ["fade", "none"];
73
+ const DECK_CHROME = [
74
+ "full",
75
+ "minimal",
76
+ "none"
77
+ ];
62
78
  /** Publishing is default-CLOSED - no policy and no explicit flag = no build.
63
79
  * Boards absent from the result do not ship. */
64
80
  function resolvePolicy(root, allBoards, boardsFlag, allBoardsFlag) {
@@ -108,12 +124,17 @@ function resolvePolicy(root, allBoards, boardsFlag, allBoardsFlag) {
108
124
  const type = p.type ?? "mix";
109
125
  if (!ARTIFACT_TYPES.includes(type)) throw new Error(`design/publish.json: board "${n}" has type "${type}" - use ${ARTIFACT_TYPES.join(" | ")}`);
110
126
  if (p.open !== void 0 && !VIEW_MODES.includes(p.open)) throw new Error(`design/publish.json: board "${n}" has open "${p.open}" - use ${VIEW_MODES.join(" | ")}`);
127
+ if (p.transition !== void 0 && !DECK_TRANSITIONS.includes(p.transition)) throw new Error(`design/publish.json: board "${n}" has transition "${p.transition}" - use ${DECK_TRANSITIONS.join(" | ")}`);
128
+ if (p.chrome !== void 0 && !DECK_CHROME.includes(p.chrome)) throw new Error(`design/publish.json: board "${n}" has chrome "${p.chrome}" - use ${DECK_CHROME.join(" | ")}`);
129
+ if ((p.transition !== void 0 || p.chrome !== void 0) && type !== "slides" && p.open !== "slides") throw new Error(`design/publish.json: board "${n}" sets transition/chrome but is not a slides board - set "type": "slides" or "open": "slides", or drop them`);
111
130
  if (p.lock && p.open === void 0) throw new Error(`design/publish.json: board "${n}" sets "lock" without "open" - name the mode the lock freezes`);
112
131
  out[n] = {
113
132
  max: p.max,
114
133
  type,
115
134
  ...p.open ? { open: p.open } : {},
116
- ...p.lock ? { lock: true } : {}
135
+ ...p.lock ? { lock: true } : {},
136
+ ...p.transition ? { transition: p.transition } : {},
137
+ ...p.chrome ? { chrome: p.chrome } : {}
117
138
  };
118
139
  }
119
140
  if (policy.reveal !== void 0) {
@@ -277,12 +298,23 @@ async function buildSite(root, boardsFlag, allBoardsFlag, embedSeeds) {
277
298
  frames: pubFrames.filter((f) => f.scene === name).length
278
299
  }))
279
300
  };
301
+ for (const n of publishedNames) {
302
+ const pb = policy.boards[n];
303
+ if (pb?.type !== "slides" && pb?.open !== "slides") continue;
304
+ const ids = new Set((boards[n]?.nodes ?? []).map((x) => x.frame));
305
+ const on = pubManifest.frames.filter((f) => ids.has(f.id));
306
+ const off = on.filter((f) => !(f.kind === "tsx" && f.slide));
307
+ if (off.length === on.length) throw new Error(`design/publish.json: board "${n}" plays as slides but none of its ${on.length} frame(s) carry \`slide: true\` - add it to the frames' meta, or set "type"/"open" to "present" (0.13.0 let slides alias present; 0.14.0 plays only slide frames)`);
308
+ if (off.length) console.warn(` warning: board "${n}" plays as slides but ${off.length} frame(s) are not slides (${off.slice(0, 4).map((f) => f.id).join(", ")}${off.length > 4 ? ", …" : ""}) - they will not play`);
309
+ }
280
310
  const boardsMeta = Object.fromEntries(publishedNames.filter((n) => policy.boards[n]).map((n) => {
281
311
  const p = policy.boards[n];
282
312
  return [n, {
283
313
  type: p.type,
284
314
  ...p.open ? { open: p.open } : {},
285
- ...p.lock ? { lock: true } : {}
315
+ ...p.lock ? { lock: true } : {},
316
+ ...p.transition ? { transition: p.transition } : {},
317
+ ...p.chrome ? { chrome: p.chrome } : {}
286
318
  }];
287
319
  }));
288
320
  const lockedShell = publishedNames.length > 0 && publishedNames.every((n) => {
package/dist/cli.mjs CHANGED
@@ -16,6 +16,20 @@ const CONTENT_WIDTH = {
16
16
  document: 760,
17
17
  wide: 1280
18
18
  };
19
+ /** The slide stage (v1.5): a runtime-reserved intrinsic, deliberately NOT a
20
+ * config viewport - no migration for existing projects, no deck device in
21
+ * sweeps. Dependency-neutral so server (shot) and shell (store) share it. */
22
+ const SLIDE_INTRINSIC = {
23
+ width: 1280,
24
+ height: 720
25
+ };
26
+ /** The one DEFAULT sizing rule for slide frames, shared by canvas and shot:
27
+ * `slide: true` sets the intrinsic 1280×720 stage, over any authored viewport.
28
+ * Board nodes stay resizable (the Slide root scales into whatever box it is
29
+ * given); this governs defaults, shots, and stage coordinates. */
30
+ function slideSize(frame) {
31
+ return frame.slide ? SLIDE_INTRINSIC : null;
32
+ }
19
33
  //#endregion
20
34
  //#region src/cli/index.ts
21
35
  const [major, minor] = process.versions.node.split(".").map(Number);
@@ -39,14 +53,14 @@ function version() {
39
53
  }
40
54
  const cli = cac(NAME);
41
55
  cli.command("init", "Scaffold design/ in this repo").option("--mode <mode>", "studio | embedded", { default: "studio" }).option("--no-demo", "Skip the demo scene (the demo ships unless this flag is passed)").option("--root <dir>", "Host repo root", { default: "." }).action(async (opts) => {
42
- const { init } = await import("./init-BpitOqRQ.mjs");
56
+ const { init } = await import("./init-Dvaso7YO.mjs");
43
57
  init(resolve(opts.root), {
44
58
  mode: opts.mode === "embedded" ? "embedded" : "studio",
45
59
  demo: opts.demo !== false
46
60
  });
47
61
  });
48
62
  for (const [name, desc] of [["dev", "Start the local canvas (everything on: hot reload, comments, Live Jam)"], ["canvas", "Start the local canvas - same as dev"]]) cli.command(name, desc).option("--root <dir>", "Host repo root", { default: "." }).option("--port <port>", "Port (default 5199)").action(async (opts) => {
49
- const { dev } = await import("./dev-BXq7yE1p.mjs");
63
+ const { dev } = await import("./dev-yZMyQeUj.mjs");
50
64
  let port;
51
65
  if (opts.port !== void 0) {
52
66
  const n = Number(opts.port);
@@ -56,7 +70,7 @@ for (const [name, desc] of [["dev", "Start the local canvas (everything on: hot
56
70
  await dev(resolve(opts.root), port);
57
71
  });
58
72
  cli.command("build", "Static export → design/.dist (what ships comes from design/publish.json - publishing is default-closed)").option("--boards <names>", "Publish only these boards (comma-separated); overrides the publish policy").option("--all-boards", "Publish every board - the loud override for the default-closed policy").option("--embed-seeds", "Copy comment history INTO the web root (identifying - every event carries its author's email)").option("--root <dir>", "Host repo root", { default: "." }).action(async (opts) => {
59
- const { buildSite } = await import("./build-DmfxJc6L.mjs");
73
+ const { buildSite } = await import("./build-ByYafIhj.mjs");
60
74
  try {
61
75
  const boards = opts.boards === void 0 ? void 0 : typeof opts.boards === "string" ? opts.boards : "";
62
76
  await buildSite(resolve(opts.root), boards, opts.allBoards === true, opts.embedSeeds === true);
@@ -66,7 +80,7 @@ cli.command("build", "Static export → design/.dist (what ships comes from desi
66
80
  }
67
81
  });
68
82
  cli.command("serve", "Serve design/.dist (set MARVER_PASSWORD to gate it)").option("--root <dir>", "Host repo root", { default: "." }).option("--port <port>", "Port (default $PORT or 4199)").action(async (opts) => {
69
- const { serve } = await import("./serve-BeLLizNg.mjs");
83
+ const { serve } = await import("./serve-Bcwfpvhl.mjs");
70
84
  let port;
71
85
  if (opts.port !== void 0) {
72
86
  const n = Number(opts.port);
@@ -75,7 +89,7 @@ cli.command("serve", "Serve design/.dist (set MARVER_PASSWORD to gate it)").opti
75
89
  serve(resolve(opts.root), port);
76
90
  });
77
91
  cli.command("comments <action> [value]", "Comment collaboration: connect <url> · sync · list · reply <thread> · resolve <thread> · invite <email> · revoke <email>").option("--root <dir>", "Host repo root", { default: "." }).option("--token <token>", "connect: the canvas's MARVER_CLI_TOKEN (default $MARVER_CLI_TOKEN) - the identity-mode path").option("--invite <token>", "connect: claim this invite instead of signing in").option("--canvas-password <password>", "connect: the canvas gate password (default $MARVER_PASSWORD or prompt)").option("--email <email>", "connect: account email (skips the prompt)").option("--password <password>", "connect: account password (skips the prompt - mind your shell history)").option("--name <name>", "connect --invite: display name for the new account").option("--open", "list: only unresolved threads").option("--json", "list: machine-readable output").option("--board <board>", "scope to one board").option("--body <text>", "reply: the reply text").option("--addressed-in <frame>", "resolve: the variant frame that answered the feedback").action(async (action, value, opts) => {
78
- const { commentsCommand } = await import("./comments-pNxjTrGN.mjs");
92
+ const { commentsCommand } = await import("./comments-DHB_8BRa.mjs");
79
93
  try {
80
94
  await commentsCommand(resolve(opts.root), action, value, opts);
81
95
  } catch (err) {
@@ -84,7 +98,7 @@ cli.command("comments <action> [value]", "Comment collaboration: connect <url>
84
98
  }
85
99
  });
86
100
  cli.command("share <action> [value]", "Sharing roster (owner): add <who> · remove <who> · block/unblock <email> · general <mode> · list · requests · explain <who> · who").option("--root <dir>", "Host repo root", { default: "." }).option("--role <role>", "add / requests --approve: view (default) or comment").option("--expires <iso>", "add: expiry timestamp, e.g. 2026-12-31T00:00:00Z").option("--approve <email>", "requests: approve this pending request (canvas-wide in v1)").option("--decline <email>", "requests: decline this pending request (silent to the asker)").option("--json", "list: machine-readable output").action(async (action, value, opts) => {
87
- const { shareCommand } = await import("./share-C64b1tdN.mjs");
101
+ const { shareCommand } = await import("./share-Gqo_Ygqw.mjs");
88
102
  try {
89
103
  await shareCommand(resolve(opts.root), action, value, opts);
90
104
  } catch (err) {
@@ -114,4 +128,4 @@ cli.help();
114
128
  cli.version(version());
115
129
  cli.parse();
116
130
  //#endregion
117
- export { ROUTE as i, NAME as n, PKG as r, CONTENT_WIDTH as t };
131
+ export { slideSize as a, ROUTE as i, NAME as n, PKG as r, CONTENT_WIDTH as t };