From 4c2fe9b3ad0b1915b81f162549ea601ad14cbb13 Mon Sep 17 00:00:00 2001
From: Falkan <falkan@openclaw.local>
Date: Wed, 18 Mar 2026 20:18:30 -0400
Subject: [PATCH] fix: replace $effect with onMount for initial data load
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

$effect re-runs on any reactive state change — loadData/loadConfig both
write state, creating an infinite loop that hung the page under load.
---
 data/units.json               | 4 +++-
 src/routes/admin/+page.svelte | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/data/units.json b/data/units.json
index 4c041fe..738768a 100644
--- a/data/units.json
+++ b/data/units.json
@@ -117,7 +117,9 @@
       "id": "another-group",
       "label": "Another Group",
       "baseUnitId": "",
-      "toUniversal": 1
+      "toUniversal": 1,
+      "alwaysShowLabel": false,
+      "hidden": true
     }
   ]
 }
diff --git a/src/routes/admin/+page.svelte b/src/routes/admin/+page.svelte
index 3971f4f..67b41d6 100644
--- a/src/routes/admin/+page.svelte
+++ b/src/routes/admin/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { getContext } from 'svelte';
+  import { getContext, onMount } from 'svelte';
   import type { Unit, Group, UnitsData } from '$lib/types';
 
   const adminPath = getContext<string>('adminPath') ?? 'admin';
@@ -239,7 +239,7 @@
     expandedGroups = new Set([...expandedGroups, ...groups.map((g) => g.id)]);
   }
 
-  $effect(() => { loadData(); loadConfig(); });
+  onMount(() => { loadData(); loadConfig(); });
 
   async function extractError(res: Response, fallback: string): Promise<string> {
     const body = await res.json().catch(() => ({}));