Hybrid BESS C&C Dashboard

\n \n

Avg. SoC--%

Avg. SoH--%

Total Power-- kW

Avg. Temp--°C

Avg. Cycles--

Avg. SoC--%

Avg. SoH--%

Total Power-- kW

Avg. Temp--°C

Avg. Cycles--

Avg. SoC--%

Avg. SoH--%

Total Power-- kW

Avg. Temp--°C

Avg. Cycles--

System Explorer

System Output Analysis

EMS Event Log

LFP SoC (%)

NMC SoC (%)

LTO SoC (%)

\n \n

‹

›

\n\n\n`;\n}\n\n/**\n * Extracts a JSON object from a string that may contain conversational text.\n * This is a safeguard against minor model deviations.\n * @param {string} text - The text from the AI response.\n * @returns {object | null} The parsed JSON object or null if not found.\n */\nfunction extractJson(text: string): object | null {\n const match = text.match(/\\{[\\s\\S]*\\}/);\n if (!match) return null;\n try {\n return JSON.parse(match[0]);\n } catch (e) {\n console.error(\"Failed to parse extracted JSON:\", e);\n return null;\n }\n}\n\n// --- MAIN VAL 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 body = await req.json();\n\n if (!body || !body.event || !body.assets) {\n throw new Error(\"Invalid context: Missing event or asset data.\");\n }\n\n const userMessage = `Analyze and create dispatch plan. Context: ${\n JSON.stringify(body)\n }`;\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, // Low temperature for deterministic, rule-based decisions\n response_format: { type: \"json_object\" },\n });\n\n const rawContent = completion.choices[0].message.content;\n if (!rawContent) {\n throw new Error(\"AI Coordinator returned an empty response.\");\n }\n\n const structuredResponse = extractJson(rawContent);\n\n if (\n !structuredResponse || !(\"dispatchPlan\" in structuredResponse) ||\n !(\"reason\" in structuredResponse)\n ) {\n console.error(\"Invalid JSON structure from AI:\", rawContent);\n throw new Error(\"AI Coordinator returned malformed data structure.\");\n }\n\n return new Response(JSON.stringify(structuredResponse), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"AI Dispatch Error:\", error);\n return new Response(\n JSON.stringify({\n error: error.message || \"An unknown error occurred.\",\n }),\n {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n // Serve the HTML for GET requests\n const sourceUrl = `https://${url.hostname}${url.pathname}/`;\n return new Response(generateHtml(sourceUrl), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}","label",[143],"72d4eb1c-aaaa-11f0-a98c-0224a6c84d84","src","6f2f2888-aaaa-11f0-8a48-0224a6c84d84",8,["D",1760630949609],"directory",[154],"pulls","branches","forks","envVars",{"_167":62,"_169":62},"connections",{"_167":62,"_168":62},"count","unfilledCount","emptyCount",{"_43":153,"_32":154,"_30":155,"_145":-5,"_41":42,"_40":156,"_147":58,"_38":235,"_13":146,"_34":158,"_36":-5,"_23":24,"_151":-5,"_180":236,"_26":237},{"_43":230,"_32":229,"_30":222,"_145":155,"_41":42,"_40":231,"_147":58,"_38":232,"_13":146,"_34":158,"_36":-5,"_23":24,"_151":-5,"_180":233,"_26":234},{"_43":219,"_32":220,"_30":221,"_145":222,"_41":42,"_40":223,"_147":58,"_38":224,"_13":225,"_34":35,"_36":226,"_23":24,"_151":-5,"_180":227,"_26":228},{"_43":214,"_32":209,"_30":202,"_145":155,"_41":42,"_40":215,"_147":58,"_38":216,"_13":146,"_34":158,"_36":-5,"_23":24,"_151":-5,"_180":217,"_26":218},{"_43":210,"_32":33,"_30":31,"_145":202,"_41":42,"_40":14,"_147":24,"_38":211,"_13":62,"_34":35,"_36":37,"_23":24,"_151":-5,"_180":212,"_26":213},{"_43":199,"_32":200,"_30":201,"_145":202,"_41":42,"_40":203,"_147":58,"_38":204,"_13":205,"_34":35,"_36":206,"_23":24,"_151":-5,"_180":207,"_26":208},{"_43":192,"_32":193,"_30":56,"_145":155,"_41":42,"_40":194,"_147":24,"_38":195,"_13":188,"_34":35,"_36":196,"_23":24,"_151":-5,"_180":197,"_26":198},{"_43":183,"_32":184,"_30":185,"_145":155,"_41":42,"_40":186,"_147":24,"_38":187,"_13":188,"_34":35,"_36":189,"_23":24,"_151":-5,"_180":190,"_26":191},{"_43":142,"_32":143,"_30":144,"_145":-5,"_41":42,"_40":146,"_147":24,"_38":179,"_13":62,"_34":149,"_36":150,"_23":24,"_151":-5,"_180":181,"_26":182},["D",1760630586052],"children",[],[143],"81d45026-aaaa-11f0-a629-0224a6c84d84","types.ts","b14bd8d4-aaa9-11f0-97f0-0224a6c84d84",10,["D",1760630974770],4,"// src/types.ts\n\nexport 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 numPacks: number;\n}\n\nexport interface Asset {\n id: \"lfp\" | \"nmc\" | \"lto\";\n name: string;\n groups: Group[];\n}\n\nexport interface AppState {\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 assets: {\n lfp: Asset;\n nmc: Asset;\n lto: Asset;\n };\n logs: LogEntry[];\n // ... other state properties\n}\n\nexport interface LogEntry {\n level: \"INFO\" | \"WARN\" | \"ALERT\" | \"ACTION\" | \"log-ai\";\n message: string;\n timestamp: string;\n}\n\n// For the reducer action\nexport type AppAction =\n | { type: \"SET_SCENARIO\"; payload: AppState[\"scenario\"] }\n | { type: \"UPDATE_SIMULATION\"; payload: Partial }\n | { type: \"ADD_LOG\"; payload: LogEntry };",[],[154,184],"fcd8e8ea-aaaa-11f0-896c-0224a6c84d84","App.tsx",13,["D",1760631181160],"/** @jsxImportSource */\n// src/App.tsx\n\nimport React, { useCallback, useEffect, useReducer } from \"react\";\nimport { ThemeProvider } from \"styled-components\";\nimport styled from \"styled-components\";\n\nimport { GlobalStyles, theme } from \"./styles/theme\";\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\";\nimport { AppAction, AppState } from \"./types\";\nimport { initializeModularAssets } from \"./utils/stateInitializer\"; // Assuming you move this logic out\n\nconst MainContainer = styled.div`\n /* ...same styles as before... */\n`;\n\nconst initialState: AppState = {\n scenario: \"normal\",\n systemStatus: \"INITIALIZING...\",\n grid: { frequency: 60.0, connected: true, power: 0 },\n solar: { power: 0 },\n assets: initializeModularAssets(),\n logs: [],\n // ... etc\n};\n\nfunction appReducer(state: AppState, action: AppAction): AppState {\n switch (action.type) {\n case \"SET_SCENARIO\":\n return { ...state, scenario: action.payload };\n case \"UPDATE_SIMULATION\":\n return { ...state, ...action.payload };\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\n useEffect(() => {\n // Main simulation loop logic remains the same\n }, []);\n\n const handleSetScenario = useCallback((scenario: AppState[\"scenario\"]) => {\n dispatch({ type: \"SET_SCENARIO\", payload: scenario });\n // ... API call logic\n }, []);\n\n return (\n \n \n \n

