// Record the local synthetic example. Requires the project's Playwright Chromium and ffmpeg.
// No external page, customer record, AI model or connector is used.
import { chromium } from "@playwright/test";
import { readFileSync, mkdirSync, mkdtempSync, copyFileSync, rmSync } from "node:fs";
import { tmpdir } from "node:os";
import { join } from "node:path";
import { execFileSync } from "node:child_process";
import { permits } from "./workflow-control-check.mjs";
const root = new URL("../", import.meta.url);
const walkthrough = JSON.parse(readFileSync(new URL("public/downloads/synthetic-workflow-walkthrough.json", root)));
const escape = (s) => String(s).replace(/[&<>"']/g, (c) => ({ "&": "&", "<": "<", ">": ">", '"': """, "'": "'" }[c]));
const states = walkthrough.steps.map((step, i) => {
const item = { id: walkthrough.item, version: i < 3 ? 1 : 2, action: "send", authorised: true, canWrite: true, paused: false, alreadyExecuted: i === 6 };
if (i >= 4) item.approval = { item: walkthrough.item, version: 2 };
return { ...step, allowed: Boolean(permits(item)) };
});
const working = mkdtempSync(join(tmpdir(), "techsider-workflow-"));
const output = new URL("public/downloads/", root);
mkdirSync(output, { recursive: true });
const browser = await chromium.launch();
try {
const context = await browser.newContext({ viewport: { width: 1280, height: 720 }, recordVideo: { dir: working, size: { width: 1280, height: 720 } } });
const page = await context.newPage();
await page.setContent(`TECHSIDER · SYNTHETIC EXAMPLE
Review a draft before action
Local permission rules. Invented request ${escape(walkthrough.item)}.
${states.map((s, i) => `- ${escape(s.step[0].toUpperCase() + s.step.slice(1))}
`).join("")}
No message or system update is performed.
No AI model, customer data or external connector. This recording does not measure AI quality or time saved.
`);
for (const [i, state] of states.entries()) {
await page.evaluate(({ i, state }) => {
document.querySelectorAll("li").forEach((li, n) => li.classList.toggle("active", i === n));
document.querySelector("#state").textContent = `STEP ${i + 1} / 7 · ${state.version ? "VERSION " + state.version : "REVIEW RECORD"}`;
document.querySelector("#title").textContent = state.state.replaceAll("-", " ");
document.querySelector("#action").textContent = state.action;
document.querySelector("#decision").textContent = state.allowed ? "Permission check: allowed · simulation only" : "Permission check: blocked";
}, { i, state });
if (i === 1) await page.screenshot({ path: new URL("workflow-control-poster.png", output).pathname });
await page.waitForTimeout(3000);
}
const video = page.video();
await context.close();
const raw = await video.path();
copyFileSync(raw, join(working, "recording.webm"));
execFileSync("ffmpeg", ["-y", "-hide_banner", "-loglevel", "error", "-i", join(working, "recording.webm"), "-an", "-c:v", "libx264", "-crf", "23", "-pix_fmt", "yuv420p", "-movflags", "+faststart", new URL("workflow-controls.mp4", output).pathname]);
console.log("Recorded seven local control states; no external actions.");
} finally {
await browser.close();
rmSync(working, { recursive: true, force: true });
}