@johpaz/hive 1.7.2 → 1.7.3

package/packages/hive-ui/src/modules/channels/available/ChannelWebhookConfig.tsx

@@ -1,30 +0,0 @@
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Label } from "@/components/ui/label";
-import { Input } from "@/components/ui/input";
-import { Button } from "@/components/ui/button";
-import { Copy } from "lucide-react";
-
-interface ChannelWebhookConfigProps {
-  webhookUrl?: string;
-  onSave?: (url: string) => void;
-}
-
-export function ChannelWebhookConfig({ webhookUrl, onSave }: ChannelWebhookConfigProps) {
-  return (
-    <Card>
-      <CardHeader><CardTitle className="text-sm">Configuración de Webhook</CardTitle></CardHeader>
-      <CardContent className="space-y-3">
-        <div className="space-y-1">
-          <Label className="text-xs">URL del Webhook</Label>
-          <div className="flex gap-2">
-            <Input defaultValue={webhookUrl} placeholder="https://..." className="h-8 text-sm" />
-            <Button variant="outline" size="icon" className="h-8 w-8 shrink-0">
-              <Copy className="h-3.5 w-3.5" />
-            </Button>
-          </div>
-        </div>
-        <p className="text-xs text-muted-foreground">Configura esta URL en la plataforma del canal para recibir eventos.</p>
-      </CardContent>
-    </Card>
-  );
-}

package/packages/hive-ui/src/modules/channels/available/index.ts

@@ -1,6 +0,0 @@
-export { AvailableChannelsGrid } from "./AvailableChannelsGrid";
-export { ChannelTypeCard } from "./ChannelTypeCard";
-export { ChannelSetupWizard } from "./ChannelSetupWizard";
-export { ChannelAuthForm } from "./ChannelAuthForm";
-export { ChannelWebhookConfig } from "./ChannelWebhookConfig";
-export { ChannelTestConnection } from "./ChannelTestConnection";

package/packages/hive-ui/src/modules/channels/connected/ChannelCard.tsx

@@ -1,95 +0,0 @@
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Settings, RefreshCw, Power, type LucideProps } from "lucide-react";
-import type { ConnectedChannel } from "@/types";
-import { ChannelStatusBadge } from "./ChannelStatusBadge";
-import { ChannelIcon } from "../shared/ChannelIcon";
-import { useChannels } from "@/hooks/useChannels";
-import { useState } from "react";
-import {
-  Sheet,
-  SheetContent,
-  SheetDescription,
-  SheetHeader,
-  SheetTitle,
-  SheetTrigger
-} from "@/components/ui/sheet";
-import { ChannelConfigPanel } from "./ChannelConfigPanel";
-
-function Icon({ icon: IconComponent, ...props }: { icon: React.ComponentType<LucideProps> } & LucideProps) {
-  return <IconComponent {...props} />;
-}
-
-interface ChannelCardProps {
-  channel: ConnectedChannel;
-}
-
-export function ChannelCard({ channel }: ChannelCardProps) {
-  const { toggleChannel } = useChannels();
-  const [isToggling, setIsToggling] = useState(false);
-
-  const handleToggle = async () => {
-    setIsToggling(true);
-    try {
-      await toggleChannel(channel.id, false);
-    } catch (error) {
-      console.error("Error al desactivar canal:", error);
-    } finally {
-      setIsToggling(false);
-    }
-  };
-
-  return (
-    <Card>
-      <CardHeader className="pb-2">
-        <div className="flex items-center justify-between">
-          <div className="flex items-center gap-2">
-            <ChannelIcon type={channel.type} className="h-5 w-5" />
-            <CardTitle className="text-sm">{channel.name}</CardTitle>
-          </div>
-          <ChannelStatusBadge status={channel.status} />
-        </div>
-      </CardHeader>
-      <CardContent>
-        <div className="flex items-center justify-between">
-          <div className="space-y-1 text-xs text-muted-foreground">
-            <p>{channel.stats?.messagesLast24h ?? 0} mensajes (24h)</p>
-            <p>{channel.stats?.activeUsers ?? 0} usuarios activos</p>
-          </div>
-          <div className="flex gap-1">
-            <Sheet>
-              <SheetTrigger asChild>
-                <Button variant="ghost" size="icon" className="h-7 w-7">
-                  <Icon icon={Settings as any} className="h-3.5 w-3.5" />
-                </Button>
-              </SheetTrigger>
-              <SheetContent className="sm:max-w-[540px] border-l-white/5 bg-background/95 backdrop-blur-2xl">
-                <SheetHeader className="pb-6">
-                  <SheetTitle>Configuración del Canal</SheetTitle>
-                  <SheetDescription>
-                    Ajusta la personalización y políticas de seguridad para {channel.name}.
-                  </SheetDescription>
-                </SheetHeader>
-                <div className="py-2">
-                  <ChannelConfigPanel channel={channel} />
-                </div>
-              </SheetContent>
-            </Sheet>
-            <Button variant="ghost" size="icon" className="h-7 w-7">
-              <Icon icon={RefreshCw as any} className="h-3.5 w-3.5" />
-            </Button>
-            <Button
-              variant="ghost"
-              size="icon"
-              className="h-7 w-7 text-destructive"
-              onClick={handleToggle}
-              disabled={isToggling}
-            >
-              <Icon icon={Power as any} className="h-3.5 w-3.5" />
-            </Button>
-          </div>
-        </div>
-      </CardContent>
-    </Card>
-  );
-}

