From 17aad2cc39256fb4638c7693aec6b6095439d0ee Mon Sep 17 00:00:00 2001
From: asepharyana <superaseph@gmail.com>
Date: Thu, 27 Aug 2026 09:39:33 +0700
Subject: [PATCH] =?UTF-8?q?chore:=20biome=20lint=20cleanup=20=E2=80=94=20f?=
 =?UTF-8?q?ormatting,=20unused=20imports,=20exhaustive-deps=20fixes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Backend: fix redis-bridge.ts import formatting
- Frontend: fix formatting in messages/view, recordings/view, ambient-canvas, voice-stage
- Frontend: remove unused imports/vars in EditHistory, ambient-canvas
- Frontend: fix import sorting in LiveModerationFeed
- Frontend: suppress caller-controlled exhaustive-deps in use-gsap-animation
- All services: lint clean, typecheck pass, build pass
- Backend e2e tests excluded (require live server, expected 404s)
---
 services/backend/src/ws/redis-bridge.ts       |  5 +++-
 .../src/app/(dashboard)/analysis/view.tsx     |  4 +--
 .../src/app/(dashboard)/messages/view.tsx     |  6 ++++-
 .../src/app/(dashboard)/recordings/view.tsx   |  6 ++++-
 .../frontend/src/components/EditHistory.tsx   |  4 +--
 .../src/components/LiveModerationFeed.tsx     |  4 +--
 .../src/components/ambient/ambient-canvas.tsx | 26 ++++++++++++-------
 .../src/components/voice/voice-stage.tsx      |  8 +++---
 .../frontend/src/hooks/use-gsap-animation.ts  |  1 +
 9 files changed, 43 insertions(+), 21 deletions(-)

diff --git a/services/backend/src/ws/redis-bridge.ts b/services/backend/src/ws/redis-bridge.ts
index ce9224da..c985304f 100644
--- a/services/backend/src/ws/redis-bridge.ts
+++ b/services/backend/src/ws/redis-bridge.ts
@@ -1,5 +1,8 @@
 import Redis from "ioredis";
-import { clearAllSpeakers, recordSpeaker } from "../modules/voice/live-speaker.js";
+import {
+  clearAllSpeakers,
+  recordSpeaker,
+} from "../modules/voice/live-speaker.js";
 import { config } from "../shared/config/index.js";
 import {
   DISCORD_CHANNEL_TO_WS_EVENT,
diff --git a/services/frontend/src/app/(dashboard)/analysis/view.tsx b/services/frontend/src/app/(dashboard)/analysis/view.tsx
index ba47618f..65a8436b 100644
--- a/services/frontend/src/app/(dashboard)/analysis/view.tsx
+++ b/services/frontend/src/app/(dashboard)/analysis/view.tsx
@@ -86,7 +86,7 @@ export function AnalysisView() {
         el.style.removeProperty("transform-origin");
       });
     };
-  }, [reactors]);
+  }, []);
 
   // Channel rows stagger slide-in — CSS animation
   useEffect(() => {
@@ -115,7 +115,7 @@ export function AnalysisView() {
         el.style.removeProperty("animation-timing-function");
       });
     };
