Hybrid BESS Console

Initializing

\n\n

LFP Workhorse

State of Charge--%

Temperature--°C

Power-- MW

\n\n

NMC Reserve

State of Charge--%

Temperature--°C

Power-- MW

\n\n

LTO Sprinter

State of Charge--%

Temperature--°C

Power-- MW

\n\n \n\n \n \n \n `;\n}\n\n// --- Helper ---\nfunction extractJson(text: string): object | null {\n const match = text.match(/\\{[\\\\s\\\\S]*\\}/);\n if (!match) return null;\n try { return JSON.parse(match[0]); }\n catch { return null; }\n}\n\n// --- MAIN FUNCTION ---\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n const action = url.searchParams.get(\"action\");\n\n if (req.method === \"POST\" && action === \"getDispatchPlan\") {\n try {\n const openai = new OpenAI();\n const ctx = await req.json();\n const userMessage = \"Generate dispatch plan for: \" + JSON.stringify(ctx);\n\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [\n { role: \"system\", content: DISPATCH_PROMPT },\n { role: \"user\", content: userMessage }\n ],\n temperature: 0.1,\n response_format: { type: \"json_object\" }\n });\n\n const content = completion.choices?.[0]?.message?.content;\n const parsed = extractJson(content || \"{}\") || {};\n\n return new Response(JSON.stringify(parsed), {\n headers: { \"Content-Type\": \"application/json\" }\n });\n } catch (err) {\n return new Response(JSON.stringify({ error: String(err) }), {\n status: 500, headers: { \"Content-Type\": \"application/json\" }\n });\n }\n }\n\n // Serve dashboard\n const src = `https://${url.hostname}${url.pathname}/`;\n return new Response(generateHtml(src), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}","children",[],[109],"72d4eb1c-aaaa-11f0-a98c-0224a6c84d84",8,["D",1760630949609],[123,124,125,126],[83],{"_36":167,"_13":168,"_64":169,"_66":100,"_68":69,"_70":170,"_72":73,"_38":171,"_17":103,"_76":104,"_78":-5,"_80":51,"_81":-5,"_115":172,"_18":173},{"_36":151,"_13":152,"_64":153,"_66":100,"_68":69,"_70":154,"_72":73,"_38":155,"_17":103,"_76":104,"_78":-5,"_80":51,"_81":-5,"_115":156,"_18":157},{"_36":99,"_13":84,"_64":67,"_66":100,"_68":69,"_70":101,"_72":73,"_38":136,"_17":103,"_76":104,"_78":-5,"_80":51,"_81":-5,"_115":137,"_18":138},{"_36":127,"_13":128,"_64":129,"_66":100,"_68":69,"_70":130,"_72":73,"_38":131,"_17":132,"_76":113,"_78":133,"_80":51,"_81":-5,"_115":134,"_18":135},"ba137fa6-aac9-11f0-93eb-0224a6c84d84","App.tsx","a5c1c3d4-aaa9-11f0-b6b2-0224a6c84d84",43,["D",1760644383535],9,"/** @jsxImportSource react */\n\nimport React, { useCallback, useReducer } from \"npm:react\";\nimport styled, { ThemeProvider } from \"npm:styled-components\";\nimport { GlobalStyles, theme } from \"./styles/theme\";\nimport { AppAction, AppState, LogEntry } from \"./types\";\nimport { initializeModularAssets } from \"./utils/stateInitializer\";\nimport { useSimulationLoop } from \"./hooks/useSimulationLoop\";\nimport { requestAIDispatchPlan } from \"./utils/api\";\nimport { Header } from \"./components/Header\";\nimport { Controls } from \"./components/Controls\";\nimport TelemetryView from \"./views/TelemetryView\";\nimport PowerFlowView from \"./views/PowerFlowView\";\nimport EventLogView from \"./views/EventLogView\";\n\nconst MainContainer = styled.div`\n position: relative;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n padding: 1rem;\n gap: 1rem;\n height: 100vh;\n\n @media (min-width: 1200px) {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n grid-template-rows: auto 1fr 1fr auto;\n padding: 1.5rem;\n gap: 1.5rem;\n }\n`;\n\nconst initialState: AppState = {\n time: Date.now(),\n scenario: \"normal\",\n systemStatus: \"INITIALIZING...\",\n grid: { frequency: 60.0, connected: true, power: 0 },\n solar: { power: 0 },\n pcs: { power: 0 },\n assets: initializeModularAssets(),\n logs: [{\n timestamp: new Date().toLocaleTimeString(),\n level: \"INFO\",\n message: \"H-BESS C&C Initialized.\",\n }],\n history: { lfp: [], nmc: [], lto: [] },\n aiDispatchPlan: null,\n};\n\nfunction appReducer(state: AppState, action: AppAction): AppState {\n switch (action.type) {\n case \"SET_SCENARIO\":\n return { ...state, scenario: action.payload, aiDispatchPlan: null };\n case \"SIMULATION_TICK\":\n return {\n ...state,\n ...action.payload.newState,\n logs: [...state.logs, ...action.payload.logs],\n };\n case \"SET_AI_PLAN\":\n return {\n ...state,\n aiDispatchPlan: action.payload.plan,\n logs: [\n ...state.logs,\n {\n timestamp: new Date().toLocaleTimeString(),\n level: \"log-ai\",\n message: `AI ANALYSIS: ${action.payload.reason}`,\n },\n ],\n };\n case \"ADD_LOG\":\n return { ...state, logs: [...state.logs, action.payload] };\n default:\n return state;\n }\n}\n\nfunction App() {\n const [state, dispatch] = useReducer(appReducer, initialState);\n useSimulationLoop(state, dispatch);\n\n const handleSetScenario = useCallback(\n async (scenario: AppState[\"scenario\"]) => {\n dispatch({\n type: \"ADD_LOG\",\n payload: {\n timestamp: new Date().toLocaleTimeString(),\n level: \"INFO\",\n message: `--- Scenario Activated: ${scenario.toUpperCase()} ---`,\n },\n });\n dispatch({ type: \"SET_SCENARIO\", payload: scenario });\n\n if (scenario !== \"normal\") {\n const { dispatchPlan, reason } = await requestAIDispatchPlan(state);\n dispatch({\n type: \"SET_AI_PLAN\",\n payload: { plan: dispatchPlan, reason },\n });\n }\n },\n [state],\n );\n\n return (\n \n \n \n

