// Camus — product video scenes (30s, 1920×1080). Time-driven; scrubber-safe. const V = { W: 1920, H: 1080, DUR: 50.5 }; const vFont = "-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', sans-serif"; const CREAM = "#FDF6E9", INK = "#2E3242"; const ICON_SRC = "camus/icon/Camus App Icon 1024.png"; const MESSY = "hey so about the meeting tomorrow — i think we should maybe push it because the deck isnt rly ready and honestly half the team is out anyway. can we do thursday instead?? lmk"; const POLISHED = "Hi — quick note about tomorrow's meeting. The deck isn't quite ready yet, and several of the team are out, so I'd suggest we postpone. Would Thursday work instead? Let me know."; /* ---------- shared bits ---------- */ const FullBG = ({ style }) =>
; const WallBG = () => ( ); const fadeInOut = (lt, dur, fin = 0.5, fout = 0.5) => Math.min(1, lt / fin, Math.max(0, (dur - lt) / fout)); const Keycap = ({ label, pop }) => ( {label} ); /* Simplified Mail window for the video (large scale) */ const VMail = ({ hlChars = 0, replaced = false, flash = 0 }) => { const text = replaced ? POLISHED : MESSY; const hl = Math.round(hlChars); return (
{["#ff5f57", "#febc2e", "#28c840"].map((c) => )}
Re: Q3 planning review
To:  Dana Whitfield

Hi Dana,

0 ? `rgba(10,132,255,${0.34 * flash})` : "none", transition: "none" }}> {hl > 0 && !replaced ? ( <> {text.slice(0, hl)} {text.slice(hl)} ) : text}