package/packages/hive-ui/src/modules/channels/connected/ChannelConfigPanel.tsx

@@ -1,260 +0,0 @@
-import { useState, useEffect } from "react";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Label } from "@/components/ui/label";
-import { Input } from "@/components/ui/input";
-import { Button } from "@/components/ui/button";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import { SaveStatusIndicator } from "@/modules/agent-config/shared/SaveStatusIndicator";
-import { Settings, Shield, User, Zap, Info, Save, X, Activity } from "lucide-react";
-import { useChannels } from "@/hooks/useChannels";
-import { ChannelIcon } from "../shared/ChannelIcon";
-import { cn } from "@/lib/utils";
-import type { ConnectedChannel } from "@/types";
-
-interface ChannelConfigPanelProps {
-  channel: ConnectedChannel;
-}
-
-export function ChannelConfigPanel({ channel }: ChannelConfigPanelProps) {
-  const { updateChannel } = useChannels();
-  const [isSaving, setIsSaving] = useState(false);
-  const [saveStatus, setSaveStatus] = useState<"saved" | "saving" | "error" | "idle">("idle");
-
-  // Local state for the configuration
-  const [config, setConfig] = useState({
-    name: channel.name || "",
-    bindingMode: channel.bindingMode || "fixed",
-    policies: {
-      dmPolicy: channel.config?.policies?.dmPolicy || "open",
-      requireAuth: channel.config?.policies?.requireAuth || false,
-    },
-  });
-
-  // Track if there are unsaved changes
-  const [hasChanges, setHasChanges] = useState(false);
-
-  useEffect(() => {
-    setConfig({
-      name: channel.name || "",
-      bindingMode: channel.bindingMode || "fixed",
-      policies: {
-        dmPolicy: channel.config?.policies?.dmPolicy || "open",
-        requireAuth: channel.config?.policies?.requireAuth || false,
-      },
-    });
-    setHasChanges(false);
-  }, [channel]);
-
-  const handleSave = async () => {
-    setIsSaving(true);
-    setSaveStatus("saving");
-    try {
-      // Assuming the backend expectation is matched with updateChannel(type, accountId, config)
-      // Note: channel.type and channel.accountId are needed
-      // Based on server.ts: /api/channels/:type/:accountId
-      await updateChannel(channel.id, {
-        ...channel.config,
-        name: config.name,
-        bindingMode: config.bindingMode,
-        policies: {
-          ...channel.config?.policies,
-          ...config.policies,
-        },
-      } as any);
-
-      setSaveStatus("saved");
-      setHasChanges(false);
-      setTimeout(() => setSaveStatus("idle"), 3000);
-    } catch (error) {
-      console.error("Error saving channel config:", error);
-      setSaveStatus("error");
-    } finally {
-      setIsSaving(false);
-    }
-  };
-
-  const handleReset = () => {
-    setConfig({
-      name: channel.name || "",
-      bindingMode: channel.bindingMode || "fixed",
-      policies: {
-        dmPolicy: channel.config?.policies?.dmPolicy || "open",
-        requireAuth: channel.config?.policies?.requireAuth || false,
-      },
-    });
-    setHasChanges(false);
-  };
-
-  const updateField = (field: string, value: any) => {
-    setConfig(prev => {
-      const newConfig = { ...prev };
-      if (field.includes('.')) {
-        const [parent, child] = field.split('.');
-        (newConfig as any)[parent] = { ...(newConfig as any)[parent], [child]: value };
-      } else {
-        (newConfig as any)[field] = value;
-      }
-      return newConfig;
-    });
-    setHasChanges(true);
-  };
-
-  return (
-    <div className="space-y-6 animate-in fade-in slide-in-from-bottom-2 duration-500">
-      <div className="flex items-center justify-between">
-        <div className="flex items-center gap-3">
-          <div className="p-2 rounded-xl bg-primary/10">
-            <ChannelIcon type={channel.type} className="h-5 w-5" />
-          </div>
-          <div>
-            <h3 className="text-base font-bold tracking-tight">Personalización del Canal</h3>
-            <p className="text-[10px] text-muted-foreground uppercase tracking-widest font-medium">ID: {channel.id}</p>
-          </div>
-        </div>
-        <div className="flex items-center gap-3">
-          {hasChanges && <span className="text-[10px] font-bold text-amber-500 animate-pulse">CAMBIOS SIN GUARDAR</span>}
-          <SaveStatusIndicator status={saveStatus === "idle" ? "saved" : saveStatus} />
-        </div>
-      </div>
-
-      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-        {/* General Settings */}
-        <Card className="border-none bg-secondary/30 backdrop-blur-sm overflow-hidden group">
-          <div className="absolute inset-x-0 top-0 h-[2px] bg-gradient-to-r from-transparent via-primary/40 to-transparent opacity-0 group-hover:opacity-100 transition-opacity" />
-          <CardHeader className="pb-3 border-b border-white/5">
-            <CardTitle className="text-xs font-bold flex items-center gap-2">
-              <Settings className="h-3.5 w-3.5 text-primary" />
-              GENERAL
-            </CardTitle>
-          </CardHeader>
-          <CardContent className="pt-4 space-y-4">
-            <div className="space-y-2">
-              <Label className="text-[10px] font-bold text-muted-foreground uppercase tracking-wider flex items-center gap-2">
-                <Info className="h-3 w-3" /> Nombre del canal
-              </Label>
-              <Input
-                value={config.name}
-                onChange={(e) => updateField('name', e.target.value)}
-                className="h-10 bg-background/50 border-white/5 focus-visible:ring-primary/20 transition-all text-sm font-medium"
-                placeholder="Ej. Mi Canal Principal"
-              />
-            </div>
-
-            <div className="space-y-2">
-              <Label className="text-[10px] font-bold text-muted-foreground uppercase tracking-wider flex items-center gap-2">
-                <Zap className="h-3 w-3 text-amber-500" /> Modo de Binding
-              </Label>
-              <Select
-                value={config.bindingMode}
-                onValueChange={(val) => updateField('bindingMode', val)}
-              >
-                <SelectTrigger className="h-10 bg-background/50 border-white/5 focus-visible:ring-primary/20 transition-all text-sm font-medium">
-                  <SelectValue />
-                </SelectTrigger>
-                <SelectContent className="bg-popover/95 border-white/10 backdrop-blur-xl">
-                  <SelectItem value="fixed" className="text-sm cursor-pointer hover:bg-primary/10 transition-colors">
-                    <div className="flex flex-col">
-                      <span>Fijo</span>
-                      <span className="text-[10px] text-muted-foreground">Siempre el mismo agente</span>
-                    </div>
-                  </SelectItem>
-                  <SelectItem value="conditional" className="text-sm cursor-pointer hover:bg-primary/10 transition-colors">
-                    <div className="flex flex-col">
-                      <span>Condicional</span>
-                      <span className="text-[10px] text-muted-foreground">Reglas predefinidas</span>
-                    </div>
-                  </SelectItem>
-                  <SelectItem value="dynamic" className="text-sm cursor-pointer hover:bg-primary/10 transition-colors">
-                    <div className="flex flex-col">
-                      <span>Dinámico</span>
-                      <span className="text-[10px] text-muted-foreground">Selección por IA</span>
-                    </div>
-                  </SelectItem>
-                </SelectContent>
-              </Select>
-            </div>
-          </CardContent>
-        </Card>
-
-        {/* Policies Settings */}
-        <Card className="border-none bg-secondary/30 backdrop-blur-sm overflow-hidden group">
-          <div className="absolute inset-x-0 top-0 h-[2px] bg-gradient-to-r from-transparent via-indigo-400/40 to-transparent opacity-0 group-hover:opacity-100 transition-opacity" />
-          <CardHeader className="pb-3 border-b border-white/5">
-            <CardTitle className="text-xs font-bold flex items-center gap-2">
-              <Shield className="h-3.5 w-3.5 text-indigo-400" />
-              POLÍTICAS Y SEGURIDAD
-            </CardTitle>
-          </CardHeader>
-          <CardContent className="pt-4 space-y-4">
-            <div className="space-y-2">
-              <Label className="text-[10px] font-bold text-muted-foreground uppercase tracking-wider flex items-center gap-2">
-                <User className="h-3 w-3" /> Política de Mensajes Directos (DM)
-              </Label>
-              <Select
-                value={config.policies.dmPolicy}
-                onValueChange={(val) => updateField('policies.dmPolicy', val)}
-              >
-                <SelectTrigger className="h-10 bg-background/50 border-white/5 focus-visible:ring-primary/20 transition-all text-sm font-medium">
-                  <SelectValue />
-                </SelectTrigger>
-                <SelectContent className="bg-popover/95 border-white/10 backdrop-blur-xl">
-                  <SelectItem value="open" className="text-sm cursor-pointer hover:bg-primary/10 transition-colors">
-                    <div className="flex flex-col">
-                      <span>Abierto</span>
-                      <span className="text-[10px] text-muted-foreground">Cualquiera puede iniciar chat</span>
-                    </div>
-                  </SelectItem>
-                  <SelectItem value="pairing" className="text-sm cursor-pointer hover:bg-primary/10 transition-colors">
-                    <div className="flex flex-col">
-                      <span>Emparejamiento</span>
-                      <span className="text-[10px] text-muted-foreground">Requiere vinculación manual</span>
-                    </div>
-                  </SelectItem>
-                </SelectContent>
-              </Select>
-            </div>
-
-            <div className="p-3 rounded-lg bg-indigo-500/5 border border-indigo-500/10 flex items-start gap-3">
-              <Activity className="h-4 w-4 text-indigo-400 mt-0.5" />
-              <div className="space-y-1">
-                <p className="text-[11px] font-bold text-indigo-300 tracking-wide uppercase">Estado del Sistema</p>
-                <p className="text-[10px] text-muted-foreground">Canal optimizado con encripción de nivel militar y redundancia multi-zona.</p>
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-      </div>
-
-      <div className="flex justify-end items-center gap-4 pt-4 border-t border-white/5">
-        <Button
-          variant="ghost"
-          size="sm"
-          onClick={handleReset}
-          disabled={!hasChanges || isSaving}
-          className="h-9 px-6 text-xs font-bold tracking-tight hover:bg-white/5 transition-colors"
-        >
-          <X className="h-3.5 w-3.5 mr-2" /> REVERTIR
-        </Button>
-        <Button
-          size="sm"
-          onClick={handleSave}
-          disabled={!hasChanges || isSaving}
-          className={cn(
-            "h-9 px-8 text-xs font-bold tracking-tight shadow-lg shadow-primary/20 transition-all active:scale-95",
-            hasChanges ? "bg-primary text-primary-foreground hover:opacity-90" : "bg-muted text-muted-foreground cursor-not-allowed"
-          )}
-        >
-          {isSaving ? (
-            <span className="flex items-center gap-2">
-              <Save className="h-3.5 w-3.5 animate-spin" /> PROCESANDO...
-            </span>
-          ) : (
-            <span className="flex items-center gap-2">
-              <Save className="h-3.5 w-3.5" /> GUARDAR CAMBIOS
-            </span>
-          )}
-        </Button>
-      </div>
-    </div>
-  );
-}

