From 3c911089c74ba1f785e642278784ada5cde4ec9e Mon Sep 17 00:00:00 2001
From: Charles Drani <cdrani@cdrani.local>
Date: Sat, 3 Jan 2026 23:39:05 -0700
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=90=9B=20fix:=20reconnect=20source=20?=
 =?UTF-8?q?node=20after=20cleanup=20in=20impulse=20reverb?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The impulse reverb (kick_ir, diffusor_ir, telephone_ir, muffler_ir)
was producing no audio output because cleanupEffectChain() disconnects
the source node but connectImpulseReverb() never reconnected it to
the gain node, breaking the audio chain.
---
 src/lib/audio-effects/audio-manager.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/lib/audio-effects/audio-manager.ts b/src/lib/audio-effects/audio-manager.ts
index c662c81f..3cd21d3c 100644
--- a/src/lib/audio-effects/audio-manager.ts
+++ b/src/lib/audio-effects/audio-manager.ts
@@ -273,6 +273,9 @@ export default class AudioManager {
         // TODO: Refactor to support multi-effect with impulse reverb wet/dry
         this.cleanupEffectChain()
 
+        // CRITICAL: Reconnect source to gain node after cleanup
+        this.source!.connect(this._gainNode!)
+
         const dryGainNode = this._audioContext.createGain()
         const wetGainNode = this._audioContext.createGain()
 

From 3a2abfcf3e215e97341316202d4e795fbe4fcf91 Mon Sep 17 00:00:00 2001
From: Charles Drani <cdrani@cdrani.local>
Date: Sat, 3 Jan 2026 23:40:28 -0700
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=92=84=20style:=20remove=20vertical?=
 =?UTF-8?q?=20separators=20from=20FXEQ=20and=20Speed=20views?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Simplify layout by removing vertical separator elements and
adjusting gap spacing for cleaner visual appearance.
---
 src/lib/components/views/FXEQ.svelte  | 4 +---
 src/lib/components/views/Speed.svelte | 7 +------
 2 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/src/lib/components/views/FXEQ.svelte b/src/lib/components/views/FXEQ.svelte
index 6e5a225c..4a364635 100644
--- a/src/lib/components/views/FXEQ.svelte
+++ b/src/lib/components/views/FXEQ.svelte
@@ -1,13 +1,11 @@
 <script lang="ts">
     import FX from '$lib/components/views/FX.svelte'
     import EQ from '$lib/components/views/EQ.svelte'
-    import { Separator } from '$lib/components/ui/separator'
 
     let { pip = false }: { pip?: boolean } = $props()
 </script>
 
-<div class="flex h-full w-full justify-center gap-x-2">
+<div class="flex h-full w-full justify-center gap-x-2.5">
     <FX {pip} />
-    <Separator orientation="vertical" class="h-full w-0.5" />
     <EQ {pip} />
 </div>
diff --git a/src/lib/components/views/Speed.svelte b/src/lib/components/views/Speed.svelte
index 3132906c..abb0c0c0 100644
--- a/src/lib/components/views/Speed.svelte
+++ b/src/lib/components/views/Speed.svelte
@@ -25,7 +25,7 @@
     })
 </script>
 
-<div class="relative columns-2 gap-x-4 space-y-3">
+<div class="columns-2 gap-x-2.5 space-y-3">
     <div class="flex h-48 flex-col">
         <PlaybackInput key="rate" list={$playbackStore.frequents.rate} />
         <Separator orientation="horizontal" class="!my-2 h-0.5" />
@@ -51,11 +51,6 @@
         </div>
     </div>
 
-    <Separator
-        orientation="vertical"
-        class="absolute -top-2 left-1/2 h-48 w-0.5 -translate-x-1/2"
-    />
-
     <div class="flex h-48 flex-col">
         <PlaybackInput key="pitch" list={$playbackStore.frequents.pitch} />
         <Separator orientation="horizontal" class="!my-2 h-0.5" />