mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-14 18:01:20 +08: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.
36 lines
1.3 KiB
Plaintext
36 lines
1.3 KiB
Plaintext
---
|
|
title: "Thread Message Stack"
|
|
description: "Message bubbles land on the bottom line over a moving background, push older messages upward under a mask, and show a typing pill before each incoming message."
|
|
---
|
|
|
|
import { PrimitivePlayer } from "/snippets/PrimitivePlayer.jsx";
|
|
|
|
<span className="hf-primitive-eyebrow">List assembly</span>
|
|
|
|
<PrimitivePlayer name="thread-message-stack" width={1920} height={1080} />
|
|
|
|
## Variables
|
|
|
|
| Name | Type | Default | Description |
|
|
| --- | --- | --- | --- |
|
|
| `--tms-roll-bg` | `color` | | base under the moving blobs and letterbox color for replacement footage. |
|
|
| `--tms-out-fill` | `color` | `#2D89E1` | outgoing bubble fill. |
|
|
| `--tms-out-ink` | `color` | | outgoing bubble text color. |
|
|
| `--tms-in-fill` | `color` | | incoming bubble fill. |
|
|
| `--tms-in-ink` | `color` | | incoming bubble text color. |
|
|
| `--tms-tag-ink` | `color` | | sender tag text color. |
|
|
| `--tms-radius` | `length` | | bubble corner radius. |
|
|
|
|
## When to use it
|
|
|
|
A conversation must build through alternating incoming and outgoing bubbles while the background continues moving.
|
|
|
|
## When to avoid it
|
|
|
|
Avoid it when frame zero must be empty, because the thread deliberately opens on three settled bubbles.
|
|
|
|
## Pairs with
|
|
|
|
- [persona-card-fan](/primitives/persona-card-fan)
|
|
- [receipt-card](/primitives/receipt-card)
|