\n \n \n \n \n \n \n );\n}\n\nexport default App;",[],[154,193],"0e49ed66-aac6-11f0-81b7-0224a6c84d84","stateInitializer.ts","cde07240-aac5-11f0-8e8e-0224a6c84d84","b7039340-aac5-11f0-a043-0224a6c84d84",24,["D",1760642806833],3,"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};",[],[154,209,200],"utils","1b9e8a80-aac6-11f0-98b0-0224a6c84d84",["D",1760642829194],[],[154,209,33],"be5f8b94-aac5-11f0-a043-0224a6c84d84",20,["D",1760642672754],[174,175],[154,209],"a70e5fa6-aac5-11f0-8965-0224a6c84d84","index.ts","9ebadb18-aac5-11f0-be9e-0224a6c84d84","982bd248-aac5-11f0-90f2-0224a6c84d84",18,["D",1760642633639],2,"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 };",[],[154,229,220],"types","9ac6c2d8-aac5-11f0-812a-0224a6c84d84",15,["D",1760642613033],[172],[154,229],["D",1760630949609],[171,173,176,177],[154],["D",1760630586052],{"_100":99,"_107":103},{"_100":99,"_101":-5,"_102":103,"_18":54,"_104":105,"_106":24},{"_13":85,"_32":86,"_43":42,"_87":44,"_88":89,"_90":91,"_92":50,"_93":94,"_95":96,"_97":45,"_98":99},"ctx",{"_78":-5,"_128":275,"_276":277,"_278":279,"_280":24,"_281":24,"_282":24,"_283":58,"_284":-5,"_285":-7,"_286":-7,"_287":62,"_288":24,"_289":24,"_290":-5,"_291":24,"_292":24,"_293":24,"_294":-5},"ENV",{"_246":247,"_248":249,"_250":86,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274},"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"]

Diff · v25