package/packages/hive-ui/src/modules/channels/connected/ChannelDisconnectButton.tsx

@@ -1,21 +0,0 @@
-import { Button } from "@/components/ui/button";
-import { Power } from "lucide-react";
-
-interface ChannelDisconnectButtonProps {
-  channelId: string;
-  channelName: string;
-  onDisconnect?: (id: string) => void;
-}
-
-export function ChannelDisconnectButton({ channelId, channelName, onDisconnect }: ChannelDisconnectButtonProps) {
-  return (
-    <Button
-      variant="destructive"
-      size="sm"
-      onClick={() => onDisconnect?.(channelId)}
-    >
-      <Power className="mr-1 h-3.5 w-3.5" />
-      Desconectar
-    </Button>
-  );
-}

package/packages/hive-ui/src/modules/channels/connected/ChannelLogsViewer.tsx

@@ -1,42 +0,0 @@
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { ScrollArea } from "@/components/ui/scroll-area";
-import { Badge } from "@/components/ui/badge";
-import type { ChannelLog } from "@/types";
-
-interface ChannelLogsViewerProps {
-  logs: ChannelLog[];
-  channelName?: string;
-}
-
-const logTypeColors: Record<string, string> = {
-  info: "bg-primary/15 text-primary border-primary/30",
-  warning: "bg-hive-thinking/15 text-hive-thinking border-hive-thinking/30",
-  error: "bg-destructive/15 text-destructive border-destructive/30",
-  debug: "bg-muted text-muted-foreground border-border",
-};
-
-export function ChannelLogsViewer({ logs, channelName }: ChannelLogsViewerProps) {
-  return (
-    <div className="space-y-3">
-      <h3 className="text-sm font-semibold">Logs{channelName ? `: ${channelName}` : ""}</h3>
-      <ScrollArea className="h-64">
-        <div className="space-y-1 font-mono text-xs">
-          {logs.map((log) => (
-            <div key={log.id} className="flex items-start gap-2 rounded px-2 py-1 hover:bg-muted/50">
-              <Badge variant="outline" className={`${logTypeColors[log.type]} text-[10px] shrink-0`}>
-                {log.type}
-              </Badge>
-              <span className="text-muted-foreground shrink-0">
-                {new Date(log.timestamp).toLocaleTimeString()}
-              </span>
-              <span>{log.message}</span>
-            </div>
-          ))}
-          {logs.length === 0 && (
-            <p className="py-4 text-center text-muted-foreground">Sin logs recientes</p>
-          )}
-        </div>
-      </ScrollArea>
-    </div>
-  );
-}

