@johpaz/hive 1.7.2 → 1.7.3

package/packages/hive-ui/src/modules/agent-config/tools/ToolUsageStats.tsx

@@ -1,52 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { BarChart3, Loader2 } from "lucide-react";
-import { apiClient } from "@/lib/api";
-
-export function ToolUsageStats() {
-  const { data: stats, isLoading } = useQuery({
-    queryKey: ["tool-usage-stats"],
-    queryFn: async () => {
-      const data = await apiClient<{ skills: any[] }>("/api/skills");
-      const skills = data.skills || [];
-      const bySource: Record<string, number> = {};
-      skills.forEach((s) => {
-        bySource[s.source] = (bySource[s.source] || 0) + 1;
-      });
-      return { totalSkills: skills.length, bySource };
-    },
-  });
-
-  return (
-    <Card>
-      <CardHeader className="pb-2">
-        <CardTitle className="flex items-center gap-2 text-sm">
-          <BarChart3 className="h-4 w-4" />
-          Estadísticas de skills
-        </CardTitle>
-      </CardHeader>
-      <CardContent>
-        {isLoading ? (
-          <div className="flex items-center gap-2 py-2">
-            <Loader2 className="h-4 w-4 animate-spin text-muted-foreground" />
-            <span className="text-xs text-muted-foreground">Cargando...</span>
-          </div>
-        ) : stats ? (
-          <div className="space-y-2">
-            <p className="text-sm font-medium">{stats.totalSkills} skills totales</p>
-            <div className="flex gap-3">
-              {Object.entries(stats.bySource).map(([source, count]) => (
-                <div key={source} className="rounded-md border px-3 py-1.5 text-center">
-                  <p className="text-lg font-bold">{count}</p>
-                  <p className="text-xs text-muted-foreground">{source}</p>
-                </div>
-              ))}
-            </div>
-          </div>
-        ) : (
-          <p className="text-xs text-muted-foreground">Sin datos de uso disponibles</p>
-        )}
-      </CardContent>
-    </Card>
-  );
-}

package/packages/hive-ui/src/modules/agent-config/tools/index.ts

@@ -1,4 +0,0 @@
-export { ToolManager } from "./ToolManager";
-export { ToolCard } from "./ToolCard";
-export { ToolConfigPanel } from "./ToolConfigPanel";
-export { ToolUsageStats } from "./ToolUsageStats";

package/packages/hive-ui/src/modules/agent-config/user/ActiveAgentsList.tsx

