mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-11-15 13:58:20 +00:00
Miguel Angel Simon Sierra
bb912587b9
Adds the 25 video primitive compositions and their generated Mintlify pages. Each page embeds a live <hyperframes-player> preview with editable composition variables rather than a rendered MP4. Adds the catalog-browsing eval under evals/catalog-retrieval: a 424-entry shelf built from HEAD, nine retrieval conditions (no-catalog control, full read, lexical, semantic, and hybrid across several values of k), a brief generator that constructs each brief from a known target, a blind three-pass gold validation committee, and a mechanical scorer that keeps mountable and fit as two separate numbers. The eval vendors its own shelf, primitive sources, and preview list instead of reading them from an ignored working directory, so the shelf regenerates byte for byte from a clean checkout. Derived artifacts stay out: the embedding cache and the run checkpoints are regenerated rather than committed, so no run can score against a stale copy of either. Lint ignores now cover vendored minified player bundles by pattern instead of one path at a time.
48 lines
1.7 KiB
HTML
48 lines
1.7 KiB
HTML
<!doctype html>
|
|
<!-- generated by harness/host.py, do not edit: thread-message-stack at 1920x1080 -->
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=1920, height=1080" />
|
|
<title>thread-message-stack 1920x1080</title>
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
html, body { width: 1920px; height: 1080px; overflow: hidden; background: #0b0b0d; }
|
|
#root {
|
|
--bg: #0b0b0d;
|
|
--fg: #f8fafc;
|
|
--font-display: Inter, system-ui, sans-serif;
|
|
position: relative;
|
|
width: 1920px; height: 1080px;
|
|
overflow: hidden;
|
|
background: #0b0b0d;
|
|
}
|
|
/* container-type: size is what lets the primitive lay itself out in cqw
|
|
and cqh units, which is how one file survives three aspects. */
|
|
#mount {
|
|
position: absolute;
|
|
left: 0px; top: 0px;
|
|
width: 1920px; height: 1080px;
|
|
container-type: size;
|
|
overflow: hidden;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="root" data-composition-id="qa-host" data-start="0"
|
|
data-width="1920" data-height="1080" data-duration="5" data-fps="30">
|
|
<div id="mount" class="clip"
|
|
data-composition-id="thread-message-stack"
|
|
data-composition-src="./thread-message-stack.html"
|
|
data-variable-values='{}'
|
|
data-start="0" data-duration="5" data-track-index="0"
|
|
data-width="1920" data-height="1080"></div>
|
|
</div>
|
|
<script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
|
|
<script>
|
|
window.__timelines = window.__timelines || {};
|
|
window.__timelines["qa-host"] = gsap.timeline({ paused: true });
|
|
</script>
|
|
</body>
|
|
</html>
|