package/packages/hive-ui/src/modules/channels/connected/ChannelQRCode.tsx

@@ -1,32 +0,0 @@
-import { Card, CardContent } from "@/components/ui/card";
-import { QrCode } from "lucide-react";
-
-interface ChannelQRCodeProps {
-  qrData?: string;
-  pairingCode?: string;
-}
-
-export function ChannelQRCode({ qrData, pairingCode }: ChannelQRCodeProps) {
-  return (
-    <Card>
-      <CardContent className="flex flex-col items-center gap-3 py-6">
-        <div className="flex h-48 w-48 items-center justify-center rounded-lg border-2 border-dashed border-muted-foreground/30 bg-muted/50">
-          {qrData ? (
-            <img src={qrData} alt="QR Code" className="h-full w-full rounded-lg object-contain" />
-          ) : (
-            <QrCode className="h-16 w-16 text-muted-foreground/50" />
-          )}
-        </div>
-        {pairingCode && (
-          <div className="text-center">
-            <p className="text-xs text-muted-foreground">Código de emparejamiento</p>
-            <p className="font-mono text-lg font-bold tracking-widest">{pairingCode}</p>
-          </div>
-        )}
-        {!qrData && !pairingCode && (
-          <p className="text-xs text-muted-foreground">Esperando código QR...</p>
-        )}
-      </CardContent>
-    </Card>
-  );
-}