@@ -1,109 +0,0 @@
-import { useEffect } from "react";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Badge } from "@/components/ui/badge";
-import { useAgentStore } from "@/stores/agentStore";
-import { Bot, Activity, type LucideProps } from "lucide-react";
-
-// Wrapper to fix React 19 + Lucide type compatibility
-function Icon({ icon: IconComponent, ...props }: { icon: React.ComponentType<LucideProps> } & LucideProps) {
-    return <IconComponent {...props} />;
-}
-
-const statusColors: Record<string, string> = {
-    active: "bg-green-500",
-    idle: "bg-yellow-500",
-    hibernated: "bg-gray-400",
-    error: "bg-red-500",
-    thinking: "bg-blue-500 animate-pulse",
-};
-
-const statusLabels: Record<string, string> = {
-    active: "Activo",
-    idle: "Inactivo",
-    hibernated: "Hibernado",
-    error: "Error",
-    thinking: "Pensando",
-};
-
-export function ActiveAgentsList() {
-    const { agents, isLoading, error, fetchAgents } = useAgentStore();
-
-    useEffect(() => {
-        fetchAgents();
-    }, [fetchAgents]);
-
-    if (isLoading) {
-        return (
-            <Card>
-                <CardHeader className="pb-2">
-                    <CardTitle className="flex items-center gap-2 text-sm">
-                        <Icon icon={Bot as any} className="h-4 w-4 text-purple-400" />
-                        Agentes activos
-                    </CardTitle>
-                </CardHeader>
-                <CardContent>
-                    <p className="text-xs text-muted-foreground animate-pulse">Cargando agentes...</p>
-                </CardContent>
-            </Card>
-        );
-    }
-
-    if (error) {
-        return (
-            <Card>
-                <CardHeader className="pb-2">
-                    <CardTitle className="flex items-center gap-2 text-sm">
-                        <Icon icon={Bot as any} className="h-4 w-4 text-purple-400" />
-                        Agentes activos
-                    </CardTitle>
-                </CardHeader>
-                <CardContent>
-                    <p className="text-xs text-destructive">Error: {error}</p>
-                </CardContent>
-            </Card>
-        );
-    }
-
-    return (
-        <Card>
-            <CardHeader className="pb-2">
-                <CardTitle className="flex items-center gap-2 text-sm">
-                    <Icon icon={Bot as any} className="h-4 w-4 text-purple-400" />
-                    Agentes activos
-                    <Badge variant="secondary" className="ml-auto text-xs">{agents.length}</Badge>
-                </CardTitle>
-            </CardHeader>
-            <CardContent>
-                {agents.length === 0 ? (
-                    <p className="text-xs text-muted-foreground">No hay agentes configurados</p>
-                ) : (
-                    <div className="space-y-2">
-                        {agents.map((agent) => (
-                            <div key={agent.id} className="flex items-center justify-between rounded-md border p-2">
-                                <div className="flex items-center gap-2">
-                                    <span className={`h-2 w-2 rounded-full ${statusColors[agent.status] || "bg-gray-400"}`} />
-                                    <div>
-                                        <p className="text-xs font-medium">{agent.name || agent.id}</p>
-                                        {agent.description && (
-                                            <p className="text-xs text-muted-foreground truncate max-w-[200px]">{agent.description}</p>
-                                        )}
-                                    </div>
-                                </div>
-                                <div className="flex items-center gap-2">
-                                    <Badge variant="outline" className="text-xs">
-                                        {statusLabels[agent.status] || agent.status}
-                                    </Badge>
-                                    {(agent as any).provider && (
-                                        <Badge variant="secondary" className="text-xs">
-                                            {(agent as any).provider}/{(agent as any).model}
-                                        </Badge>
-                                    )}
-                                </div>
-                            </div>
-                        ))}
-                    </div>
-                )}
-            </CardContent>
-        </Card>
-    );
-}

package/packages/hive-ui/src/modules/agent-config/user/GlobalConfigOverview.tsx

