[{"_1":2,"_282":-5,"_283":-5},"loaderData",{"_3":4,"_93":94,"_243":244},"root",{"_5":6,"_36":37,"_66":67},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":22,"_29":22,"_30":22,"_31":-5,"_32":33,"_34":22,"_35":22},"auth",{"_9":10,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":-5,"_20":-5,"_21":22},"tokenType","session_token","sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesChatPanelState","notificationCount",0,"flagDenols","isTeamOrgMember","ENV",{"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63,"_64":65},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","8011145a9fe837df5546d9858a0f0da5c520b336","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","clerkState",{"_68":69},"__internal_clerk_state",{"_70":71,"_72":47,"_73":74,"_75":74,"_76":22,"_77":74,"_78":74,"_79":74,"_80":74,"_81":82,"_91":22,"_92":22},"__clerk_ssr_state",{"_9":10,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":-5,"_20":-5,"_21":22},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_83":22,"_21":22,"_84":74,"_85":86,"_87":74,"_88":47,"_89":22,"_90":74},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/_app.x.$handle.$name",{"_95":96,"_97":98,"_99":45,"_100":101,"_102":103,"_104":105,"_158":159,"_216":217,"_218":219,"_231":232,"_233":234,"_237":-5,"_238":-5,"_239":22,"_240":22,"_241":242},"handle","adminh","name","browser_agent","branchName","path","main.ts","version",13,"project",{"_106":107,"_97":98,"_108":109,"_110":-5,"_111":22,"_112":113,"_114":74,"_115":74,"_14":116,"_117":-5,"_118":22,"_119":-5,"_120":-5,"_121":33,"_16":122,"_123":124,"_125":126,"_127":-5,"_128":129,"_130":129,"_131":132,"_133":132,"_134":132,"_135":129,"_136":129,"_23":137,"_140":141,"_145":146,"_157":22},"id","41bf7ff6-2174-11f1-bf89-42dde27851f2","createdAt",["D",1773691862818],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","019ced01-90af-7019-a349-1b32c2e46191","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","019ced01-90b0-737e-a20e-8f88f25dd6dd","tursoName","41bf7ff6217411f1bf8942dde27851f2","tursoHostname","41bf7ff6217411f1bf8942dde27851f2-val-town.aws-us-east-2.turso.io","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_95":96,"_138":139},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzNBd1RwdG53TkRJV2dZYlNJMkVEM1J6U0NuNiJ9","org",{"_95":96,"_142":139,"_14":116,"_143":144},"avatar","tier","free","branch",{"_102":147,"_97":45,"_106":148,"_149":107,"_150":-5,"_151":-5,"_152":-5,"_153":-5,"_154":-5,"_155":98,"_156":96},46,"41c01c18-2174-11f1-bf89-42dde27851f2","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","tree",[160,181,192,201,209],{"_106":161,"_97":162,"_163":164,"_165":-5,"_166":148,"_167":168,"_169":22,"_108":170,"_102":171,"_172":173,"_174":175,"_176":22,"_177":-5,"_178":179,"_100":180},"8188701e-21f8-11f1-9f73-42dde27851f2","api.ts","fileId","45ba7a62-2182-11f1-a65a-42dde27851f2","parentId","branchId","branchVersion",12,"latest",["D",1773748663387],4,"fileType","http","content","/**\n * api.ts — REST API backend\n *\n * Kernel base: https://api.onkernel.com (no /v1 prefix)\n *\n * Endpoints:\n * POST /api/session → create Kernel browser\n * GET /api/browsers → list all active browser sessions\n * GET /api/browsers/:id → get single browser session details\n * DELETE /api/browsers/:id → delete a browser session\n * POST /api/execute → compile blocks → Playwright execute\n * POST /api/llm-parse → LLM parse NL → block params\n * GET /api/flows → list saved flows\n * GET /api/flows/:id → get single flow\n * POST /api/flows → save flow\n * DELETE /api/flows/:id → delete flow\n * GET /api/debug/kernel → test Kernel API key\n */\n\nimport { parseNaturalLanguage } from \"./llm.ts\";\nimport { compileFlow, type FlowBlock } from \"./executor.ts\";\nimport { listFlows, getFlow, saveFlow, deleteFlow } from \"./db.ts\";\n\nconst KERNEL_API_KEY = Deno.env.get(\"KERNEL_API_KEY\") ?? \"\";\n// No /v1 prefix — verified from Kernel API docs\nconst KERNEL_BASE = \"https://api.onkernel.com\";\n\n// ── Kernel browser config (all fields from API docs) ─────────────────────\nexport interface BrowserConfig {\n headless?: boolean; // default false (need non-headless for live view)\n stealth?: boolean; // reduce bot detection\n gpu?: boolean; // GPU acceleration (requires Start-Up/Enterprise)\n timeout_seconds?: number; // 10–259200 (72h), default 60\n kiosk_mode?: boolean; // hides address bar in live view\n viewport?: {\n width: number;\n height: number;\n refresh_rate?: number;\n };\n}\n\n// ── Helpers ───────────────────────────────────────────────────────────────\n\nfunction json(data: unknown, status = 200): Response {\n return new Response(JSON.stringify(data), {\n status,\n headers: {\n \"Content-Type\": \"application/json\",\n \"Access-Control-Allow-Origin\": \"*\",\n },\n });\n}\n\nfunction cors(): Response {\n return new Response(null, {\n status: 204,\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Methods\": \"GET, POST, DELETE, PATCH, OPTIONS\",\n \"Access-Control-Allow-Headers\": \"Content-Type, Authorization\",\n },\n });\n}\n\nasync function kfetch(method: string, path: string, body?: unknown): Promise {\n return fetch(`${KERNEL_BASE}${path}`, {\n method,\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": `Bearer ${KERNEL_API_KEY}`,\n },\n body: body !== undefined ? JSON.stringify(body) : undefined,\n });\n}\n\n// ── Router ────────────────────────────────────────────────────────────────\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname;\n\n if (req.method === \"OPTIONS\") return cors();\n\n // ── POST /api/session ─────────────────────────────────────────────────\n // Accepts optional browserConfig from frontend\n if (req.method === \"POST\" && path === \"/api/session\") {\n try {\n // Body may be empty or contain browserConfig\n let config: BrowserConfig = {};\n try {\n const body = await req.json();\n if (body && typeof body === \"object\") config = body as BrowserConfig;\n } catch { /* empty body is fine */ }\n\n // headless must be false for browser_live_view_url to be available\n const payload: BrowserConfig = {\n headless: config.headless ?? false,\n stealth: config.stealth ?? false,\n timeout_seconds: Math.min(Math.max(config.timeout_seconds ?? 3600, 10), 259200),\n ...(config.gpu !== undefined && { gpu: config.gpu }),\n ...(config.kiosk_mode !== undefined && { kiosk_mode: config.kiosk_mode }),\n ...(config.viewport && { viewport: config.viewport }),\n };\n\n const kResp = await kfetch(\"POST\", \"/browsers\", payload);\n const raw = await kResp.text();\n\n if (!kResp.ok) {\n return json({ error: `Kernel ${kResp.status}: ${raw}` }, 502);\n }\n\n const data = JSON.parse(raw);\n\n return json({\n session_id: data.session_id,\n live_view_url: data.browser_live_view_url ?? null,\n cdp_ws_url: data.cdp_ws_url ?? null,\n headless: data.headless,\n stealth: data.stealth,\n gpu: data.gpu ?? false,\n timeout_seconds: data.timeout_seconds,\n viewport: data.viewport ?? null,\n kiosk_mode: data.kiosk_mode ?? false,\n created_at: data.created_at,\n });\n } catch (err) {\n return json({ error: String(err) }, 500);\n }\n }\n\n // ── GET /api/browsers ─────────────────────────────────────────────────\n // List all active Kernel browser sessions\n if (req.method === \"GET\" && path === \"/api/browsers\") {\n try {\n const kResp = await kfetch(\"GET\", \"/browsers\");\n const raw = await kResp.text();\n if (!kResp.ok) return json({ error: `Kernel ${kResp.status}: ${raw}` }, 502);\n const data = JSON.parse(raw);\n // Kernel returns { browsers: [...] } or array directly\n const list = Array.isArray(data) ? data : (data.browsers ?? data.items ?? []);\n return json(list);\n } catch (err) {\n return json({ error: String(err) }, 500);\n }\n }\n\n // ── GET /api/browsers/:id ─────────────────────────────────────────────\n // Get single browser session details\n const browserGetMatch = path.match(/^\\/api\\/browsers\\/([^/]+)$/);\n if (req.method === \"GET\" && browserGetMatch) {\n try {\n const kResp = await kfetch(\"GET\", `/browsers/${browserGetMatch[1]}`);\n const raw = await kResp.text();\n if (!kResp.ok) return json({ error: `Kernel ${kResp.status}: ${raw}` }, 502);\n return json(JSON.parse(raw));\n } catch (err) {\n return json({ error: String(err) }, 500);\n }\n }\n\n // ── DELETE /api/browsers/:id ──────────────────────────────────────────\n // Delete (terminate) a browser session\n const browserDelMatch = path.match(/^\\/api\\/browsers\\/([^/]+)$/);\n if (req.method === \"DELETE\" && browserDelMatch) {\n try {\n const kResp = await kfetch(\"DELETE\", `/browsers/${browserDelMatch[1]}`);\n const raw = await kResp.text();\n if (!kResp.ok) return json({ error: `Kernel ${kResp.status}: ${raw}` }, 502);\n return json({ ok: true });\n } catch (err) {\n return json({ error: String(err) }, 500);\n }\n }\n\n // ── POST /api/execute ─────────────────────────────────────────────────\n if (req.method === \"POST\" && path === \"/api/execute\") {\n try {\n const body = await req.json() as {\n session_id: string;\n blocks: FlowBlock[];\n timeout_sec?: number;\n };\n\n if (!body.session_id || !Array.isArray(body.blocks)) {\n return json({ error: \"Missing session_id or blocks\" }, 400);\n }\n\n const code = compileFlow(body.blocks);\n\n const kResp = await kfetch(\n \"POST\",\n `/browsers/${body.session_id}/playwright/execute`,\n {\n code,\n timeout_sec: Math.min(body.timeout_sec ?? 120, 300),\n }\n );\n\n const raw = await kResp.text();\n if (!kResp.ok) {\n return json({ error: `Kernel playwright ${kResp.status}: ${raw}` }, 502);\n }\n\n try {\n return json(JSON.parse(raw));\n } catch {\n return json({ success: true, result: raw });\n }\n } catch (err) {\n return json({ error: String(err) }, 500);\n }\n }\n\n // ── POST /api/llm-parse ───────────────────────────────────────────────\n if (req.method === \"POST\" && path === \"/api/llm-parse\") {\n try {\n const { blockType, naturalLanguage } = await req.json();\n if (!blockType || !naturalLanguage) {\n return json({ error: \"Missing blockType or naturalLanguage\" }, 400);\n }\n const result = await parseNaturalLanguage({ blockType, naturalLanguage });\n return json(result);\n } catch (err) {\n return json({ error: String(err) }, 500);\n }\n }\n\n // ── GET /api/flows ────────────────────────────────────────────────────\n if (req.method === \"GET\" && path === \"/api/flows\") {\n try {\n return json(await listFlows());\n } catch (err) {\n return json({ error: String(err) }, 500);\n }\n }\n\n // ── GET /api/flows/:id ────────────────────────────────────────────────\n const flowGetMatch = path.match(/^\\/api\\/flows\\/([^/]+)$/);\n if (req.method === \"GET\" && flowGetMatch) {\n try {\n const flow = await getFlow(flowGetMatch[1]);\n return flow ? json(flow) : json({ error: \"Not found\" }, 404);\n } catch (err) {\n return json({ error: String(err) }, 500);\n }\n }\n\n // ── POST /api/flows ───────────────────────────────────────────────────\n if (req.method === \"POST\" && path === \"/api/flows\") {\n try {\n const { id, name, description, flow_json } = await req.json();\n if (!id || !name || !flow_json) {\n return json({ error: \"Missing id, name, or flow_json\" }, 400);\n }\n await saveFlow(id, name, description ?? \"\", flow_json);\n return json({ ok: true, id });\n } catch (err) {\n return json({ error: String(err) }, 500);\n }\n }\n\n // ── DELETE /api/flows/:id ─────────────────────────────────────────────\n const flowDelMatch = path.match(/^\\/api\\/flows\\/([^/]+)$/);\n if (req.method === \"DELETE\" && flowDelMatch) {\n try {\n await deleteFlow(flowDelMatch[1]);\n return json({ ok: true });\n } catch (err) {\n return json({ error: String(err) }, 500);\n }\n }\n\n // ── GET /api/debug/kernel ─────────────────────────────────────────────\n if (req.method === \"GET\" && path === \"/api/debug/kernel\") {\n try {\n const r = await kfetch(\"GET\", \"/browsers\");\n const text = await r.text();\n return json({ status: r.status, body: text.slice(0, 1000) });\n } catch (err) {\n return json({ error: String(err) }, 500);\n }\n }\n\n return json({ error: \"Not found\" }, 404);\n}\n","deleted","label","children",[],[162],{"_106":182,"_97":183,"_163":184,"_165":-5,"_166":148,"_167":185,"_169":186,"_108":187,"_102":33,"_172":188,"_174":189,"_176":22,"_177":-5,"_178":190,"_100":191},"07f86a36-2182-11f1-8f86-42dde27851f2","db.ts","07f86ad6-2182-11f1-8f86-42dde27851f2",2,true,["D",1773697778826],"script","/**\n * db.ts — SQLite CRUD for flow storage\n * Uses val-scoped sqlite (main.ts) so data is isolated to this project\n */\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nexport interface FlowRecord {\n id: string;\n name: string;\n description: string;\n flow_json: string; // serialized FlowDefinition\n created_at: string;\n updated_at: string;\n}\n\n// Idempotent schema creation\nexport async function initDB(): Promise {\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS flows (\n id TEXT PRIMARY KEY,\n name TEXT NOT NULL,\n description TEXT NOT NULL DEFAULT '',\n flow_json TEXT NOT NULL,\n created_at TEXT NOT NULL DEFAULT (datetime('now')),\n updated_at TEXT NOT NULL DEFAULT (datetime('now'))\n )\n `);\n}\n\nexport async function listFlows(): Promise {\n await initDB();\n const result = await sqlite.execute(\n `SELECT id, name, description, flow_json, created_at, updated_at\n FROM flows ORDER BY updated_at DESC`\n );\n return result.rows as unknown as FlowRecord[];\n}\n\nexport async function getFlow(id: string): Promise {\n await initDB();\n const result = await sqlite.execute({\n sql: `SELECT id, name, description, flow_json, created_at, updated_at\n FROM flows WHERE id = ?`,\n args: [id],\n });\n if (!result.rows.length) return null;\n return result.rows[0] as unknown as FlowRecord;\n}\n\nexport async function saveFlow(\n id: string,\n name: string,\n description: string,\n flowJson: string\n): Promise {\n await initDB();\n // Upsert: insert or replace on conflict\n await sqlite.execute({\n sql: `INSERT INTO flows (id, name, description, flow_json, updated_at)\n VALUES (?, ?, ?, ?, datetime('now'))\n ON CONFLICT(id) DO UPDATE SET\n name = excluded.name,\n description = excluded.description,\n flow_json = excluded.flow_json,\n updated_at = excluded.updated_at`,\n args: [id, name, description, flowJson],\n });\n}\n\nexport async function deleteFlow(id: string): Promise {\n await initDB();\n await sqlite.execute({\n sql: `DELETE FROM flows WHERE id = ?`,\n args: [id],\n });\n}\n",[],[183],{"_106":193,"_97":194,"_163":195,"_165":-5,"_166":148,"_167":196,"_169":22,"_108":197,"_102":33,"_172":188,"_174":198,"_176":22,"_177":-5,"_178":199,"_100":200},"26989e34-2182-11f1-9b6f-42dde27851f2","executor.ts","26989f06-2182-11f1-9b6f-42dde27851f2",3,["D",1773697830208],"/**\n * executor.ts — Compiles FlowBlock[] into Playwright TypeScript code strings\n * Each block type maps to a specific Playwright snippet.\n * The resulting code is sent to kernel.browsers.playwright.execute()\n * which runs it inside the Kernel browser VM.\n */\n\nexport interface FlowBlock {\n id: string;\n type: BlockType;\n params: Record;\n // Optional: natural language description (parsed by LLM → params)\n label?: string;\n}\n\nexport type BlockType =\n // Interact\n | \"click\" | \"type_text\" | \"press_key\" | \"scroll\" | \"hover\"\n | \"select_option\" | \"set_date_input\" | \"upload_file\" | \"handle_dialog\"\n // Extract\n | \"get_element_text\" | \"get_link_url\" | \"get_page_url\"\n | \"get_element_attribute\" | \"get_element_html\" | \"get_clipboard\"\n | \"save_file\" | \"take_screenshot\" | \"generate_pdf\"\n // Navigate\n | \"visit\" | \"go_back\" | \"go_forward\" | \"reload_page\"\n // Spreadsheet (OAuth — deferred)\n | \"loop_spreadsheet_rows\" | \"add_spreadsheet_row\"\n | \"update_spreadsheet_row\" | \"find_spreadsheet_row\"\n // Control Flow\n | \"loop_elements\" | \"loop_pages\" | \"loop\" | \"loop_list_items\"\n | \"if\" | \"else\" | \"while\" | \"end\" | \"break\"\n // Tabs\n | \"create_tab\" | \"get_active_tab_id\" | \"select_tab\" | \"close_tab\"\n // Utilities\n | \"run_script\" | \"get_date\" | \"wait\" | \"wait_for_element\"\n | \"show_alert\" | \"make_http_request\" | \"assert\" | \"run_flow\"\n | \"comment\" | \"solve_captcha\";\n\n/**\n * Converts a single FlowBlock into a Playwright code snippet string.\n * Control flow blocks (if/else/while/end/break/loop) return structural code.\n * Result values are stored in a shared `results` object keyed by block id.\n */\nexport function compileBlock(block: FlowBlock): string {\n const p = block.params;\n const id = block.id;\n\n switch (block.type) {\n // ─── INTERACT ─────────────────────────────────────────────────────────\n case \"click\":\n return `\n// Block: Click [${id}]\nawait page.click(${JSON.stringify(p.selector ?? \"\")}, {\n button: ${JSON.stringify(p.button ?? \"left\")},\n clickCount: ${p.clickCount ?? 1},\n delay: ${p.delay ?? 0},\n});`;\n\n case \"type_text\":\n return `\n// Block: Type Text [${id}]\nawait page.fill(${JSON.stringify(p.selector ?? \"\")}, ${JSON.stringify(p.text ?? \"\")});`;\n\n case \"press_key\":\n return `\n// Block: Press Key [${id}]\nawait page.keyboard.press(${JSON.stringify(p.key ?? \"Enter\")});`;\n\n case \"scroll\":\n return `\n// Block: Scroll [${id}]\nawait page.evaluate(({ selector, deltaX, deltaY }) => {\n const el = selector ? document.querySelector(selector) : window;\n if (el) el.scrollBy(deltaX, deltaY);\n}, { selector: ${JSON.stringify(p.selector ?? null)}, deltaX: ${p.deltaX ?? 0}, deltaY: ${p.deltaY ?? 300} });`;\n\n case \"hover\":\n return `\n// Block: Hover [${id}]\nawait page.hover(${JSON.stringify(p.selector ?? \"\")});`;\n\n case \"select_option\":\n return `\n// Block: Select Option [${id}]\nawait page.selectOption(${JSON.stringify(p.selector ?? \"\")}, ${JSON.stringify(p.value ?? \"\")});`;\n\n case \"set_date_input\":\n return `\n// Block: Set Date Input [${id}]\nawait page.fill(${JSON.stringify(p.selector ?? \"\")}, ${JSON.stringify(p.date ?? \"\")});`;\n\n case \"upload_file\": {\n // Val Town cannot stream local files; user provides a URL.\n // We fetch the file URL and set it via input[type=file] workaround.\n return `\n// Block: Upload File [${id}]\n// Downloads file from URL then sets it on the file input element\n{\n const fileUrl = ${JSON.stringify(p.fileUrl ?? \"\")};\n const fileName = fileUrl.split('/').pop() || 'file';\n const resp = await page.evaluate(async (url) => {\n const r = await fetch(url);\n const buf = await r.arrayBuffer();\n return Array.from(new Uint8Array(buf));\n }, fileUrl);\n const buffer = Buffer.from(resp);\n await page.setInputFiles(${JSON.stringify(p.selector ?? \"input[type=file]\")}, {\n name: fileName,\n mimeType: ${JSON.stringify(p.mimeType ?? \"application/octet-stream\")},\n buffer,\n });\n}`;\n }\n\n case \"handle_dialog\":\n return `\n// Block: Handle Dialog [${id}]\n// Register handler BEFORE the action that triggers the dialog\npage.once('dialog', async (dialog) => {\n const action = ${JSON.stringify(p.action ?? \"accept\")};\n if (action === 'accept') {\n await dialog.accept(${JSON.stringify(p.promptText ?? \"\")});\n } else {\n await dialog.dismiss();\n }\n});`;\n\n // ─── EXTRACT ──────────────────────────────────────────────────────────\n case \"get_element_text\":\n return `\n// Block: Get Element Text [${id}]\nresults[${JSON.stringify(id)}] = await page.textContent(${JSON.stringify(p.selector ?? \"\")});`;\n\n case \"get_link_url\":\n return `\n// Block: Get Link URL [${id}]\nresults[${JSON.stringify(id)}] = await page.getAttribute(${JSON.stringify(p.selector ?? \"a\")}, 'href');`;\n\n case \"get_page_url\":\n return `\n// Block: Get Page URL [${id}]\nresults[${JSON.stringify(id)}] = page.url();`;\n\n case \"get_element_attribute\":\n return `\n// Block: Get Element Attribute [${id}]\nresults[${JSON.stringify(id)}] = await page.getAttribute(\n ${JSON.stringify(p.selector ?? \"\")},\n ${JSON.stringify(p.attribute ?? \"\")},\n);`;\n\n case \"get_element_html\":\n return `\n// Block: Get Element HTML [${id}]\nresults[${JSON.stringify(id)}] = await page.innerHTML(${JSON.stringify(p.selector ?? \"\")});`;\n\n case \"get_clipboard\":\n return `\n// Block: Get Clipboard [${id}]\n// Clipboard access requires a page context with permissions\nresults[${JSON.stringify(id)}] = await page.evaluate(() => navigator.clipboard.readText());`;\n\n case \"save_file\":\n return `\n// Block: Save File [${id}]\n// Triggers download via navigation to URL; returns download path info\n{\n const [download] = await Promise.all([\n page.waitForEvent('download'),\n page.goto(${JSON.stringify(p.url ?? \"\")}),\n ]);\n const path = await download.path();\n results[${JSON.stringify(id)}] = { suggestedFilename: download.suggestedFilename(), path };\n}`;\n\n case \"take_screenshot\":\n return `\n// Block: Take Screenshot [${id}]\n{\n const screenshotBuf = await page.screenshot({\n type: 'png',\n fullPage: ${p.fullPage ?? false},\n ${p.selector ? `clip: await page.locator(${JSON.stringify(p.selector)}).boundingBox() ?? undefined,` : \"\"}\n });\n results[${JSON.stringify(id)}] = screenshotBuf.toString('base64');\n}`;\n\n case \"generate_pdf\":\n return `\n// Block: Generate PDF [${id}]\n{\n const pdfBuf = await page.pdf({ format: ${JSON.stringify(p.format ?? \"A4\")} });\n results[${JSON.stringify(id)}] = pdfBuf.toString('base64');\n}`;\n\n // ─── NAVIGATE ─────────────────────────────────────────────────────────\n case \"visit\":\n return `\n// Block: Visit [${id}]\nawait page.goto(${JSON.stringify(p.url ?? \"\")}, {\n waitUntil: ${JSON.stringify(p.waitUntil ?? \"domcontentloaded\")},\n timeout: ${p.timeout ?? 30000},\n});`;\n\n case \"go_back\":\n return `\n// Block: Go Back [${id}]\nawait page.goBack();`;\n\n case \"go_forward\":\n return `\n// Block: Go Forward [${id}]\nawait page.goForward();`;\n\n case \"reload_page\":\n return `\n// Block: Reload Page [${id}]\nawait page.reload();`;\n\n // ─── SPREADSHEET (OAuth deferred — placeholder) ───────────────────────\n case \"loop_spreadsheet_rows\":\n case \"add_spreadsheet_row\":\n case \"update_spreadsheet_row\":\n case \"find_spreadsheet_row\":\n return `\n// Block: ${block.type} [${id}]\n// TODO: Google Sheets OAuth integration — deferred to Phase 2\nconsole.log('Spreadsheet block \"${block.type}\" skipped (OAuth not yet configured)');`;\n\n // ─── CONTROL FLOW ─────────────────────────────────────────────────────\n case \"loop\":\n return `\n// Block: Loop ${p.count ?? 1} times [${id}]\nfor (let _i = 0; _i < ${p.count ?? 1}; _i++) {`;\n\n case \"loop_elements\":\n return `\n// Block: Loop Elements [${id}]\n{\n const _elements = await page.locator(${JSON.stringify(p.selector ?? \"\")}).all();\n for (const element of _elements) {`;\n\n case \"loop_pages\": {\n // Loops by clicking a \"next page\" button until it disappears\n return `\n// Block: Loop Pages [${id}]\nlet _hasNextPage = true;\nwhile (_hasNextPage) {`;\n }\n\n case \"loop_list_items\":\n return `\n// Block: Loop List Items [${id}]\n{\n const _listItems = ${JSON.stringify(p.items ?? [])};\n for (const item of _listItems) {`;\n\n case \"if\":\n return `\n// Block: If [${id}]\nif (${p.condition ?? \"true\"}) {`;\n\n case \"else\":\n return `\n// Block: Else [${id}]\n} else {`;\n\n case \"while\":\n return `\n// Block: While [${id}]\nwhile (${p.condition ?? \"true\"}) {`;\n\n case \"end\":\n return `\n// Block: End [${id}]\n}`;\n\n case \"break\":\n return `\n// Block: Break [${id}]\nbreak;`;\n\n // ─── TABS ─────────────────────────────────────────────────────────────\n case \"create_tab\":\n return `\n// Block: Create Tab [${id}]\n{\n const _newPage = await context.newPage();\n if (${JSON.stringify(p.url ?? \"\")}) await _newPage.goto(${JSON.stringify(p.url ?? \"\")});\n results[${JSON.stringify(id)}] = context.pages().length - 1;\n}`;\n\n case \"get_active_tab_id\":\n return `\n// Block: Get Active Tab ID [${id}]\nresults[${JSON.stringify(id)}] = context.pages().indexOf(page);`;\n\n case \"select_tab\":\n return `\n// Block: Select Tab [${id}]\n{\n const _tabIndex = ${p.tabIndex ?? 0};\n const _pages = context.pages();\n if (_pages[_tabIndex]) {\n page = _pages[_tabIndex]; // reassign active page\n await page.bringToFront();\n }\n}`;\n\n case \"close_tab\":\n return `\n// Block: Close Tab [${id}]\n{\n const _tabIndex = ${p.tabIndex ?? -1};\n const _pages = context.pages();\n const _target = _tabIndex >= 0 ? _pages[_tabIndex] : page;\n if (_target) await _target.close();\n}`;\n\n // ─── UTILITIES ────────────────────────────────────────────────────────\n case \"run_script\":\n return `\n// Block: Run Script [${id}]\n{\n const _scriptResult = await page.evaluate(() => {\n ${p.script ?? \"\"}\n });\n results[${JSON.stringify(id)}] = _scriptResult;\n}`;\n\n case \"get_date\":\n return `\n// Block: Get Date [${id}]\nresults[${JSON.stringify(id)}] = new Date().toISOString();`;\n\n case \"wait\":\n return `\n// Block: Wait ${p.ms ?? 1000}ms [${id}]\nawait page.waitForTimeout(${p.ms ?? 1000});`;\n\n case \"wait_for_element\":\n return `\n// Block: Wait For Element [${id}]\nawait page.waitForSelector(${JSON.stringify(p.selector ?? \"\")}, {\n state: ${JSON.stringify(p.state ?? \"visible\")},\n timeout: ${p.timeout ?? 30000},\n});`;\n\n case \"show_alert\":\n return `\n// Block: Show Alert [${id}]\nawait page.evaluate((msg) => alert(msg), ${JSON.stringify(p.message ?? \"\")});`;\n\n case \"make_http_request\":\n return `\n// Block: Make HTTP Request [${id}]\n{\n const _resp = await page.evaluate(async ({ url, method, headers, body }) => {\n const r = await fetch(url, {\n method,\n headers: headers || {},\n body: body ? JSON.stringify(body) : undefined,\n });\n const text = await r.text();\n return { status: r.status, body: text };\n }, {\n url: ${JSON.stringify(p.url ?? \"\")},\n method: ${JSON.stringify(p.method ?? \"GET\")},\n headers: ${JSON.stringify(p.headers ?? {})},\n body: ${JSON.stringify(p.body ?? null)},\n });\n results[${JSON.stringify(id)}] = _resp;\n}`;\n\n case \"assert\":\n return `\n// Block: Assert [${id}]\n{\n const _assertValue = ${p.actual ?? \"true\"};\n const _expected = ${JSON.stringify(p.expected ?? true)};\n if (String(_assertValue) !== String(_expected)) {\n throw new Error('Assert failed [${id}]: expected ' + _expected + ' but got ' + _assertValue);\n }\n results[${JSON.stringify(id)}] = true;\n}`;\n\n case \"run_flow\":\n // Sub-flow execution: called via the API from frontend\n return `\n// Block: Run Flow [${id}]\n// Sub-flow \"${p.flowId}\" will be invoked via API\nconsole.log('Run Flow block: sub-flow ${JSON.stringify(p.flowId)} should be invoked separately');`;\n\n case \"comment\":\n return `\n// Comment [${id}]: ${p.text ?? \"\"}`;\n\n case \"solve_captcha\":\n return `\n// Block: Solve Captcha [${id}]\n// Captcha is handled automatically by the Kernel browser extension\nawait page.waitForTimeout(2000); // Give extension time to solve\nconsole.log('Captcha block: extension handles this automatically');`;\n\n default:\n return `\n// Block: Unknown type \"${(block as FlowBlock).type}\" [${id}]\nconsole.warn('Unknown block type: ${(block as FlowBlock).type}');`;\n }\n}\n\n/**\n * Compiles an entire flow (array of blocks) into a single Playwright\n * code string that can be sent to kernel.browsers.playwright.execute()\n */\nexport function compileFlow(blocks: FlowBlock[]): string {\n const blockCode = blocks.map(compileBlock).join(\"\\n\");\n return `\n// ── Auto-generated Playwright flow ──────────────────────────────────────\n// Shared results map: block results accessible by block id\nconst results = {};\n\n${blockCode}\n\n// Return all collected results at the end\nreturn results;\n`;\n}\n",[],[194],{"_106":202,"_97":203,"_163":204,"_165":-5,"_166":148,"_167":171,"_169":186,"_108":205,"_102":33,"_172":188,"_174":206,"_176":22,"_177":-5,"_178":207,"_100":208},"370b0b26-2182-11f1-84ff-42dde27851f2","llm.ts","370b0bee-2182-11f1-84ff-42dde27851f2",["D",1773697857804],"/**\n * llm.ts — Parse natural language input into block params using Qwen3\n * Only called when user types natural language into a block's NL input field.\n */\n\nimport type { BlockType } from \"./executor.ts\";\n\nconst LLM_BASE_URL = \"https://dashscope-intl.aliyuncs.com/compatible-mode/v1\";\nconst LLM_MODEL = \"qwen3-vl-235b-a22b-thinking\";\nconst LLM_API_KEY = \"sk-6c8023e40e4c4621a136680cd8cc1ce0\";\n\ninterface LLMParseRequest {\n blockType: BlockType;\n naturalLanguage: string;\n}\n\ninterface LLMParseResponse {\n params: Record;\n error?: string;\n}\n\n// Per-block schema hints sent to LLM so it knows what fields to fill\nconst BLOCK_SCHEMAS: Partial> = {\n click: `{ \"selector\": \"CSS selector string\", \"button\": \"left|right|middle\", \"clickCount\": number, \"delay\": number }`,\n type_text: `{ \"selector\": \"CSS selector string\", \"text\": \"text to type\" }`,\n press_key: `{ \"key\": \"key name e.g. Enter, Tab, ArrowDown, Escape, Ctrl+A\" }`,\n scroll: `{ \"selector\": \"CSS selector or null for page\", \"deltaX\": number, \"deltaY\": number }`,\n hover: `{ \"selector\": \"CSS selector string\" }`,\n select_option: `{ \"selector\": \"CSS selector for