evOo-local/apps/web/e2e/fixtures/chat-progress-messages.html
cynarAI 6c7eed7580 Initial clean evOo-local from f00577b
Fresh history cut from cynarAI/evoo antigravity-handoff/project-timeline
(Voice First + project timeline). Brand docs/titles as evOo; keep @rakazo/*
packages as tech debt. Excludes node_modules, caches, secrets, voice blobs.
2026-09-20 17:15:16 +02:00

46 lines
1.4 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Chat progress messages</title>
</head>
<body>
<div id="root"></div>
<script type="module">
import { createElement as h } from "react";
import { createRoot } from "react-dom/client";
import "../../src/styles.css";
const live = new URLSearchParams(location.search).get("live") === "1";
const progress = h(
"div",
{
"data-testid": "progress-message",
className:
"max-w-[74%] rounded-[20px] bg-muted px-[18px] py-3 text-[15.5px] leading-[1.5] text-foreground/90",
},
"Checking your calendars…",
);
const response = h(
"div",
{
"data-testid": "response",
className:
"max-w-[74%] rounded-[20px] bg-muted px-[18px] py-3 text-[15.5px] leading-[1.5] text-foreground/90",
},
live ? "Still finding a free slot…" : "Tuesday afternoon is free.",
);
createRoot(document.getElementById("root")).render(
h(
"main",
{
className: "flex min-h-screen items-end bg-background px-4 py-6 md:px-8 md:py-8",
},
h("div", { className: "flex w-full flex-col items-start gap-3" }, progress, response),
),
);
</script>
</body>
</html>