@@ -1,119 +0,0 @@
-import { useEffect, useState } from "react";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Badge } from "@/components/ui/badge";
-import { apiClient } from "@/lib/api";
-import { Settings, type LucideProps } from "lucide-react";
-
-// Wrapper to fix React 19 + Lucide type compatibility
-function Icon({ icon: IconComponent, ...props }: { icon: React.ComponentType<LucideProps> } & LucideProps) {
-    return <IconComponent {...props} />;
-}
-
-interface GlobalConfig {
-    gateway?: { host?: string; port?: number };
-    models?: {
-        defaultProvider?: string;
-        defaults?: Record<string, string>;
-        providers?: Record<string, { apiKey?: string; baseURL?: string }>;
-    };
-    agents?: { list?: Array<{ id: string; name?: string; default?: boolean; workspace?: string }> };
-    mcp?: { servers?: Record<string, unknown> };
-    skills?: { allowBundled?: string[]; managedDir?: string };
-    channels?: Record<string, unknown>;
-}
-
-export function GlobalConfigOverview() {
-    const [config, setConfig] = useState<GlobalConfig | null>(null);
-    const [isLoading, setIsLoading] = useState(true);
-    const [error, setError] = useState<string | null>(null);
-
-    useEffect(() => {
-        apiClient<GlobalConfig>("/api/config")
-            .then(setConfig)
-            .catch((e) => setError(e.message))
-            .finally(() => setIsLoading(false));
-    }, []);
-
-    if (isLoading) {
-        return (
-            <Card>
-                <CardHeader className="pb-2">
-                    <CardTitle className="flex items-center gap-2 text-sm">
-                        <Icon icon={Settings as any} className="h-4 w-4 text-amber-400" />
-                        Configuración global
-                    </CardTitle>
-                </CardHeader>
-                <CardContent>
-                    <p className="text-xs text-muted-foreground animate-pulse">Cargando configuración...</p>
-                </CardContent>
-            </Card>
-        );
-    }
-
-    if (error || !config) {
-        return (
-            <Card>
-                <CardHeader className="pb-2">
-                    <CardTitle className="flex items-center gap-2 text-sm">
-                        <Icon icon={Settings as any} className="h-4 w-4 text-amber-400" />
-                        Configuración global
-                    </CardTitle>
-                </CardHeader>
-                <CardContent>
-                    <p className="text-xs text-destructive">Error: {error || "No se pudo cargar"}</p>
-                </CardContent>
-            </Card>
-        );
-    }
-
-    const provider = config.models?.defaultProvider ?? "—";
-    const model = config.models?.defaults?.[provider] ?? "—";
-    const agentCount = config.agents?.list?.length ?? 0;
-    const mcpCount = config.mcp?.servers ? Object.keys(config.mcp.servers).length : 0;
-    const channelCount = config.channels ? Object.keys(config.channels).length : 0;
-    const skillCount = config.skills?.allowBundled?.length ?? 0;
-    const gateway = config.gateway;
-
-    return (
-        <Card>
-            <CardHeader className="pb-2">
-                <CardTitle className="flex items-center gap-2 text-sm">
-                    <Icon icon={Settings as any} className="h-4 w-4 text-amber-400" />
-                    Configuración global
-                </CardTitle>
-            </CardHeader>
-            <CardContent>
-                <div className="grid grid-cols-2 gap-3">
-                    <ConfigItem label="LLM Provider" value={provider} />
-                    <ConfigItem label="Modelo" value={model} />
-                    <ConfigItem label="Gateway" value={gateway ? `${gateway.host}:${gateway.port}` : "—"} />
-                    <ConfigItem label="Agentes" value={String(agentCount)} />
-                    <ConfigItem label="Canales" value={String(channelCount)} />
-                    <ConfigItem label="MCP Servers" value={String(mcpCount)} />
-                    <ConfigItem label="Skills activos" value={String(skillCount)} />
-                </div>
-
-                {/* Workspace files */}
-                <div className="mt-3 border-t pt-3">
-                    <p className="mb-2 text-xs font-medium text-muted-foreground">Archivos del workspace</p>
-                    <div className="flex flex-wrap gap-1.5">
-                        {["SOUL.md", "ETHICS.md", "USER.md", "TOOLS.md", "MCP.md", "SKILLS.md"].map((file) => (
-                            <Badge key={file} variant="outline" className="text-xs">
-                                {file}
-                            </Badge>
-                        ))}
-                    </div>
-                </div>
-            </CardContent>
-        </Card>
-    );
-}
-
-function ConfigItem({ label, value }: { label: string; value: string }) {
-    return (
-        <div className="space-y-0.5">
-            <p className="text-xs text-muted-foreground">{label}</p>
-            <p className="text-xs font-medium truncate">{value}</p>
-        </div>
-    );
-}

package/packages/hive-ui/src/modules/agent-config/user/UserMemoryManager.tsx

