claude-exode-mcp 7.5.7 → 7.5.8

package/examples/energy-flow.exode

@@ -0,0 +1,1736 @@
+{
+  "id": "artboard_energy_flow",
+  "name": "Energy Flow",
+  "width": 720,
+  "height": 560,
+  "backgroundColor": "#FBF8F2",
+  "cornerRadius": 0,
+  "deviceFrame": "none",
+  "fit": "Contain",
+  "opacity": 1,
+  "physics": {
+    "enabled": false,
+    "gravity": {
+      "x": 0,
+      "y": 0
+    },
+    "wind": {
+      "x": 0,
+      "y": 0
+    },
+    "timeScale": 1
+  },
+  "stateMachine": {
+    "inputs": [
+      {
+        "id": "in_solarKw",
+        "name": "solarKw",
+        "value": {
+          "type": "Number",
+          "value": 0
+        }
+      },
+      {
+        "id": "in_gridKw",
+        "name": "gridKw",
+        "value": {
+          "type": "Number",
+          "value": 0.48
+        }
+      },
+      {
+        "id": "in_loadKw",
+        "name": "loadKw",
+        "value": {
+          "type": "Number",
+          "value": 0.48
+        }
+      },
+      {
+        "id": "in_batteryKw",
+        "name": "batteryKw",
+        "value": {
+          "type": "Number",
+          "value": 0
+        }
+      },
+      {
+        "id": "in_batterySocPct",
+        "name": "batterySocPct",
+        "value": {
+          "type": "Number",
+          "value": 32
+        }
+      },
+      {
+        "id": "in_threshold",
+        "name": "threshold",
+        "value": {
+          "type": "Number",
+          "value": 0.05
+        }
+      }
+    ],
+    "layers": [
+      {
+        "id": "layer_main",
+        "name": "Main",
+        "entryStateId": "st_live",
+        "states": [
+          {
+            "id": "st_live",
+            "name": "Live",
+            "transitions": []
+          }
+        ]
+      }
+    ]
+  },
+  "animations": [],
+  "animationFlow": [],
+  "navigation": [],
+  "objects": [
+    {
+      "id": "flow_logic",
+      "name": "Flow logic",
+      "type": "Shape",
+      "transform": {
+        "x": 0.5,
+        "y": 0.5,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Rectangle",
+        "width": 1,
+        "height": 1,
+        "corner_radius": [
+          0,
+          0,
+          0,
+          0
+        ]
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#000000",
+          "opacity": 0
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        },
+        "effects": [
+          {
+            "id": "fx_flow_logic",
+            "type": "CustomEffect",
+            "name": "Flow logic",
+            "isEnabled": true,
+            "params": {},
+            "code": "var LAYOUT = {\"solar\":{\"id\":\"solar_line\",\"len\":66,\"color\":\"#E0A82E\",\"cx\":360},\"grid\":{\"id\":\"grid_line\",\"len\":146,\"color\":\"#4A7BA6\",\"cx\":110},\"load\":{\"id\":\"load_line\",\"len\":146,\"color\":\"#C2643A\",\"cx\":610},\"battery\":{\"id\":\"battery_line\",\"len\":66,\"color\":\"#2F6B5E\",\"cx\":360}};\n/* Energy Flow logic. Runs every frame through the runtime's update(env, dt) hook.\n   Reads the six inputs and drives the four lines (colour, dashes, direction,\n   speed), the value/unit/status texts and the battery ring.\n   Written for the .bexode minifier: explicit semicolons and block comments only. */\nvar IDLE = '#E6DFC8';\nvar DASH = [10, 8];\nvar FADE = 0.3;\nvar TEXT_W = 120;\n\nfunction efNum(env, name, d) {\n  var v = Number(env.input(name));\n  return isFinite(v) ? v : d;\n}\n\nfunction efHex(c) {\n  var h = c.replace('#', '');\n  return [parseInt(h.substring(0, 2), 16), parseInt(h.substring(2, 4), 16), parseInt(h.substring(4, 6), 16)];\n}\n\nfunction efMix(a, b, t) {\n  var A = efHex(a); var B = efHex(b); var out = '#';\n  for (var i = 0; i < 3; i++) {\n    var v = Math.round(A[i] + (B[i] - A[i]) * t).toString(16);\n    out += v.length < 2 ? '0' + v : v;\n  }\n  return out;\n}\n\n/* Period of one dash cycle: clamp(2.4 s minus |kW| x 0.4, 0.6 s, 2.4 s). */\nfunction efPeriod(kw) {\n  return Math.min(2.4, Math.max(0.6, 2.4 - Math.abs(kw) * 0.4));\n}\n\nfunction efFmt(kw) {\n  return Math.abs(kw).toFixed(2);\n}\n\n/* Text width with the same fonts the runtime draws with; falls back to an\n   estimate where no canvas is available. */\nfunction efMeasure(S, str, font, size, em) {\n  if (S.mctx === undefined) {\n    S.mctx = null;\n    try { if (typeof document !== 'undefined') S.mctx = document.createElement('canvas').getContext('2d'); } catch (e) { S.mctx = null; }\n  }\n  if (!S.mctx) return str.length * size * em;\n  S.mctx.font = font;\n  return S.mctx.measureText(str).width;\n}\n\n/* Centres \"value + unit\" under the node. */\nfunction efValue(sc, S, node, value, unit, cx) {\n  var vw = efMeasure(S, value, '600 16px \"JetBrains Mono\", sans-serif', 16, 0.6);\n  var uw = efMeasure(S, unit, '500 11px \"Inter\", sans-serif', 11, 0.62);\n  var gap = unit === '%' ? 4 : 3;\n  var left = cx - (vw + gap + uw) / 2;\n  sc.set(node + '_value', 'geometry.text', value);\n  sc.set(node + '_value', 'text', value);\n  sc.set(node + '_value', 'x', left + TEXT_W / 2);\n  sc.set(node + '_unit', 'x', left + vw + gap + TEXT_W / 2);\n}\n\nfunction efStatus(sc, node, s) {\n  sc.set(node + '_status', 'geometry.text', s);\n  sc.set(node + '_status', 'text', s);\n}\n\nfunction efLine(sc, S, dt, line, dir, kw, still) {\n  var st = S[line.id];\n  var target = dir === 0 ? IDLE : line.color;\n  if (!st) {\n    st = S[line.id] = { from: target, to: target, t: 1, shown: target, offset: 0, dashed: dir !== 0, dir: dir, kw: kw };\n  }\n  if (target !== st.to) {\n    st.from = st.shown; st.to = target; st.t = 0;\n  }\n  if (dir !== 0) { st.dashed = true; st.dir = dir; st.kw = kw; }\n  st.t = Math.min(1, st.t + dt / FADE);\n  st.shown = efMix(st.from, st.to, st.t);\n  /* Going idle: dashes keep running through the fade, then turn solid. */\n  if (dir === 0 && st.t >= 1) st.dashed = false;\n  if (st.dashed && !still) {\n    st.offset += st.dir * (DASH[0] + DASH[1]) * dt / efPeriod(st.kw);\n    st.offset = st.offset % 1e6;\n  }\n  sc.set(line.id, 'style.stroke.color', st.shown);\n  sc.set(line.id, 'style.stroke.dashArray', st.dashed ? DASH : []);\n  sc.set(line.id, 'style.stroke.dashOffset', st.dashed ? st.offset / line.len : 0);\n}\n\nfunction update(env, dt) {\n  var sc = env.scene;\n  if (!sc) return;\n  var S = env.state;\n  var L = LAYOUT;\n  dt = Math.min(0.1, Math.max(0, dt || 0));\n\n  if (S.mq === undefined) {\n    S.mq = null;\n    try { if (typeof matchMedia === 'function') S.mq = matchMedia('(prefers-reduced-motion: reduce)'); } catch (e) { S.mq = null; }\n  }\n  var still = !!(S.mq && S.mq.matches);\n\n  var th = Math.max(0, efNum(env, 'threshold', 0.05));\n  var solar = Math.max(0, efNum(env, 'solarKw', 0));\n  var grid = efNum(env, 'gridKw', 0);\n  var load = Math.max(0, efNum(env, 'loadKw', 0));\n  var bat = efNum(env, 'batteryKw', 0);\n  var soc = Math.min(100, Math.max(0, efNum(env, 'batterySocPct', 0)));\n\n  /* Line direction: 1 runs from the line's start to its end, -1 the reverse.\n     Starts: solar line at the top, grid line at the left, load line at the\n     hub, battery line at the hub. */\n  var dSolar = solar > th ? 1 : 0;\n  var dGrid = grid > th ? 1 : (grid < -th ? -1 : 0);\n  var dLoad = load > th ? 1 : 0;\n  var dBat = bat > th ? -1 : (bat < -th ? 1 : 0);\n\n  efLine(sc, S, dt, L.solar, dSolar, solar, still);\n  efLine(sc, S, dt, L.grid, dGrid, grid, still);\n  efLine(sc, S, dt, L.load, dLoad, load, still);\n  efLine(sc, S, dt, L.battery, dBat, bat, still);\n\n  efValue(sc, S, 'solar', efFmt(solar), 'kW', L.solar.cx);\n  efValue(sc, S, 'grid', efFmt(grid), 'kW', L.grid.cx);\n  efValue(sc, S, 'load', efFmt(load), 'kW', L.load.cx);\n  efValue(sc, S, 'battery', String(Math.round(soc)), '%', L.battery.cx);\n\n  efStatus(sc, 'grid', dGrid > 0 ? 'Importing' : (dGrid < 0 ? 'Exporting' : 'Idle'));\n  efStatus(sc, 'battery', dBat < 0 ? 'Discharging' : (dBat > 0 ? 'Charging' : 'Idle'));\n\n  /* Ring: full circle stroke trimmed to the charge. The ring object is turned\n     -90 degrees, so the trim starts at 12 o'clock and runs clockwise. */\n  sc.set('battery_ring', 'style.stroke.trimEnd', Math.max(0.001, soc / 100));\n  sc.set('battery_ring', 'style.stroke.width', soc > 0 ? 4 : 0);\n}\n"
+          }
+        ]
+      },
+      "zIndex": 1
+    },
+    {
+      "id": "solar_line",
+      "name": "Solar line",
+      "type": "Shape",
+      "transform": {
+        "x": 360,
+        "y": 191,
+        "rotation": 90,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Line",
+        "width": 66,
+        "height": 0
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#000000",
+          "opacity": 0
+        },
+        "stroke": {
+          "color": "#E6DFC8",
+          "width": 3,
+          "lineCap": "round",
+          "dashArray": [],
+          "dashOffset": 0
+        }
+      },
+      "zIndex": 2
+    },
+    {
+      "id": "grid_line",
+      "name": "Grid line",
+      "type": "Shape",
+      "transform": {
+        "x": 231,
+        "y": 280,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Line",
+        "width": 146,
+        "height": 0
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#000000",
+          "opacity": 0
+        },
+        "stroke": {
+          "color": "#E6DFC8",
+          "width": 3,
+          "lineCap": "round",
+          "dashArray": [],
+          "dashOffset": 0
+        }
+      },
+      "zIndex": 3
+    },
+    {
+      "id": "load_line",
+      "name": "Load line",
+      "type": "Shape",
+      "transform": {
+        "x": 489,
+        "y": 280,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Line",
+        "width": 146,
+        "height": 0
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#000000",
+          "opacity": 0
+        },
+        "stroke": {
+          "color": "#E6DFC8",
+          "width": 3,
+          "lineCap": "round",
+          "dashArray": [],
+          "dashOffset": 0
+        }
+      },
+      "zIndex": 4
+    },
+    {
+      "id": "battery_line",
+      "name": "Battery line",
+      "type": "Shape",
+      "transform": {
+        "x": 360,
+        "y": 369,
+        "rotation": 90,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Line",
+        "width": 66,
+        "height": 0
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#000000",
+          "opacity": 0
+        },
+        "stroke": {
+          "color": "#E6DFC8",
+          "width": 3,
+          "lineCap": "round",
+          "dashArray": [],
+          "dashOffset": 0
+        }
+      },
+      "zIndex": 5
+    },
+    {
+      "id": "hub",
+      "name": "Hub",
+      "type": "Shape",
+      "transform": {
+        "x": 360,
+        "y": 280,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Ellipse",
+        "width": 64,
+        "height": 64
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#FFFFFF",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        },
+        "shadow": {
+          "isEnabled": true,
+          "color": "rgba(90,70,40,0.16)",
+          "opacity": 100,
+          "blur": 22,
+          "spread": 0,
+          "offsetX": 0,
+          "offsetY": 6
+        }
+      },
+      "zIndex": 6
+    },
+    {
+      "id": "hub_icon_0",
+      "name": "Hub icon 1",
+      "type": "Shape",
+      "transform": {
+        "x": 360,
+        "y": 275.39583333333337,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Path",
+        "data": "M351.88 278.92 L360.00 271.88 L368.13 278.92",
+        "width": 16.25,
+        "height": 7.041666666666686,
+        "is_closed": false
+      },
+      "style": {
+        "fill": {
+          "type": "None"
+        },
+        "stroke": {
+          "color": "#4A4A4A",
+          "width": 1.4,
+          "lineCap": "round",
+          "lineJoin": "round"
+        }
+      },
+      "zIndex": 7
+    },
+    {
+      "id": "hub_icon_1",
+      "name": "Hub icon 2",
+      "type": "Shape",
+      "transform": {
+        "x": 360,
+        "y": 282.70833333333337,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Path",
+        "data": "M354.04 277.29 L354.04 288.13 L365.96 288.13 L365.96 277.29",
+        "width": 11.916666666666629,
+        "height": 10.833333333333314,
+        "is_closed": false
+      },
+      "style": {
+        "fill": {
+          "type": "None"
+        },
+        "stroke": {
+          "color": "#4A4A4A",
+          "width": 1.4,
+          "lineCap": "round",
+          "lineJoin": "round"
+        }
+      },
+      "zIndex": 8
+    },
+    {
+      "id": "solar_node",
+      "name": "SOLAR node",
+      "type": "Shape",
+      "transform": {
+        "x": 360,
+        "y": 110,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Ellipse",
+        "width": 48,
+        "height": 48
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#F3D68E",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 9
+    },
+    {
+      "id": "solar_icon_0",
+      "name": "SOLAR icon 1",
+      "type": "Shape",
+      "transform": {
+        "x": 360,
+        "y": 110,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Ellipse",
+        "width": 7.333333333333333,
+        "height": 7.333333333333333
+      },
+      "style": {
+        "fill": {
+          "type": "None"
+        },
+        "stroke": {
+          "color": "#E0A82E",
+          "width": 1.6,
+          "lineCap": "round",
+          "lineJoin": "round"
+        }
+      },
+      "zIndex": 10
+    },
+    {
+      "id": "solar_icon_1",
+      "name": "SOLAR icon 2",
+      "type": "Shape",
+      "transform": {
+        "x": 360,
+        "y": 102.20833333333333,
+        "rotation": 90,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Line",
+        "width": 1.8333333333333333,
+        "height": 0
+      },
+      "style": {
+        "fill": {
+          "type": "None"
+        },
+        "stroke": {
+          "color": "#E0A82E",
+          "width": 1.6,
+          "lineCap": "round",
+          "lineJoin": "round"
+        }
+      },
+      "zIndex": 11
+    },
+    {
+      "id": "solar_icon_2",
+      "name": "SOLAR icon 3",
+      "type": "Shape",
+      "transform": {
+        "x": 360,
+        "y": 117.79166666666667,
+        "rotation": 90,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Line",
+        "width": 1.8333333333333333,
+        "height": 0
+      },
+      "style": {
+        "fill": {
+          "type": "None"
+        },
+        "stroke": {
+          "color": "#E0A82E",
+          "width": 1.6,
+          "lineCap": "round",
+          "lineJoin": "round"
+        }
+      },
+      "zIndex": 12
+    },
+    {
+      "id": "solar_icon_3",
+      "name": "SOLAR icon 4",
+      "type": "Shape",
+      "transform": {
+        "x": 352.2083333333333,
+        "y": 110,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Line",
+        "width": 1.8333333333333333,
+        "height": 0
+      },
+      "style": {
+        "fill": {
+          "type": "None"
+        },
+        "stroke": {
+          "color": "#E0A82E",
+          "width": 1.6,
+          "lineCap": "round",
+          "lineJoin": "round"
+        }
+      },
+      "zIndex": 13
+    },
+    {
+      "id": "solar_icon_4",
+      "name": "SOLAR icon 5",
+      "type": "Shape",
+      "transform": {
+        "x": 367.7916666666667,
+        "y": 110,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Line",
+        "width": 1.8333333333333333,
+        "height": 0
+      },
+      "style": {
+        "fill": {
+          "type": "None"
+        },
+        "stroke": {
+          "color": "#E0A82E",
+          "width": 1.6,
+          "lineCap": "round",
+          "lineJoin": "round"
+        }
+      },
+      "zIndex": 14
+    },
+    {
+      "id": "solar_icon_5",
+      "name": "SOLAR icon 6",
+      "type": "Shape",
+      "transform": {
+        "x": 354.5,
+        "y": 104.5,
+        "rotation": 45,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Line",
+        "width": 1.8149074050454723,
+        "height": 0
+      },
+      "style": {
+        "fill": {
+          "type": "None"
+        },
+        "stroke": {
+          "color": "#E0A82E",
+          "width": 1.6,
+          "lineCap": "round",
+          "lineJoin": "round"
+        }
+      },
+      "zIndex": 15
+    },
+    {
+      "id": "solar_icon_6",
+      "name": "SOLAR icon 7",
+      "type": "Shape",
+      "transform": {
+        "x": 365.5,
+        "y": 115.5,
+        "rotation": 45,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Line",
+        "width": 1.81490740504547,
+        "height": 0
+      },
+      "style": {
+        "fill": {
+          "type": "None"
+        },
+        "stroke": {
+          "color": "#E0A82E",
+          "width": 1.6,
+          "lineCap": "round",
+          "lineJoin": "round"
+        }
+      },
+      "zIndex": 16
+    },
+    {
+      "id": "solar_icon_7",
+      "name": "SOLAR icon 8",
+      "type": "Shape",
+      "transform": {
+        "x": 354.5,
+        "y": 115.5,
+        "rotation": -44.999999999999964,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Line",
+        "width": 1.8149074050454714,
+        "height": 0
+      },
+      "style": {
+        "fill": {
+          "type": "None"
+        },
+        "stroke": {
+          "color": "#E0A82E",
+          "width": 1.6,
+          "lineCap": "round",
+          "lineJoin": "round"
+        }
+      },
+      "zIndex": 17
+    },
+    {
+      "id": "solar_icon_8",
+      "name": "SOLAR icon 9",
+      "type": "Shape",
+      "transform": {
+        "x": 365.5,
+        "y": 104.5,
+        "rotation": -45.000000000000036,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Line",
+        "width": 1.8149074050454714,
+        "height": 0
+      },
+      "style": {
+        "fill": {
+          "type": "None"
+        },
+        "stroke": {
+          "color": "#E0A82E",
+          "width": 1.6,
+          "lineCap": "round",
+          "lineJoin": "round"
+        }
+      },
+      "zIndex": 18
+    },
+    {
+      "id": "solar_label",
+      "name": "SOLAR label",
+      "type": "Shape",
+      "transform": {
+        "x": 360,
+        "y": 20,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Text",
+        "text": "SOLAR",
+        "fontSize": 10,
+        "fontFamily": "Inter",
+        "fontWeight": 500,
+        "textAlign": "center",
+        "width": 160,
+        "height": 14,
+        "letterSpacing": 0.8,
+        "textVerticalAlign": "middle"
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#8A8A8A",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 19
+    },
+    {
+      "id": "solar_value",
+      "name": "SOLAR value",
+      "type": "Shape",
+      "transform": {
+        "x": 340,
+        "y": 40,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Text",
+        "text": "0.00",
+        "fontSize": 16,
+        "fontFamily": "JetBrains Mono",
+        "fontWeight": 600,
+        "textAlign": "left",
+        "width": 120,
+        "height": 22,
+        "letterSpacing": 0,
+        "textVerticalAlign": "middle"
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#1A1A1A",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 20
+    },
+    {
+      "id": "solar_unit",
+      "name": "SOLAR unit",
+      "type": "Shape",
+      "transform": {
+        "x": 390,
+        "y": 41.5,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Text",
+        "text": "kW",
+        "fontSize": 11,
+        "fontFamily": "Inter",
+        "fontWeight": 500,
+        "textAlign": "left",
+        "width": 120,
+        "height": 15,
+        "letterSpacing": 0,
+        "textVerticalAlign": "middle"
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#8A8A8A",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 21
+    },
+    {
+      "id": "solar_status",
+      "name": "SOLAR status",
+      "type": "Shape",
+      "transform": {
+        "x": 360,
+        "y": 59,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Text",
+        "text": "",
+        "fontSize": 10,
+        "fontFamily": "Inter",
+        "fontWeight": 400,
+        "textAlign": "center",
+        "width": 160,
+        "height": 14,
+        "letterSpacing": 0,
+        "textVerticalAlign": "middle"
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#9A9A9A",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 22
+    },
+    {
+      "id": "grid_node",
+      "name": "GRID node",
+      "type": "Shape",
+      "transform": {
+        "x": 110,
+        "y": 280,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Ellipse",
+        "width": 48,
+        "height": 48
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#B9CFE3",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 23
+    },
+    {
+      "id": "grid_icon_0",
+      "name": "GRID icon 1",
+      "type": "Shape",
+      "transform": {
+        "x": 107.25,
+        "y": 273.8125,
+        "rotation": 90,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Line",
+        "width": 4.125,
+        "height": 0
+      },
+      "style": {
+        "fill": {
+          "type": "None"
+        },
+        "stroke": {
+          "color": "#3F6E99",
+          "width": 1.6,
+          "lineCap": "round",
+          "lineJoin": "round"
+        }
+      },
+      "zIndex": 24
+    },
+    {
+      "id": "grid_icon_1",
+      "name": "GRID icon 2",
+      "type": "Shape",
+      "transform": {
+        "x": 112.75,
+        "y": 273.8125,
+        "rotation": 90,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Line",
+        "width": 4.125,
+        "height": 0
+      },
+      "style": {
+        "fill": {
+          "type": "None"
+        },
+        "stroke": {
+          "color": "#3F6E99",
+          "width": 1.6,
+          "lineCap": "round",
+          "lineJoin": "round"
+        }
+      },
+      "zIndex": 25
+    },
+    {
+      "id": "grid_icon_2",
+      "name": "GRID icon 3",
+      "type": "Shape",
+      "transform": {
+        "x": 110,
+        "y": 279.3125,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Path",
+        "data": "M104.96 275.88 L115.04 275.88 L115.04 279.08 L112.29 282.75 L107.71 282.75 L104.96 279.08 L104.96 275.88",
+        "width": 10.083333333333343,
+        "height": 6.875,
+        "is_closed": false
+      },
+      "style": {
+        "fill": {
+          "type": "None"
+        },
+        "stroke": {
+          "color": "#3F6E99",
+          "width": 1.6,
+          "lineCap": "round",
+          "lineJoin": "round"
+        }
+      },
+      "zIndex": 26
+    },
+    {
+      "id": "grid_icon_3",
+      "name": "GRID icon 4",
+      "type": "Shape",
+      "transform": {
+        "x": 110,
+        "y": 285.7291666666667,
+        "rotation": 90,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Line",
+        "width": 5.958333333333333,
+        "height": 0
+      },
+      "style": {
+        "fill": {
+          "type": "None"
+        },
+        "stroke": {
+          "color": "#3F6E99",
+          "width": 1.6,
+          "lineCap": "round",
+          "lineJoin": "round"
+        }
+      },
+      "zIndex": 27
+    },
+    {
+      "id": "grid_label",
+      "name": "GRID label",
+      "type": "Shape",
+      "transform": {
+        "x": 110,
+        "y": 320,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Text",
+        "text": "GRID",
+        "fontSize": 10,
+        "fontFamily": "Inter",
+        "fontWeight": 500,
+        "textAlign": "center",
+        "width": 160,
+        "height": 14,
+        "letterSpacing": 0.8,
+        "textVerticalAlign": "middle"
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#8A8A8A",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 28
+    },
+    {
+      "id": "grid_value",
+      "name": "GRID value",
+      "type": "Shape",
+      "transform": {
+        "x": 90,
+        "y": 340,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Text",
+        "text": "0.00",
+        "fontSize": 16,
+        "fontFamily": "JetBrains Mono",
+        "fontWeight": 600,
+        "textAlign": "left",
+        "width": 120,
+        "height": 22,
+        "letterSpacing": 0,
+        "textVerticalAlign": "middle"
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#1A1A1A",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 29
+    },
+    {
+      "id": "grid_unit",
+      "name": "GRID unit",
+      "type": "Shape",
+      "transform": {
+        "x": 140,
+        "y": 341.5,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Text",
+        "text": "kW",
+        "fontSize": 11,
+        "fontFamily": "Inter",
+        "fontWeight": 500,
+        "textAlign": "left",
+        "width": 120,
+        "height": 15,
+        "letterSpacing": 0,
+        "textVerticalAlign": "middle"
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#8A8A8A",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 30
+    },
+    {
+      "id": "grid_status",
+      "name": "GRID status",
+      "type": "Shape",
+      "transform": {
+        "x": 110,
+        "y": 359,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Text",
+        "text": "",
+        "fontSize": 10,
+        "fontFamily": "Inter",
+        "fontWeight": 400,
+        "textAlign": "center",
+        "width": 160,
+        "height": 14,
+        "letterSpacing": 0,
+        "textVerticalAlign": "middle"
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#9A9A9A",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 31
+    },
+    {
+      "id": "load_node",
+      "name": "LOAD node",
+      "type": "Shape",
+      "transform": {
+        "x": 610,
+        "y": 280,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Ellipse",
+        "width": 48,
+        "height": 48
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#E4B09A",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 32
+    },
+    {
+      "id": "load_icon_0",
+      "name": "LOAD icon 1",
+      "type": "Shape",
+      "transform": {
+        "x": 610,
+        "y": 275.41666666666663,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Path",
+        "data": "M602.21 278.63 L610.00 272.21 L617.79 278.63",
+        "width": 15.583333333333258,
+        "height": 6.416666666666686,
+        "is_closed": false
+      },
+      "style": {
+        "fill": {
+          "type": "None"
+        },
+        "stroke": {
+          "color": "#9C4A2A",
+          "width": 1.6,
+          "lineCap": "round",
+          "lineJoin": "round"
+        }
+      },
+      "zIndex": 33
+    },
+    {
+      "id": "load_icon_1",
+      "name": "LOAD icon 2",
+      "type": "Shape",
+      "transform": {
+        "x": 610,
+        "y": 282.52083333333337,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Path",
+        "data": "M604.04 277.25 L604.04 287.79 L615.96 287.79 L615.96 277.25",
+        "width": 11.916666666666742,
+        "height": 10.541666666666686,
+        "is_closed": false
+      },
+      "style": {
+        "fill": {
+          "type": "None"
+        },
+        "stroke": {
+          "color": "#9C4A2A",
+          "width": 1.6,
+          "lineCap": "round",
+          "lineJoin": "round"
+        }
+      },
+      "zIndex": 34
+    },
+    {
+      "id": "load_icon_2",
+      "name": "LOAD icon 3",
+      "type": "Shape",
+      "transform": {
+        "x": 610,
+        "y": 285.27083333333337,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Path",
+        "data": "M608.17 287.79 L608.17 282.75 L611.83 282.75 L611.83 287.79",
+        "width": 3.6666666666667425,
+        "height": 5.041666666666686,
+        "is_closed": false
+      },
+      "style": {
+        "fill": {
+          "type": "None"
+        },
+        "stroke": {
+          "color": "#9C4A2A",
+          "width": 1.6,
+          "lineCap": "round",
+          "lineJoin": "round"
+        }
+      },
+      "zIndex": 35
+    },
+    {
+      "id": "load_label",
+      "name": "LOAD label",
+      "type": "Shape",
+      "transform": {
+        "x": 610,
+        "y": 320,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Text",
+        "text": "LOAD",
+        "fontSize": 10,
+        "fontFamily": "Inter",
+        "fontWeight": 500,
+        "textAlign": "center",
+        "width": 160,
+        "height": 14,
+        "letterSpacing": 0.8,
+        "textVerticalAlign": "middle"
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#8A8A8A",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 36
+    },
+    {
+      "id": "load_value",
+      "name": "LOAD value",
+      "type": "Shape",
+      "transform": {
+        "x": 590,
+        "y": 340,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Text",
+        "text": "0.00",
+        "fontSize": 16,
+        "fontFamily": "JetBrains Mono",
+        "fontWeight": 600,
+        "textAlign": "left",
+        "width": 120,
+        "height": 22,
+        "letterSpacing": 0,
+        "textVerticalAlign": "middle"
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#1A1A1A",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 37
+    },
+    {
+      "id": "load_unit",
+      "name": "LOAD unit",
+      "type": "Shape",
+      "transform": {
+        "x": 640,
+        "y": 341.5,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Text",
+        "text": "kW",
+        "fontSize": 11,
+        "fontFamily": "Inter",
+        "fontWeight": 500,
+        "textAlign": "left",
+        "width": 120,
+        "height": 15,
+        "letterSpacing": 0,
+        "textVerticalAlign": "middle"
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#8A8A8A",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 38
+    },
+    {
+      "id": "load_status",
+      "name": "LOAD status",
+      "type": "Shape",
+      "transform": {
+        "x": 610,
+        "y": 359,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Text",
+        "text": "",
+        "fontSize": 10,
+        "fontFamily": "Inter",
+        "fontWeight": 400,
+        "textAlign": "center",
+        "width": 160,
+        "height": 14,
+        "letterSpacing": 0,
+        "textVerticalAlign": "middle"
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#9A9A9A",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 39
+    },
+    {
+      "id": "battery_track",
+      "name": "Battery ring track",
+      "type": "Shape",
+      "transform": {
+        "x": 360,
+        "y": 450,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Ellipse",
+        "width": 44,
+        "height": 44
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#000000",
+          "opacity": 0
+        },
+        "stroke": {
+          "color": "#DCE9E3",
+          "width": 4
+        }
+      },
+      "zIndex": 40
+    },
+    {
+      "id": "battery_ring",
+      "name": "Battery ring",
+      "type": "Shape",
+      "transform": {
+        "x": 360,
+        "y": 450,
+        "rotation": -90,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Ellipse",
+        "width": 44,
+        "height": 44
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#000000",
+          "opacity": 0
+        },
+        "stroke": {
+          "color": "#2F6B5E",
+          "width": 4,
+          "lineCap": "round",
+          "trimStart": 0,
+          "trimEnd": 0.32,
+          "trimOffset": 0
+        }
+      },
+      "zIndex": 41
+    },
+    {
+      "id": "battery_icon_0",
+      "name": "BATTERY icon 1",
+      "type": "Shape",
+      "transform": {
+        "x": 360,
+        "y": 450.9166666666667,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Rectangle",
+        "width": 9.166666666666666,
+        "height": 14.666666666666666,
+        "corner_radius": [
+          1.8333333333333333,
+          1.8333333333333333,
+          1.8333333333333333,
+          1.8333333333333333
+        ]
+      },
+      "style": {
+        "fill": {
+          "type": "None"
+        },
+        "stroke": {
+          "color": "#2F6B5E",
+          "width": 1.6,
+          "lineCap": "round",
+          "lineJoin": "round"
+        }
+      },
+      "zIndex": 42
+    },
+    {
+      "id": "battery_icon_1",
+      "name": "BATTERY icon 2",
+      "type": "Shape",
+      "transform": {
+        "x": 360,
+        "y": 441.2916666666667,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Line",
+        "width": 3.6666666666666665,
+        "height": 0
+      },
+      "style": {
+        "fill": {
+          "type": "None"
+        },
+        "stroke": {
+          "color": "#2F6B5E",
+          "width": 1.6,
+          "lineCap": "round",
+          "lineJoin": "round"
+        }
+      },
+      "zIndex": 43
+    },
+    {
+      "id": "battery_icon_2",
+      "name": "BATTERY icon 3",
+      "type": "Shape",
+      "transform": {
+        "x": 360,
+        "y": 449.5416666666667,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Line",
+        "width": 3.6666666666666665,
+        "height": 0
+      },
+      "style": {
+        "fill": {
+          "type": "None"
+        },
+        "stroke": {
+          "color": "#2F6B5E",
+          "width": 1.6,
+          "lineCap": "round",
+          "lineJoin": "round"
+        }
+      },
+      "zIndex": 44
+    },
+    {
+      "id": "battery_icon_3",
+      "name": "BATTERY icon 4",
+      "type": "Shape",
+      "transform": {
+        "x": 360,
+        "y": 452.75,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Line",
+        "width": 3.6666666666666665,
+        "height": 0
+      },
+      "style": {
+        "fill": {
+          "type": "None"
+        },
+        "stroke": {
+          "color": "#2F6B5E",
+          "width": 1.6,
+          "lineCap": "round",
+          "lineJoin": "round"
+        }
+      },
+      "zIndex": 45
+    },
+    {
+      "id": "battery_label",
+      "name": "BATTERY label",
+      "type": "Shape",
+      "transform": {
+        "x": 360,
+        "y": 490,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Text",
+        "text": "BATTERY",
+        "fontSize": 10,
+        "fontFamily": "Inter",
+        "fontWeight": 500,
+        "textAlign": "center",
+        "width": 160,
+        "height": 14,
+        "letterSpacing": 0.8,
+        "textVerticalAlign": "middle"
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#8A8A8A",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 46
+    },
+    {
+      "id": "battery_value",
+      "name": "BATTERY value",
+      "type": "Shape",
+      "transform": {
+        "x": 340,
+        "y": 510,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Text",
+        "text": "0.00",
+        "fontSize": 16,
+        "fontFamily": "JetBrains Mono",
+        "fontWeight": 600,
+        "textAlign": "left",
+        "width": 120,
+        "height": 22,
+        "letterSpacing": 0,
+        "textVerticalAlign": "middle"
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#1A1A1A",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 47
+    },
+    {
+      "id": "battery_unit",
+      "name": "BATTERY unit",
+      "type": "Shape",
+      "transform": {
+        "x": 390,
+        "y": 511.5,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Text",
+        "text": "%",
+        "fontSize": 11,
+        "fontFamily": "Inter",
+        "fontWeight": 500,
+        "textAlign": "left",
+        "width": 120,
+        "height": 15,
+        "letterSpacing": 0,
+        "textVerticalAlign": "middle"
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#8A8A8A",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 48
+    },
+    {
+      "id": "battery_status",
+      "name": "BATTERY status",
+      "type": "Shape",
+      "transform": {
+        "x": 360,
+        "y": 529,
+        "rotation": 0,
+        "scale_x": 1,
+        "scale_y": 1,
+        "opacity": 1
+      },
+      "geometry": {
+        "type": "Text",
+        "text": "",
+        "fontSize": 10,
+        "fontFamily": "Inter",
+        "fontWeight": 400,
+        "textAlign": "center",
+        "width": 160,
+        "height": 14,
+        "letterSpacing": 0,
+        "textVerticalAlign": "middle"
+      },
+      "style": {
+        "fill": {
+          "type": "Solid",
+          "color": "#9A9A9A",
+          "opacity": 1
+        },
+        "stroke": {
+          "color": "transparent",
+          "width": 0
+        }
+      },
+      "zIndex": 49
+    }
+  ],
+  "lastModified": 1792096962406
+}