feat: real guild/channel names from Discord + remove selectors in Messages/Analytics

- discord-gateway: add redis command handlers for guilds:list, guilds:text-channels, voice:channels
- backend: replace postgres synthetic names with redis commands to gateway (with fallback)
- frontend: remove guild/channel dropdowns from messages and analytics tabs
- frontend: auto-load all channels from monitor guild via guildId query param
- frontend: show guild name in messages/analytics headers instead of selector
- live tab: keeps guild/channel selectors with real discord names

Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>

services/frontend/src/features/analytics/components/ControlBar.tsx

@@ -1,5 +1,4 @@
 import { Activity, BarChart3 } from "lucide-react";
-import type { Channel, Guild } from "../../../shared/api/client";
 import { cn } from "../../../shared/lib/utils";
 import {
   Button,
@@ -8,7 +7,6 @@ import {
   CardDescription,
   CardHeader,
   CardTitle,
-  Select,
 } from "../../../shared/ui";
 
 const TIME_RANGES = [
@@ -22,27 +20,17 @@ const TIME_RANGES = [
 ];
 
 interface ControlBarProps {
-  guilds: Guild[];
-  channels: Channel[];
-  selectedGuild: string;
-  selectedChannel: string;
+  guildName: string | null;
   hours: number;
   isFetching: boolean;
-  onGuildChange: (guildId: string) => void;
-  onChannelChange: (channelId: string) => void;
   onHoursChange: (hours: number) => void;
   onRefresh: () => void;
 }
 
 export function ControlBar({
-  guilds,
-  channels,
-  selectedGuild,
-  selectedChannel,
+  guildName,
   hours,
   isFetching,
-  onGuildChange,
-  onChannelChange,
   onHoursChange,
   onRefresh,
 }: ControlBarProps) {
@@ -54,28 +42,19 @@ export function ControlBar({
           Analisis Moderasi
         </CardTitle>
         <CardDescription>
-          Pantau statistik, tren topik, dan aktivitas user.
+          {guildName ? (
+            <>
+              Pantau statistik, tren topik, dan aktivitas user di seluruh
+              channel{" "}
+              <span className="font-medium text-foreground">{guildName}</span>.
+            </>
+          ) : (
+            "Pantau statistik, tren topik, dan aktivitas user."
+          )}
         </CardDescription>
       </CardHeader>
       <CardContent>
         <div className="flex flex-wrap items-center gap-3">
-          <Select
-            value={selectedGuild}
-            onChange={(e) => onGuildChange(e.target.value)}
-            placeholder="Pilih guild"
-            options={guilds.map((g) => ({ value: g.id, label: g.name }))}
-            className="min-w-[180px]"
-          />
-          <Select
-            value={selectedChannel}
-            onChange={(e) => onChannelChange(e.target.value)}
-            placeholder="Semua channel"
-            options={[
-              { value: "", label: "Semua channel" },
-              ...channels.map((c) => ({ value: c.id, label: c.name })),
-            ]}
-            className="min-w-[160px]"
-          />
           <div className="flex items-center gap-1 rounded-md bg-muted p-0.5">
             {TIME_RANGES.map((tr) => (
               <button

services/frontend/src/features/analytics/index.tsx

@@ -1,5 +1,4 @@
 import { useState } from "react";
-import type { Channel, Guild } from "../../shared/api/client";
 import { ActivityChart } from "./components/ActivityChart";
 import { ControlBar } from "./components/ControlBar";
 import { Heatmap } from "./components/Heatmap";
@@ -11,26 +10,16 @@ import { ViolatorTable } from "./components/ViolatorTable";
 import { useAnalytics } from "./hooks/useAnalytics";
 
 interface AnalyticsPanelProps {
-  guilds: Guild[];
-  channels: Channel[];
-  selectedGuild: string;
-  selectedChannel: string;
-  onGuildChange: (guildId: string) => void;
-  onChannelChange: (channelId: string) => void;
+  guildId: string;
+  guildName: string | null;
 }
 
-export function AnalyticsPanel({
-  guilds,
-  channels,
-  selectedGuild,
-  selectedChannel,
-  onGuildChange,
-  onChannelChange,
-}: AnalyticsPanelProps) {
+export function AnalyticsPanel({ guildId, guildName }: AnalyticsPanelProps) {
   const [hours, setHours] = useState(24);
   const analytics = useAnalytics({
-    guildId: selectedGuild,
-    channelId: selectedChannel || undefined,
+    guildId,
+    // No channelId — analytics for all channels in the guild
+    channelId: undefined,
     hours,
   });
 
@@ -60,11 +49,11 @@ export function AnalyticsPanel({
     );
   }
 
-  if (!selectedGuild) {
+  if (!guildId) {
     return (
       <div className="flex min-h-[300px] flex-col items-center justify-center gap-3 rounded-lg border border-dashed p-8">
         <p className="text-sm text-muted-foreground">
-          Pilih guild untuk melihat analitik.
+          Menunggu konfigurasi guild...
         </p>
       </div>
     );
@@ -73,14 +62,9 @@ export function AnalyticsPanel({
   return (
     <div className="flex flex-col gap-4">
       <ControlBar
-        guilds={guilds}
-        channels={channels}
-        selectedGuild={selectedGuild}
-        selectedChannel={selectedChannel}
+        guildName={guildName}
         hours={hours}
         isFetching={isFetching}
-        onGuildChange={onGuildChange}
-        onChannelChange={onChannelChange}
         onHoursChange={setHours}
         onRefresh={() => {
           refresh();