mirror of
https://github.com/rennf93/roboco.git
synced 2026-08-03 07:23:24 +02:00
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>
15 lines
634 B
JavaScript
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";
|