@johpaz/hive 1.7.2 → 1.7.3

package/packages/hive-ui/src/modules/agents/AgentStatusBadge.tsx

@@ -1,34 +0,0 @@
-import { Badge } from "@/components/ui/badge";
-import type { AgentStatus } from "@/types";
-import { cn } from "@/lib/utils";
-
-const statusConfig: Record<AgentStatus, { label: string; className: string }> = {
-  active: { label: "Activo", className: "bg-hive-connected/15 text-hive-connected border-hive-connected/30" },
-  idle: { label: "Activo", className: "bg-hive-connected/10 text-hive-connected/80 border-hive-connected/20" },
-  hibernated: { label: "Hibernado", className: "bg-secondary text-secondary-foreground border-border" },
-  error: { label: "Error", className: "bg-destructive/15 text-destructive border-destructive/30" },
-  thinking: { label: "Pensando", className: "bg-hive-thinking/15 text-hive-thinking border-hive-thinking/30 animate-pulse-slow" },
-};
-
-interface AgentStatusBadgeProps {
-  status: AgentStatus;
-  className?: string;
-}
-
-export function AgentStatusBadge({ status, className }: AgentStatusBadgeProps) {
-  if (!status || !statusConfig[status]) {
-    return (
-      <Badge variant="outline" className={className}>
-        <span className="mr-1.5 inline-block h-1.5 w-1.5 rounded-full bg-current" />
-        Desconocido
-      </Badge>
-    );
-  }
-  const config = statusConfig[status];
-  return (
-    <Badge variant="outline" className={cn(config.className, className)}>
-      <span className="mr-1.5 inline-block h-1.5 w-1.5 rounded-full bg-current" />
-      {config.label}
-    </Badge>
-  );
-}

package/packages/hive-ui/src/modules/agents/ModelSelector.tsx

@@ -1,151 +0,0 @@
-import { useEffect, useMemo } from "react";
-import { Label } from "@/components/ui/label";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import { Card, CardContent } from "@/components/ui/card";
-import { Badge } from "@/components/ui/badge";
-import { useProviders } from "@/hooks/useProviders";
-import type { Model } from "@/types";
-
-interface ModelSelectorProps {
-  selectedProviderId?: string;
-  selectedModelId?: string;
-  onProviderChange: (providerId: string) => void;
-  onModelChange: (modelId: string) => void;
-  disabled?: boolean;
-}
-
-export function ModelSelector({
-  selectedProviderId,
-  selectedModelId,
-  onProviderChange,
-  onModelChange,
-  disabled = false,
-}: ModelSelectorProps) {
-  const { activeProviders, getModelsByProvider } = useProviders();
-  const availableModels = useMemo(() => {
-    if (!selectedProviderId) return [];
-    return getModelsByProvider(selectedProviderId);
-  }, [selectedProviderId, getModelsByProvider]);
-
-  useEffect(() => {
-    if (selectedModelId && availableModels.length > 0 && !availableModels.find((m) => m.id === selectedModelId)) {
-      onModelChange("");
-    }
-  }, [availableModels, selectedModelId, onModelChange]);
-
-  const parseCapabilities = (capabilities?: string | null): string[] => {
-    if (!capabilities) return [];
-    try {
-      return JSON.parse(capabilities);
-    } catch {
-      return [];
-    }
-  };
-
-  return (
-    <div className="space-y-4">
-      {/* Provider Selection */}
-      <div className="space-y-2">
-        <Label htmlFor="provider">Proveedor de IA</Label>
-        <Select
-          value={selectedProviderId || ""}
-          onValueChange={onProviderChange}
-          disabled={disabled || activeProviders.length === 0}
-        >
-          <SelectTrigger id="provider" className="w-full">
-            <SelectValue placeholder="Selecciona un proveedor" />
-          </SelectTrigger>
-          <SelectContent>
-            {activeProviders.length === 0 ? (
-              <SelectItem value="none" disabled>
-                No hay proveedores configurados
-              </SelectItem>
-            ) : (
-              activeProviders.map((provider) => (
-                <SelectItem key={provider.id} value={provider.id}>
-                  {provider.name}
-                </SelectItem>
-              ))
-            )}
-          </SelectContent>
-        </Select>
-        {activeProviders.length === 0 && (
-          <p className="text-xs text-muted-foreground">
-            Configura un proveedor en{" "}
-            <a href="/providers" className="text-primary underline">
-              Settings &gt; Providers
-            </a>
-          </p>
-        )}
-      </div>
-
-      {/* Model Selection */}
-      {selectedProviderId && (
-        <div className="space-y-2">
-          <Label htmlFor="model">Modelo</Label>
-          <Select
-            value={selectedModelId || ""}
-            onValueChange={onModelChange}
-            disabled={disabled || availableModels.length === 0}
-          >
-            <SelectTrigger id="model" className="w-full">
-              <SelectValue placeholder="Selecciona un modelo" />
-            </SelectTrigger>
-            <SelectContent>
-              {availableModels.length === 0 ? (
-                <SelectItem value="none" disabled>
-                  No hay modelos disponibles
-                </SelectItem>
-              ) : (
-                availableModels.map((model) => (
-                  <SelectItem key={model.id} value={model.id}>
-                    <div className="flex items-center gap-2">
-                      <span>{model.name}</span>
-                      {model.contextWindow && (
-                        <Badge variant="secondary" className="text-[10px]">
-                          {(model.contextWindow / 1000).toFixed(0)}K ctx
-                        </Badge>
-                      )}
-                    </div>
-                  </SelectItem>
-                ))
-              )}
-            </SelectContent>
-          </Select>
-
-          {/* Model Info Card */}
-          {selectedModelId && availableModels.find((m) => m.id === selectedModelId) && (
-            <Card className="mt-2">
-              <CardContent className="p-3 space-y-2">
-                <div className="flex items-center justify-between">
-                  <span className="text-sm font-medium">
-                    {availableModels.find((m) => m.id === selectedModelId)?.name}
-                  </span>
-                  <Badge variant="outline">
-                    {activeProviders.find((p) => p.id === selectedProviderId)?.name}
-                  </Badge>
-                </div>
-                {(() => {
-                  const model = availableModels.find((m) => m.id === selectedModelId);
-                  const capabilities = parseCapabilities(model?.capabilities);
-                  if (capabilities.length > 0) {
-                    return (
-                      <div className="flex flex-wrap gap-1">
-                        {capabilities.slice(0, 5).map((cap) => (
-                          <Badge key={cap} variant="secondary" className="text-[10px]">
-                            {cap}
-                          </Badge>
-                        ))}
-                      </div>
-                    );
-                  }
-                  return null;
-                })()}
-              </CardContent>
-            </Card>
-          )}
-        </div>
-      )}
-    </div>
-  );
-}

