From 23b45690caac9a4bec56d28e76bd187fa6cd8985 Mon Sep 17 00:00:00 2001
From: MythEclipse <asepharyanalm001@gmail.com>
Date: Sat, 13 Jun 2026 19:46:56 +0700
Subject: [PATCH] chore(services): update components based on recent changes

Changes:
 services/backend/src/http/app.ts | 22 ++++++++--------
 services/frontend/src/App.tsx    | 81 ++++++++++++++++++++++++-----------------------------------
 2 files changed, 43 insertions(+), 60 deletions(-)
---
 services/backend/src/http/app.ts | 22 ++++-----
 services/frontend/src/App.tsx    | 81 +++++++++++++-------------------
 2 files changed, 43 insertions(+), 60 deletions(-)

diff --git a/services/backend/src/http/app.ts b/services/backend/src/http/app.ts
index 07d1f3c..f83f9d7 100644
--- a/services/backend/src/http/app.ts
+++ b/services/backend/src/http/app.ts
@@ -19,13 +19,11 @@ import { createUiStateRouter } from "../modules/ui-state/ui-state.routes.js";
 import { createGuildsRouter } from "../modules/voice/guilds.routes.js";
 import { createVoiceRouter } from "../modules/voice/voice.routes.js";
 import {
-  adminAuth,
   errorHandler,
 } from "../shared/middlewares/index.js";
 import { config } from "../shared/config/index.js";
 
 const ADMIN_PASSWORD = config.ADMIN_PASSWORD || "admin";
-const requireAuth = adminAuth(ADMIN_PASSWORD);
 
 const logger = createChildLogger("http.app");
 
