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",[],[198],"ba137fa6-aac9-11f0-93eb-0224a6c84d84","App.tsx",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;",[],[169,208],"0e49ed66-aac6-11f0-81b7-0224a6c84d84","stateInitializer.ts","cde07240-aac5-11f0-8e8e-0224a6c84d84","b7039340-aac5-11f0-a043-0224a6c84d84",24,["D",1760642806833],"import { Asset } from \"./types\";\n\nconst CELLS_PER_MODULE = 16;\n\nexport const initializeModularAssets = (): {\n lfp: Asset;\n nmc: Asset;\n lto: Asset;\n} => {\n const assetsConfig = {\n lfp: {\n name: \"LFP (Workhorse)\",\n groups: [{ packSizeMWh: 2.5, numPacks: 10 }, {\n packSizeMWh: 5.0,\n numPacks: 5,\n }],\n },\n nmc: {\n name: \"NMC (Energy Reserve)\",\n groups: [{ packSizeMWh: 4.0, numPacks: 8 }],\n },\n lto: {\n name: \"LTO (Sprinter)\",\n groups: [{ packSizeMWh: 0.5, numPacks: 8 }, {\n packSizeMWh: 1.0,\n numPacks: 4,\n }],\n },\n };\n\n const assets = {} as any;\n for (const [assetId, config] of Object.entries(assetsConfig)) {\n assets[assetId] = { id: assetId, name: config.name, groups: [] };\n config.groups.forEach((groupConfig, groupIndex) => {\n const group = { packs: [], packSizeMWh: groupConfig.packSizeMWh };\n for (let i = 0; i < groupConfig.numPacks; i++) {\n const pack = {\n id: `${assetId}_g${groupIndex}_p${i}`,\n soc: 60 + Math.random() * 15,\n soh: 99 + Math.random(),\n temp: 25 + (Math.random() - 0.5) * 5,\n cycles: 50 + Math.floor(Math.random() * 100),\n power: 0,\n cells: Array.from({ length: CELLS_PER_MODULE }, (_, j) => ({\n id: `${assetId}_g${groupIndex}_p${i}_c${j}`,\n voltage: 3.2 + (Math.random() - 0.5) * 0.1,\n temp: 25 + (Math.random() - 0.5) * 7,\n soh: 99.5 + (Math.random() - 0.5) * 1,\n })),\n };\n group.packs.push(pack);\n }\n assets[assetId].groups.push(group);\n });\n }\n return assets;\n};",[],[169,224,216],"utils","4a5b752e-aac9-11f0-ae35-0224a6c84d84","api.ts","39bf6962-aac6-11f0-b16d-0224a6c84d84",37,["D",1760644196090],"import { AppState } from \"https://esm.town/v/volt/bms/src/types/index.ts\";\nimport { getAssetAggregates } from \"https://esm.town/v/volt/bms/src/utils/aggregates.ts\";\n\nconst API_URL = \"YOUR_VAL_TOWN_API_ENDPOINT_URL\";\n\nexport const requestAIDispatchPlan = async (state: AppState) => {\n const context = {\n event: state.scenario,\n grid: {\n connected: state.grid.connected,\n frequency: parseFloat(state.grid.frequency.toFixed(2)),\n },\n assets: {\n lfp: getAssetAggregates(state.assets.lfp),\n nmc: getAssetAggregates(state.assets.nmc),\n lto: getAssetAggregates(state.assets.lto),\n },\n };\n\n try {\n const res = await fetch(`${API_URL}?action=getDispatchPlan`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(context),\n });\n\n if (!res.ok) {\n throw new Error(`AI Coordinator responded with status ${res.status}`);\n }\n\n const data = await res.json();\n if (!data.dispatchPlan || !data.reason) {\n throw new Error(\"AI response is missing required fields.\");\n }\n\n return data;\n } catch (error) {\n console.error(\"AI Dispatch Failed:\", error);\n return {\n dispatchPlan: { lfp: 0, nmc: 0, lto: 0 },\n reason: `AI Dispatch Failed: ${\n (error as Error).message\n }. Engaging fallback protocol.`,\n };\n }\n};",[],[169,224,226],"26013ad6-aac6-11f0-b050-0224a6c84d84","aggregators.ts","1b9e8b48-aac6-11f0-98b0-0224a6c84d84",27,["D",1760642846624],"import { Asset, Group } from \"../types\";\n\nexport const getGroupAggregates = (group: Group) => {\n const packCount = group.packs.length;\n if (packCount === 0) {\n return { avgSoc: 0, avgTemp: 0, totalPower: 0, totalCapacityMWh: 0 };\n }\n\n const totalPower = group.packs.reduce((sum, pack) => sum + pack.power, 0);\n const totalCapacityMWh = packCount * group.packSizeMWh;\n const weightedSocSum = group.packs.reduce(\n (sum, pack) => sum + (pack.soc * group.packSizeMWh),\n 0,\n );\n\n return {\n avgSoc: totalCapacityMWh > 0 ? weightedSocSum / totalCapacityMWh : 0,\n avgTemp: group.packs.reduce((sum, pack) => sum + pack.temp, 0) / packCount,\n totalPower,\n totalCapacityMWh,\n };\n};\n\nexport const getAssetAggregates = (asset: Asset) => {\n const allPacks = asset.groups.flatMap((g) => g.packs);\n const packCount = allPacks.length;\n if (packCount === 0) {\n return {\n totalPower: 0,\n avgSoc: 0,\n avgSoh: 0,\n avgTemp: 0,\n avgCycles: 0,\n totalCapacityMWh: 0,\n maxPowerMW: 0,\n };\n }\n\n let totalPower = 0;\n let totalCapacityMWh = 0;\n let weightedSocSum = 0;\n\n asset.groups.forEach((group) => {\n const aggs = getGroupAggregates(group);\n totalPower += aggs.totalPower;\n totalCapacityMWh += aggs.totalCapacityMWh;\n weightedSocSum += aggs.avgSoc * aggs.totalCapacityMWh;\n });\n\n return {\n totalPower,\n avgSoc: totalCapacityMWh > 0 ? weightedSocSum / totalCapacityMWh : 0,\n avgSoh: allPacks.reduce((s, p) => s + p.soh, 0) / packCount,\n avgTemp: allPacks.reduce((s, p) => s + p.temp, 0) / packCount,\n avgCycles: allPacks.reduce((s, p) => s + p.cycles, 0) / packCount,\n totalCapacityMWh,\n maxPowerMW: totalCapacityMWh / 4,\n };\n};",[],[169,224,234],"be5f8b94-aac5-11f0-a043-0224a6c84d84",20,["D",1760642672754],[192,193,194],[169,224],"a70e5fa6-aac5-11f0-8965-0224a6c84d84","index.ts","9ebadb18-aac5-11f0-be9e-0224a6c84d84","982bd248-aac5-11f0-90f2-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 };",[],[169,255,247],"types","9ac6c2d8-aac5-11f0-812a-0224a6c84d84",15,["D",1760642613033],[190],[169,255],["D",1760643017276],[],[169,72,64],["D",1760642998152],[188],[169,72],"72d4eb1c-aaaa-11f0-a98c-0224a6c84d84",8,["D",1760630949609],[187,189,191,195],[169],["D",1760630586052],{"_11":12,"_126":70},{"_11":12,"_122":-5,"_69":70,"_31":68,"_123":124,"_125":30},{"_39":109,"_13":16,"_33":36,"_110":75,"_111":112,"_113":114,"_115":80,"_116":117,"_118":119,"_120":14,"_121":12},"ctx",{"_52":-5,"_147":309,"_310":311,"_312":313,"_314":30,"_315":30,"_316":30,"_317":24,"_318":-5,"_319":-7,"_320":-7,"_321":26,"_322":30,"_323":30,"_324":-5,"_325":30,"_326":30,"_327":30,"_328":-5},"ENV",{"_280":281,"_282":283,"_284":16,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302,"_303":304,"_305":306,"_307":308},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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"]

History · hooks