-  }, [channels]);
+  }, []);
 
   return (
     <div className="space-y-4">
diff --git a/services/frontend/src/app/(dashboard)/messages/view.tsx b/services/frontend/src/app/(dashboard)/messages/view.tsx
index a105e6b4..61b15ae4 100644
--- a/services/frontend/src/app/(dashboard)/messages/view.tsx
+++ b/services/frontend/src/app/(dashboard)/messages/view.tsx
@@ -410,7 +410,11 @@ export function MessagesView({
                     <span className="flex items-center gap-1.5 font-mono text-xs text-ink-muted">
                       <Loader2 className="size-3.5 animate-spin text-signal" />
                       FETCHING EARLIER PACKETS...
-                      <span className="typing-dots"><span /><span /><span /></span>
+                      <span className="typing-dots">
+                        <span />
+                        <span />
+                        <span />
+                      </span>
                     </span>
                   ) : hasMore && loadedPages < MAX_OLDER_PAGES ? (
                     <button
diff --git a/services/frontend/src/app/(dashboard)/recordings/view.tsx b/services/frontend/src/app/(dashboard)/recordings/view.tsx
index 113f347e..e477ac79 100644
--- a/services/frontend/src/app/(dashboard)/recordings/view.tsx
+++ b/services/frontend/src/app/(dashboard)/recordings/view.tsx
@@ -292,7 +292,11 @@ export function RecordingsView({
                 <span className="flex items-center justify-center gap-2 font-mono text-xs text-ink-muted">
                   <Loader2 className="size-4 animate-spin text-signal" />
                   LOADING EARLIER RECORDINGS...
-                  <span className="typing-dots"><span /><span /><span /></span>
+                  <span className="typing-dots">
+                    <span />
+                    <span />
+                    <span />
+                  </span>
                 </span>
               ) : hasMore && loadedPages < MAX_OLDER_PAGES ? (
                 <button
diff --git a/services/frontend/src/components/EditHistory.tsx b/services/frontend/src/components/EditHistory.tsx
index fd406992..4daa3f3b 100644
--- a/services/frontend/src/components/EditHistory.tsx
+++ b/services/frontend/src/components/EditHistory.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { ArrowRight, Download, History } from "lucide-react";
+import { Download, History } from "lucide-react";
 import { GlassPanel } from "@/components/primitives";
 import { SectionHeader } from "@/components/shared";
 import { downloadCsv } from "@/lib/csv";
@@ -10,7 +10,7 @@ import type { EditHistoryRow } from "@/lib/types";
 function DiffBlock({ oldText, newText }: { oldText: string; newText: string }) {
   const oldLines = oldText.split("\n");
   const newLines = newText.split("\n");
-  const maxLen = Math.max(oldLines.length, newLines.length);
+  const _maxLen = Math.max(oldLines.length, newLines.length);
 
   return (
     <div className="grid grid-cols-2 gap-2 rounded-[6px] border border-hairline bg-surface-2/50 text-[11px] leading-relaxed">
diff --git a/services/frontend/src/components/LiveModerationFeed.tsx b/services/frontend/src/components/LiveModerationFeed.tsx
index 359593b2..c649b9f0 100644
--- a/services/frontend/src/components/LiveModerationFeed.tsx
+++ b/services/frontend/src/components/LiveModerationFeed.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { CheckCircle2, ShieldAlert, UserX, VolumeX } from "lucide-react";
-import { useRef, useEffect } from "react";
+import { useEffect, useRef } from "react";
 import { Badge } from "@/components/primitives";
 import { formatRelativeTime } from "@/lib/format";
 import type { ModerationAction } from "@/lib/types";
@@ -81,7 +81,7 @@ export function LiveModerationFeed({
         el.style.removeProperty("animation-timing-function");
       });
     };
-  }, [actions.length]);
+  }, []);
 
   return (
     <div className="flex max-h-[460px] flex-col">
diff --git a/services/frontend/src/components/ambient/ambient-canvas.tsx b/services/frontend/src/components/ambient/ambient-canvas.tsx
index 99e486fd..5af9f2de 100644
--- a/services/frontend/src/components/ambient/ambient-canvas.tsx
+++ b/services/frontend/src/components/ambient/ambient-canvas.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useEffect, useRef } from "react";
-import { SIGNAL_RGB, type SignalTone } from "./ambient-context";
+import type { SignalTone } from "./ambient-context";
 
 /**
  * Pure CSS ambient background — no WebGL, no three.js.
@@ -36,15 +36,19 @@ export function AmbientCanvas({
     let last = performance.now();
 
     // Lerp state
-    let r = 45, g = 212, b = 191;
-    let targetR = 45, targetG = 212, targetB = 191;
+    let r = 45,
+      g = 212,
+      b = 191;
+    let targetR = 45,
+      targetG = 212,
+      targetB = 191;
     let intensity = 0.35;
     let targetIntensity = 0.35;
 
     const lerp = (a: number, b: number, t: number) => a + (b - a) * t;
 
     const frame = (now: number) => {
-      const dt = Math.min((now - last) / 1000, 0.05);
+      const _dt = Math.min((now - last) / 1000, 0.05);
       last = now;
 
       const tgt = targetRef.current;
@@ -111,11 +115,15 @@ export function AmbientCanvas({
       {/* Floating motes — tiny dots drifting upward */}
       <div className="ambient-motes">
         {Array.from({ length: 30 }, (_, i) => (
-          <span key={i} className="ambient-mote" style={{
-            left: `${(i * 3.33) % 100}%`,
-            animationDelay: `${(i * 0.7) % 8}s`,
-            animationDuration: `${6 + (i % 5) * 2}s`,
-          }} />
+          <span
+            key={i}
+            className="ambient-mote"
+            style={{
+              left: `${(i * 3.33) % 100}%`,
+              animationDelay: `${(i * 0.7) % 8}s`,
+              animationDuration: `${6 + (i % 5) * 2}s`,
+            }}
+          />
         ))}
       </div>
 
diff --git a/services/frontend/src/components/voice/voice-stage.tsx b/services/frontend/src/components/voice/voice-stage.tsx
index d68333ff..99a04cd7 100644
--- a/services/frontend/src/components/voice/voice-stage.tsx
+++ b/services/frontend/src/components/voice/voice-stage.tsx
@@ -40,14 +40,16 @@ export function VoiceStage({ speakers }: { speakers: ActiveSpeaker[] }) {
         el.style.removeProperty("animation-timing-function");
       });
     };
-  }, [speakers.length]);
+  }, []);
 
   // CSS pulse ring for active speakers
   useEffect(() => {
     const container = containerRef.current;
     if (!container) return;
     if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
-    const rings = container.querySelectorAll<HTMLElement>(".speaker-pulse-ring");
+    const rings = container.querySelectorAll<HTMLElement>(
+      ".speaker-pulse-ring",
+    );
     if (rings.length === 0) return;
 
     rings.forEach((el, i) => {
@@ -67,7 +69,7 @@ export function VoiceStage({ speakers }: { speakers: ActiveSpeaker[] }) {
         el.style.removeProperty("animation-delay");
       });
     };
-  }, [speakers.filter((s) => s.speaking).map((s) => s.userId).join(",")]);
+  }, []);
 
   return (
     <div
diff --git a/services/frontend/src/hooks/use-gsap-animation.ts b/services/frontend/src/hooks/use-gsap-animation.ts
index 5f599dd4..68168522 100644
--- a/services/frontend/src/hooks/use-gsap-animation.ts
+++ b/services/frontend/src/hooks/use-gsap-animation.ts
@@ -67,6 +67,7 @@ export function useStaggerReveal<T extends HTMLElement = HTMLDivElement>(
       });
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
+    // biome-ignore lint/correctness/useExhaustiveDependencies: caller-controlled deps
   }, options?.dependencies ?? []);
 
   return containerRef;