package/packages/hive-ui/src/modules/channels/connected/ChannelReconnectButton.tsx

@@ -1,16 +0,0 @@
-import { Button } from "@/components/ui/button";
-import { RefreshCw } from "lucide-react";
-
-interface ChannelReconnectButtonProps {
-  channelId: string;
-  onReconnect?: (id: string) => void;
-}
-
-export function ChannelReconnectButton({ channelId, onReconnect }: ChannelReconnectButtonProps) {
-  return (
-    <Button variant="outline" size="sm" onClick={() => onReconnect?.(channelId)}>
-      <RefreshCw className="mr-1 h-3.5 w-3.5" />
-      Reconectar
-    </Button>
-  );
-}

package/packages/hive-ui/src/modules/channels/connected/ChannelStatusBadge.tsx

@@ -1,26 +0,0 @@
-import { Badge } from "@/components/ui/badge";
-import type { ChannelStatus } from "@/types";
-
-const statusConfig: Record<ChannelStatus, { label: string; className: string }> = {
-  connected: { label: "Conectado", className: "bg-hive-connected/15 text-hive-connected border-hive-connected/30" },
-  connecting: { label: "Conectando", className: "bg-hive-thinking/15 text-hive-thinking border-hive-thinking/30 animate-pulse" },
-  disconnected: { label: "Desconectado", className: "bg-muted text-muted-foreground border-border" },
-  error: { label: "Error", className: "bg-destructive/15 text-destructive border-destructive/30" },
-  rate_limited: { label: "Rate Limited", className: "bg-hive-thinking/15 text-hive-thinking border-hive-thinking/30" },
-};
-
-interface ChannelStatusBadgeProps {
-  status: ChannelStatus;
-}
-
-export function ChannelStatusBadge({ status }: ChannelStatusBadgeProps) {
-  // Handle undefined or invalid status with fallback to disconnected
-  const validStatus = status ?? 'disconnected';
-  const config = statusConfig[validStatus] ?? statusConfig.disconnected;
-  return (
-    <Badge variant="outline" className={config?.className ?? 'border-muted'}>
-      <span className="mr-1.5 inline-block h-1.5 w-1.5 rounded-full bg-current" />
-      {config?.label ?? 'Desconocido'}
-    </Badge>
-  );
-}

