\n \n \n \n\n",[],[137,155],"22a313ae-a4e0-42d6-ba4e-128ae672019c","favicon.svg","019f5787-9e56-744c-a7c0-efd159402223",12,["D",1783891090793],"\n\n",[],[137,163],"f9b77a82-fdfb-4b04-9d38-2ab5b1b6dfe3","components","019f5787-9e56-744c-a7c0-e8da824a838c",["D",1783879933383],[176,177],[137,171],{"_36":185,"_13":186,"_63":187,"_65":172,"_67":68,"_69":32,"_71":72,"_38":188,"_17":34,"_74":75,"_76":189,"_78":51,"_79":-5,"_101":190,"_18":191},{"_36":178,"_13":179,"_63":180,"_65":172,"_67":68,"_69":98,"_71":72,"_38":181,"_17":83,"_74":75,"_76":182,"_78":51,"_79":-5,"_101":183,"_18":184},"ce3c17da-0999-4264-83a6-f685d25a1e88","Counter.tsx","019f5787-9e56-744c-a7c0-e45d18af04cf",["D",1783879933383],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[],[137,171,179],"60dc5e4e-4453-47d8-9613-dd830744670f","App.tsx","019f5787-9e56-744c-a7c0-e2f4ac3695ef",["D",1783891090828],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport {\n type ChangeEvent,\n type DragEvent,\n type FormEvent,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"https://esm.sh/react@18.2.0\";\n\ntype Job = {\n id: string;\n name: string;\n endpoint: string;\n state: string;\n openai_batch_id: string | null;\n output_file_id: string | null;\n error_file_id: string | null;\n request_total: number;\n request_completed: number;\n request_failed: number;\n input_bytes: number;\n last_error: string | null;\n created_at: number;\n};\n\nconst sample =\n `{\"custom_id\":\"request-1\",\"method\":\"POST\",\"url\":\"/v1/responses\",\"body\":{\"model\":\"gpt-5-mini\",\"input\":\"Write a one-line greeting.\"}}`;\nconst terminal = new Set([\n \"completed\",\n \"failed\",\n \"expired\",\n \"cancelled\",\n \"failed_local\",\n]);\n\nasync function api(path: string, init?: RequestInit) {\n const response = await fetch(path, {\n ...init,\n headers: {\n \"Content-Type\": \"application/json\",\n ...init?.headers,\n },\n });\n const data = await response.json();\n if (!response.ok) {\n throw new Error(data.error ?? `Request failed (${response.status})`);\n }\n return data;\n}\n\nfunction badge(state: string) {\n if (state === \"completed\") {\n return \"bg-emerald-100 text-emerald-800\";\n }\n if ([\"failed\", \"expired\", \"failed_local\"].includes(state)) {\n return \"bg-red-100 text-red-800\";\n }\n if ([\"queued\", \"submitting\"].includes(state)) {\n return \"bg-amber-100 text-amber-800\";\n }\n return \"bg-blue-100 text-blue-800\";\n}\n\nexport function App() {\n const [jobs, setJobs] = useState([]);\n const [name, setName] = useState(\"\");\n const [endpoint, setEndpoint] = useState(\"/v1/responses\");\n const [jsonl, setJsonl] = useState(sample);\n const [fileNames, setFileNames] = useState([]);\n const [dragging, setDragging] = useState(false);\n const [busy, setBusy] = useState(false);\n const [message, setMessage] = useState(\"\");\n const fileInput = useRef(null);\n const dragDepth = useRef(0);\n\n const activeCount = useMemo(\n () => jobs.filter((job) => !terminal.has(job.state)).length,\n [jobs],\n );\n\n async function load() {\n try {\n setJobs((await api(\"/api/jobs\")).jobs);\n } catch (error) {\n setMessage(String(error));\n }\n }\n\n useEffect(() => {\n load();\n const timer = setInterval(load, 30_000);\n return () => clearInterval(timer);\n }, []);\n\n async function loadFiles(files: File[]) {\n if (files.length === 0) return;\n\n setMessage(\"\");\n try {\n const contents = await Promise.all(files.map((file) => file.text()));\n const combined = contents.reduce((result, content) => {\n if (result && !result.endsWith(\"\\n\") && !content.startsWith(\"\\n\")) {\n return `${result}\\n${content}`;\n }\n return result + content;\n }, \"\");\n setJsonl(combined);\n setFileNames(files.map((file) => file.name));\n if (!name && files.length === 1) {\n setName(files[0].name.replace(/\\.(jsonl|ndjson)$/i, \"\"));\n }\n } catch (error) {\n setMessage(\n `Could not read the selected files: ${\n error instanceof Error ? error.message : String(error)\n }`,\n );\n }\n }\n\n function selectFiles(event: ChangeEvent) {\n void loadFiles(Array.from(event.currentTarget.files ?? []));\n event.currentTarget.value = \"\";\n }\n\n function dropFiles(event: DragEvent) {\n event.preventDefault();\n dragDepth.current = 0;\n setDragging(false);\n void loadFiles(Array.from(event.dataTransfer.files));\n }\n\n async function submit(event: FormEvent) {\n event.preventDefault();\n setBusy(true);\n setMessage(\"\");\n try {\n await api(\"/api/jobs\", {\n method: \"POST\",\n body: JSON.stringify({ name, endpoint, jsonl }),\n });\n setName(\"\");\n setMessage(\n \"Queued. The worker submits up to three batches every 15 minutes.\",\n );\n await load();\n } catch (error) {\n setMessage(error instanceof Error ? error.message : String(error));\n } finally {\n setBusy(false);\n }\n }\n\n async function action(id: string, verb: \"refresh\" | \"cancel\") {\n setMessage(\"\");\n try {\n await api(`/api/jobs/${id}/${verb}`, { method: \"POST\" });\n await load();\n } catch (error) {\n setMessage(error instanceof Error ? error.message : String(error));\n }\n }\n\n return (\n

