@lore/react

Embeddable session replay components for React. Drop a single component into any frontend to replay LORE agent sessions with synced video + action timeline.

Usage

import { LoreSessionReplay } from "@lore/react";
import "@lore/react/styles.css";

<LoreSessionReplay sessionId="s-abc12345-..." />

Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | sessionId | string | required | LORE session ID | | serverUrl | string | https://lore-agent-memory.onrender.com | LORE API server URL | | autoPlay | boolean | false | Auto-play video on load | | enableKeyboard | boolean | true | Enable keyboard shortcuts | | showActions | boolean | true | Show actions timeline sidebar | | showStats | boolean | true | Show stats bar | | height | string \| number | "600px" | Container height | | theme | Partial<LoreTheme> | — | Theme overrides | | onTimeUpdate | (time, step) => void | — | Callback on playback time change | | onError | (error) => void | — | Callback on error |

Keyboard shortcuts

| Key | Action | |-----|--------| | Space | Play / Pause | | Left / Right | Seek ±5s | | Up / Down | Speed up / down |

Roadmap

• Progressive video parts — start playback of part 0 while later parts are still generating (currently all-or-nothing: client polls until all segments are ready)
• Security — presigned R2 URLs with configurable expiry, and read-only scoped API keys for partners (currently public but unguessable session_id-based URLs)