[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_117":118,"_119":120},"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","frontend/components/Stage.tsx","project",{"_22":49,"_11":12,"_35":50,"_51":-5,"_52":44,"_53":54,"_55":56,"_57":58,"_59":60,"_61":62,"_63":64,"_65":34,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":73,"_74":75,"_76":77,"_78":-5,"_79":80,"_81":80,"_82":83,"_84":83,"_85":83,"_86":80,"_87":80,"_88":89,"_90":91,"_92":93,"_94":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/kernel/jev-browser-use/code/frontend/components/Stage.tsx","extension","id","0a9033e9-0af8-45ce-975f-39fca0e67c80","Stage.tsx","fileId","d9c921f0-b209-11f1-a6d2-1607ee4eb77e","parentId","01a0abce-8571-76e1-8061-9aec4666b155","branchId","789b925f-1f04-4496-b61e-c55aa361585d","branchVersion",256,"latest",true,"createdAt",["D",1789608385863],"version",8,"fileType","script","content","/** @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}","deleted",false,"label",[47,48,24],"frontend","components","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=1789617389&sig=95f9b6aaa8865cfbc286bb34c4c13aa57df56926ccf0416e72a9957081e96290","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,"_116":112},"org",{"_9":10,"_109":110,"_111":112,"_61":-5,"_113":114,"_115":34},"branch",{"_37":95,"_11":96,"_22":30,"_97":49,"_98":99,"_100":101,"_102":54,"_103":104,"_105":106,"_107":12,"_108":10},"isOwned",282,"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=1789617389&sig=330c1a98348d8daa74ba7327d6096a950b1d9c8644316bebeb0701bbfa1457a9","tier","business","canRestrictVals","profileImageUrl","ctx",{"_88":-5,"_150":151,"_152":153,"_154":155,"_156":44,"_157":44,"_158":44,"_159":34,"_160":-5,"_161":-7,"_162":-7,"_163":69,"_164":44,"_165":44,"_166":-5,"_167":44,"_168":44,"_169":44,"_170":-5},"ENV",{"_121":122,"_123":124,"_125":96,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135,"_136":137,"_138":139,"_140":141,"_142":143,"_144":145,"_146":147,"_148":149},"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"]