package/packages/hive-ui/src/modules/channels/connected/ConnectedChannelsList.tsx

@@ -1,40 +0,0 @@
-import { Card, CardContent } from "@/components/ui/card";
-import { Badge } from "@/components/ui/badge";
-import { ScrollArea } from "@/components/ui/scroll-area";
-import { useChannels } from "@/hooks/useChannels";
-import { ChannelCard } from "./ChannelCard";
-
-export function ConnectedChannelsList() {
-  const { activeChannels, isLoading } = useChannels();
-
-  if (isLoading) {
-    return (
-      <div className="flex items-center justify-center py-8">
-        <p className="text-sm text-muted-foreground">Cargando canales...</p>
-      </div>
-    );
-  }
-
-  return (
-    <div className="space-y-4">
-      <div className="flex items-center justify-between">
-        <h3 className="text-sm font-semibold">Canales Activos</h3>
-        <Badge variant="secondary">{activeChannels.length}</Badge>
-      </div>
-      <ScrollArea className="h-[calc(100vh-16rem)]">
-        <div className="space-y-3">
-          {activeChannels.map((channel) => (
-            <ChannelCard key={channel.id} channel={channel} />
-          ))}
-          {activeChannels.length === 0 && (
-            <Card>
-              <CardContent className="py-8 text-center text-sm text-muted-foreground">
-                No hay canales conectados. Ve a la pestaña "Disponibles" para activar uno.
-              </CardContent>
-            </Card>
-          )}
-        </div>
-      </ScrollArea>
-    </div>
-  );
-}

package/packages/hive-ui/src/modules/channels/connected/index.ts

@@ -1,8 +0,0 @@
-export { ConnectedChannelsList } from "./ConnectedChannelsList";
-export { ChannelCard } from "./ChannelCard";
-export { ChannelStatusBadge } from "./ChannelStatusBadge";
-export { ChannelConfigPanel } from "./ChannelConfigPanel";
-export { ChannelLogsViewer } from "./ChannelLogsViewer";
-export { ChannelDisconnectButton } from "./ChannelDisconnectButton";
-export { ChannelReconnectButton } from "./ChannelReconnectButton";
-export { ChannelQRCode } from "./ChannelQRCode";