Best,
Alex

); }; /* Video version of the command palette */ const VPalette = ({ appear, highlight, pressed }) => { const rows = CAMUS_DATA.ACTIONS; return (
Improve, reply, or type anything… ⌃⇧C
{rows.map((a, i) => { const hot = i === 0 && highlight > 0; return (
{a.name} {a.shortcut}
); })}
); }; /* Video version of the result panel */ const VResult = ({ chars, done, replacePressed }) => { const n = Math.round(chars); return (
Improve {!done && writing…}
{POLISHED.slice(0, n)} {!done && }
Replace ↩ Copy ↻
); }; /* ============ SCENES ============ */ /* 1 · Brand open (0–3.5) */ const SceneOpen = () => ( {({ localTime: lt, duration }) => { const pop = Easing.easeOutBack(clamp(lt / 0.8, 0, 1)); const o = fadeInOut(lt, duration, 0.4, 0.45); return ( <>
Camus
Type it messy. Ship it polished.
); }} ); /* 2 · The old way (3.5–9) */ const SceneProblem = () => { const steps = ["Select & copy", "Switch to your LLM app of choice", "Paste, type “rewrite this”", "Wait. Copy the result", "Switch back, find your place"]; return ( {({ localTime: lt, duration }) => { const o = fadeInOut(lt, duration, 0.4, 0.45); const collapse = clamp((lt - 3.6) / 0.6, 0, 1); return ( <>
The old way to use AI on your writing
{steps.map((s, i) => { const appear = clamp((lt - 0.5 - i * 0.45) / 0.4, 0, 1); return (
{i + 1} 0.4 ? "line-through" : "none", textDecorationColor: "#E85E72", textDecorationThickness: 3 }}>{s}
); })}
Five context switches. For a two-second thought.
); }} ); }; /* 3 · Select + hotkey (9–14.5) */ const SceneSelect = () => ( {({ localTime: lt, duration }) => { const o = fadeInOut(lt, duration, 0.45, 0.01); const hl = clamp((lt - 1.0) / 1.4, 0, 1) * MESSY.length; return ( <>
With Camus:
select anywhere…
{["⌃", "⇧", "C"].map((k, i) => ( ))}
…press the hotkey.
); }} ); /* 4 · Palette (14.5–19) */ const ScenePalette = () => ( {({ localTime: lt, duration }) => { const o = fadeInOut(lt, duration, 0.01, 0.01); return ( <>
3.4} />
Your prompts,
at your cursor.
); }} ); /* 5 · Stream + replace (19–26) */ const SceneResult = () => ( {({ localTime: lt, duration }) => { const o = fadeInOut(lt, duration, 0.01, 0.5); const chars = clamp((lt - 0.3) / 2.6, 0, 1) * POLISHED.length; const done = lt > 3.1; const replacePressed = lt > 4.0 && lt < 4.35; const replaced = lt > 4.35; const flash = replaced ? clamp(1 - (lt - 4.35) / 1.4, 0, 1) : 0; return ( <>
{!replaced && (
)}
{replaced ? "Replaced. In place." : "Watch it write."}
{replaced ? "Your clipboard untouched. Your flow unbroken." : "Streams live — no spinner, no waiting room."}
); }} ); /* ---------- montage helpers (scenes 6–7) ---------- */ const VWin = ({ width, header, children }) => (
{["#ff5f57", "#febc2e", "#28c840"].map((c) => )}
{header}
{children}
); const VMontageText = ({ messy, polished, sweep, streamN, done, flash }) => { if (streamN > 0) { return ( 0 ? `rgba(10,132,255,${0.30 * flash})` : "none" }}> {polished.slice(0, Math.round(streamN))} {!done && } ); } const n = Math.round(sweep * messy.length); return ( {n > 0 && {messy.slice(0, n)}} {messy.slice(n)} ); }; const VActionChip = ({ pop, pressed, hue, icon, label, writing, opacity }) => (
{label}{writing ? "…" : ""}
); const MontageScene = ({ start, end, title, sub, messy, polished, action, chipPos, renderWin }) => ( {({ localTime: lt, duration }) => { const o = fadeInOut(lt, duration, 0.45, 0.45); const sweep = Easing.easeOutCubic(clamp((lt - 0.7) / 0.9, 0, 1)); const chipPop = clamp((lt - 1.7) / 0.4, 0, 1); const pressed = lt > 2.3; const streamP = clamp((lt - 2.55) / 1.6, 0, 1); const streamN = lt > 2.55 ? streamP * polished.length : 0; const done = streamP >= 1; const flash = done ? clamp(1 - (lt - 4.15) / 1.1, 0, 1) : 0; const chipO = done ? clamp(1 - (lt - 4.15) / 0.4, 0, 1) : 1; const textEl = ; return ( <>
{renderWin(textEl)}
0 && !done} opacity={chipO} />
{title}
{sub}
); }} ); /* 6 · Slack · Friendly (26–31.5) */ const SceneSlack = () => ( One prompt: Friendly. ⌃⇧3.} messy={CAMUS_DATA.APPS.slack.doc[0].text} polished={CAMUS_DATA.REWRITES.slack.friendly} action={{ name: "Friendly", icon: "smile", hue: "#F2814F" }} chipPos={{ x: 560, y: 868 }} renderWin={(textEl) => ( # eng-deploys}>
Acme Corp
{["general", "eng-deploys", "design"].map((c) => (
# {c}
))}
P
Priya N. 9:41
Morning! Standup in 20 — anything blocking?
{textEl}
)} /> ); /* 7 · GitHub · Shorten (31.5–37) */ const SceneGithub = () => ( One prompt: Shorten. ⌃⇧2.} messy={CAMUS_DATA.APPS.github.doc[0].text} polished={CAMUS_DATA.REWRITES.github.shorten} action={{ name: "Shorten", icon: "shorten", hue: "#8A93AE" }} chipPos={{ x: 540, y: 836 }} renderWin={(textEl) => ( github.com/acme/app/pull/482 }>
Fix token refresh race on logout #482
Open alex-r wants to merge 3 commits into main
WritePreview
{textEl}
 )} /> ); /* 8 · CLI agent · Improve the prompt itself (37–42.5) */ const SceneCLI = () => ( Rewrite the ask before your CLI agent runs with it. Improve. ⌃⇧1.} messy={"make the auth thing faster and also fix that login bug i think its the cache or something idk"} polished={"Profile the auth flow and reduce sign-in latency. Then fix the intermittent login failure — likely in the cache-invalidation path. Add a regression test for both."} action={{ name: "Improve", icon: "sparkle", hue: "#0A84FF" }} chipPos={{ x: 600, y: 488 }} renderWin={(textEl) => ( agent — ~/acme-app}>
✔ Read 4 files · src/auth/**
✔ Ran tests — 2 failing · awaiting instructions
❯ {textEl}
)} /> ); /* 9 · Everywhere montage + closing CTA (42.5–50.5, holds as the final frame) */ const SceneEverywhere = () => { const apps = [ "Mail", "Slack", "Safari", "Notion", "Xcode", "Figma", "Terminal", "Zed", "Obsidian", "Discord", "Telegram", "WhatsApp", "Notes", ]; const uses = [ ["Polish an email", "#0A84FF"], ["Defuse a thread", "#F2814F"], ["Summarize a wall of text", "#F0A93C"], ["Commit messages", "#8A93AE"], ["Reply in kind", "#E85E72"], ["Sound like you", "#B08D52"], ]; return ( {({ localTime: lt }) => { const o = Math.min(1, lt / 0.4); const taglineP = clamp((lt - 1.9) / 0.5, 0, 1); const ctaP = Easing.easeOutBack(clamp((lt - 3.3) / 0.5, 0, 1)); const fineP = clamp((lt - 3.7) / 0.4, 0, 1); return ( <>
One hotkey. Everywhere you write.
{apps.map((a, i) => { const p = Easing.easeOutBack(clamp((lt - 0.4 - i * 0.09) / 0.45, 0, 1)); return ( {a} ); })}
…and every app where you can read or type.
{uses.map(([u, c], i) => { const p = clamp((lt - 2.5 - i * 0.12) / 0.4, 0, 1); return ( {u} ); })}
Download the beta — free
macOS 26+ · Rewrite anything in one keystroke.
); }} ); }; function CamusVideo() { return ( ); } ReactDOM.createRoot(document.getElementById("root")).render();