\n OpenAI Batch Console\n

\n Queue, monitor, and download JSONL results.\n

\n \n

\n\n

New batch

\n \n Name\n setName(e.currentTarget.value)}\n placeholder=\"Nightly classification\"\n className=\"mt-1 w-full rounded-lg border border-slate-700 bg-slate-950 px-3 py-2 outline-none focus:border-blue-500\"\n />\n \n \n Endpoint\n setEndpoint(e.currentTarget.value)}\n className=\"mt-1 w-full rounded-lg border border-slate-700 bg-slate-950 px-3 py-2 font-mono text-sm outline-none focus:border-blue-500\"\n />\n \n

\n Batch JSONL\n {\n event.preventDefault();\n dragDepth.current += 1;\n setDragging(true);\n }}\n onDragOver={(event) => event.preventDefault()}\n onDragLeave={() => {\n dragDepth.current = Math.max(0, dragDepth.current - 1);\n if (dragDepth.current === 0) {\n setDragging(false);\n }\n }}\n onDrop={dropFiles}\n className={`mt-1 rounded-lg border-2 border-dashed p-4 text-center transition ${\n dragging\n ? \"border-blue-400 bg-blue-950/40\"\n : \"border-slate-700 bg-slate-950\"\n }`}\n >\n \n

\n Drop one or more JSONL files here\n

\n fileInput.current?.click()}\n className=\"mt-2 rounded-lg border border-slate-600 px-3 py-1.5 text-sm hover:bg-slate-800\"\n >\n Choose files\n \n

\n Multiple files are combined in selection order.\n

\n {fileNames.length > 0 && (\n

\n Loaded {fileNames.length} file{fileNames.length === 1 ? \"\" : \"s\"}:\n {\" \"}\n {fileNames.join(\", \")}\n

\n )}\n {\n setJsonl(e.currentTarget.value);\n setFileNames([]);\n }}\n rows={13}\n spellCheck={false}\n aria-label=\"Batch JSONL content\"\n className=\"mt-3 w-full rounded-lg border border-slate-700 bg-slate-950 px-3 py-2 font-mono text-xs leading-5 outline-none focus:border-blue-500\"\n />\n

