refactor: large codebase cleanup - consolidate schemas, migrate to Drizzle ORM, extract frontend components, modernize Docker builds

- Consolidate all DB schema definitions into packages/shared as single source of truth
- Migrate backend from raw SQL to Drizzle ORM across all modules
- Extract frontend inline UI into separate component files
- Refactor discord-gateway circuitBreaker into conversationState + moderationState
- Convert messageStore to Proxy singleton pattern
- Add validateBody/validateQuery middleware + Zod schemas for API endpoints
- Modernize Docker builds with multi-stage + pnpm deploy
- Migrate CI/CD from deployment to image-based pipeline
- Remove 60+ unused/dead files (~15K lines)
- Update color scheme from sky-blue to teal-cyan
- Move DB connection management to @bete/shared/database

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

services/frontend/src/hooks/index.ts

@@ -25,7 +25,6 @@ export {
   useReanalyze,
   useReanalyzeBatch,
   useReview,
-  useSearch,
   useTextChannels,
 } from "./use-messages";
 export {

services/frontend/src/hooks/use-media.ts

@@ -1,20 +1,14 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { useEffect } from "react";
 
-import { voiceApi } from "@/lib/api";
+import { mediaApi } from "@/lib/api";
 import type { MediaState } from "@/lib/types";
-import type { WsEventType } from "@/lib/ws/types";
-
-type WsHook = {
-  on: <E extends WsEventType>(
-    eventType: E,
-    handler: (data: unknown) => void,
-  ) => () => void;
-};
+import type { WsHook } from "@/lib/ws-hook";
 
 export function useMediaState() {
   return useQuery<MediaState>({
     queryKey: ["media-state"],
-    queryFn: () => voiceApi.getMediaStatus(),
+    queryFn: () => mediaApi.getStatus(),
     retry: false,
     refetchInterval: 10_000,
   });
@@ -23,7 +17,7 @@ export function useMediaState() {
 export function useMediaQueue() {
   const qc = useQueryClient();
   return useMutation({
-    mutationFn: (url: string) => voiceApi.mediaQueue(url, "music"),
+    mutationFn: (url: string) => mediaApi.queue(url, "music"),
     onSuccess: (data) => qc.setQueryData(["media-state"], data),
   });
 }
@@ -31,7 +25,7 @@ export function useMediaQueue() {
 export function useMediaSkip() {
   const qc = useQueryClient();
   return useMutation({
-    mutationFn: () => voiceApi.mediaSkip(),
+    mutationFn: () => mediaApi.skip(),
     onSuccess: (data) => qc.setQueryData(["media-state"], data),
   });
 }
@@ -39,7 +33,7 @@ export function useMediaSkip() {
 export function useMediaStop() {
   const qc = useQueryClient();
   return useMutation({
-    mutationFn: () => voiceApi.mediaStop(),
+    mutationFn: () => mediaApi.stop(),
     onSuccess: (data) => qc.setQueryData(["media-state"], data),
   });
 }
@@ -47,7 +41,7 @@ export function useMediaStop() {
 export function useMediaVolume() {
   const qc = useQueryClient();
   return useMutation({
-    mutationFn: (volume: number) => voiceApi.mediaVolume(volume),
+    mutationFn: (volume: number) => mediaApi.volume(volume),
     onSuccess: (data) => qc.setQueryData(["media-state"], data),
   });
 }
@@ -55,12 +49,6 @@ export function useMediaVolume() {
 /** Subscribe to WS media_state events to keep cache fresh */
 export function useMediaWsSync(ws: WsHook) {
   const qc = useQueryClient();
-  useEffectFn(ws, qc);
-}
-
-import { useEffect } from "react";
-
-function useEffectFn(ws: WsHook, qc: ReturnType<typeof useQueryClient>) {
   useEffect(() => {
     const unsub = ws.on("media_state", (data) => {
       qc.setQueryData(["media-state"], data as MediaState);

services/frontend/src/hooks/use-messages.ts

@@ -1,16 +1,9 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { useCallback, useEffect } from "react";
+import { useEffect } from "react";
 
 import { messagesApi, voiceApi } from "@/lib/api";
 import type { AttachmentRecord, Channel, MessageRecord } from "@/lib/types";
-import type { WsEventType } from "@/lib/ws/types";
-
-type WsHook = {
-  on: <E extends WsEventType>(
-    eventType: E,
-    handler: (data: unknown) => void,
-  ) => () => void;
-};
+import type { WsHook } from "@/lib/ws-hook";
 
 // ── Query keys factory ───────────────────────────
 
@@ -98,16 +91,6 @@ export function useTextChannels(guildId: string) {
   });
 }
 
-// ── Search ───────────────────────────────────────
-
-export function useSearch() {
-  return useQuery<MessageRecord[]>({
-    queryKey: ["messages-search"],
-    queryFn: () => Promise.resolve([]),
-    enabled: false,
-  });
-}
-
 // ── Images ───────────────────────────────────────
 
 export function useImages(guildId: string) {
@@ -164,7 +147,7 @@ export function useMessageDetail(id: string | null) {
 // ── Mutations ────────────────────────────────────
 
 export function useReanalyze() {
-  const qc = useQueryClient();
+  const _qc = useQueryClient();
   return useMutation({
     mutationFn: (id: string) => messagesApi.reanalyze(id),
   });

services/frontend/src/hooks/use-recordings.ts

@@ -3,14 +3,7 @@ import { useEffect } from "react";
 
 import { recordingsApi } from "@/lib/api";
 import type { VoiceRecording } from "@/lib/types";
-import type { WsEventType } from "@/lib/ws/types";
-
-type WsHook = {
-  on: <E extends WsEventType>(
-    eventType: E,
-    handler: (data: unknown) => void,
-  ) => () => void;
-};
+import type { WsHook } from "@/lib/ws-hook";
 
 export function useRecordings() {
   return useQuery<VoiceRecording[]>({

services/frontend/src/hooks/use-voice.ts

@@ -1,16 +1,9 @@
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useState } from "react";
 
 import { voiceApi } from "@/lib/api";
-import type { ActiveSpeaker, VoiceStatus } from "@/lib/types";
-import type { WsEventType } from "@/lib/ws/types";
-
-type WsHook = {
-  on: <E extends WsEventType>(
-    eventType: E,
-    handler: (data: unknown) => void,
-  ) => () => void;
-};
+import type { ActiveSpeaker, Channel, VoiceStatus } from "@/lib/types";
+import type { WsHook } from "@/lib/ws-hook";
 
 export function useVoiceStatus() {
   return useQuery<VoiceStatus>({
@@ -20,26 +13,12 @@ export function useVoiceStatus() {
   });
 }
 
-export function useVoiceChannels() {
-  const [channels, setChannels] = useState<Array<{ id: string; name: string }>>(
-    [],
-  );
-  const [loading, setLoading] = useState(false);
-
-  const fetch = useCallback(async (guildId: string) => {
-    setLoading(true);
-    try {
-      const ch = await voiceApi.getVoiceChannels(guildId);
-      setChannels(ch);
-    } catch (err) {
-      console.error("useVoiceChannels:", err);
-      setChannels([]);
-    } finally {
-      setLoading(false);
-    }
-  }, []);
-
-  return { channels, loading, fetch };
+export function useVoiceChannels(guildId: string) {
+  return useQuery<Channel[]>({
+    queryKey: ["voice-channels", guildId],
+    queryFn: () => voiceApi.getVoiceChannels(guildId),
+    enabled: !!guildId,
+  });
 }
 
 export function useSpeakers() {