Hybrid BESS C&C Dashboard

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_261":262,"_263":264},"routes/_app.x.$handle.$name",{"_100":99,"_32":46,"_108":86,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":121,"_122":123,"_124":25,"_125":126,"_127":58,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",39,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","src/App.tsx","latestPath","fileId","a5c1c3d4-aaa9-11f0-b6b2-0224a6c84d84","name","App.tsx","fileType","script","content","/** @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;","import React, { useCallback, useReducer } from \"react\";\nimport styled, { ThemeProvider } from \"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;","createdAt",["D",1760644280747],"branchVersion","branchId","9a2d502e-aaa9-11f0-bcce-0224a6c84d84","id","9a29ccc4-aaa9-11f0-bcce-0224a6c84d84","bms",["D",1760630586052],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","0199b749-1e1c-7399-b093-a7ba99382572","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","0199b749-1e1c-7399-b093-a97ac9fff69e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_107":103},"org",{"_100":99,"_101":-5,"_102":103,"_18":55,"_104":105,"_106":25},"branch",{"_13":85,"_32":86,"_44":43,"_87":45,"_88":89,"_90":91,"_92":51,"_93":94,"_95":96,"_97":46,"_98":99},"isOwned",45,"main","projectId","forkedBranchId","a2fd3900-9e09-11f0-959a-0224a6c84d84","forkedBranchVersion",38,"forkedProjectPrivacy","forkedProjectId","a2fccfec-9e09-11f0-959a-0224a6c84d84","forkedProjectOrgId","0199195d-a0b5-724d-9d5d-ded08af9068c","projectName","userHandle","volt","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzMzZm1qMllGY2JhQmhhWFYwVXVvQ05aT2tJciJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":257,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":258,"_80":259,"_82":260,"_84":25},"tree",[171,181],"files",[171,172,173,174,175,176,177,178,179,180,181],"counts",{"_161":62,"_162":147,"_163":62,"_164":165,"_166":167},"contents",[141,142],"upstreamProject",{"_44":94,"_32":46,"_53":-5,"_54":-5,"_50":51,"_78":139},"upstreamBranch",{"_44":89,"_39":132,"_133":134,"_32":86,"_87":94,"_13":135,"_88":-5,"_90":-5,"_136":137,"_48":-5,"_84":25,"_50":51,"_98":138,"_63":96,"_97":46},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1759242467481],"updatedAt",["D",1760827145069],40,"lockfileKey","1760827145437-esm.town_v_realtime_bms@40-main","realtime",{"_100":138,"_107":140},"https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzMySEFWaDMxNUQzTGRXZmdqRGRxZVhBT0pqcyJ9",{"_44":154,"_32":155,"_30":156,"_146":-5,"_42":43,"_41":157,"_148":58,"_39":158,"_13":147,"_34":159,"_36":-5,"_24":25,"_152":-5,"_27":160},{"_44":143,"_32":144,"_30":145,"_146":-5,"_42":43,"_41":147,"_148":25,"_39":149,"_13":62,"_34":150,"_36":151,"_24":25,"_152":-5,"_27":153},"9a30de2e-aaa9-11f0-bcce-0224a6c84d84","main.ts","0199edc2-bb20-75a9-ae0f-0518d1bf0694","parentId",1,"latest",["D",1760630586052],"http","// @ts-ignore\nimport { OpenAI } from \"https://esm.town/v/std/openai?v=4\";\n\n// --- AI BEHAVIORAL GUIDELINES ---\nconst GENERATION_STYLE_GUIDE =\n \"As the autonomous EMS Coordinator, you must adopt the persona of a senior power systems engineer. Your analysis must be articulated with technical precision and professional clarity. Adhere strictly to the provided decision-making logic and operational constraints. Avoid ambiguity and informal language. The objective is to produce a dispatch plan that is immediately actionable, auditable, and exhibits intelligent, rule-based reasoning for managing a critical infrastructure asset.\";\n\nconst DISPATCH_PROMPT = `\nYou are an autonomous Energy Management System (EMS) coordinator for a hybrid Battery Energy Storage System (BESS).\nYou will receive a JSON object detailing a critical event and the current state of the three battery assets.\n\nThe assets have distinct roles:\n- LFP (Workhorse): High cycle life, for primary load and daily energy shifting.\n- NMC (Energy Reserve): High energy density, preserved for long-duration emergencies.\n- LTO (Sprinter): High power density, for instantaneous grid stabilization and frequency response.\n\nYour task is to create an optimal power dispatch plan. You must decide how much power (in Megawatts) each asset should discharge (positive number) or charge (negative number).\n\nYour decision MUST adhere to these criteria in strict order of importance:\n1. **Event Response Protocol:** The dispatch must directly counteract the event.\n - 'grid-failure': Prioritize supplying a critical load (e.g., 15 MW) using LFP first, then NMC if needed. LTO should be idle. Solar provides available power.\n - 'freq-drop': LTO must discharge immediately and proportionally to the frequency deviation. LFP provides secondary, slower support if the drop is severe.\n - 'solar-peak': Absorb maximum solar power by charging assets, prioritizing LTO, then LFP. Do not use NMC for daily solar absorption.\n2. **Role Preservation:** Dispatch must align with each asset's designated role. Do not use the NMC reserve for frequency support. Do not use the LTO sprinter for sustained, multi-hour discharge.\n3. **State of Charge (SoC) Constraints:** Do not command a discharge if an asset's SoC is below 15%. Do not command a charge if an asset's SoC is above 98%.\n4. **Power Limits:** The commanded dispatch for any asset must NOT exceed its 'maxPowerMW' capability.\n\nYou MUST respond ONLY with a single, minified JSON object with these exact keys:\n- \"dispatchPlan\": An object with keys \"lfp\", \"nmc\", \"lto\", where values are the power in MW for each (e.g., {\"lfp\": 12.5, \"nmc\": 0, \"lto\": -5.0}).\n- \"reason\": A concise, professional explanation for the dispatch plan, citing the specific criteria and asset states that influenced the decision.\n\n${GENERATION_STYLE_GUIDE}\n`;\n\n// --- HTML & FRONTEND ---\nfunction generateHtml(sourceUrl: string): string {\n // NOTE: The HTML structure and CSS are identical to the original.\n // The significant changes are in the simulation's JavaScript logic.\n return `\n\n\n \n \n Hybrid BESS C&C Dashboard\n \n \n \n\n\n\n

