[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_113":114,"_115":116},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","kernel","name","jev-browser-use","path","kernel.ts","project",{"_22":45,"_11":12,"_33":46,"_47":-5,"_48":42,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58,"_59":60,"_61":32,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":42},"file",{"_22":23,"_11":14,"_24":25,"_26":-5,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_13":44},"permalink","https://www.val.town/x/kernel/jev-browser-use/code/kernel.ts","extension","id","822835a2-76a4-44d9-90ac-b2bc74d310ce","fileId","01a0abcf-a6b5-7413-8f55-6a07a5e01800","parentId","branchId","789b925f-1f04-4496-b61e-c55aa361585d","branchVersion",88,"latest",true,"createdAt",["D",1789599875697],"version",5,"fileType","script","content","/**\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}","deleted",false,"label",[14],"3c438ea3-80e8-4cac-9708-6511f055598d",["D",1789588833583],"deletedAt","legacyEnvVars","privacy","public","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=1789611001&sig=97e8533ae570a155ee3427af40483614191a50c45042a426942ace3dc312b0a6","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","01a0abce-8571-76e1-8061-dc657cf63b40","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","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",{"_9":10,"_112":108},"org",{"_9":10,"_105":106,"_107":108,"_57":-5,"_109":110,"_111":32},"branch",{"_35":91,"_11":92,"_22":28,"_93":45,"_94":95,"_96":97,"_98":50,"_99":100,"_101":102,"_103":12,"_104":10},"isOwned",280,"main","projectId","forkedBranchId","e9a8eeca-33f2-423b-8459-435fd862f66d","forkedBranchVersion",74,"forkedProjectPrivacy","forkedProjectId","c242175a-bb41-49a1-ae69-d9c2930a22f1","forkedProjectOrgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","projectName","userHandle","displayName","KERNEL","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/772b82b9-bcf2-4ee8-2b88-3bbabc7f9801/square512?exp=1789611001&sig=60ebb1161399f4ca43979884b565572c89f4242444eff2afaf905bd10dcccd9d","tier","business","canRestrictVals","profileImageUrl","ctx",{"_84":-5,"_146":147,"_148":149,"_150":151,"_152":42,"_153":42,"_154":42,"_155":32,"_156":-5,"_157":-7,"_158":-7,"_159":65,"_160":42,"_161":42,"_162":-5,"_163":42,"_164":42,"_165":42,"_166":-5},"ENV",{"_117":118,"_119":120,"_121":92,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135,"_136":137,"_138":139,"_140":141,"_142":143,"_144":145},"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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]