@@ -1,54 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Brain, Loader2 } from "lucide-react";
-import { apiClient } from "@/lib/api";
-
-interface MemoryEntry {
-  key: string;
-  value: string;
-  createdAt?: string;
-}
-
-export function UserMemoryManager() {
-  const { data: memories, isLoading, isError } = useQuery<MemoryEntry[]>({
-    queryKey: ["user-memories"],
-    queryFn: async () => {
-      const config = await apiClient<any>("/api/config");
-      const workspace = config.agents?.list?.[0]?.workspace || "~/.hive/workspace";
-      return [{ key: "workspace", value: workspace }];
-    },
-  });
-
-  return (
-    <Card>
-      <CardHeader className="pb-2">
-        <CardTitle className="flex items-center gap-2 text-sm">
-          <Brain className="h-4 w-4 text-blue-400" />
-          Memorias del usuario
-        </CardTitle>
-      </CardHeader>
-      <CardContent>
-        {isLoading ? (
-          <div className="flex items-center gap-2 py-2">
-            <Loader2 className="h-4 w-4 animate-spin text-muted-foreground" />
-            <span className="text-xs text-muted-foreground">Cargando...</span>
-          </div>
-        ) : isError ? (
-          <p className="text-xs text-muted-foreground">No se pudieron cargar las memorias</p>
-        ) : !memories || memories.length === 0 ? (
-          <p className="text-xs text-muted-foreground">Sin memorias guardadas</p>
-        ) : (
-          <div className="space-y-1">
-            {memories.map((m) => (
-              <div key={m.key} className="flex items-center justify-between rounded border px-2 py-1.5 text-xs">
-                <span className="font-medium">{m.key}</span>
-                <span className="text-muted-foreground">{m.value}</span>
-              </div>
-            ))}
-            <p className="text-xs text-muted-foreground mt-2">Las memorias se almacenan en el directorio workspace/memory/</p>
-          </div>
-        )}
-      </CardContent>
-    </Card>
-  );
-}

package/packages/hive-ui/src/modules/agent-config/user/UserPreferencesForm.tsx