\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",[144],"72d4eb1c-aaaa-11f0-a98c-0224a6c84d84","src","6f2f2888-aaaa-11f0-8a48-0224a6c84d84",8,["D",1760630949609],"directory",[155],"pulls","branches","forks","envVars",{"_168":62,"_170":62},"connections",{"_168":62,"_169":62},"count","unfilledCount","emptyCount",{"_44":154,"_32":155,"_30":156,"_146":-5,"_42":43,"_41":157,"_148":58,"_39":254,"_13":147,"_34":159,"_36":-5,"_24":25,"_152":-5,"_183":255,"_27":256},{"_44":249,"_32":248,"_30":242,"_146":156,"_42":43,"_41":250,"_148":58,"_39":251,"_13":147,"_34":159,"_36":-5,"_24":25,"_152":-5,"_183":252,"_27":253},{"_44":239,"_32":240,"_30":241,"_146":242,"_42":43,"_41":243,"_148":58,"_39":244,"_13":197,"_34":35,"_36":245,"_24":25,"_152":-5,"_183":246,"_27":247},{"_44":234,"_32":233,"_30":227,"_146":156,"_42":43,"_41":235,"_148":58,"_39":236,"_13":147,"_34":159,"_36":-5,"_24":25,"_152":-5,"_183":237,"_27":238},{"_44":224,"_32":225,"_30":226,"_146":227,"_42":43,"_41":228,"_148":58,"_39":229,"_13":215,"_34":35,"_36":230,"_24":25,"_152":-5,"_183":231,"_27":232},{"_44":219,"_32":201,"_30":194,"_146":156,"_42":43,"_41":220,"_148":58,"_39":221,"_13":147,"_34":159,"_36":-5,"_24":25,"_152":-5,"_183":222,"_27":223},{"_44":210,"_32":211,"_30":212,"_146":194,"_42":43,"_41":213,"_148":58,"_39":214,"_13":215,"_34":35,"_36":216,"_24":25,"_152":-5,"_183":217,"_27":218},{"_44":202,"_32":203,"_30":204,"_146":194,"_42":43,"_41":205,"_148":58,"_39":206,"_13":197,"_34":35,"_36":207,"_24":25,"_152":-5,"_183":208,"_27":209},{"_44":191,"_32":192,"_30":193,"_146":194,"_42":43,"_41":195,"_148":58,"_39":196,"_13":197,"_34":35,"_36":198,"_24":25,"_152":-5,"_183":199,"_27":200},{"_44":186,"_32":33,"_30":31,"_146":156,"_42":43,"_41":14,"_148":25,"_39":187,"_13":188,"_34":35,"_36":38,"_24":25,"_152":-5,"_183":189,"_27":190},{"_44":143,"_32":144,"_30":145,"_146":-5,"_42":43,"_41":147,"_148":25,"_39":182,"_13":62,"_34":150,"_36":151,"_24":25,"_152":-5,"_183":184,"_27":185},["D",1760630586052],"children",[],[144],"7ccf206e-aac9-11f0-a550-0224a6c84d84",["D",1760644280747],5,[],[155,33],"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};",[],[155,201,192],"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};",[],[155,201,203],"26013ad6-aac6-11f0-b050-0224a6c84d84","aggregators.ts","1b9e8b48-aac6-11f0-98b0-0224a6c84d84",27,["D",1760642846624],2,"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};",[],[155,201,211],"be5f8b94-aac5-11f0-a043-0224a6c84d84",20,["D",1760642672754],[177,178,179],[155,201],"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 };",[],[155,233,225],"types","9ac6c2d8-aac5-11f0-812a-0224a6c84d84",15,["D",1760642613033],[175],[155,233],"8bb8d4ba-aac6-11f0-884b-0224a6c84d84","useSimulationLoop.ts","587efcd2-aac6-11f0-a1c5-0224a6c84d84","6cb64e4e-aac6-11f0-989d-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};",[],[155,248,240],"hooks","80532f4e-aac6-11f0-b8bf-0224a6c84d84",35,["D",1760642998152],[173],[155,248],["D",1760630949609],[172,174,176,180],[155],["D",1760630586052],{"_100":99,"_107":103},{"_100":99,"_101":-5,"_102":103,"_18":55,"_104":105,"_106":25},{"_13":85,"_32":86,"_44":43,"_87":45,"_88":89,"_90":91,"_92":51,"_93":94,"_95":96,"_97":46,"_98":99},"ctx",{"_78":-5,"_129":294,"_295":296,"_297":298,"_299":25,"_300":25,"_301":25,"_302":58,"_303":-5,"_304":-7,"_305":-7,"_306":62,"_307":25,"_308":25,"_309":-5,"_310":25,"_311":25,"_312":25,"_313":-5},"ENV",{"_265":266,"_267":268,"_269":86,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287,"_288":289,"_290":291,"_292":293},"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"]

Diff · v39