\n \n {busy ? \"Queuing...\" : \"Queue batch\"}\n \n \n

\n OpenAI allows up to 50,000 requests and 200 MB per batch. This val\n defaults to an 8 MB transient queue cap to protect Val Town storage.\n

\n \n\n

Jobs

\n {activeCount} active - auto-refreshes every 30 seconds\n

\n \n Reload\n \n

\n {message && (\n

\n {message}\n

\n )}\n

\n {jobs.length === 0 && (\n

\n No batch jobs yet.\n

\n )}\n {jobs.map((job) => (\n \n

{job.name}

\n {job.openai_batch_id ?? job.id}\n

\n \n {job.state}\n \n

\n \n

\n \n {job.request_completed}/{job.request_total} completed\n \n {job.request_failed} failed\n {(job.input_bytes / 1024).toFixed(1)} KB\n {job.endpoint}\n

\n {job.last_error && (\n

\n                    {job.last_error}\n

\n )}\n

\n {!terminal.has(job.state) && job.openai_batch_id && (\n action(job.id, \"refresh\")}\n className=\"rounded-lg border border-slate-700 px-3 py-1.5 hover:bg-slate-800\"\n >\n Refresh status\n \n )}\n {!terminal.has(job.state) && (\n action(job.id, \"cancel\")}\n className=\"rounded-lg border border-red-900 px-3 py-1.5 text-red-300 hover:bg-red-950\"\n >\n Cancel\n \n )}\n {job.output_file_id && (\n \n Download output\n \n )}\n {job.error_file_id && (\n \n Download errors\n \n )}\n

\n ))}\n \n

\n \n View source and remix\n \n

\n \n \n \n );\n}\n",[],[137,171,186],"36e7b776-fb7f-421a-a88c-653cbd1b03d8",["D",1783879933383],"legacyEnvVars","httpPrivacy","description","Submit and monitor OpenAI Batch API jobs","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789541999&sig=8fad4d8ed521ff338d1e7bb443f46241d1f9e0e657d24a41f82306e6eb92823c","userId","0198fc74-a2ac-77df-bbdc-e23a8e395bee","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","0198fc74-a2ad-7019-840f-e164a0170dfc","tursoName","36e7b776fb7f421aa88c653cbd1b03d8","tursoHostname","36e7b776fb7f421aa88c653cbd1b03d8-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789472446807],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_240":236},"org",{"_11":12,"_234":-5,"_235":236,"_200":201,"_237":238,"_239":51},"branch",{"_17":124,"_13":16,"_36":68,"_42":192,"_45":37,"_46":230,"_231":53,"_232":43,"_233":57,"_58":14,"_54":12},89,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zMjFKVFdGYXdiZmFXS0hOajdwWHNBOUlZUE4ifQ","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":192,"_13":14,"_38":320,"_49":-5,"_194":51,"_52":53,"_195":53,"_196":197,"_198":199,"_200":201,"_202":106,"_203":72,"_204":-5,"_205":-5,"_206":83,"_56":207,"_208":209,"_210":211,"_212":321,"_214":-5,"_215":216,"_217":216,"_218":219,"_220":219,"_221":219,"_222":216,"_223":216,"_224":322,"_226":323,"_228":324,"_50":51},[281,288,290,291,292,293],"files",[281,282,283,284,285,286,287,288,289,290,291,292,293],"counts",{"_271":83,"_272":98,"_273":83,"_35":274,"_275":276},[269],{"_36":81,"_13":19,"_63":66,"_65":-5,"_67":68,"_69":85,"_71":72,"_38":267,"_17":83,"_74":82,"_76":-5,"_78":51,"_79":-5,"_18":268},"upstreamProject",{"_36":43,"_13":59,"_196":264,"_198":199,"_52":53,"_224":265},"upstreamBranch",{"_36":37,"_38":262,"_40":263,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server",{"_11":55,"_240":266},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789541999&sig=156ae2b8ac752fc06f52d45eab428b512e0d31e2aab99a830d8bb32149c64f0f",["D",1783880036835],[19],{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":73,"_17":34,"_74":75,"_76":77,"_78":51,"_79":-5,"_18":270},[19,62],"pulls","branches","forks",{"_277":279,"_280":83},"connections",{"_277":83,"_278":83},"count","unfilledCount",3,"emptyCount",{"_36":136,"_13":137,"_63":138,"_65":-5,"_67":68,"_69":98,"_71":72,"_38":139,"_17":83,"_74":82,"_76":-5,"_78":51,"_79":-5,"_101":318,"_18":319},{"_36":170,"_13":171,"_63":172,"_65":138,"_67":68,"_69":98,"_71":72,"_38":173,"_17":83,"_74":82,"_76":-5,"_78":51,"_79":-5,"_101":316,"_18":317},{"_36":185,"_13":186,"_63":187,"_65":172,"_67":68,"_69":32,"_71":72,"_38":188,"_17":34,"_74":75,"_76":189,"_78":51,"_79":-5,"_101":314,"_18":315},{"_36":178,"_13":179,"_63":180,"_65":172,"_67":68,"_69":98,"_71":72,"_38":181,"_17":83,"_74":75,"_76":182,"_78":51,"_79":-5,"_101":312,"_18":313},{"_36":162,"_13":163,"_63":164,"_65":138,"_67":68,"_69":165,"_71":72,"_38":166,"_17":98,"_74":24,"_76":167,"_78":51,"_79":-5,"_101":310,"_18":311},{"_36":154,"_13":155,"_63":156,"_65":138,"_67":68,"_69":157,"_71":72,"_38":158,"_17":98,"_74":24,"_76":159,"_78":51,"_79":-5,"_101":308,"_18":309},{"_36":146,"_13":147,"_63":148,"_65":138,"_67":68,"_69":149,"_71":72,"_38":150,"_17":98,"_74":75,"_76":151,"_78":51,"_79":-5,"_101":306,"_18":307},{"_36":81,"_13":19,"_63":66,"_65":-5,"_67":68,"_69":85,"_71":72,"_38":129,"_17":83,"_74":82,"_76":-5,"_78":51,"_79":-5,"_101":304,"_18":305},{"_36":61,"_13":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_38":133,"_17":34,"_74":75,"_76":77,"_78":51,"_79":-5,"_101":302,"_18":303},{"_36":121,"_13":122,"_63":123,"_65":-5,"_67":68,"_69":124,"_71":72,"_38":125,"_17":83,"_74":24,"_76":126,"_78":51,"_79":-5,"_101":300,"_18":301},{"_36":113,"_13":114,"_63":115,"_65":-5,"_67":68,"_69":116,"_71":72,"_38":117,"_17":34,"_74":24,"_76":118,"_78":51,"_79":-5,"_101":298,"_18":299},{"_36":104,"_13":105,"_63":106,"_65":-5,"_67":68,"_69":107,"_71":72,"_38":108,"_17":34,"_74":109,"_76":110,"_78":51,"_79":-5,"_101":296,"_18":297},{"_36":93,"_13":94,"_63":95,"_65":-5,"_67":68,"_69":96,"_71":72,"_38":97,"_17":98,"_74":99,"_76":100,"_78":51,"_79":-5,"_101":294,"_18":295},[],[94],[],[105],[],[114],[],[122],[],[19,62],[289],[19],[],[137,147],[],[137,155],[],[137,163],[],[137,171,179],[],[137,171,186],[283,284],[137,171],[282,285,286,287],[137],["D",1783879933383],["D",1789472446807],{"_11":12,"_240":236},{"_11":12,"_234":-5,"_235":236,"_200":201,"_237":238,"_239":51},{"_17":124,"_13":16,"_36":68,"_42":192,"_45":37,"_46":230,"_231":53,"_232":43,"_233":57,"_58":14,"_54":12},"ctx",{"_224":-5,"_259":358,"_359":360,"_361":362,"_363":51,"_364":51,"_365":51,"_366":72,"_367":-5,"_368":-7,"_369":-7,"_370":83,"_371":51,"_372":51,"_373":-5,"_374":51,"_375":51,"_376":51,"_377":-5},"ENV",{"_329":330,"_331":332,"_333":16,"_334":335,"_336":337,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]