[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_208":209,"_210":211},"routes/_app.x.$handle.$name",{"_102":101,"_37":49,"_110":92,"_32":57,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_26":-5,"_121":-5,"_122":-5,"_123":30,"_124":125,"_126":127,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_47":48,"_37":49,"_42":50,"_51":-5,"_52":30,"_53":54,"_55":54,"_56":57,"_58":57,"_19":59,"_60":-5,"_61":30,"_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":30},"version",5,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","769daf3e-891d-4c18-afdf-d7b8ae0b0669","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":33,"_38":39,"_40":41,"_42":43,"_44":14,"_45":46,"_29":30},"previous","deleted",false,"deletedHere","path","api.ts","latestPath","fileId","45ba7a62-2182-11f1-a65a-42dde27851f2","name","fileType","http","content","/**\n * api.ts — REST API backend for the browser automation flow builder\n * Endpoints:\n * POST /api/session → create Kernel browser, return session_id + live_view_url\n * DELETE /api/session/:id → delete Kernel browser session\n * POST /api/execute → compile + run flow blocks via playwright.execute\n * POST /api/llm-parse → parse natural language → block params\n * GET /api/flows → list saved flows\n * GET /api/flows/:id → get single flow\n * POST /api/flows → save/upsert flow\n * DELETE /api/flows/:id → delete flow\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\") ?? \"\";\nconst KERNEL_API_BASE = \"https://api.onkernel.com/v1\";\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 corsPreflightResponse(): Response {\n return new Response(null, {\n status: 204,\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Methods\": \"GET, POST, DELETE, OPTIONS\",\n \"Access-Control-Allow-Headers\": \"Content-Type, Authorization\",\n },\n });\n}\n\nasync function kernelRequest(\n method: string,\n path: string,\n body?: unknown\n): Promise {\n return fetch(`${KERNEL_API_BASE}${path}`, {\n method,\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: `Bearer ${KERNEL_API_KEY}`,\n },\n body: body ? JSON.stringify(body) : undefined,\n });\n}\n\n// ── Main handler ──────────────────────────────────────────────────────────\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n const pathname = url.pathname;\n\n // Handle CORS preflight\n if (req.method === \"OPTIONS\") return corsPreflightResponse();\n\n // ── POST /api/session — create Kernel browser ──────────────────────────\n if (req.method === \"POST\" && pathname === \"/api/session\") {\n try {\n const resp = await kernelRequest(\"POST\", \"/browsers\", {\n // Default config — no special options required\n });\n if (!resp.ok) {\n const errText = await resp.text();\n return json({ error: `Kernel create browser failed: ${errText}` }, 502);\n }\n const data = await resp.json();\n // Kernel response: { session_id, cdp_ws_url, live_view_url, ... }\n return json({\n session_id: data.session_id,\n live_view_url: `https://dashboard.onkernel.com/browsers/${data.session_id}`,\n cdp_ws_url: data.cdp_ws_url,\n });\n } catch (err) {\n return json({ error: String(err) }, 500);\n }\n }\n\n // ── DELETE /api/session/:id — destroy Kernel browser ──────────────────\n const sessionDeleteMatch = pathname.match(/^\\/api\\/session\\/([^/]+)$/);\n if (req.method === \"DELETE\" && sessionDeleteMatch) {\n const sessionId = sessionDeleteMatch[1];\n try {\n await kernelRequest(\"DELETE\", `/browsers/${sessionId}`);\n return json({ ok: true });\n } catch (err) {\n return json({ error: String(err) }, 500);\n }\n }\n\n // ── POST /api/execute — run flow blocks ────────────────────────────────\n if (req.method === \"POST\" && pathname === \"/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 // Compile blocks → Playwright code string\n const playwrightCode = compileFlow(body.blocks);\n\n // Send to Kernel playwright.execute REST API\n const resp = await kernelRequest(\n \"POST\",\n `/browsers/${body.session_id}/playwright/execute`,\n {\n code: playwrightCode,\n timeout_sec: body.timeout_sec ?? 120,\n }\n );\n\n if (!resp.ok) {\n const errText = await resp.text();\n return json({ error: `Kernel execute failed: ${errText}` }, 502);\n }\n\n const result = await resp.json();\n // result: { success: boolean, result: any, error?: string, stderr?: string }\n return json(result);\n } catch (err) {\n return json({ error: String(err) }, 500);\n }\n }\n\n // ── POST /api/llm-parse — parse natural language → params ──────────────\n if (req.method === \"POST\" && pathname === \"/api/llm-parse\") {\n try {\n const body = await req.json();\n const { blockType, naturalLanguage } = body;\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 — list all flows ───────────────────────────────────\n if (req.method === \"GET\" && pathname === \"/api/flows\") {\n try {\n const flows = await listFlows();\n return json(flows);\n } catch (err) {\n return json({ error: String(err) }, 500);\n }\n }\n\n // ── GET /api/flows/:id — single flow ──────────────────────────────────\n const flowGetMatch = pathname.match(/^\\/api\\/flows\\/([^/]+)$/);\n if (req.method === \"GET\" && flowGetMatch) {\n try {\n const flow = await getFlow(flowGetMatch[1]);\n if (!flow) return json({ error: \"Flow not found\" }, 404);\n return json(flow);\n } catch (err) {\n return json({ error: String(err) }, 500);\n }\n }\n\n // ── POST /api/flows — save flow ────────────────────────────────────────\n if (req.method === \"POST\" && pathname === \"/api/flows\") {\n try {\n const body = await req.json();\n const { id, name, description, flow_json } = body;\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 — delete flow ───────────────────────────────\n const flowDeleteMatch = pathname.match(/^\\/api\\/flows\\/([^/]+)$/);\n if (req.method === \"DELETE\" && flowDeleteMatch) {\n try {\n await deleteFlow(flowDeleteMatch[1]);\n return json({ ok: true });\n } catch (err) {\n return json({ error: String(err) }, 500);\n }\n }\n\n return json({ error: \"Not found\" }, 404);\n}\n","createdAt",["D",1773697882441],"branchVersion","branchId","41c01c18-2174-11f1-bf89-42dde27851f2","id","41bf7ff6-2174-11f1-bf89-42dde27851f2","browser_agent",["D",1773691862818],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","019ced01-90af-7019-a349-1b32c2e46191","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019ced01-90b0-737e-a20e-8f88f25dd6dd","tursoName","41bf7ff6217411f1bf8942dde27851f2","tursoHostname","41bf7ff6217411f1bf8942dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789530642963],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_102":101,"_109":105},"org",{"_102":101,"_103":-5,"_104":105,"_19":59,"_106":107,"_108":30},"branch",{"_13":91,"_37":92,"_47":46,"_93":48,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":49,"_100":101},"isOwned",48,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","adminh","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzNBd1RwdG53TkRJV2dZYlNJMkVEM1J6U0NuNiJ9","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_47":48,"_37":49,"_42":203,"_51":-5,"_52":30,"_53":54,"_55":54,"_56":57,"_58":57,"_19":59,"_60":-5,"_61":30,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":69,"_70":71,"_72":204,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":205,"_86":206,"_88":207,"_90":30},"tree",[182,183,184,185,186],"files",[182,183,184,185,186],"counts",{"_172":65,"_173":141,"_174":65,"_175":176,"_177":178},"contents",[132,133,134,135,136],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_47":169,"_37":33,"_35":36,"_140":-5,"_45":46,"_44":14,"_142":30,"_42":170,"_13":65,"_38":39,"_40":41,"_29":30,"_145":-5,"_32":171},{"_47":162,"_37":163,"_35":164,"_140":-5,"_45":46,"_44":165,"_142":127,"_42":166,"_13":65,"_38":144,"_40":167,"_29":30,"_145":-5,"_32":168},{"_47":155,"_37":156,"_35":157,"_140":-5,"_45":46,"_44":158,"_142":30,"_42":159,"_13":65,"_38":144,"_40":160,"_29":30,"_145":-5,"_32":161},{"_47":148,"_37":149,"_35":150,"_140":-5,"_45":46,"_44":151,"_142":127,"_42":152,"_13":65,"_38":144,"_40":153,"_29":30,"_145":-5,"_32":154},{"_47":137,"_37":138,"_35":139,"_140":-5,"_45":46,"_44":141,"_142":30,"_42":143,"_13":65,"_38":144,"_40":57,"_29":30,"_145":146,"_32":147},"41c2424a-2174-11f1-bf89-42dde27851f2","main.ts","41c2431c-2174-11f1-bf89-42dde27851f2","parentId",1,"latest",["D",1773691862830],"script","label","duytan",[138],"370b0b26-2182-11f1-84ff-42dde27851f2","llm.ts","370b0bee-2182-11f1-84ff-42dde27851f2",4,["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

Diff · v5