@@ -1,163 +0,0 @@
-import { useEffect, useState } from "react";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Button } from "@/components/ui/button";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import { Loader2, Save } from "lucide-react";
-import { useUserStore } from "@/stores/userStore";
-import { useNotesAndCronsStore } from "@/stores/useNotesAndCronsStore";
-import { Toast } from "@/lib/swal";
-import { loader } from "@/stores/useLoaderStore";
-
-/**
- * Parses simple key: value pairs from a markdown string.
- * Looks for patterns like "Verbosity: normal" or "Primary: English"
- */
-function parseMarkdownFields(md: string): Record<string, string> {
-  const fields: Record<string, string> = {};
-  const lines = md.split("\n");
-  for (const line of lines) {
-    const match = line.match(/^(?:#{1,4}\s+)?(.+?):\s*(.+)$/);
-    if (match && !match[1].startsWith("<!--") && !match[1].startsWith("*")) {
-      const key = match[1].trim().toLowerCase().replace(/\s+/g, "_");
-      fields[key] = match[2].trim();
-    }
-  }
-  return fields;
-}
-
-export function UserPreferencesForm() {
-  const { fetchUser, saveUser, isLoading } = useUserStore();
-  const { cronChannels, cronUserPreference, fetchCronChannels, saveCronChannelPreference } =
-    useNotesAndCronsStore();
-  const [state, setState] = useState({ rawContent: "", language: "", verbosity: "", codeStyle: "", loaded: false });
-
-  useEffect(() => {
-    fetchUser()
-      .then((content) => {
-        const fields = parseMarkdownFields(content as any);
-        setState({
-          rawContent: content as any,
-          language: fields["primary"] || fields["language"] || "",
-          verbosity: fields["verbosity"] || "",
-          codeStyle: fields["language"] || "",
-          loaded: true,
-        });
-      })
-      .catch(console.error);
-    fetchCronChannels();
-  }, [fetchUser, fetchCronChannels]);
-
-  const handleSave = async () => {
-    let updatedContent = state.rawContent;
-
-    if (state.language) {
-      updatedContent = updatedContent.replace(
-        /^(Primary:\s*).+$/m,
-        `$1${state.language}`
-      );
-    }
-    if (state.verbosity) {
-      updatedContent = updatedContent.replace(
-        /^(Verbosity:\s*).+$/m,
-        `$1${state.verbosity}`
-      );
-    }
-
-    loader.show("Guardando preferencias...");
-    try {
-      await saveUser(updatedContent as any);
-      setState(prev => ({ ...prev, rawContent: updatedContent }));
-      Toast.fire({ icon: "success", title: "Preferencias guardadas" });
-    } catch {
-      Toast.fire({ icon: "error", title: "Error al guardar preferencias" });
-    } finally {
-      loader.hide();
-    }
-  };
-
-  const handleCronChannelChange = async (value: string) => {
-    loader.show("Guardando canal...");
-    try {
-      await saveCronChannelPreference(value);
-      Toast.fire({ icon: "success", title: "Canal de notificaciones guardado" });
-    } catch {
-      Toast.fire({ icon: "error", title: "Error al guardar el canal" });
-    } finally {
-      loader.hide();
-    }
-  };
-
-  const activeChannels = cronChannels.filter(c => c.active);
-
-  if (!state.loaded) {
-    return (
-      <Card>
-        <CardContent className="flex items-center justify-center py-6">
-          <Loader2 className="h-4 w-4 animate-spin text-muted-foreground" />
-          <span className="ml-2 text-xs text-muted-foreground">Cargando preferencias...</span>
-        </CardContent>
-      </Card>
-    );
-  }
-
-  return (
-    <Card>
-      <CardHeader className="pb-2">
-        <CardTitle className="flex items-center justify-between text-sm">
-          Preferencias del usuario
-          <Button size="sm" variant="outline" onClick={handleSave} disabled={isLoading} className="gap-2 h-7">
-            {isLoading ? <Loader2 className="h-3 w-3 animate-spin" /> : <Save className="h-3 w-3" />}
-            Guardar
-          </Button>
-        </CardTitle>
-      </CardHeader>
-      <CardContent className="space-y-3">
-        <div className="space-y-1.5">
-          <Label className="text-xs">Idioma preferido</Label>
-          <Input value={state.language} onChange={(e) => setState(prev => ({ ...prev, language: e.target.value }))} placeholder="es" className="h-8 text-sm" />
-        </div>
-        <div className="space-y-1.5">
-          <Label className="text-xs">Verbosidad</Label>
-          <Input value={state.verbosity} onChange={(e) => setState(prev => ({ ...prev, verbosity: e.target.value }))} placeholder="normal" className="h-8 text-sm" />
-        </div>
-        <div className="space-y-1.5">
-          <Label className="text-xs">Lenguaje principal</Label>
-          <Input value={state.codeStyle} onChange={(e) => setState(prev => ({ ...prev, codeStyle: e.target.value }))} placeholder="TypeScript" className="h-8 text-sm" />
-        </div>
-        {/* Cron channel preference — only shown when multiple channels exist */}
-        {activeChannels.length > 0 && (
-          <div className="space-y-1.5 pt-1 border-t border-white/5">
-            <Label className="text-xs">Canal de notificaciones (Cron Jobs)</Label>
-            <Select value={cronUserPreference} onValueChange={handleCronChannelChange}>
-              <SelectTrigger className="h-8 text-sm">
-                <SelectValue placeholder="Seleccionar canal" />
-              </SelectTrigger>
-              <SelectContent>
-                <SelectItem value="auto" className="text-sm">
-                  Auto — detectar mejor canal
-                </SelectItem>
-                {activeChannels.map(ch => (
-                  <SelectItem key={ch.id} value={ch.id} className="text-sm">
-                    {ch.id === 'telegram'
-                      ? 'Telegram'
-                      : ch.id === 'webchat'
-                      ? 'Web Chat'
-                      : ch.id}
-                    {ch.recommended ? ' (recomendado)' : ''}
-                  </SelectItem>
-                ))}
-              </SelectContent>
-            </Select>
-            <p className="text-[10px] text-muted-foreground">
-              Canal donde el agente envía las notificaciones de tareas programadas.
-              En modo Auto se prefiere Telegram si está activo.
-            </p>
-          </div>
-        )}
-        <p className="text-xs text-muted-foreground">Estos valores se leen de USER.md del workspace.</p>
-      </CardContent>
-    </Card>
-  );
-}