package/packages/hive-ui/src/modules/bridge/BridgeLogViewer.tsx

@@ -1,61 +0,0 @@
-import { useBridgeStore } from "@/stores/bridgeStore";
-import { Button } from "@/components/ui/button";
-import { ScrollArea } from "@/components/ui/scroll-area";
-import { Trash2, Terminal } from "lucide-react";
-
-const LEVEL_COLORS: Record<string, string> = {
-  info: "text-foreground/80",
-  warn: "text-yellow-400",
-  error: "text-red-400",
-  debug: "text-muted-foreground/60",
-};
-
-const LEVEL_PREFIX: Record<string, string> = {
-  info: "  ",
-  warn: "! ",
-  error: "✗ ",
-  debug: "· ",
-};
-
-export function BridgeLogViewer() {
-  const logs = useBridgeStore((s) => s.logs);
-  const clearLogs = useBridgeStore((s) => s.clearLogs);
-
-  return (
-    <div className="flex flex-col h-full">
-      <div className="flex items-center justify-between px-3 py-2 border-b border-border">
-        <div className="flex items-center gap-2 text-xs text-muted-foreground">
-          <Terminal className="h-3.5 w-3.5" />
-          <span className="font-mono uppercase tracking-wider">Terminal Log</span>
-          <span className="text-muted-foreground/50">({logs.length})</span>
-        </div>
-        {logs.length > 0 && (
-          <Button variant="ghost" size="sm" className="h-6 px-2 text-xs" onClick={clearLogs}>
-            <Trash2 className="h-3 w-3 mr-1" />
-            Clear
-          </Button>
-        )}
-      </div>
-
-      <ScrollArea className="flex-1 font-mono text-xs">
-        {logs.length === 0 ? (
-          <div className="flex items-center justify-center h-32 text-muted-foreground/50">
-            <p>No logs yet — run a command to see output here</p>
-          </div>
-        ) : (
-          <div className="p-3 space-y-0.5">
-            {logs.map((log) => (
-              <div key={log.id} className={`flex gap-2 ${LEVEL_COLORS[log.level] ?? "text-foreground/80"}`}>
-                <span className="text-muted-foreground/40 shrink-0 w-[72px] truncate">
-                  {new Date(log.timestamp).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", second: "2-digit" })}
-                </span>
-                <span className="shrink-0 w-4">{LEVEL_PREFIX[log.level] ?? "  "}</span>
-                <span className="break-all whitespace-pre-wrap">{log.message}</span>
-              </div>
-            ))}
-          </div>
-        )}
-      </ScrollArea>
-    </div>
-  );
-}

package/packages/hive-ui/src/modules/bridge/BridgeProcessList.tsx

@@ -1,77 +0,0 @@
-import { useBridgeStore } from "@/stores/bridgeStore";
-import { Badge } from "@/components/ui/badge";
-import { Progress } from "@/components/ui/progress";
-import { Terminal, CheckCircle2, XCircle, Loader2, StopCircle } from "lucide-react";
-
-const STATUS_COLORS: Record<string, string> = {
-  running: "bg-yellow-500/10 text-yellow-400 border-yellow-500/20",
-  completed: "bg-green-500/10 text-green-400 border-green-500/20",
-  finished: "bg-green-500/10 text-green-400 border-green-500/20",
-  error: "bg-red-500/10 text-red-400 border-red-500/20",
-  stopped: "bg-gray-500/10 text-gray-400 border-gray-500/20",
-};
-
-function StatusIcon({ status }: { status: string }) {
-  switch (status) {
-    case "running": return <Loader2 className="h-3.5 w-3.5 text-yellow-400 animate-spin" />;
-    case "completed":
-    case "finished": return <CheckCircle2 className="h-3.5 w-3.5 text-green-400" />;
-    case "error": return <XCircle className="h-3.5 w-3.5 text-red-400" />;
-    case "stopped": return <StopCircle className="h-3.5 w-3.5 text-gray-400" />;
-    default: return <Terminal className="h-3.5 w-3.5 text-muted-foreground" />;
-  }
-}
-
-export function BridgeProcessList() {
-  const processes = useBridgeStore((s) => s.processes);
-
-  if (processes.length === 0) {
-    return (
-      <div className="flex flex-col items-center justify-center py-8 text-center text-muted-foreground">
-        <Terminal className="h-8 w-8 opacity-30 mb-2" />
-        <p className="text-sm">Sin procesos activos</p>
-        <p className="text-xs opacity-60 mt-1">Los comandos ejecutados por el agente aparecerán aquí</p>
-      </div>
-    );
-  }
-
-  return (
-    <div className="space-y-2 p-1">
-      {processes.map((p) => (
-        <div key={p.id} className="rounded-lg border border-border bg-card/50 p-3">
-          <div className="flex items-start gap-2">
-            <StatusIcon status={p.status} />
-            <div className="flex-1 min-w-0">
-              <div className="flex items-center gap-2 flex-wrap">
-                <span className="text-sm font-medium font-mono truncate">{p.name}</span>
-                {p.pid > 0 && (
-                  <span className="text-xs text-muted-foreground">PID: {p.pid}</span>
-                )}
-                <Badge
-                  variant="outline"
-                  className={`text-[10px] px-1.5 py-0 ml-auto ${STATUS_COLORS[p.status] ?? ""}`}
-                >
-                  {p.status}
-                </Badge>
-              </div>
-              {p.command && (
-                <p className="text-xs text-muted-foreground font-mono mt-0.5 truncate">$ {p.command}</p>
-              )}
-              {p.status === "running" && (
-                <Progress value={undefined} className="h-0.5 mt-2" />
-              )}
-            </div>
-          </div>
-
-          {p.output.length > 0 && (
-            <div className="mt-2 rounded bg-black/30 px-2 py-1.5 max-h-24 overflow-y-auto">
-              <pre className="text-[10px] font-mono text-green-400/80 whitespace-pre-wrap break-all">
-                {p.output.slice(-20).join("")}
-              </pre>
-            </div>
-          )}
-        </div>
-      ))}
-    </div>
-  );
-}

package/packages/hive-ui/src/modules/bridge/BridgeStatus.tsx

@@ -1,23 +0,0 @@
-import { Badge } from "@/components/ui/badge";
-import type { WebSocketStatus } from "@/types";
-
-const statusLabels: Record<WebSocketStatus, { 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-slow" },
-  disconnected: { label: "Desconectado", className: "bg-destructive/15 text-destructive border-destructive/30" },
-  error: { label: "Error", className: "bg-destructive/15 text-destructive border-destructive/30" },
-};
-
-interface BridgeStatusProps {
-  status: WebSocketStatus;
-}
-
-export function BridgeStatus({ status }: BridgeStatusProps) {
-  const config = statusLabels[status];
-  return (
-    <Badge variant="outline" className={config.className}>
-      <span className="mr-1.5 inline-block h-1.5 w-1.5 rounded-full bg-current" />
-      {config.label}
-    </Badge>
-  );
-}

package/packages/hive-ui/src/modules/bridge/BridgeTerminal.tsx

@@ -1,7 +0,0 @@
-export function BridgeTerminal() {
-  return (
-    <div className="rounded-lg border bg-card p-4 font-mono text-xs">
-      <p className="text-muted-foreground">Terminal emulado: pendiente de implementación</p>
-    </div>
-  );
-}

package/packages/hive-ui/src/modules/canvas/CanvasButton.tsx

@@ -1,3 +0,0 @@
-export function CanvasButton() {
-  return <div className="text-sm text-muted-foreground">CanvasButton: pendiente de implementación</div>;
-}

package/packages/hive-ui/src/modules/canvas/CanvasChart.tsx

@@ -1,3 +0,0 @@
-export function CanvasChart() {
-  return <div className="text-sm text-muted-foreground">CanvasChart: pendiente de implementación</div>;
-}