Hybrid BESS C&C Dashboard

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_198":199,"_200":201},"routes/_app.x.$handle.$name",{"_100":99,"_32":46,"_108":86,"_27":37,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":120,"_121":122,"_123":25,"_124":125,"_126":58,"_127":-5,"_128":-5,"_129":130},"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",13,"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;","createdAt",["D",1760631181160],"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":194,"_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":195,"_80":196,"_82":197,"_84":25},"tree",[170,173],"files",[170,171,172,173],"counts",{"_160":62,"_161":146,"_162":62,"_163":164,"_165":166},"contents",[140,141],"upstreamProject",{"_44":94,"_32":46,"_53":-5,"_54":-5,"_50":51,"_78":138},"upstreamBranch",{"_44":89,"_39":131,"_132":133,"_32":86,"_87":94,"_13":134,"_88":-5,"_90":-5,"_135":136,"_48":-5,"_84":25,"_50":51,"_98":137,"_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":137,"_107":139},"https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzMySEFWaDMxNUQzTGRXZmdqRGRxZVhBT0pqcyJ9",{"_44":153,"_32":154,"_30":155,"_145":-5,"_42":43,"_41":156,"_147":58,"_39":157,"_13":146,"_34":158,"_36":-5,"_24":25,"_151":-5,"_27":159},{"_44":142,"_32":143,"_30":144,"_145":-5,"_42":43,"_41":146,"_147":25,"_39":148,"_13":62,"_34":149,"_36":150,"_24":25,"_151":-5,"_27":152},"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",[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",{"_44":153,"_32":154,"_30":155,"_145":-5,"_42":43,"_41":156,"_147":58,"_39":191,"_13":146,"_34":158,"_36":-5,"_24":25,"_151":-5,"_175":192,"_27":193},{"_44":187,"_32":33,"_30":31,"_145":155,"_42":43,"_41":14,"_147":25,"_39":188,"_13":183,"_34":35,"_36":38,"_24":25,"_151":-5,"_175":189,"_27":190},{"_44":178,"_32":179,"_30":180,"_145":155,"_42":43,"_41":181,"_147":25,"_39":182,"_13":183,"_34":35,"_36":184,"_24":25,"_151":-5,"_175":185,"_27":186},{"_44":142,"_32":143,"_30":144,"_145":-5,"_42":43,"_41":146,"_147":25,"_39":174,"_13":62,"_34":149,"_36":150,"_24":25,"_151":-5,"_175":176,"_27":177},["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,179],"fcd8e8ea-aaaa-11f0-896c-0224a6c84d84",["D",1760631181160],[],[154,33],["D",1760630949609],[171,172],[154],["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,"_128":231,"_232":233,"_234":235,"_236":25,"_237":25,"_238":25,"_239":58,"_240":-5,"_241":-7,"_242":-7,"_243":62,"_244":25,"_245":25,"_246":-5,"_247":25,"_248":25,"_249":25,"_250":-5},"ENV",{"_202":203,"_204":205,"_206":86,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228,"_229":230},"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"]

Diff · v13