Jev Browser Use

Quick page

| null = null;\n\nfunction init(): Promise {\n if (!schema) {\n schema = sqlite.execute(SCHEMA).then(async () => {\n const { rows } = await sqlite.execute(\"PRAGMA table_info(sessions)\");\n if (!rows.some((row) => row.name === \"include_navigation\")) {\n try {\n await sqlite.execute(\"ALTER TABLE sessions ADD COLUMN include_navigation INTEGER NOT NULL DEFAULT 1\");\n } catch (err) {\n // Another runtime may have completed this additive migration first.\n if (!String(err).includes(\"duplicate column name\")) throw err;\n }\n }\n }).catch((err) => {\n schema = null; // let the next request try again\n throw err;\n });\n }\n return schema;\n}\n\nfunction toSession(row: Record): Session {\n return {\n id: String(row.id),\n kernelId: String(row.kernel_id),\n task: String(row.task),\n startUrl: String(row.start_url ?? \"\"),\n includeNavigation: row.include_navigation == null || Number(row.include_navigation) !== 0,\n startedAt: String(row.started_at),\n steps: Number(row.steps ?? 0),\n status: String(row.status) as SessionStatus,\n };\n}\n\nexport async function createSession(\n kernelId: string,\n task: string,\n startUrl: string,\n includeNavigation = true,\n): Promise {\n await init();\n const session: Session = {\n id: crypto.randomUUID(),\n kernelId,\n task,\n startUrl,\n includeNavigation,\n startedAt: new Date().toISOString(),\n steps: 0,\n status: \"live\",\n };\n await sqlite.execute({\n sql: `INSERT INTO sessions\n (id, kernel_id, task, start_url, include_navigation, started_at, steps, status)\n VALUES (?, ?, ?, ?, ?, ?, 0, 'live')`,\n args: [\n session.id,\n session.kernelId,\n session.task,\n session.startUrl,\n session.includeNavigation ? 1 : 0,\n session.startedAt,\n ],\n });\n return session;\n}\n\nexport async function getSession(id: string): Promise {\n await init();\n const { rows } = await sqlite.execute({\n sql: \"SELECT * FROM sessions WHERE id = ?\",\n args: [id],\n });\n return rows[0] ? toSession(rows[0] as Record) : null;\n}\n\n/** Live browsers, for the concurrency guard. */\nexport async function liveSessionCount(): Promise {\n await init();\n const { rows } = await sqlite.execute(\n \"SELECT COUNT(*) AS n FROM sessions WHERE status = 'live'\",\n );\n return Number(rows[0]?.n ?? 0);\n}\n\nexport async function bumpSteps(id: string): Promise {\n await sqlite.execute({\n sql: \"UPDATE sessions SET steps = steps + 1 WHERE id = ?\",\n args: [id],\n });\n}\n\nexport async function closeSession(\n id: string,\n status: SessionStatus,\n): Promise {\n await sqlite.execute({\n sql: \"UPDATE sessions SET status = ? WHERE id = ?\",\n args: [status, id],\n });\n}\n\n/**\n * Close browsers whose clients walked away, and return their Kernel ids so the\n * caller can delete them.\n *\n * `/api/step` is what keeps a run moving, so a session nobody steps is a\n * browser nobody is driving: it sits there until Kernel's idle timeout deletes\n * it. Marking the row closed here is what stops the concurrency cap from\n * filling up with browsers that no longer have a client. There's no cron, so\n * the sweep is opportunistic — the next visitor's session creation runs it\n * before counting what's live.\n */\nexport async function sweepStaleSessions(\n maxAgeSeconds = MAX_SESSION_SECONDS,\n): Promise {\n await init();\n const cutoff = new Date(Date.now() - maxAgeSeconds * 1000).toISOString();\n const { rows } = await sqlite.execute({\n sql: \"SELECT * FROM sessions WHERE status = 'live' AND started_at < ?\",\n args: [cutoff],\n });\n\n const kernelIds: string[] = [];\n for (const row of rows) {\n const session = toSession(row as Record);\n await closeSession(session.id, \"stopped\");\n kernelIds.push(session.kernelId);\n }\n return kernelIds;\n}\n\n// Small per-run history, independent of client-provided action descriptions.\nconst HISTORY_SCHEMA = `CREATE TABLE IF NOT EXISTS run_history (\n session_id TEXT PRIMARY KEY,\n steps_json TEXT NOT NULL DEFAULT '[]'\n)`;\nlet historySchema: Promise | null = null;\n\nfunction initHistory(): Promise {\n return historySchema ??= sqlite.execute(HISTORY_SCHEMA).catch((err) => {\n historySchema = null;\n throw err;\n });\n}\n\nexport async function getHistory(sessionId: string): Promise {\n await initHistory();\n const { rows } = await sqlite.execute({\n sql: \"SELECT steps_json FROM run_history WHERE session_id = ?\",\n args: [sessionId],\n });\n return rows[0] ? JSON.parse(String(rows[0].steps_json)) : [];\n}\n\nexport async function saveHistory(\n sessionId: string,\n steps: import(\"./history.ts\").HistoryStep[],\n): Promise {\n await initHistory();\n await sqlite.execute({\n sql: \"INSERT INTO run_history (session_id, steps_json) VALUES (?, ?) ON CONFLICT(session_id) DO UPDATE SET steps_json = excluded.steps_json\",\n args: [sessionId, JSON.stringify(steps)],\n });\n}\n",[431],"a54964e058f844877217e29d312195166dbd265f6cd0107fbd507667782c0f14","scripts",{"_32":443,"_13":441,"_83":444,"_85":-5,"_86":58,"_87":445,"_89":26,"_34":446,"_40":22,"_92":447,"_94":-5,"_65":48,"_96":-5,"_97":-7,"_76":448,"_99":-5},"b54db7ba-fc71-4595-85ab-d328bb582574","aa68c866-f92e-4cbf-9e16-2bc7ab967908",265,["D",1789608941328],"directory",[441],"kernel.ts",{"_32":451,"_13":449,"_83":452,"_85":-5,"_86":58,"_87":453,"_89":26,"_34":454,"_40":378,"_92":93,"_94":455,"_65":48,"_96":-5,"_97":-7,"_76":456,"_99":457},"822835a2-76a4-44d9-90ac-b2bc74d310ce","01a0abcf-a6b5-7413-8f55-6a07a5e01800",88,["D",1789599875697],"/**\n * Kernel client — the cloud Chromium the agent drives.\n *\n * Adapted from @stevekrouse/browser-tester's `lib/browser.ts`, which is the\n * same API base, Bearer auth, error handling, and replay helpers. What's added\n * here is what browser *use* needs rather than browser *testing*:\n *\n * - `createBrowser` asks for kiosk mode and a fixed viewport, and returns the\n * live view URL the demo embeds in an iframe.\n * - The computer controls (real OS mouse and keyboard) that the agent acts\n * with, so the cursor moves along a Bézier path and typing is human-paced.\n *\n * Docs: https://www.kernel.sh/docs\n */\nconst API = \"https://api.onkernel.com\";\n\n/**\n * Read the key lazily, not at module load. A missing key should be a 503 the\n * page can explain, not an import-time throw that takes the whole val down.\n */\nfunction key(): string {\n const k = Deno.env.get(API_KEY_VAR)?.trim();\n if (!k) throw new Error(`${API_KEY_VAR} is not set on this val`);\n return k;\n}\n\n/** The env var this client needs. Exported so the UI can name it. */\nexport const API_KEY_VAR = \"KERNEL_API_KEY\";\n\n/** Where to get one. */\nexport const API_KEY_CONSOLE_URL = \"https://dashboard.onkernel.com/settings/api-keys\";\n\nexport function isConfigured(): boolean {\n return !!Deno.env.get(API_KEY_VAR)?.trim();\n}\n\nexport type KernelResponse = {\n status: number;\n headers: Headers;\n text: () => Promise;\n arrayBuffer: () => Promise;\n};\n\nexport async function kernelFetch(\n path: string,\n method = \"GET\",\n body?: unknown,\n): Promise {\n const res = await fetch(API + path, {\n method,\n headers: {\n Authorization: `Bearer ${key()}`,\n ...(body ? { \"Content-Type\": \"application/json\" } : {}),\n },\n body: body ? JSON.stringify(body) : undefined,\n });\n return {\n status: res.status,\n headers: res.headers,\n text: () => res.text(),\n arrayBuffer: () => res.arrayBuffer(),\n };\n}\n\n/** POST that expects a JSON body back, with the status in the error. */\nasync function postJson(path: string, body?: unknown): Promise {\n const r = await kernelFetch(path, \"POST\", body);\n const text = await r.text();\n if (r.status >= 300) {\n // 401/403 is the one failure worth naming precisely. It's also the one that\n // reads as a mystery: `/api/config` reports the key as *present*, so the\n // page looks configured while every call is refused. Say what to check.\n if (r.status === 401 || r.status === 403) {\n throw new Error(\n `Kernel rejected ${API_KEY_VAR} (${r.status}: ${text.slice(0, 120)}). ` +\n `Check the value is complete and from ${API_KEY_CONSOLE_URL}`,\n );\n }\n throw new Error(`Kernel ${path} failed (${r.status}): ${text.slice(0, 300)}`);\n }\n return text ? JSON.parse(text) as T : ({} as T);\n}\n\nexport type KernelBrowser = {\n session_id: string;\n browser_live_view_url: string;\n cdp_ws_url?: string;\n};\n\n/**\n * Create a browser session.\n *\n * Kiosk mode is not cosmetic. It removes the tab strip and toolbar, so the\n * window *is* the page viewport and `getBoundingClientRect()` coordinates are\n * already screen coordinates — which is what the computer controls click. With\n * browser chrome in the way every click would land a toolbar-height too high.\n * It also makes the live view a clean full-bleed rectangle for the video.\n *\n * `timeout_seconds` is Kernel's idle auto-delete ceiling, and it's the thing\n * that stops an abandoned browser from living forever.\n */\n/**\n * The viewport the demo's browsers run at. In kiosk mode the window *is* the\n * page viewport, so this is also the screen the computer controls address —\n * and the bound their coordinates have to stay inside. Kernel rejects\n * out-of-bounds coordinates with a 400 rather than clamping them.\n */\nexport const VIEWPORT = { width: 1024, height: 768 };\n\nexport async function createBrowser(\n opts: {\n name?: string;\n startUrl?: string;\n width?: number;\n height?: number;\n idleTimeoutSec?: number;\n } = {},\n): Promise {\n const {\n name,\n startUrl,\n width = VIEWPORT.width,\n height = VIEWPORT.height,\n idleTimeoutSec = 240,\n } = opts;\n return await postJson(\"/browsers\", {\n headless: false,\n kiosk_mode: true,\n viewport: { width, height },\n timeout_seconds: idleTimeoutSec,\n ...(name ? { name } : {}),\n // Boot straight at the start URL rather than the new-tab home page.\n ...(startUrl ? { start_url: startUrl } : {}),\n });\n}\n\n/** Execute Playwright/TypeScript against the browser, with page/context/browser in scope. */\nexport async function runPlaywright(\n sessionId: string,\n code: string,\n timeoutSec = 45,\n): Promise<{ success: boolean; result?: unknown; error?: string; stdout?: string }> {\n return await postJson(`/browsers/${sessionId}/playwright/execute`, {\n code,\n timeout_sec: timeoutSec,\n });\n}\n\n// ── Computer controls ───────────────────────────────────────────\n// A real OS mouse and keyboard, not synthetic DOM events. `smooth` is Kernel's\n// default and draws a human-like Bézier path, which is most of why the demo is\n// watchable rather than a series of jumps.\n\n/** Move the cursor. Smooth by default, so the path is visible in the live view. */\nexport async function moveMouse(\n sessionId: string,\n x: number,\n y: number,\n durationMs?: number,\n): Promise {\n await postJson(`/browsers/${sessionId}/computer/move_mouse`, {\n x,\n y,\n smooth: true,\n ...(durationMs ? { duration_ms: durationMs } : {}),\n });\n}\n\nexport async function clickMouse(\n sessionId: string,\n x: number,\n y: number,\n): Promise {\n await postJson(`/browsers/${sessionId}/computer/click_mouse`, { x, y });\n}\n\n/** Type literal text, human-paced. */\nexport async function typeText(sessionId: string, text: string): Promise {\n await postJson(`/browsers/${sessionId}/computer/type_text`, { text });\n}\n\nexport async function pressKey(sessionId: string, keys: string[]): Promise {\n await postJson(`/browsers/${sessionId}/computer/press_key`, { keys });\n}\n\n/** Capture a screenshot; returns raw PNG bytes. */\nexport async function screenshot(sessionId: string): Promise {\n const r = await kernelFetch(`/browsers/${sessionId}/computer/screenshot`, \"POST\", {});\n if (r.status !== 200) {\n throw new Error(`screenshot failed (${r.status}): ${await r.text()}`);\n }\n return r.arrayBuffer();\n}\n\n/** Delete a browser session. Frees the concurrency slot. */\nexport async function destroyBrowser(sessionId: string): Promise {\n const r = await kernelFetch(`/browsers/${sessionId}`, \"DELETE\");\n if (r.status !== 204 && r.status !== 200) {\n throw new Error(`destroyBrowser failed (${r.status}): ${await r.text()}`);\n }\n}\n\nexport function sleep(ms: number): Promise {\n return new Promise((resolve) => setTimeout(resolve, ms));\n}",[449],"b06ec8556b7d17a4a93e99e232fc14438872a50578355bbfcaf6870bdcdec568",{"_32":459,"_13":394,"_83":460,"_85":-5,"_86":58,"_87":461,"_89":26,"_34":462,"_40":251,"_92":93,"_94":463,"_65":48,"_96":-5,"_97":-7,"_76":464,"_99":465},"99f68993-3d2f-4621-aeb7-a1be9639aaa0","51a75922-b22c-11f1-973e-1607ee4eb77e",132,["D",1789604411595],"import type { Candidate, Decision, PageState } from \"./decide.ts\";\n\nexport type HistoryStep = {\n state: string;\n url: string;\n target: string;\n action: string;\n description: string;\n afterUrl?: string;\n /** Optional for compatibility with sessions started before Back was added. */\n entryId?: number;\n controls?: { key: string; label: string }[];\n outcome: \"pending\" | \"changed\" | \"unchanged\" | \"error\";\n error?: string;\n};\n\nexport type RunMemory = { state: string; steps: HistoryStep[] };\n\nexport type BackOption = {\n fromEntryId: number;\n entryId: number;\n url: string;\n alternatives: string[];\n};\n\n/** Only offer the actual previous browser entry, with known untried controls. */\nexport function backOption(page: PageState, memory?: RunMemory): BackOption | undefined {\n const nav = page.navigation;\n if (!memory || !nav?.previous) return;\n const prior = [...memory.steps].reverse().find((step) =>\n step.entryId === nav.previous!.id && step.url === nav.previous!.url && step.controls\n );\n if (!prior) return;\n const tried = new Set(memory.steps.filter((step) => step.state === prior.state).map((step) => step.target));\n const alternatives = prior.controls!.filter((c) => !tried.has(c.key)).map((c) => c.label);\n if (!alternatives.length) return;\n const option = {\n fromEntryId: nav.currentId, entryId: nav.previous.id,\n url: nav.previous.url, alternatives: alternatives.slice(0, 8),\n };\n const key = JSON.stringify([\"back\", option.url, \"\"]);\n if (memory.steps.some((step) => step.state === memory.state && step.action === key)) return;\n return option;\n}\n\n/** Snapshots let a later dead end discover alternatives on its parent page. */\nexport function rememberAttempt(page: PageState, state: string, decision: Decision, description: string): HistoryStep {\n return {\n state, url: page.url,\n target: decision.target ? targetKey(decision.target, page.url) : \"__back__\",\n action: actionKey(decision, page.url), description, outcome: \"pending\",\n entryId: page.navigation?.currentId,\n controls: page.candidates.filter((c) => !c.editable).map((c) => ({\n key: targetKey(c, page.url), label: c.label,\n })),\n };\n}\n\n/** Preserve query and fragment: both can identify meaningful application state. */\nexport function absoluteUrl(href: string, base: string): string {\n try { return new URL(href, base).href; } catch { return href; }\n}\n\n/** DOM indexes and screen positions are only valid for one observation. */\nexport function targetKey(candidate: Candidate, url: string): string {\n return candidate.tag === \"a\" && candidate.href\n ? JSON.stringify([\"link\", absoluteUrl(candidate.href, url)])\n : JSON.stringify([candidate.tag, candidate.label.trim(), !!candidate.editable]);\n}\n\nexport function actionKey(decision: Decision, url: string): string {\n return JSON.stringify([\n decision.action,\n decision.action === \"back\" ? decision.back?.url ?? \"\" : decision.target ? targetKey(decision.target, url) : \"\",\n decision.text ?? \"\",\n ]);\n}\n\n/** Sorting makes scrolling/reordering candidates irrelevant to state identity. */\nexport async function pageKey(page: PageState): Promise {\n const content = JSON.stringify([\n absoluteUrl(page.url, page.url),\n page.text.replace(/\\s+/g, \" \").trim(),\n [...new Set(page.candidates.map((c) => targetKey(c, page.url)))].sort(),\n ]);\n const digest = await crypto.subtle.digest(\"SHA-256\", new TextEncoder().encode(content));\n return Array.from(new Uint8Array(digest), (b) => b.toString(16).padStart(2, \"0\")).join(\"\");\n}\n\nexport function availableCandidates(page: PageState, memory?: RunMemory): Candidate[] {\n if (!memory) return page.candidates;\n const tried = new Set(memory.steps\n .filter((step) => step.state === memory.state)\n .map((step) => step.target));\n // Editable fields may need a different string. The exact action is checked\n // again before execution so repeated submissions are still stopped.\n return page.candidates.filter((c) => c.editable || !tried.has(targetKey(c, page.url)));\n}\n\nexport function repeatedAction(decision: Decision, page: PageState, memory: RunMemory): boolean {\n const key = actionKey(decision, page.url);\n return memory.steps.some((step) => step.state === memory.state && step.action === key);\n}\n\nexport function observePrevious(steps: HistoryStep[], page: PageState, state: string): void {\n const previous = steps[steps.length - 1];\n if (!previous || previous.afterUrl !== undefined) return;\n previous.afterUrl = page.url;\n if (previous.outcome !== \"error\") {\n previous.outcome = previous.state === state ? \"unchanged\" : \"changed\";\n }\n}\n",[394],"5ab0d312b01c462eddeb5450a3644f6a8da2cfdd15a09401b89e4b5f7e7da228","frontend/lib/api.ts",{"_32":468,"_13":469,"_83":470,"_85":471,"_86":58,"_87":472,"_89":26,"_34":473,"_40":136,"_92":93,"_94":474,"_65":48,"_96":-5,"_97":-7,"_76":475,"_99":476},"a15c7937-6d38-4943-9ee4-bf054fb969aa","api.ts","d9c1c7ca-b209-11f1-a6d2-1607ee4eb77e","01a0abce-8571-76e1-8061-b3d138f9189d",219,["D",1789605913551],"/**\n * Client-side mirror of what the val's API returns, plus the four calls the\n * page makes. Kept separate from the server's types so each side stands alone.\n */\n\nexport type Setup = {\n configured: boolean;\n keyVar: string;\n /** This val's environment variable editor, prefilled with keyVar. */\n envUrl: string;\n consoleUrl: string;\n};\n\nexport type Preset = { label: string; task: string; startUrl: string };\n\nexport type Config = {\n setup: { typesafe: Setup; kernel: Setup };\n presets: Preset[];\n maxSteps: number;\n maxLiveSessions: number;\n};\n\nexport type Candidate = {\n n: number;\n tag: string;\n label: string;\n href?: string;\n region?: \"content\" | \"navigation\" | \"header\" | \"footer\" | \"sidebar\" | \"search\";\n x: number;\n y: number;\n editable?: boolean;\n};\n\nexport type Ranked = { candidate: Candidate; score: number };\n\nexport type Decision = {\n action: \"click\" | \"type\" | \"back\" | \"done\" | \"stuck\";\n back?: { fromEntryId: number; entryId: number; url: string; alternatives: string[] };\n target?: Candidate;\n text?: string;\n probability?: number;\n confidence?: number;\n goalReached: number;\n ranked: Ranked[];\n considered: number;\n usage: { input_tokens: number; output_tokens: number };\n model: string;\n ms: number;\n};\n\nexport type StepResult = {\n step: number;\n done: boolean;\n action: string;\n page?: { url: string; title: string; candidates: number };\n decision?: Decision;\n error?: string;\n reason?: string;\n};\n\nexport type SessionStart = {\n sessionId: string;\n includeNavigation: boolean;\n task: string;\n startUrl: string;\n liveViewUrl: string;\n};\n\n/**\n * Read a body without trusting that it's JSON. Some error statuses never reach\n * us as the val wrote them — a 502 gets replaced by the CDN's HTML error page —\n * and `res.json()` on that throws a SyntaxError about ` {\n const body = await res.text();\n try {\n return JSON.parse(body);\n } catch {\n return null;\n }\n}\n\n/**\n * Pull a human-readable message out of whatever came back.\n *\n * Three shapes reach here: our own `{ error: \"...\" }`, Val Town's envelope for\n * an uncaught throw (`{ message, name, stack }`), and — the case that produced\n * a bare \"[object Object]\" on screen — a body where `error` is itself an\n * object. `new Error(obj)` stringifies to \"[object Object]\", so an object has\n * to be unwrapped rather than passed along.\n */\nfunction messageOf(data: any, status: number): string {\n for (const candidate of [data?.error, data?.message]) {\n if (typeof candidate === \"string\" && candidate.trim()) return candidate;\n if (candidate && typeof candidate === \"object\") {\n const inner = candidate.message ?? candidate.error;\n if (typeof inner === \"string\" && inner.trim()) return inner;\n }\n }\n return `HTTP ${status}`;\n}\n\nasync function post(path: string, payload: unknown): Promise {\n const res = await fetch(path, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(payload),\n });\n const data = await readJson(res);\n if (!res.ok || data === null) {\n throw new Error(messageOf(data, res.status));\n }\n return data;\n}\n\nexport async function getConfig(): Promise {\n const res = await fetch(\"/api/config\");\n const data = await readJson(res);\n if (!res.ok || data === null) throw new Error(`HTTP ${res.status}`);\n return data as Config;\n}\n\nexport function startSession(task: string, startUrl: string, includeNavigation = true): Promise {\n return post(\"/api/session\", { task, startUrl, includeNavigation });\n}\n\nexport function step(sessionId: string, history: string[]): Promise {\n return post(\"/api/step\", { sessionId, history });\n}\n\nexport function stopSession(sessionId: string): Promise<{ ok: boolean }> {\n return post(`/api/session/${sessionId}/stop`, {});\n}\n\nexport function sleep(ms: number): Promise {\n return new Promise((resolve) => setTimeout(resolve, ms));\n}",[140,255,469],"38e67ee3599040dd6be427805b4a83d3ddf711157f1d57a83984a369176bafe1","frontend/components/Stage.tsx",{"_32":479,"_13":480,"_83":481,"_85":175,"_86":58,"_87":482,"_89":26,"_34":483,"_40":136,"_92":93,"_94":484,"_65":48,"_96":-5,"_97":-7,"_76":485,"_99":486},"0a9033e9-0af8-45ce-975f-39fca0e67c80","Stage.tsx","d9c921f0-b209-11f1-a6d2-1607ee4eb77e",256,["D",1789608385863],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { Decision } from \"../lib/api.ts\";\n\n/**\n * The square. This is the thing that gets screen-recorded, so it's built to\n * survive a crop and a re-encode: one task line, the browser, one caption.\n * Nothing else competes for the eye.\n *\n * The proportions are fixed rather than fluid. A square whose parts move around\n * as text grows makes for a bad video, so the task is clamped to three lines and\n * the caption to one.\n */\nfunction pct(p: number | undefined): string {\n return p === undefined ? \"\" : `${Math.round(p * 100)}%`;\n}\n\n/** The three best-scoring candidates from stage 1, as a compact score strip. */\nfunction ScoreStrip({ decision }: { decision?: Decision }) {\n // Empty slots keep the same geometry before scoring and with fewer finalists.\n const slots = Array.from({ length: 3 }, (_, i) => decision?.ranked[i]);\n return (\n

\n {slots.map((ranked, i) => (\n \n

\n {ranked?.candidate.label || \"—\"}\n

\n \n {ranked?.score.toFixed(2) ?? \"—\"}\n \n

\n ))}\n

\n );\n}\n\nexport function Stage(\n { task, liveViewUrl, decision, action, step, maxSteps, done, error, closed, present }: {\n task: string;\n liveViewUrl: string | null;\n decision?: Decision;\n action?: string;\n step: number;\n maxSteps: number;\n done: boolean;\n error?: string | null;\n /**\n * The run ended, so its browser was deleted and the live view URL is dead.\n * Unmounting the iframe matters: Kernel's own view renders a red\n * \"Disconnected / websocket closed\" box, which reads as a bug rather than\n * as the tidy-up it is.\n */\n closed?: boolean;\n present?: boolean;\n },\n) {\n const scoring = decision && decision.action !== \"done\" && decision.action !== \"stuck\"\n ? decision : undefined;\n return (\n \n {/* The task, stated once and never restated. */}\n

\n live browser · read-only\n

\n \n {task}\n

\n \n\n {/* The browser itself, at its native 4:3 so nothing is letterboxed. */}\n

\n {liveViewUrl\n ? (\n \n )\n : (\n

\n {error ??\n (closed\n ? \"The browser has closed.\"\n : \"The browser appears here once a run starts.\")}\n

\n )}\n

\n\n {/* The caption. One line, big, and the only thing that changes. */}\n

\n \n {error\n ? \"stopped\"\n : decision?.action === \"stuck\"\n ? \"stuck\"\n : done\n ? \"done\"\n : step === 0\n ? (liveViewUrl ? \"starting\" : \"ready\")\n : `step ${step} / ${maxSteps}`}\n \n {decision && (\n \n {decision.considered} scored · {decision.ms}ms\n \n )}\n

\n\n \n {error ?? action ?? \"Waiting…\"}\n

\n\n

\n \n

\n picked{pct(scoring?.probability) || \"—\"}\n confidence{pct(scoring?.confidence) || \"—\"}\n goal reached{pct(scoring?.goalReached) || \"—\"}\n

\n \n \n );\n}",[140,182,480],"c61056eab08be2eea3e6edafd381ff79ec1b2bad1788b37b5506c1dd1b85b6dd",{"_32":488,"_13":404,"_83":489,"_85":-5,"_86":58,"_87":490,"_89":26,"_34":491,"_40":492,"_92":93,"_94":493,"_65":48,"_96":-5,"_97":-7,"_76":494,"_99":495},"55f140e9-8a56-441a-b6a0-b5dfa4389f4e","a8691e76-b209-11f1-b405-1607ee4eb77e",179,["D",1789605211052],40,"/**\n * The Jev half of the loop: given a text description of the page and a goal,\n * decide what to do next.\n *\n * Jev can't emit an action. It has no string output at all — only Choice,\n * Score, and Noul — so \"browser use\" here is not a model emitting tool calls.\n * It's the model *ranking and choosing* from a closed set that this file builds\n * out of the page, and then ordinary code doing the clicking. That constraint\n * is the whole design: every action is a value Jev was handed, so it cannot\n * invent a selector, hallucinate a URL, or make a type error.\n *\n * Two stages, which is what TypeSafe does for high-cardinality choices (their\n * wikiracing demo, \"Jev supports a cardinality up to 255... for the higher\n * cardinality choices, we do a 2 stage-system of scoring independently then\n * making an explicit choice\"):\n *\n * 1. Score — one Noul per candidate: \"does activating this move us closer?\"\n * Independent judgments, so they run in parallel and cost one call.\n * 2. Choose — one Choice over the top finalists, plus a way out (`__done__`).\n *\n * Stage 1 is a filter, not a decision. It never picks anything; it just makes\n * stage 2's choice set small enough to be a real choice.\n */\nimport { ask, type Answer, type Question } from \"./typesafe.ts\";\nimport { selectCandidates, type PageRegion } from \"./candidates.ts\";\nimport { availableCandidates, backOption, type BackOption, type RunMemory } from \"./history.ts\";\n\n/**\n * Candidates sent to stage 1. Beyond this we'd rather lose links than the call:\n * stage 1 asks two questions per candidate, and the documented request budget\n * is ~32k tokens.\n */\nconst MAX_CANDIDATES = 60;\n\n/** Finalists stage 2 chooses among. Small enough to be a comparison, not a scan. */\nconst FINALISTS = 24;\n\n/** Recent actions, so Jev can tell \"we're going in circles\" from \"we're progressing\". */\nconst HISTORY = 6;\n\nconst REGION_GUIDANCE =\n \"Judge relevance to the user's goal using the label, destination, and page context. Region describes placement, not relevance: navigation can lead to other sections; content controls can act within the current page. Do not favor or reject a control solely because of its region.\";\n\nexport type Candidate = {\n /** Stable within one page state; the key Jev's answers come back under. */\n n: number;\n /**\n * The element's `data-jev` attribute in the live DOM. This is what makes a\n * candidate addressable later: `act()` uses it to scroll the element into\n * view and re-read its position, rather than trusting coordinates measured a\n * Jev round trip ago (or clicking off-screen at a stale one).\n */\n dom: number;\n tag: string;\n label: string;\n href?: string;\n region?: PageRegion;\n /** Viewport coordinates of the element's centre, for the computer controls. */\n x: number;\n y: number;\n /** True when this is a text field, i.e. clicking it isn't enough. */\n editable?: boolean;\n};\n\nexport type PageState = {\n url: string;\n title: string;\n /** Visible text, flattened. Jev never sees a screenshot — only this. */\n text: string;\n candidates: Candidate[];\n navigation?: { currentId: number; previous?: { id: number; url: string } };\n};\n\n/**\n * One candidate's two independent judgments, plus the composite code makes of\n * them. `goal` and `closer` stay separate all the way to the UI: they answer\n * different questions, and the gap between them is what the score strip shows.\n */\nexport type Ranked = {\n candidate: Candidate;\n /** Noul: this control *is* what the goal names. */\n goal: number;\n /** Noul: this control is a useful next step, even if it isn't the goal. */\n closer: number;\n /** Probabilistic OR of the two: `goal + (1 - goal) * closer`. */\n score: number;\n};\n\nexport type Decision = {\n action: \"click\" | \"type\" | \"back\" | \"done\" | \"stuck\";\n back?: BackOption;\n target?: Candidate;\n text?: string;\n /** Jev's probability for the option it chose, and the answer's own confidence. */\n probability?: number;\n confidence?: number;\n /** Noul: how likely the page already satisfies the goal. */\n goalReached: number;\n /** Stage 1's output, best first. The UI shows the distribution. */\n ranked: Ranked[];\n /** How many candidates stage 1 saw. */\n considered: number;\n usage: { input_tokens: number; output_tokens: number };\n model: string;\n ms: number;\n};\n\n/**\n * Strings we could plausibly type, harvested from the task itself. Jev can't\n * write text, so anything typed has to come from the user's own words — quoted\n * phrases are the honest source, and a task with none simply can't type.\n */\nexport function harvestTexts(task: string): string[] {\n const out: string[] = [];\n const re = /\"([^\"\\n]{1,80})\"|'([^'\\n]{1,80})'|“([^”\\n]{1,80})”/g;\n for (const m of task.matchAll(re)) {\n const value = (m[1] ?? m[2] ?? m[3] ?? \"\").trim();\n if (value) out.push(value);\n }\n return [...new Set(out)];\n}\n\n/** Labels, destinations, and page regions give Jev task-independent context. */\nfunction describe(c: Candidate): string {\n const href = c.href ? ` → ${c.href}` : \"\";\n return `\"${c.label}\" (${c.tag}, region: ${c.region ?? \"content\"}${href})`;\n}\n\nfunction noulOf(answer: Answer | undefined): number {\n return answer?.type === \"noul\" ? answer.noul : 0;\n}\n\nexport async function decide(\n page: PageState,\n task: string,\n history: string[],\n memory?: RunMemory,\n askModel: typeof ask = ask,\n): Promise {\n const started = performance.now();\n // Filter before the cap, allowing previously hidden alternatives to enter.\n const considered = selectCandidates(availableCandidates(page, memory), MAX_CANDIDATES);\n const recent = memory\n ? memory.steps.slice(-HISTORY).map(({ url, description, afterUrl, outcome, error }) => ({\n from: url, action: description, to: afterUrl, outcome, error,\n }))\n : history.slice(-HISTORY);\n\n // ── Stage 1: score every candidate independently ────────────────\n // Two questions per candidate, not one. A single \"does this move us closer?\"\n // conflates the goal itself with a step toward it, and measurably does: on a\n // fixture where the goal link sat beside \"Gustave Eiffel\", the one-question\n // version ranked the biographer above the tower and clicked him. Asking the\n // two things separately and combining them in code fixes that, and costs one\n // call either way — questions in a request are evaluated in parallel.\n const scoreQuestions: Record = {};\n for (const c of considered) {\n scoreQuestions[`g${c.n}`] = {\n type: \"noul\",\n instructions:\n `This control IS the goal — activating it lands on exactly the page or thing the goal names. The control is ${describe(c)}. ${REGION_GUIDANCE}`,\n };\n scoreQuestions[`c${c.n}`] = {\n type: \"noul\",\n instructions:\n `This control is a useful next step toward the goal, even though it is not the goal itself. The control is ${describe(c)}. ${REGION_GUIDANCE}`,\n };\n }\n\n const scoreState = {\n goal: task,\n current_page: { url: page.url, title: page.title },\n page_text: page.text,\n recent_actions: recent,\n };\n\n const stage1 = considered.length\n ? await askModel(scoreState, scoreQuestions)\n : { answers: {} as Record, usage: { input_tokens: 0, output_tokens: 0 } };\n\n // Combining the two answers is code's job, not the model's. A probabilistic\n // OR is the right shape: a candidate is promising if it either *is* the goal\n // or clearly leads toward it. When the goal link isn't on the page at all,\n // the second term is the only one that fires — which is the multi-hop case.\n const ranked: Ranked[] = considered\n .map((candidate) => {\n const goal = noulOf(stage1.answers[`g${candidate.n}`]);\n const closer = noulOf(stage1.answers[`c${candidate.n}`]);\n return { candidate, goal, closer, score: goal + (1 - goal) * closer };\n })\n .sort((a, b) => b.score - a.score);\n\n const finalists = ranked.slice(0, FINALISTS);\n const recovery = backOption(page, memory);\n\n // ── Stage 2: choose among the finalists ─────────────────────────\n const criteria: Record = {\n __done__: \"The goal is already achieved on this page — stop and report success.\",\n __stuck__: \"No remaining control makes useful progress — stop without claiming success.\",\n };\n if (recovery) {\n criteria.__back__ = `Go back one browser history entry to ${recovery.url} and try an unexplored route. Remaining controls include: ${recovery.alternatives.join(\", \")}. Use this when the current controls do not offer useful progress. This is navigation, not undo.`;\n }\n for (const f of finalists) criteria[`c${f.candidate.n}`] = describe(f.candidate);\n\n const texts = harvestTexts(task);\n const questions: Record = {\n goal_reached: {\n type: \"noul\",\n instructions:\n \"The page currently displayed already satisfies the goal, with nothing further to do.\",\n },\n next: {\n type: \"choice\",\n instructions:\n \"Which single control should be activated next to make progress toward the goal? Consider the recorded outcomes and avoid routes that led back to visited pages. If current controls do not offer useful progress, choose __back__ when offered to explore another route. Choose __stuck__ only if neither a control nor recovery is useful; __done__ only if the goal is achieved. \" + REGION_GUIDANCE,\n criteria,\n },\n };\n\n // Only asked when it can matter, and only when there is something to type.\n if (texts.length) {\n questions.needs_text = {\n type: \"noul\",\n instructions:\n \"The control chosen above needs text typed into it before it does anything useful.\",\n };\n questions.text = {\n type: \"choice\",\n instructions:\n \"Which of these strings should be typed into the chosen control?\",\n criteria: Object.fromEntries([\n ...texts.map((t) => [t, t] as const),\n [\"__none__\", \"None of these — type nothing.\"] as const,\n ]),\n };\n }\n\n const stage2 = await askModel(\n {\n goal: task,\n current_page: { url: page.url, title: page.title },\n page_text: page.text,\n recent_actions: recent,\n finalists: finalists.map((f) => ({\n control: describe(f.candidate),\n is_the_goal: Number(f.goal.toFixed(2)),\n moves_closer: Number(f.closer.toFixed(2)),\n promising: Number(f.score.toFixed(2)),\n })),\n },\n questions,\n );\n\n const answers = stage2.answers;\n const goalReached = noulOf(answers.goal_reached);\n const pick = answers.next?.type === \"choice\" ? answers.next : undefined;\n const chosenKey = pick?.choice ?? \"__stuck__\";\n const chosen = finalists.find((f) => `c${f.candidate.n}` === chosenKey)?.candidate;\n\n const needsText = noulOf(answers.needs_text) >= 0.5;\n const textPick = answers.text?.type === \"choice\" ? answers.text.choice : \"__none__\";\n\n // Missing/invalid choices and exhausted controls are not evidence of success.\n const action: Decision[\"action\"] = chosenKey === \"__done__\" && goalReached >= 0.6\n ? \"done\"\n : chosenKey === \"__back__\" && recovery\n ? \"back\"\n : !chosen\n ? \"stuck\"\n : needsText && textPick !== \"__none__\"\n ? \"type\"\n : \"click\";\n\n return {\n action,\n back: action === \"back\" ? recovery : undefined,\n target: action === \"done\" || action === \"stuck\" ? undefined : chosen,\n text: action === \"type\" ? textPick : undefined,\n probability: pick?.probabilities?.[chosenKey],\n confidence: pick?.confidence,\n goalReached,\n ranked,\n considered: considered.length,\n usage: {\n input_tokens: stage1.usage.input_tokens + stage2.usage.input_tokens,\n output_tokens: stage1.usage.output_tokens + stage2.usage.output_tokens,\n },\n model: stage2.model,\n ms: Math.round(performance.now() - started),\n };\n}",[404],"a3e3718baf8f956850ff76cc55efbc9c210cfd9566869886e6cbf8c501845468",{"_32":497,"_13":414,"_83":498,"_85":-5,"_86":58,"_87":499,"_89":26,"_34":500,"_40":91,"_92":93,"_94":501,"_65":48,"_96":-5,"_97":-7,"_76":502,"_99":503},"e8beb710-4429-45a9-a280-26e04c9a2bd7","59c0a714-b22f-11f1-a155-1607ee4eb77e",203,["D",1789605885931],"export type PageRegion = \"content\" | \"navigation\" | \"header\" | \"footer\" | \"sidebar\" | \"search\";\n\n/**\n * Reserve 75% of the budget for content and 25% for surrounding controls.\n * Borrow unused slots and preserve the extractor's order within each group.\n */\nexport function selectCandidates(\n candidates: T[],\n limit = 60,\n includeNavigation = true,\n): T[] {\n const content = candidates.filter((c) => !c.region || c.region === \"content\");\n if (!includeNavigation) return content.slice(0, limit);\n const navigation = candidates.filter((c) => c.region && c.region !== \"content\");\n const contentBudget = Math.floor(limit * 0.75);\n const navigationBudget = limit - contentBudget;\n const selected = [...content.slice(0, contentBudget), ...navigation.slice(0, navigationBudget)];\n const remaining = limit - selected.length;\n if (remaining > 0) {\n selected.push(...content.slice(contentBudget, contentBudget + remaining));\n selected.push(...navigation.slice(navigationBudget, navigationBudget + limit - selected.length));\n }\n return selected;\n}\n",[414],"202885506a18a06762a3bef29cf9f5bf2bd6b051272938b2c242ef59aad07e3b","browser-use.ts",{"_32":506,"_13":504,"_83":507,"_85":-5,"_86":58,"_87":508,"_89":26,"_34":509,"_40":510,"_92":93,"_94":511,"_65":48,"_96":-5,"_97":-7,"_76":512,"_99":513},"23825061-2976-446f-91af-97734d2b3c60","ba961748-b209-11f1-a2a2-1607ee4eb77e",239,["D",1789607523148],26,"/**\n * The Kernel half of the loop: turn the live page into text Jev can judge, and\n * then carry out the action Jev chose.\n *\n * - `perceive()` runs a snippet inside the browser's own VM (Kernel's\n * Playwright execution endpoint) and returns the page as *data*: url,\n * title, the content's visible text, and the interactive elements with the\n * viewport coordinates of their centres. Jev never sees a screenshot; this\n * is the only view of the page it gets.\n * - `act()` uses Kernel's computer controls to move a real OS cursor and\n * click, so the live view shows the work happening.\n *\n * Three things here were fixed by measuring against a real Wikipedia article\n * rather than by reasoning about it (see `@stevekrouse/browser-tester`'s\n * `tests/jev-perceive.ts`, which runs this exact snippet):\n *\n * 1. Text came from `document.body`, which on Wikipedia is mostly chrome —\n * \"Jump to content Main menu Search Appearance Donate Create account\".\n * Jev was being asked to navigate a page whose text was the furniture.\n * Now it reads the content root, and only falls back to the body.\n * 2. An element whose *top* is on screen can have its *centre* below the\n * fold: the measured page had a candidate at y=519 in a 513px viewport.\n * Clicking there lands off-screen. Centres are now required to be inside\n * the viewport.\n * 3. Nothing below the fold was reachable at all. Each candidate is now\n * tagged with `data-jev` in the live DOM, so `act()` can scroll it into\n * view and re-read where it actually is before clicking.\n */\nimport type { Candidate, Decision, PageState } from \"./decide.ts\";\nimport { selectCandidates } from \"./candidates.ts\";\nimport {\n clickMouse,\n moveMouse,\n pressKey,\n runPlaywright,\n sleep,\n typeText,\n VIEWPORT,\n} from \"./kernel.ts\";\n\n/** Visible-text budget handed to Jev. The docs put the request cap near 32k tokens. */\nconst TEXT_CHARS = 2500;\n\n/** Interactive elements collected per page, before `decide.ts` trims to its own cap. */\nconst MAX_ELEMENTS = 250;\n\n/**\n * The snippet that runs in the browser. `page` is in scope and the returned\n * value comes back as `result`.\n *\n * Keep controls from all page regions. Balanced collection prevents a long\n * content section from consuming the budget before later navigation is read.\n */\nconst PERCEIVE = `\nconst raw = await page.evaluate(() => {\n const REGIONS = 'nav,header,footer,aside,search,article,main,[role=\"navigation\"],[role=\"banner\"],[role=\"contentinfo\"],[role=\"search\"],[role=\"complementary\"],[role=\"main\"]';\n const counts = { content: 0, navigation: 0 };\n const SEL = 'a[href],button,input,textarea,select,[role=\"button\"],[role=\"link\"],[role=\"tab\"],[contenteditable=\"true\"]';\n const seen = new Set();\n const found = [];\n let dom = 0;\n for (const el of document.querySelectorAll(SEL)) {\n const container = el.closest(REGIONS);\n const region = !container ? 'content'\n : container.matches('nav,[role=\"navigation\"]') ? 'navigation'\n : container.matches('header,[role=\"banner\"]') ? 'header'\n : container.matches('footer,[role=\"contentinfo\"]') ? 'footer'\n : container.matches('aside,[role=\"complementary\"]') ? 'sidebar'\n : container.matches('search,[role=\"search\"]') ? 'search'\n : 'content';\n const group = region === 'content' ? 'content' : 'navigation';\n if (counts[group] >= ${MAX_ELEMENTS}) continue;\n const r = el.getBoundingClientRect();\n if (r.width < 8 || r.height < 8) continue;\n const cs = getComputedStyle(el);\n if (cs.visibility === 'hidden' || cs.display === 'none' || Number(cs.opacity) < 0.05) continue;\n const label = String(\n el.innerText || el.value || el.getAttribute('aria-label') ||\n el.getAttribute('placeholder') || el.getAttribute('title') ||\n el.getAttribute('alt') || ''\n ).replace(/\\\\s+/g, ' ').trim().slice(0, 90);\n if (!label) continue;\n const key = label + '|' + Math.round(r.left) + '|' + Math.round(r.top);\n if (seen.has(key)) continue;\n seen.add(key);\n\n // The centre is what gets clicked, so the centre is what has to be on\n // screen — not just the top-left corner.\n const cx = Math.round(r.left + r.width / 2);\n const cy = Math.round(r.top + r.height / 2);\n const visible = cx >= 0 && cx <= window.innerWidth - 2 &&\n cy >= 0 && cy <= window.innerHeight - 2;\n\n // Tagged in the live DOM so act() can find this exact element again.\n el.setAttribute('data-jev', String(dom));\n const tag = el.tagName.toLowerCase();\n found.push({\n dom,\n tag,\n region,\n label,\n href: (el.getAttribute('href') || '').slice(0, 140),\n editable: tag === 'input' || tag === 'textarea' || el.isContentEditable === true,\n x: cx,\n y: cy,\n visible,\n });\n dom++;\n counts[group]++;\n if (counts.content >= ${MAX_ELEMENTS} && counts.navigation >= ${MAX_ELEMENTS}) break;\n }\n\n // On-screen first, then down the page. decide.ts caps how many it scores, so\n // this ordering is what decides which elements Jev ever gets to consider.\n found.sort((a, b) => (a.visible === b.visible ? a.y - b.y : a.visible ? -1 : 1));\n\n // Most specific content container first. Wikipedia's Vector 2022 skin puts\n // its toolbar (\"Article Talk Read Edit View history Tools\") inside

,\n // so

alone still leaks furniture into the text Jev reads.\n // (No backticks in this comment: it lives inside a template literal.)\n const root = document.querySelector(\n 'article, #mw-content-text, [role=\"main\"], main, #content'\n ) || document.body;\n\n return {\n url: location.href,\n title: document.title,\n text: (root.innerText || '').replace(/\\\\s+/g, ' ').trim().slice(0, ${TEXT_CHARS}),\n candidates: found,\n };\n});\n// Browser history IDs distinguish a real Back destination from an arbitrary\n// previously seen URL, including same-document history entries.\nlet cdp;\ntry {\n cdp = await page.context().newCDPSession(page);\n const history = await cdp.send(\"Page.getNavigationHistory\");\n const current = history.entries[history.currentIndex];\n const previous = history.entries[history.currentIndex - 1];\n if (current && current.url === raw.url) {\n raw.navigation = {\n currentId: current.id,\n previous: previous ? { id: previous.id, url: previous.url } : undefined,\n };\n }\n} catch {\n // If history cannot be read, ordinary actions work and Back is unavailable.\n} finally {\n if (cdp) await cdp.detach().catch(() => {});\n}\nreturn raw;\n`;\n\ntype RawPage = {\n url: string;\n title: string;\n text: string;\n candidates: Omit[];\n navigation?: PageState[\"navigation\"];\n};\n\n/** Read the current page as data. */\nexport async function perceive(sessionId: string, includeNavigation = true): Promise {\n const res = await runPlaywright(sessionId, PERCEIVE);\n if (!res.success) {\n throw new Error(res.error || \"could not read the page\");\n }\n const raw = res.result as RawPage;\n return {\n url: raw?.url ?? \"\",\n title: raw?.title ?? \"\",\n navigation: raw?.navigation,\n text: raw?.text ?? \"\",\n // `n` is assigned here rather than in the browser: it's the key Jev's\n // answers come back under, so it has to be stable and sequential. `dom`\n // keeps pointing at the element.\n candidates: selectCandidates(raw?.candidates ?? [], MAX_ELEMENTS, includeNavigation).map((c, n) => ({ ...c, n })),\n };\n}\n\n/**\n * Scroll an element into view and report where to click it.\n *\n * Coordinates measured during `perceive()` are a Jev round trip old by the time\n * we click, and for anything below the fold they aren't even on screen. Asking\n * the browser where the element is *now* fixes both.\n *\n * Everything must happen inside `page.evaluate`. This snippet runs in Kernel's\n * Node VM, where `document` and `window` don't exist — only `page` does. An\n * earlier version called `document.querySelector` directly, so every call threw\n * and the click fell back to stale coordinates; the page never changed and Jev\n * picked the same control again, step after step.\n *\n * The target is the middle of the element **and** the viewport, not the middle\n * of the element. `scrollIntoView({block: 'center'})` cannot centre an element\n * taller than the viewport, so its own midpoint can sit off-screen — and Kernel\n * answers an out-of-bounds coordinate with a 400 rather than clamping it.\n * Returns null when the two don't overlap at all.\n */\nfunction locate(dom: number): string {\n return `\nreturn await page.evaluate(async (d) => {\n const el = document.querySelector('[data-jev=\"' + d + '\"]');\n if (!el) return null;\n el.scrollIntoView({ block: 'center', behavior: 'auto' });\n await new Promise((resolve) => setTimeout(resolve, 150));\n const r = el.getBoundingClientRect();\n const W = window.innerWidth - 1;\n const H = window.innerHeight - 1;\n const left = Math.max(0, Math.min(r.left, W));\n const right = Math.max(0, Math.min(r.right, W));\n const top = Math.max(0, Math.min(r.top, H));\n const bottom = Math.max(0, Math.min(r.bottom, H));\n if (right < left || bottom < top) return null;\n return { x: Math.round((left + right) / 2), y: Math.round((top + bottom) / 2) };\n}, ${dom});\n`;\n}\n\n/** Keep a coordinate inside the screen, whatever the browser reported. */\nfunction clamp(n: number, max: number): number {\n return Math.max(0, Math.min(max, Math.round(n)));\n}\n\n/** How long to let a click settle before reading the page again. */\nconst SETTLE_MS = 1200;\n\n/**\n * Carry out one decision.\n *\n * Clicking always moves the cursor first. That's not just for the video — a\n * bare click at coordinates the cursor never visited is the kind of thing\n * hover-sensitive menus ignore.\n */\nexport async function act(sessionId: string, decision: Decision): Promise {\n if (decision.action === \"back\") {\n if (!decision.back) throw new Error(\"Back has no verified destination\");\n const result = await runPlaywright(sessionId, backScript(decision.back), 15);\n if (!result.success) throw new Error(result.error || \"Back failed\");\n await sleep(SETTLE_MS);\n return;\n }\n const target = decision.target;\n if (!target) return;\n\n const located = await runPlaywright(sessionId, locate(target.dom));\n if (!located.success) {\n throw new Error(\n `could not locate the control to click: ${located.error ?? \"unknown\"}`,\n );\n }\n const at = located.result as { x: number; y: number } | null;\n // Deliberately no fallback to the coordinates perceive() measured. They are a\n // Jev round trip stale, and for anything below the fold they were never on\n // screen at all — clicking them lands somewhere arbitrary, the page doesn't\n // change, and Jev picks the same control again next step. Failing loudly is\n // what makes that visible instead of silent.\n if (!at) {\n throw new Error(`\"${target.label}\" is no longer on the page`);\n }\n const x = clamp(at.x, VIEWPORT.width - 1);\n const y = clamp(at.y, VIEWPORT.height - 1);\n\n await moveMouse(sessionId, x, y, 420);\n await clickMouse(sessionId, x, y);\n\n if (decision.action === \"type\" && decision.text) {\n await sleep(250);\n await typeText(sessionId, decision.text);\n // Enter is the assumption: a field we chose to type into is nearly always\n // a search box or a form's only input. A field that needs a separate\n // submit click gets one on the next step.\n await pressKey(sessionId, [\"Enter\"]);\n }\n\n await sleep(SETTLE_MS);\n}\n\n/** Recheck immediately before Back; navigation may have changed during the model call. */\nexport function backScript(back: NonNullable): string {\n return `\nconst expected = ${JSON.stringify(back)};\nconst cdp = await page.context().newCDPSession(page);\ntry {\n const before = await cdp.send(\"Page.getNavigationHistory\");\n const current = before.entries[before.currentIndex];\n const previous = before.entries[before.currentIndex - 1];\n if (current?.id !== expected.fromEntryId || previous?.id !== expected.entryId || previous?.url !== expected.url) {\n throw new Error(\"Browser history changed; Back cancelled\");\n }\n // Navigate the verified previous entry without waiting on page lifecycle events.\n await cdp.send(\"Page.navigateToHistoryEntry\", { entryId: expected.entryId });\n const deadline = Date.now() + 8000;\n do {\n const after = await cdp.send(\"Page.getNavigationHistory\");\n const reached = after.entries[after.currentIndex];\n if (reached?.id === expected.entryId && reached.url === expected.url) {\n return { url: reached.url };\n }\n await new Promise((resolve) => setTimeout(resolve, 100));\n } while (Date.now() < deadline);\n throw new Error(\"Back did not reach the expected history entry\");\n} finally {\n await cdp.detach();\n}\n`;\n}\n\n/** One line describing what happened, for the step log and Jev's own history. */\nexport function describeAction(decision: Decision): string {\n if (decision.action === \"back\") return `go back to ${decision.back?.url ?? \"previous page\"}`;\n if (decision.action === \"done\") return \"stop — goal reached\";\n if (decision.action === \"stuck\") return \"stop — no useful untried action\";\n const target = decision.target;\n const what = target ? `\"${target.label}\"` : \"nothing\";\n return decision.action === \"type\"\n ? `type \"${decision.text}\" into ${what}`\n : `click ${what}`;\n}",[504],"4dba3f881dfc10a41d533609d1829c596b32fd2b30d326d015d3e13841805179",["D",1789588833583],"legacyEnvVars","httpPrivacy","restricted","description","Describe a task; Jev decides each step in a KERNEL cloud browser","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/601425b5-d08c-486a-cae2-cbfbdf0cc801/square512?exp=1789611008&sig=cdbd81e41d6e6597ba4a9fc4b7f3c7e4a65e08bb0ca1c8b6b07440728b3617d1","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","b2fd4880-5c2e-11f0-9801-5764bf98a432","tursoName","3c438ea380e84cac97086511f055598d","tursoHostname","3c438ea380e84cac97086511f055598d-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789590099209],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_558":554},"org",{"_11":12,"_551":552,"_553":554,"_522":-5,"_555":556,"_557":26},"branch","displayName","KERNEL","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/772b82b9-bcf2-4ee8-2b88-3bbabc7f9801/square512?exp=1789611008&sig=3c3e8fddff932d9b59b566a5bcc5216ab9919caf4606690af9067bb97f812694","tier","business","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":756,"_46":-5,"_515":48,"_49":50,"_516":517,"_518":519,"_520":521,"_522":523,"_524":111,"_525":26,"_526":-5,"_527":-5,"_528":22,"_53":529,"_530":531,"_532":533,"_534":757,"_536":-5,"_537":538,"_539":538,"_540":541,"_542":541,"_543":541,"_544":538,"_545":538,"_546":758,"_548":759,"_550":760,"_47":48},"tree",[645,654,655,665,666,667,668,669,670,671,672,673,674,675],"files",[645,646,647,648,649,650,651,652,653,654,655,656,657,658,659,660,661,662,663,664,665,666,667,668,669,670,671,672,673,674,675],"counts",{"_635":22,"_636":158,"_637":22,"_638":639,"_640":641},"contents",[587,588,589,590,591,592,593,594,595,596,597,598,599,600],"upstreamProject",{"_32":39,"_13":56,"_518":584,"_520":-5,"_49":50,"_546":585},"upstreamBranch",{"_32":33,"_34":582,"_36":583,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1789580290788],["D",1789591366294],"16 TypeSafe gut-checks on your writing, on every keystroke",{"_11":52,"_558":586},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_32":632,"_13":140,"_83":133,"_85":-5,"_86":58,"_87":158,"_89":26,"_34":633,"_40":22,"_92":447,"_94":-5,"_65":48,"_96":-5,"_76":634},{"_32":443,"_13":441,"_83":444,"_85":-5,"_86":58,"_87":445,"_89":26,"_34":630,"_40":22,"_92":447,"_94":-5,"_65":48,"_96":-5,"_76":631},{"_32":627,"_13":360,"_83":354,"_85":-5,"_86":58,"_87":158,"_89":26,"_34":628,"_40":22,"_92":447,"_94":-5,"_65":48,"_96":-5,"_76":629},{"_32":211,"_13":208,"_83":212,"_85":-5,"_86":58,"_87":213,"_89":26,"_34":625,"_40":215,"_92":159,"_94":216,"_65":48,"_96":-5,"_76":626},{"_32":195,"_13":192,"_83":196,"_85":-5,"_86":58,"_87":57,"_89":26,"_34":623,"_40":198,"_92":159,"_94":199,"_65":48,"_96":-5,"_76":624},{"_32":506,"_13":504,"_83":507,"_85":-5,"_86":58,"_87":508,"_89":26,"_34":621,"_40":510,"_92":93,"_94":511,"_65":48,"_96":-5,"_76":622},{"_32":497,"_13":414,"_83":498,"_85":-5,"_86":58,"_87":499,"_89":26,"_34":619,"_40":91,"_92":93,"_94":501,"_65":48,"_96":-5,"_76":620},{"_32":488,"_13":404,"_83":489,"_85":-5,"_86":58,"_87":490,"_89":26,"_34":617,"_40":492,"_92":93,"_94":493,"_65":48,"_96":-5,"_76":618},{"_32":459,"_13":394,"_83":460,"_85":-5,"_86":58,"_87":461,"_89":26,"_34":615,"_40":251,"_92":93,"_94":463,"_65":48,"_96":-5,"_76":616},{"_32":110,"_13":107,"_83":111,"_85":-5,"_86":58,"_87":112,"_89":26,"_34":613,"_40":114,"_92":115,"_94":116,"_65":48,"_96":14,"_76":614},{"_32":451,"_13":449,"_83":452,"_85":-5,"_86":58,"_87":453,"_89":26,"_34":611,"_40":378,"_92":93,"_94":455,"_65":48,"_96":-5,"_76":612},{"_32":82,"_13":77,"_83":84,"_85":-5,"_86":58,"_87":88,"_89":26,"_34":609,"_40":91,"_92":93,"_94":95,"_65":48,"_96":-5,"_76":610},{"_32":433,"_13":431,"_83":434,"_85":-5,"_86":58,"_87":435,"_89":26,"_34":607,"_40":437,"_92":93,"_94":438,"_65":48,"_96":-5,"_76":608},{"_32":601,"_13":602,"_83":603,"_85":-5,"_86":58,"_87":158,"_89":26,"_34":604,"_40":22,"_92":93,"_94":605,"_65":48,"_96":-5,"_76":606},"8b664cdb-aa06-4f54-a1b8-2b0844cc483e","typesafe.ts","01a0abce-8571-76e1-8061-e98d955a6ea6",["D",1789588833583],"/**\n * Minimal TypeSafe (System One) client.\n * Docs: https://docs.typesafe.ai/api\n *\n * One POST, one state, N typed questions, N typed answers.\n */\n\nconst ENDPOINT = \"https://api.typesafe.ai/v1/systemone\";\n\n/** Override with the TYPESAFE_MODEL env var to swap models without a deploy. */\nexport const MODEL = Deno.env.get(\"TYPESAFE_MODEL\") ?? \"jev-latest\";\n\nexport type NoulQuestion = {\n type: \"noul\";\n instructions: string;\n criteria?: { true?: string; false?: string };\n};\n\nexport type ChoiceQuestion = {\n type: \"choice\";\n instructions: string;\n criteria: Record;\n};\n\nexport type ScoreQuestion = {\n type: \"score\";\n instructions: string;\n criteria: string[];\n};\n\nexport type Question = NoulQuestion | ChoiceQuestion | ScoreQuestion;\n\nexport type NoulAnswer = { type: \"noul\"; noul: number };\n\nexport type ChoiceAnswer = {\n type: \"choice\";\n choice: string;\n probabilities: Record;\n confidence: number;\n};\n\nexport type ScoreAnswer = {\n type: \"score\";\n score: number;\n legend: Record;\n probabilities: Record;\n confidence: number;\n};\n\nexport type Answer = NoulAnswer | ChoiceAnswer | ScoreAnswer;\n\nexport type SystemOneResponse = {\n model: string;\n answers: Record;\n usage: { input_tokens: number; output_tokens: number };\n};\n\n/** The env var this client needs. Exported so the UI can name it. */\nexport const API_KEY_VAR = \"TYPESAFE_API_KEY\";\n\n/** Where to get one. */\nexport const API_KEY_CONSOLE_URL = \"https://console.typesafe.ai/settings/keys\";\n\n/**\n * Whether this val has a key to call TypeSafe with. Trims rather than merely\n * testing presence: a var that exists holding an empty string is the normal\n * state of a fresh remix, and is just as unusable as a missing one.\n */\nexport function isConfigured(): boolean {\n return !!Deno.env.get(API_KEY_VAR)?.trim();\n}\n\n/** Ask a batch of typed questions about a single piece of state. */\nexport async function ask(\n state: unknown,\n questions: Record,\n { timeoutMs = 10_000 }: { timeoutMs?: number } = {},\n): Promise {\n const apiKey = Deno.env.get(API_KEY_VAR)?.trim();\n if (!apiKey) throw new Error(`${API_KEY_VAR} is not set on this val`);\n\n const res = await fetch(ENDPOINT, {\n method: \"POST\",\n headers: {\n Authorization: `Bearer ${apiKey}`,\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ state, model: MODEL, questions }),\n signal: AbortSignal.timeout(timeoutMs),\n });\n\n if (!res.ok) {\n const body = await res.text();\n throw new Error(`TypeSafe ${res.status}: ${body.slice(0, 300)}`);\n }\n\n return await res.json() as SystemOneResponse;\n}",[602],["D",1789605903517],[431],["D",1789599861763],[77],["D",1789599875697],[449],["D",1789609194714],[107],["D",1789604411595],[394],["D",1789605211052],[404],["D",1789605885931],[414],["D",1789607523148],[504],["D",1789609928049],[192],["D",1789607783933],[208],"a6c4385d-8c86-4d90-bb2f-e40fa8f5ad86",["D",1789588833583],[360],["D",1789608941328],[441],"547cc93c-0b46-4b3d-b204-3199dbf1b11e",["D",1789588833583],[140],"pulls","branches","forks","envVars",{"_642":91,"_644":22},"connections",{"_642":22,"_643":22},"count","unfilledCount","emptyCount",{"_32":632,"_13":140,"_83":133,"_85":-5,"_86":58,"_87":158,"_89":26,"_34":753,"_40":22,"_92":447,"_94":-5,"_65":48,"_96":-5,"_97":754,"_76":755},{"_32":749,"_13":182,"_83":175,"_85":133,"_86":58,"_87":158,"_89":26,"_34":750,"_40":22,"_92":447,"_94":-5,"_65":48,"_96":-5,"_97":751,"_76":752},{"_32":172,"_13":173,"_83":174,"_85":175,"_86":58,"_87":176,"_89":26,"_34":177,"_40":178,"_92":93,"_94":179,"_65":48,"_96":-5,"_97":747,"_76":748},{"_32":479,"_13":480,"_83":481,"_85":175,"_86":58,"_87":482,"_89":26,"_34":483,"_40":136,"_92":93,"_94":484,"_65":48,"_96":-5,"_97":745,"_76":746},{"_32":741,"_13":255,"_83":471,"_85":133,"_86":58,"_87":158,"_89":26,"_34":742,"_40":22,"_92":447,"_94":-5,"_65":48,"_96":-5,"_97":743,"_76":744},{"_32":468,"_13":469,"_83":470,"_85":471,"_86":58,"_87":472,"_89":26,"_34":473,"_40":136,"_92":93,"_94":474,"_65":48,"_96":-5,"_97":739,"_76":740},{"_32":153,"_13":154,"_83":155,"_85":133,"_86":58,"_87":156,"_89":26,"_34":157,"_40":158,"_92":159,"_94":160,"_65":48,"_96":-5,"_97":737,"_76":738},{"_32":729,"_13":730,"_83":731,"_85":133,"_86":58,"_87":732,"_89":26,"_34":733,"_40":158,"_92":93,"_94":734,"_65":48,"_96":-5,"_97":735,"_76":736},{"_32":130,"_13":131,"_83":132,"_85":133,"_86":58,"_87":134,"_89":26,"_34":135,"_40":136,"_92":93,"_94":137,"_65":48,"_96":-5,"_97":727,"_76":728},{"_32":443,"_13":441,"_83":444,"_85":-5,"_86":58,"_87":445,"_89":26,"_34":446,"_40":22,"_92":447,"_94":-5,"_65":48,"_96":-5,"_97":725,"_76":726},{"_32":627,"_13":360,"_83":354,"_85":-5,"_86":58,"_87":158,"_89":26,"_34":722,"_40":22,"_92":447,"_94":-5,"_65":48,"_96":-5,"_97":723,"_76":724},{"_32":423,"_13":424,"_83":425,"_85":354,"_86":58,"_87":426,"_89":26,"_34":427,"_40":158,"_92":93,"_94":428,"_65":48,"_96":-5,"_97":720,"_76":721},{"_32":713,"_13":315,"_83":714,"_85":354,"_86":58,"_87":715,"_89":26,"_34":716,"_40":22,"_92":93,"_94":717,"_65":48,"_96":-5,"_97":718,"_76":719},{"_32":413,"_13":414,"_83":415,"_85":354,"_86":58,"_87":416,"_89":26,"_34":417,"_40":158,"_92":93,"_94":418,"_65":48,"_96":-5,"_97":711,"_76":712},{"_32":403,"_13":404,"_83":405,"_85":354,"_86":58,"_87":406,"_89":26,"_34":407,"_40":146,"_92":93,"_94":408,"_65":48,"_96":-5,"_97":709,"_76":710},{"_32":393,"_13":394,"_83":395,"_85":354,"_86":58,"_87":396,"_89":26,"_34":397,"_40":91,"_92":93,"_94":398,"_65":48,"_96":-5,"_97":707,"_76":708},{"_32":384,"_13":385,"_83":386,"_85":354,"_86":58,"_87":309,"_89":26,"_34":387,"_40":22,"_92":93,"_94":388,"_65":48,"_96":-5,"_97":705,"_76":706},{"_32":373,"_13":374,"_83":375,"_85":354,"_86":58,"_87":376,"_89":26,"_34":377,"_40":378,"_92":93,"_94":379,"_65":48,"_96":-5,"_97":703,"_76":704},{"_32":363,"_13":364,"_83":365,"_85":354,"_86":58,"_87":366,"_89":26,"_34":367,"_40":22,"_92":93,"_94":368,"_65":48,"_96":-5,"_97":701,"_76":702},{"_32":351,"_13":352,"_83":353,"_85":354,"_86":58,"_87":355,"_89":26,"_34":356,"_40":22,"_92":93,"_94":357,"_65":48,"_96":-5,"_97":699,"_76":700},{"_32":211,"_13":208,"_83":212,"_85":-5,"_86":58,"_87":213,"_89":26,"_34":214,"_40":215,"_92":159,"_94":216,"_65":48,"_96":-5,"_97":697,"_76":698},{"_32":195,"_13":192,"_83":196,"_85":-5,"_86":58,"_87":57,"_89":26,"_34":197,"_40":198,"_92":159,"_94":199,"_65":48,"_96":-5,"_97":695,"_76":696},{"_32":506,"_13":504,"_83":507,"_85":-5,"_86":58,"_87":508,"_89":26,"_34":509,"_40":510,"_92":93,"_94":511,"_65":48,"_96":-5,"_97":693,"_76":694},{"_32":497,"_13":414,"_83":498,"_85":-5,"_86":58,"_87":499,"_89":26,"_34":500,"_40":91,"_92":93,"_94":501,"_65":48,"_96":-5,"_97":691,"_76":692},{"_32":488,"_13":404,"_83":489,"_85":-5,"_86":58,"_87":490,"_89":26,"_34":491,"_40":492,"_92":93,"_94":493,"_65":48,"_96":-5,"_97":689,"_76":690},{"_32":459,"_13":394,"_83":460,"_85":-5,"_86":58,"_87":461,"_89":26,"_34":462,"_40":251,"_92":93,"_94":463,"_65":48,"_96":-5,"_97":687,"_76":688},{"_32":110,"_13":107,"_83":111,"_85":-5,"_86":58,"_87":112,"_89":26,"_34":113,"_40":114,"_92":115,"_94":116,"_65":48,"_96":14,"_97":685,"_76":686},{"_32":451,"_13":449,"_83":452,"_85":-5,"_86":58,"_87":453,"_89":26,"_34":454,"_40":378,"_92":93,"_94":455,"_65":48,"_96":-5,"_97":683,"_76":684},{"_32":82,"_13":77,"_83":84,"_85":-5,"_86":58,"_87":88,"_89":26,"_34":90,"_40":91,"_92":93,"_94":95,"_65":48,"_96":-5,"_97":681,"_76":682},{"_32":433,"_13":431,"_83":434,"_85":-5,"_86":58,"_87":435,"_89":26,"_34":436,"_40":437,"_92":93,"_94":438,"_65":48,"_96":-5,"_97":679,"_76":680},{"_32":601,"_13":602,"_83":603,"_85":-5,"_86":58,"_87":158,"_89":26,"_34":676,"_40":22,"_92":93,"_94":605,"_65":48,"_96":-5,"_97":677,"_76":678},["D",1789588833583],[],[602],[],[431],[],[77],[],[449],[],[107],[],[394],[],[404],[],[414],[],[504],[],[192],[],[208],[],[360,352],[],[360,364],[],[360,374],[],[360,385],[],[360,394],[],[360,404],[],[360,414],"ef2f893b-91b4-4555-8a39-33bd924ec60e","2843618e-b222-11f1-9501-1607ee4eb77e",77,["D",1789599519913],"/**\n * Checks the budget guard without spending anything. The only mutation it\n * attempts is a reservation for more than the whole budget, which must be\n * refused — so this is safe to run against the live ledger any time.\n *\n * Run it with `run_file` after touching budget.ts.\n */\nimport {\n BUDGET_USD,\n estimateInputTokens,\n getBudget,\n reconcile,\n reserve,\n USD_PER_INPUT_TOKEN,\n} from \"../budget.ts\";\nimport { QUESTIONS } from \"../questions.ts\";\n\nconst state = await getBudget();\nconsole.log(\n `budget $${BUDGET_USD.toFixed(2)} · spent $${state.spentUsd.toFixed(4)} over ${state.calls} calls · ${state.inputTokens} input tokens`,\n);\n\n// A reservation for more than the entire budget has to be refused. If this\n// ever printed false it would charge the ledger $2*2, so it must be true.\n// `unavailable` would mean the ledger itself couldn't be reached, which is a\n// different answer and not the one being tested here.\nconst huge = await reserve(Math.ceil((BUDGET_USD * 2) / USD_PER_INPUT_TOKEN));\nconsole.log(\n \"over-budget reservation refused:\",\n !huge.ok && !(\"unavailable\" in huge),\n);\n\n// A normal reservation must come back with a ledger to report, and the\n// correction from it must land on the *next* reservation rather than in a\n// write of its own. This spends two calls' worth (~$0.00007), which is the\n// only way to exercise the fold.\n//\n// The assertion is a delta rather than an absolute: this script may itself be\n// the only thing running, but the live demo is also moving the same ledger.\nconst estimate = estimateInputTokens(70, QUESTIONS);\nconst small = await reserve(estimate);\nconsole.log(\n \"normal reservation ok:\",\n small.ok,\n small.ok ? `(ledger now ${small.state.inputTokens} tokens / ${small.state.calls} calls)` : \"\",\n);\nif (small.ok) {\n reconcile(small, estimate + 25); // pretend the call ran 25 tokens over\n const next = await reserve(estimate);\n // The second reservation should carry its own estimate *plus* the 25 the\n // first one overspent. If the correction were dropped, or written twice,\n // this number would be 878 or 1,806 instead.\n const grew = next.ok ? next.state.inputTokens - small.state.inputTokens : NaN;\n const expected = estimate + 25;\n console.log(\n `pending correction folded into next reservation: ${grew === expected} (grew ${grew}, expected ${expected})`,\n );\n}\n\n// The estimate only has to be in the right ballpark — reconcile() corrects the\n// ledger with the real usage right after each call. But if it's low by a lot,\n// concurrent requests get more slack than they should, so keep it close.\nconst questionsJson = JSON.stringify(QUESTIONS).length;\nconsole.log(`questions payload: ${questionsJson} chars`);\nfor (const chars of [0, 500, 4000]) {\n const est = estimateInputTokens(chars, QUESTIONS);\n console.log(\n ` state ${String(chars).padStart(4)} chars → estimate ${String(est).padStart(4)} tokens ($${(est * USD_PER_INPUT_TOKEN).toFixed(6)})`,\n );\n}\n\nconst full = estimateInputTokens(4000, QUESTIONS);\nconsole.log(\n `a full budget is ~${Math.floor(BUDGET_USD / (full * USD_PER_INPUT_TOKEN)).toLocaleString()} max-size calls`,\n);",[],[360,315],[],[360,424],["D",1789588833583],[656,657,658,659,660,661,662,663,664],[360],[],[441],[],[140,131],"8ff80b75-2d80-4d73-b9ff-1c2942af7a9a","index.tsx","01a0abce-8571-76e1-8061-ba3ae2d93e9c",20,["D",1789589059384],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[140,730],[],[140,154],[],[140,255,469],"3f6e6d1b-1a9e-4836-a609-21fcc542d781",["D",1789588833583],[650],[140,255],[],[140,182,480],[],[140,182,173],"1026f8c1-ec73-42dc-9fe9-552d0d6edff6",["D",1789588833583],[647,648],[140,182],["D",1789588833583],[646,649,651,652,653],[140],["D",1789588833583],["D",1789590099209],{"_11":12,"_558":554},{"_11":12,"_551":552,"_553":554,"_522":-5,"_555":556,"_557":26},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":41,"_60":50,"_61":39,"_62":54,"_55":14,"_51":12},"ctx",{"_546":-5,"_579":794,"_795":796,"_797":798,"_799":48,"_800":48,"_801":48,"_802":26,"_803":-5,"_804":-7,"_805":-7,"_806":22,"_807":48,"_808":48,"_809":-5,"_810":48,"_811":48,"_812":48,"_813":-5},"ENV",{"_765":766,"_767":768,"_769":16,"_770":771,"_772":773,"_774":775,"_776":777,"_778":779,"_780":781,"_782":783,"_784":785,"_786":787,"_788":789,"_790":791,"_792":793},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Compare

Mergekernel/mainintostevekrouse/main

AGENTS.md+116-61

README.md+209-80

frontend/components/App.tsx+299-210

frontend/favicon.svg+2-2

frontend/root.tsx+106-17

Hindex.ts+304-90

rate-limit.ts+28-11

browser-use.ts+319-0

candidates.ts+24-0

decide.ts+292-0

frontend/components/Stage.tsx+157-0

frontend/lib/api.ts+138-0

history.ts+112-0

kernel.ts+205-0

scripts

sessions.ts+250-0

tests/back-browser.ts+114-0

tests/candidates.ts+59-0

tests/decide.ts+89-0

tests/history.ts+149-0

tests/key-check.ts+43-0

tests/layout-browser.ts+93-0

tests/navigation-setting.ts+44-0

tests/regions-browser.ts+45-0

CHANGELOG.md+0-90

budget.ts+0-221

frontend/components/Meter.tsx+0-91

frontend/components/Notice.tsx+0-23

frontend/lib/display.ts+0-82

frontend/lib/presets.ts+0-34

frontend/lib/types.ts+0-93

frontend/lib/useChanges.ts+0-65

frontend/lib/useJudge.ts+0-115

questions.ts+0-234