From a4c0435b5694bd10a20244bcc2e5dc8c6a1c7b79 Mon Sep 17 00:00:00 2001
From: Hibryda <hibryda@protonmail.com>
Date: Mon, 23 Mar 2026 21:16:54 +0100
Subject: [PATCH] fix(electrobun): untrack blink+session timer writes to
 prevent effect_update_depth_exceeded

---
 ui-electrobun/src/mainview/App.svelte | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/ui-electrobun/src/mainview/App.svelte b/ui-electrobun/src/mainview/App.svelte
index 36fa84b..e64d573 100644
--- a/ui-electrobun/src/mainview/App.svelte
+++ b/ui-electrobun/src/mainview/App.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { onMount } from 'svelte';
+  import { onMount, untrack } from 'svelte';
   import ProjectCard from './ProjectCard.svelte';
   import SettingsDrawer from './SettingsDrawer.svelte';
   import CommandPalette from './CommandPalette.svelte';
@@ -43,19 +43,20 @@
   let appReady      = $state(false);
   let sessionStart  = $state(Date.now());
 
-  // ── Blink timer ─────────────────────────────────────────────
+  // ── Blink timer (untracked — must not create reactive dependency) ────
   let blinkVisible = $state(true);
+  let _blinkId: ReturnType<typeof setInterval>;
   $effect(() => {
-    const id = setInterval(() => { blinkVisible = !blinkVisible; }, 500);
-    return () => clearInterval(id);
+    _blinkId = setInterval(() => { untrack(() => { blinkVisible = !blinkVisible; }); }, 500);
+    return () => clearInterval(_blinkId);
   });
 
-  // ── Session duration ────────────────────────────────────────
+  // ── Session duration (untracked) ──────────────────────────────
   let sessionDuration = $state('0m');
   $effect(() => {
     function update() {
       const mins = Math.floor((Date.now() - sessionStart) / 60000);
-      sessionDuration = mins < 60 ? `${mins}m` : `${Math.floor(mins / 60)}h ${mins % 60}m`;
+      untrack(() => { sessionDuration = mins < 60 ? `${mins}m` : `${Math.floor(mins / 60)}h ${mins % 60}m`; });
     }
     update();
     const id = setInterval(update, 10000);