diff --git a/compose/web/Caddyfile b/compose/web/Caddyfile
index f476be1..57a7356 100644
--- a/compose/web/Caddyfile
+++ b/compose/web/Caddyfile
@@ -1,5 +1,27 @@
 :80 {
 	root * /srv
-	file_server
-	try_files {path} /index.html
+
+	# /wails/runtime.js is injected by the Wails desktop wrapper, which serves
+	# the same dist/ from its own asset handler. In a browser it does not
+	# exist, and the SPA fallback below answered it with index.html — so the
+	# browser parsed "<!doctype html>" as JavaScript and threw
+	# "SyntaxError: expected expression, got '<'" on every page load.
+	# Return a real 404 instead: the tag fails quietly, and the desktop app is
+	# unaffected because it never reaches this server.
+	handle /wails/* {
+		error 404
+	}
+
+	# Same reasoning for any other asset: a missing .js/.css/.map answered with
+	# HTML is always a confusing parse error rather than an honest 404. Only
+	# real routes should fall through to the SPA.
+	@asset path_regexp \.(js|mjs|css|map|json|png|jpg|svg|ico|woff2?)$
+	handle @asset {
+		file_server
+	}
+
+	handle {
+		file_server
+		try_files {path} /index.html
+	}
 }
diff --git a/web/src/lib/components/EntityDetailContent.svelte b/web/src/lib/components/EntityDetailContent.svelte
index 309561e..8cf90ef 100644
--- a/web/src/lib/components/EntityDetailContent.svelte
+++ b/web/src/lib/components/EntityDetailContent.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { onMount, tick } from 'svelte'
+  import { onMount, tick, untrack } from 'svelte'
   import uPlot from 'uplot'
   import 'uplot/dist/uPlot.min.css'
   import { marked } from 'marked'
@@ -199,10 +199,17 @@
   // Lifecycle events (execution.completed/failed) refresh the list instead:
   // without that the row keeps its `running` badge and empty duration forever,
   // which only became visible once running executions were shown at all.
+  // untrack: this effect must depend ONLY on liveEvents. It reads `entity`,
+  // `executions` and `expandedExecution` and writes all three — refreshExecutions()
+  // assigns a fresh array, which re-triggered the effect, which refetched
+  // again, until Svelte aborted with effect_update_depth_exceeded.
   $effect(() => {
     const ev = $liveEvents[0]
     if (!ev) return
+    untrack(() => handleEvent(ev))
+  })
 
+  function handleEvent(ev: OikosEvent) {
     if (ev.type.startsWith('execution.')) {
       if (ev.type === 'execution.output') {
         const target = expandedExecution
@@ -235,7 +242,7 @@
     if (ev.type.startsWith('signal.') || ev.type.startsWith('coverage.')) {
       refreshSignals()
     }
-  })
+  }
 
   async function refreshSignals() {
     if (!entity) return
diff --git a/web/src/lib/components/FleetMap.svelte b/web/src/lib/components/FleetMap.svelte
index f2e1d12..b2e8422 100644
--- a/web/src/lib/components/FleetMap.svelte
+++ b/web/src/lib/components/FleetMap.svelte
@@ -11,7 +11,7 @@
 </script>
 
 <script lang="ts">
-  import { onMount, onDestroy } from 'svelte'
+  import { onMount, onDestroy, untrack } from 'svelte'
   import { fetchGraph, type GraphView, type Entity } from '$lib/api'
   import { liveEvents, subscribeEvents } from '$lib/stores/events'
   import { isHealthEvent, applyHealthEvent, healthFromEvent } from '$lib/health'
@@ -61,26 +61,32 @@
   // exist. Health does not: the event carries the new value, so the node is
   // patched in place instead of pulling the entire fleet graph (and its
   // layout) down again for one colour change.
+  // untrack: this effect must depend ONLY on liveEvents. It both reads and
+  // writes `graph`, and the health patch builds a new object every time — so
+  // tracking that read made each write re-trigger the effect, which wrote
+  // again, until Svelte aborted with effect_update_depth_exceeded.
   $effect(() => {
     const ev = $liveEvents[0]
     if (!ev) return
-    if (ev.type.startsWith('entity.') || ev.type.startsWith('relationship.')) {
-      load()
-      return
-    }
-    if (isHealthEvent(ev) && graph) {
-      const health = healthFromEvent(ev)
-      if (!health || !ev.entity_id) return
-      // healthOf() reads graph.health[id] in preference to the node's own
-      // field (include=status attaches it as a side map), so patching only
-      // the nodes would leave the rendered colour unchanged. Patch both.
-      const nodes = applyHealthEvent(graph.nodes, ev)
-      graph = {
-        ...graph,
-        nodes,
-        health: { ...(graph.health ?? {}), [ev.entity_id]: health as Health }
+    untrack(() => {
+      if (ev.type.startsWith('entity.') || ev.type.startsWith('relationship.')) {
+        load()
+        return
       }
-    }
+      if (isHealthEvent(ev) && graph) {
+        const health = healthFromEvent(ev)
+        if (!health || !ev.entity_id) return
+        // healthOf() reads graph.health[id] in preference to the node's own
+        // field (include=status attaches it as a side map), so patching only
+        // the nodes would leave the rendered colour unchanged. Patch both.
+        const nodes = applyHealthEvent(graph.nodes, ev)
+        graph = {
+          ...graph,
+          nodes,
+          health: { ...(graph.health ?? {}), [ev.entity_id]: health as Health }
+        }
+      }
+    })
   })
 
   // ─── interaction state ─────────────────────────────────────────────────
diff --git a/web/src/lib/components/UnifiedTimeline.svelte b/web/src/lib/components/UnifiedTimeline.svelte
index 09548a2..2b67426 100644
--- a/web/src/lib/components/UnifiedTimeline.svelte
+++ b/web/src/lib/components/UnifiedTimeline.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { untrack } from 'svelte'
   import { slide } from 'svelte/transition'
   import type { ActivityEntry } from '$lib/stores/activity'
   import type { PlanStep } from '$lib/api'
@@ -58,11 +59,16 @@
   // newest one is ever actually streaming.
   let liveOutputEls = $state<Record<string, HTMLPreElement | null>>({})
   $effect(() => {
-    for (const e of entries) {
-      if (!e.liveOutput) continue
-      const el = liveOutputEls[e.id]
-      if (el) el.scrollTop = el.scrollHeight
-    }
+    // Depend on entries only. liveOutputEls is written by bind:this, so
+    // tracking it here would let a re-render re-trigger this effect.
+    const current = entries
+    untrack(() => {
+      for (const e of current) {
+        if (!e.liveOutput) continue
+        const el = liveOutputEls[e.id]
+        if (el) el.scrollTop = el.scrollHeight
+      }
+    })
   })
 
   function toggleTool(id: string) {
diff --git a/web/src/pages/KnowledgeBase.svelte b/web/src/pages/KnowledgeBase.svelte
index e7989fa..4bb9613 100644
--- a/web/src/pages/KnowledgeBase.svelte
+++ b/web/src/pages/KnowledgeBase.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { onMount } from 'svelte'
+  import { onMount, untrack } from 'svelte'
   import {
     fetchAllEntities,
     fetchOntology,
@@ -194,7 +194,10 @@
       loadEntities()
       return
     }
-    if (isHealthEvent(ev)) allEntities = applyHealthEvent(allEntities, ev)
+    // untrack: reads and writes allEntities. applyHealthEvent returns the
+    // same reference when nothing changed so it would settle, but relying on
+    // that to break a feedback loop is too subtle to leave implicit.
+    if (isHealthEvent(ev)) untrack(() => (allEntities = applyHealthEvent(allEntities, ev)))
   })
 
   const filteredEntities = $derived.by(() => {
