Files
dd71eb381e feat(motion): panel-demo kit + reference composition (#365)
Reusable pk-* building blocks (motion/kit/) that recreate the control
panel's look for HyperFrames compositions: frame chrome, task card,
status pills with swap crossfade, chips, toast, typing reveal, cursor
sprite. Tokens lifted from the panel's dark theme and badge components.

Reference composition motion/compositions/panel-demo/ (12s, both cuts):
a task title types into intake, the card materializes, the cursor
clicks, the status pill flips to completed, a toast slides in.

Verified: motion vitest gate green (7/7); both cuts visually checked
in-browser at native resolution.

Co-authored-by: Renn F <rennf93@users.noreply.github.com>
2026-07-09 06:44:55 +02:00

15 lines
634 B
JavaScript

// Default sample props for local preview (npx hyperframes preview). The
// video-renderer sidecar OVERWRITES this file at render time with the real
// per-request values + window.__ORIENTATION__. Shared by both vertical.html
// and square.html — orientation is baked into which HTML file is rendered
// (see motion/README.md), so there is no runtime branch here.
window.__PROPS__ = {
taskTitle: "Ship the panel-demo kit",
agentName: "fe-dev-1",
teamLabel: "Frontend",
priorityLabel: "P1 - High",
toastTitle: "Task completed",
toastBody: "fe-dev-1 merged the panel-demo kit PR.",
};
window.__ORIENTATION__ = "vertical";