@@ -75,17 +73,17 @@ export function createHttpApp(): Express {
   app.use("/api", createConfigRouter());
   app.use("/api", createDashboardRouter());
 
-  // Protected routes — require auth (routers define full /api/… paths internally)
-  app.use("/api", requireAuth, createMessagesRouter());
-  app.use("/api", requireAuth, createAnalysisRouter());
-  app.use("/api", requireAuth, createMascotChatRouter());
-  app.use("/api", requireAuth, createMediaRouter());
-  app.use("/api", requireAuth, createVoiceRouter());
-  app.use("/api", requireAuth, createRecordingsRouter());
-  app.use("/api", requireAuth, createUiStateRouter());
+  // Protected routes — all routes are now public
+  app.use("/api", createMessagesRouter());
+  app.use("/api", createAnalysisRouter());
+  app.use("/api", createMascotChatRouter());
+  app.use("/api", createMediaRouter());
+  app.use("/api", createVoiceRouter());
+  app.use("/api", createRecordingsRouter());
+  app.use("/api", createUiStateRouter());
 
-  // Guilds routes (must be before catch-all, after other /api routes)
-  app.use("/api/guilds", requireAuth, createGuildsRouter());
+  // Guilds routes
+  app.use("/api/guilds", createGuildsRouter());
 
   // 404 handler
   app.use((_req: Request, res: Response) => {
diff --git a/services/frontend/src/App.tsx b/services/frontend/src/App.tsx
index f654e08..8e8639b 100644
--- a/services/frontend/src/App.tsx
+++ b/services/frontend/src/App.tsx
@@ -1,5 +1,4 @@
 import { useEffect, useMemo, useState } from "react";
-import { AuthOverlay } from "./features/auth";
 import { DashboardPanel } from "./features/dashboard";
 import { LivePanel } from "./features/live";
 import { useMediaControl } from "./features/live/hooks/useMediaControl";
@@ -19,7 +18,6 @@ import {
 import { useAudioPlayback } from "./shared/hooks/useAudioPlayback";
 import { useAudioTransmit } from "./shared/hooks/useAudioTransmit";
 import { useUIState } from "./shared/hooks/useUIState";
-import { createLogger } from "./shared/lib/logger.js";
 import { MobileTabBar } from "./shared/ui/MobileTabBar";
 import { useDashboardSocket } from "./shared/ws/socket";
 import { DashboardLayout } from "./widgets/DashboardLayout";
@@ -32,10 +30,6 @@ export default function App() {
   const [activeSpeakers, setActiveSpeakers] = useState<
     (ActiveSpeaker & { heardAt?: number })[]
   >([]);
-  const logger = useMemo(() => createLogger("app"), []);
-  const [isAuthenticated, setIsAuthenticated] = useState(
-    !!localStorage.getItem("admin-password"),
-  );
   const [monitorGuildId, setMonitorGuildId] = useState("");
 
   const audio = useAudioPlayback();
@@ -229,49 +223,40 @@ export default function App() {
       }
     >
       {activeTab === "live" ? (
-        !isAuthenticated ? (
-          <AuthOverlay onAuthenticated={() => setIsAuthenticated(true)} />
-        ) : (
-          <LivePanel
-            guilds={voice.guilds}
-            voiceChannels={voice.voiceChannels}
-            selectedGuild={selectedVoiceGuild}
-            selectedChannel={uiState.selectedVoiceChannel || ""}
-            status={voice.voiceStatus}
-            voiceLoading={voice.loading}
-            activeSpeakers={activeSpeakers}
-            levels={audio.levels}
-            isListening={audio.isListening}
-            isStreaming={transmit.isStreaming}
-            micLevel={transmit.micLevel}
-            mediaState={media.mediaState}
-            mediaLoading={media.loading}
-            onGuildChange={(id) =>
-              patchUIState({ selectedVoiceGuild: id, selectedVoiceChannel: "" })
-            }
-            onChannelChange={(id) => patchUIState({ selectedVoiceChannel: id })}
-            onJoin={() =>
-              voice.joinVoice(
-                selectedVoiceGuild,
-                uiState.selectedVoiceChannel || "",
-              )
-            }
-            onDisconnect={() => voice.leaveVoice()}
-            onListenToggle={audio.toggleListening}
-            onStreamingToggle={transmit.toggle}
-            onQueueMusic={(s) => media.enqueue(s, "music")}
-            onStartScreen={(s) => media.enqueue(s, "screen")}
-            onSkip={media.skip}
-            onStop={media.stop}
-            onVolumeChange={media.setVolume}
-          />
-        )
+        <LivePanel
+          guilds={voice.guilds}
+          voiceChannels={voice.voiceChannels}
+          selectedGuild={selectedVoiceGuild}
+          selectedChannel={uiState.selectedVoiceChannel || ""}
+          status={voice.voiceStatus}
+          voiceLoading={voice.loading}
+          activeSpeakers={activeSpeakers}
+          levels={audio.levels}
+          isListening={audio.isListening}
+          isStreaming={transmit.isStreaming}
+          mediaState={media.mediaState}
+          mediaLoading={media.loading}
+          onGuildChange={(id) =>
+            patchUIState({ selectedVoiceGuild: id, selectedVoiceChannel: "" })
+          }
+          onChannelChange={(id) => patchUIState({ selectedVoiceChannel: id })}
+          onJoin={() =>
+            voice.joinVoice(
+              selectedVoiceGuild,
+              uiState.selectedVoiceChannel || "",
+            )
+          }
+          onDisconnect={() => voice.leaveVoice()}
+          onListenToggle={audio.toggleListening}
+          onStreamingToggle={transmit.toggle}
+          onQueueMusic={(s) => media.enqueue(s, "music")}
+          onStartScreen={(s) => media.enqueue(s, "screen")}
+          onSkip={media.skip}
+          onStop={media.stop}
+          onVolumeChange={media.setVolume}
+        />
       ) : activeTab === "dashboard" ? (
-        !isAuthenticated ? (
-          <AuthOverlay onAuthenticated={() => setIsAuthenticated(true)} />
-        ) : (
-          <DashboardPanel />
-        )
+        <DashboardPanel />
       ) : (
         <MessagesPanel
           guildName={monitorGuildName}