\n \n \n \n \n \n \n );\n}\n\nexport default App;",[],[83,128],["D",1760642672754],[139,140,141],[83,84],{"_36":92,"_13":93,"_64":94,"_66":67,"_68":69,"_70":95,"_72":73,"_38":148,"_17":34,"_76":77,"_78":97,"_80":51,"_81":-5,"_115":149,"_18":150},{"_36":85,"_13":86,"_64":87,"_66":67,"_68":69,"_70":88,"_72":73,"_38":145,"_17":75,"_76":77,"_78":90,"_80":51,"_81":-5,"_115":146,"_18":147},{"_36":62,"_13":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_38":142,"_17":75,"_76":77,"_78":79,"_80":51,"_81":-5,"_115":143,"_18":144},["D",1760642806833],[],[83,84,63],["D",1760644196090],[],[83,84,86],["D",1760642846624],[],[83,84,93],"9ac6c2d8-aac5-11f0-812a-0224a6c84d84","types","982bd248-aac5-11f0-90f2-0224a6c84d84",15,["D",1760642613033],[158],[83,152],{"_36":159,"_13":160,"_64":161,"_66":153,"_68":69,"_70":162,"_72":73,"_38":163,"_17":34,"_76":77,"_78":164,"_80":51,"_81":-5,"_115":165,"_18":166},"a70e5fa6-aac5-11f0-8965-0224a6c84d84","index.ts","9ebadb18-aac5-11f0-be9e-0224a6c84d84",18,["D",1760642633639],"export interface Cell {\n id: string;\n voltage: number;\n temp: number;\n soh: number;\n}\n\nexport interface Pack {\n id: string;\n soc: number;\n soh: number;\n temp: number;\n cycles: number;\n power: number;\n cells: Cell[];\n}\n\nexport interface Group {\n packs: Pack[];\n packSizeMWh: number;\n}\n\nexport interface Asset {\n id: \"lfp\" | \"nmc\" | \"lto\";\n name: string;\n groups: Group[];\n}\n\nexport interface LogEntry {\n level: \"INFO\" | \"WARN\" | \"ALERT\" | \"ACTION\" | \"log-ai\";\n message: string;\n timestamp: string;\n}\n\nexport interface HistoryPoint {\n time: number;\n value: number;\n}\n\nexport interface AIDispatchPlan {\n lfp: number;\n nmc: number;\n lto: number;\n}\n\nexport interface AppState {\n time: number;\n scenario: \"normal\" | \"freq-drop\" | \"solar-peak\" | \"grid-failure\";\n systemStatus: \"NOMINAL\" | \"GRID ANOMALY\" | \"ISLANDED\" | \"INITIALIZING...\";\n grid: {\n frequency: number;\n connected: boolean;\n power: number;\n };\n solar: {\n power: number;\n };\n pcs: {\n power: number;\n };\n assets: {\n lfp: Asset;\n nmc: Asset;\n lto: Asset;\n };\n logs: LogEntry[];\n history: {\n lfp: HistoryPoint[];\n nmc: HistoryPoint[];\n lto: HistoryPoint[];\n };\n aiDispatchPlan: AIDispatchPlan | null;\n}\n\nexport type AppAction =\n | { type: \"SET_SCENARIO\"; payload: AppState[\"scenario\"] }\n | {\n type: \"SIMULATION_TICK\";\n payload: { newState: Partial; logs: LogEntry[] };\n }\n | { type: \"SET_AI_PLAN\"; payload: { plan: AIDispatchPlan; reason: string } }\n | { type: \"ADD_LOG\"; payload: LogEntry };",[],[83,152,160],"80532f4e-aac6-11f0-b8bf-0224a6c84d84","hooks","6cb64e4e-aac6-11f0-989d-0224a6c84d84",35,["D",1760642998152],[174],[83,168],{"_36":175,"_13":176,"_64":177,"_66":169,"_68":69,"_70":178,"_72":73,"_38":179,"_17":75,"_76":77,"_78":180,"_80":51,"_81":-5,"_115":181,"_18":182},"8bb8d4ba-aac6-11f0-884b-0224a6c84d84","useSimulationLoop.ts","587efcd2-aac6-11f0-a1c5-0224a6c84d84",36,["D",1760643017276],"import { useEffect, useRef } from \"react\";\nimport { AIDispatchPlan, AppAction, AppState, LogEntry } from \"../types\";\n\nconst tickSimulation = (state: AppState, deltaTime: number) => {\n const newState: AppState = JSON.parse(JSON.stringify(state));\n let logs: LogEntry[] = [];\n\n Object.values(newState.assets).forEach((asset) =>\n asset.groups.forEach((g) => g.packs.forEach((p) => p.power = 0))\n );\n\n if (state.scenario === \"normal\") {\n newState.solar.power = 10.0 + Math.sin(Date.now() / 8000) * 5;\n const requiredPower = 15.0 - newState.solar.power;\n const lfpPacks = newState.assets.lfp.groups.flatMap((g) => g.packs);\n if (lfpPacks.length > 0) {\n const powerPerPack = requiredPower / lfpPacks.length;\n lfpPacks.forEach((p) => p.power = powerPerPack);\n }\n } else if (state.aiDispatchPlan) {\n for (\n const [assetId, power] of Object.entries(\n state.aiDispatchPlan as AIDispatchPlan,\n )\n ) {\n const asset = newState.assets[assetId as keyof typeof newState.assets];\n const allPacks = asset.groups.flatMap((g) => g.packs);\n if (allPacks.length > 0) {\n const powerPerPack = power / allPacks.length;\n allPacks.forEach((p) => p.power = powerPerPack);\n }\n }\n }\n\n for (const asset of Object.values(newState.assets)) {\n for (const group of asset.groups) {\n for (const pack of group.packs) {\n const energyChangeMWh = (pack.power * deltaTime) / 3600;\n pack.soc -= (energyChangeMWh / group.packSizeMWh) * 100;\n pack.soc = Math.max(0, Math.min(100, pack.soc));\n pack.temp += Math.abs(pack.power) * 0.05 - 0.005 * deltaTime;\n }\n }\n }\n\n if (state.scenario === \"freq-drop\") {\n newState.grid.frequency = 60.0 + Math.sin(Date.now() / 1000) * 0.2;\n } else {\n newState.grid.frequency = 60.0 + (Math.random() - 0.5) * 0.02;\n }\n\n newState.pcs.power = Object.values(newState.assets).flatMap((a) =>\n a.groups.flatMap((g) => g.packs)\n ).reduce((s, p) => s + p.power, 0);\n newState.grid.power = newState.grid.connected\n ? newState.pcs.power - newState.solar.power\n : 0;\n\n return { newState, logs };\n};\n\nexport const useSimulationLoop = (\n state: AppState,\n dispatch: React.Dispatch,\n) => {\n const requestRef = useRef();\n const previousTimeRef = useRef();\n\n const animate = (time: number) => {\n if (previousTimeRef.current !== undefined) {\n const deltaTime = (time - previousTimeRef.current) / 1000;\n const { newState, logs } = tickSimulation(state, deltaTime);\n dispatch({ type: \"SIMULATION_TICK\", payload: { newState, logs } });\n }\n previousTimeRef.current = time;\n requestRef.current = requestAnimationFrame(animate);\n };\n\n useEffect(() => {\n requestRef.current = requestAnimationFrame(animate);\n return () => {\n if (requestRef.current) {\n cancelAnimationFrame(requestRef.current);\n }\n };\n }, [state, dispatch]);\n};",[],[83,168,176],"9a29ccc4-aaa9-11f0-bcce-0224a6c84d84",["D",1760630586052],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","0199b749-1e1c-7399-b093-a7ba99382572","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"0199b749-1e1c-7399-b093-a97ac9fff69e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_227":223},"org",{"_11":12,"_221":-5,"_222":223,"_189":190,"_224":225,"_226":51},"branch",{"_17":111,"_13":16,"_36":69,"_42":183,"_45":37,"_46":217,"_218":53,"_219":43,"_220":57,"_58":14,"_54":12},38,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzMzZm1qMllGY2JhQmhhWFYwVXVvQ05aT2tJciJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":183,"_13":14,"_38":302,"_49":-5,"_185":51,"_52":53,"_186":53,"_187":-5,"_188":-5,"_189":190,"_191":129,"_192":73,"_193":73,"_194":-5,"_195":196,"_56":197,"_198":-5,"_199":-5,"_200":-5,"_201":-5,"_202":203,"_204":203,"_205":206,"_207":206,"_208":206,"_209":203,"_210":203,"_211":303,"_213":304,"_215":305,"_50":51},[269,279],"files",[269,270,271,272,273,274,275,276,277,278,279],"counts",{"_260":196,"_261":103,"_262":196,"_35":263,"_264":265},[254,255,256],{"_36":99,"_13":84,"_64":67,"_66":100,"_68":69,"_70":101,"_72":73,"_38":102,"_17":103,"_76":104,"_78":-5,"_80":51,"_81":-5,"_18":253},"upstreamProject",{"_36":43,"_13":14,"_187":-5,"_188":-5,"_52":53,"_211":251},"upstreamBranch",{"_36":37,"_38":249,"_40":250,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1759242467481],["D",1760827145069],{"_11":55,"_227":252},"https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzMySEFWaDMxNUQzTGRXZmdqRGRxZVhBT0pqcyJ9",[83,84],{"_36":92,"_13":93,"_64":94,"_66":67,"_68":69,"_70":95,"_72":73,"_38":96,"_17":34,"_76":77,"_78":97,"_80":51,"_81":-5,"_18":259},{"_36":85,"_13":86,"_64":87,"_66":67,"_68":69,"_70":88,"_72":73,"_38":89,"_17":75,"_76":77,"_78":90,"_80":51,"_81":-5,"_18":258},{"_36":62,"_13":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_38":74,"_17":75,"_76":77,"_78":79,"_80":51,"_81":-5,"_18":257},[83,84,63],[83,84,86],[83,84,93],"pulls","branches","forks",{"_266":196,"_268":196},"connections",{"_266":196,"_267":196},"count","unfilledCount","emptyCount",{"_36":118,"_13":83,"_64":100,"_66":-5,"_68":69,"_70":119,"_72":73,"_38":120,"_17":103,"_76":104,"_78":-5,"_80":51,"_81":-5,"_115":300,"_18":301},{"_36":167,"_13":168,"_64":169,"_66":100,"_68":69,"_70":170,"_72":73,"_38":171,"_17":103,"_76":104,"_78":-5,"_80":51,"_81":-5,"_115":298,"_18":299},{"_36":175,"_13":176,"_64":177,"_66":169,"_68":69,"_70":178,"_72":73,"_38":179,"_17":75,"_76":77,"_78":180,"_80":51,"_81":-5,"_115":296,"_18":297},{"_36":151,"_13":152,"_64":153,"_66":100,"_68":69,"_70":154,"_72":73,"_38":155,"_17":103,"_76":104,"_78":-5,"_80":51,"_81":-5,"_115":294,"_18":295},{"_36":159,"_13":160,"_64":161,"_66":153,"_68":69,"_70":162,"_72":73,"_38":163,"_17":34,"_76":77,"_78":164,"_80":51,"_81":-5,"_115":292,"_18":293},{"_36":99,"_13":84,"_64":67,"_66":100,"_68":69,"_70":101,"_72":73,"_38":136,"_17":103,"_76":104,"_78":-5,"_80":51,"_81":-5,"_115":290,"_18":291},{"_36":92,"_13":93,"_64":94,"_66":67,"_68":69,"_70":95,"_72":73,"_38":148,"_17":34,"_76":77,"_78":97,"_80":51,"_81":-5,"_115":288,"_18":289},{"_36":85,"_13":86,"_64":87,"_66":67,"_68":69,"_70":88,"_72":73,"_38":145,"_17":75,"_76":77,"_78":90,"_80":51,"_81":-5,"_115":286,"_18":287},{"_36":62,"_13":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_38":142,"_17":75,"_76":77,"_78":79,"_80":51,"_81":-5,"_115":284,"_18":285},{"_36":127,"_13":128,"_64":129,"_66":100,"_68":69,"_70":130,"_72":73,"_38":131,"_17":132,"_76":113,"_78":133,"_80":51,"_81":-5,"_115":282,"_18":283},{"_36":108,"_13":109,"_64":110,"_66":-5,"_68":69,"_70":111,"_72":73,"_38":112,"_17":34,"_76":113,"_78":114,"_80":51,"_81":-5,"_115":280,"_18":281},[],[109],[],[83,128],[],[83,84,63],[],[83,84,86],[],[83,84,93],[275,276,277],[83,84],[],[83,152,160],[273],[83,152],[],[83,168,176],[271],[83,168],[270,272,274,278],[83],["D",1760630586052],{"_11":12,"_227":223},{"_11":12,"_221":-5,"_222":223,"_189":190,"_224":225,"_226":51},{"_17":111,"_13":16,"_36":69,"_42":183,"_45":37,"_46":217,"_218":53,"_219":43,"_220":57,"_58":14,"_54":12},"ctx",{"_211":-5,"_246":339,"_340":341,"_342":343,"_344":51,"_345":51,"_346":51,"_347":73,"_348":-5,"_349":-7,"_350":-7,"_351":196,"_352":51,"_353":51,"_354":-5,"_355":51,"_356":51,"_357":51,"_358":-5},"ENV",{"_310":311,"_312":313,"_314":16,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]