@johpaz/hive 1.7.2 → 1.7.3

package/packages/hive-ui/src/modules/agent-config/shared/ConfigImporter.tsx

@@ -1,25 +0,0 @@
-import { Button } from "@/components/ui/button";
-import { Upload } from "lucide-react";
-
-interface ConfigImporterProps {
-  onImport: (content: string) => void;
-  accept?: string;
-}
-
-export function ConfigImporter({ onImport, accept = ".md,.json,.yaml" }: ConfigImporterProps) {
-  const handleFile = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const file = e.target.files?.[0];
-    if (!file) return;
-    const reader = new FileReader();
-    reader.onload = () => onImport(reader.result as string);
-    reader.readAsText(file);
-  };
-
-  return (
-    <Button variant="outline" size="sm" className="relative gap-1">
-      <Upload className="h-3.5 w-3.5" />
-      Importar
-      <input type="file" accept={accept} onChange={handleFile} className="absolute inset-0 cursor-pointer opacity-0" />
-    </Button>
-  );
-}

package/packages/hive-ui/src/modules/agent-config/shared/DiffViewer.tsx

@@ -1,31 +0,0 @@
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-
-interface DiffViewerProps {
-  before: string;
-  after: string;
-  labelBefore?: string;
-  labelAfter?: string;
-}
-
-export function DiffViewer({ before, after, labelBefore = "Anterior", labelAfter = "Actual" }: DiffViewerProps) {
-  return (
-    <div className="grid grid-cols-2 gap-4">
-      <Card>
-        <CardHeader className="pb-2">
-          <CardTitle className="text-xs text-muted-foreground">{labelBefore}</CardTitle>
-        </CardHeader>
-        <CardContent>
-          <pre className="whitespace-pre-wrap text-xs">{before || "Vacío"}</pre>
-        </CardContent>
-      </Card>
-      <Card>
-        <CardHeader className="pb-2">
-          <CardTitle className="text-xs text-muted-foreground">{labelAfter}</CardTitle>
-        </CardHeader>
-        <CardContent>
-          <pre className="whitespace-pre-wrap text-xs">{after || "Vacío"}</pre>
-        </CardContent>
-      </Card>
-    </div>
-  );
-}

package/packages/hive-ui/src/modules/agent-config/shared/MarkdownEditor.tsx

@@ -1,32 +0,0 @@
-import { Textarea } from "@/components/ui/textarea";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
-
-interface MarkdownEditorProps {
-  value: string;
-  onChange: (value: string) => void;
-  placeholder?: string;
-}
-
-export function MarkdownEditor({ value, onChange, placeholder }: MarkdownEditorProps) {
-  return (
-    <Tabs defaultValue="edit" className="w-full">
-      <TabsList>
-        <TabsTrigger value="edit">Editar</TabsTrigger>
-        <TabsTrigger value="preview">Preview</TabsTrigger>
-      </TabsList>
-      <TabsContent value="edit">
-        <Textarea
-          value={value}
-          onChange={(e) => onChange(e.target.value)}
-          placeholder={placeholder ?? "Escribe en markdown..."}
-          className="min-h-[300px] font-mono text-sm"
-        />
-      </TabsContent>
-      <TabsContent value="preview">
-        <div className="prose prose-sm dark:prose-invert min-h-[300px] rounded-md border p-4">
-          <pre className="whitespace-pre-wrap text-sm text-muted-foreground">{value || "Sin contenido"}</pre>
-        </div>
-      </TabsContent>
-    </Tabs>
-  );
-}

package/packages/hive-ui/src/modules/agent-config/shared/SaveStatusIndicator.tsx

@@ -1,23 +0,0 @@
-import { Badge } from "@/components/ui/badge";
-import { Check, Loader2, AlertCircle, Clock } from "lucide-react";
-import type { SaveStatus } from "@/types";
-
-interface SaveStatusIndicatorProps {
-  status: SaveStatus;
-}
-
-const statusMap: Record<SaveStatus, { label: string; icon: React.ReactNode; variant: "default" | "secondary" | "destructive" | "outline" }> = {
-  saved: { label: "Guardado", icon: <Check className="h-3 w-3" />, variant: "secondary" },
-  saving: { label: "Guardando…", icon: <Loader2 className="h-3 w-3 animate-spin" />, variant: "outline" },
-  pending: { label: "Pendiente", icon: <Clock className="h-3 w-3" />, variant: "outline" },
-  error: { label: "Error", icon: <AlertCircle className="h-3 w-3" />, variant: "destructive" },
-};
-
-export function SaveStatusIndicator({ status }: SaveStatusIndicatorProps) {
-  const { label, icon, variant } = statusMap[status];
-  return (
-    <Badge variant={variant} className="gap-1 text-xs">
-      {icon} {label}
-    </Badge>
-  );
-}

package/packages/hive-ui/src/modules/agent-config/shared/ValidationPanel.tsx

@@ -1,36 +0,0 @@
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { AlertCircle, AlertTriangle, Info } from "lucide-react";
-import type { ConfigValidationError } from "@/types";
-
-interface ValidationPanelProps {
-  errors: ConfigValidationError[];
-}
-
-const severityIcon = {
-  error: <AlertCircle className="h-4 w-4 text-destructive" />,
-  warning: <AlertTriangle className="h-4 w-4 text-yellow-500" />,
-  info: <Info className="h-4 w-4 text-blue-500" />,
-};
-
-export function ValidationPanel({ errors }: ValidationPanelProps) {
-  if (errors.length === 0) return null;
-
-  return (
-    <Card>
-      <CardHeader className="pb-2">
-        <CardTitle className="text-xs">Validación ({errors.length})</CardTitle>
-      </CardHeader>
-      <CardContent className="space-y-2">
-        {errors.map((err, i) => (
-          <div key={`${err.section}-${err.field}-${err.severity}`} className="flex items-start gap-2 text-xs">
-            {severityIcon[err.severity]}
-            <div>
-              <span className="font-medium">{err.section}/{err.field}:</span>{" "}
-              <span className="text-muted-foreground">{err.message}</span>
-            </div>
-          </div>
-        ))}
-      </CardContent>
-    </Card>
-  );
-}

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

@@ -1,7 +0,0 @@
-export { ConfigEditorLayout } from "./ConfigEditorLayout";
-export { MarkdownEditor } from "./MarkdownEditor";
-export { DiffViewer } from "./DiffViewer";
-export { SaveStatusIndicator } from "./SaveStatusIndicator";
-export { ConfigImporter } from "./ConfigImporter";
-export { ConfigExporter } from "./ConfigExporter";
-export { ValidationPanel } from "./ValidationPanel";

package/packages/hive-ui/src/modules/agent-config/skills/SkillCard.tsx

@@ -1,81 +0,0 @@
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Badge } from "@/components/ui/badge";
-import { Zap, Cpu, Code2, Globe, Search, MessageSquare, BarChart3, Languages, Sparkles } from "lucide-react";
-import { cn } from "@/lib/utils";
-import type { Skill } from "@/types";
-
-interface SkillCardProps {
-  skill: Skill;
-  onClick?: () => void;
-  className?: string;
-}
-
-const getSkillIcon = (name: string) => {
-  const n = name.toLowerCase();
-  if (n.includes("code") || n.includes("program")) return <Code2 className="h-4 w-4" />;
-  if (n.includes("research") || n.includes("investiga")) return <Search className="h-4 w-4" />;
-  if (n.includes("write") || n.includes("escrib")) return <MessageSquare className="h-4 w-4" />;
-  if (n.includes("data") || n.includes("anal") || n.includes("estad")) return <BarChart3 className="h-4 w-4" />;
-  if (n.includes("trans") || n.includes("traduc")) return <Languages className="h-4 w-4" />;
-  if (n.includes("web") || n.includes("glob")) return <Globe className="h-4 w-4" />;
-  return <Zap className="h-4 w-4" />;
-};
-
-export function SkillCard({ skill, onClick, className }: SkillCardProps) {
-  const active = !!skill.active;
-
-  return (
-    <div
-      onClick={onClick}
-      className={`hive-card group transition-all duration-500 cursor-pointer ${active
-        ? 'hive-card--active border-blue-500/20'
-        : 'opacity-60 grayscale-[0.8] hover:opacity-100 hover:grayscale-0'
-        } ${className}`}
-    >
-      <div className="hive-card-body">
-        <div className="flex items-start justify-between mb-6">
-          <div className={`h-12 w-12 rounded-xl flex items-center justify-center border transition-all duration-500 ${active
-            ? 'bg-blue-500/10 border-blue-500/30 text-blue-400 shadow-blue-glow'
-            : 'bg-white/5 border-white/10 text-white/30'
-            }`}>
-            {getSkillIcon(skill.name)}
-          </div>
-
-          <div className="h-6 w-6 rounded-full border border-white/5 bg-white/5 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity">
-            <Sparkles className="h-3 w-3 text-blue-400" />
-          </div>
-        </div>
-
-        <div className="space-y-4">
-          <div>
-            <h3 className="text-lg font-black text-white uppercase tracking-tighter mb-1 line-clamp-1 group-hover:text-blue-400 transition-colors">
-              {skill.name}
-            </h3>
-            <p className="text-xs text-white/40 font-medium leading-relaxed line-clamp-2 h-8">
-              {skill.body?.substring(0, 100) || skill.category}
-            </p>
-          </div>
-
-          <div className="pt-4 border-t border-white/5 flex items-center justify-between">
-            <div className="flex items-center gap-4">
-              <div className="hive-stat">
-                <span className="hive-stat__label">CATEGORY</span>
-                <span className="hive-stat__value truncate max-w-[80px]">{skill.category || "GENERAL"}</span>
-              </div>
-              <div className="hive-stat">
-                <span className="hive-stat__label">TOOLS</span>
-                <span className="hive-stat__value">{skill.tools ? skill.tools.split(',').length : 0}</span>
-              </div>
-            </div>
-
-            <div className="opacity-0 group-hover:opacity-100 transition-opacity flex items-center gap-1.5 text-[9px] font-black text-blue-400 uppercase tracking-widest">
-              DETALLES
-              <Cpu className="h-3 w-3" />
-            </div>
-          </div>
-        </div>
-      </div>
-      <div className={`hive-strip--bottom ${active ? 'bg-blue-500' : 'bg-white/10'}`} />
-    </div>
-  );
-}

package/packages/hive-ui/src/modules/agent-config/skills/SkillConfigEditor.tsx

@@ -1,22 +0,0 @@
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Settings } from "lucide-react";
-
-interface SkillConfigEditorProps {
-  skillId: string;
-}
-
-export function SkillConfigEditor({ skillId }: SkillConfigEditorProps) {
-  return (
-    <Card>
-      <CardHeader className="pb-2">
-        <CardTitle className="flex items-center gap-2 text-sm">
-          <Settings className="h-4 w-4" />
-          Configurar skill
-        </CardTitle>
-      </CardHeader>
-      <CardContent>
-        <p className="text-xs text-muted-foreground">Configuración de skill: {skillId}</p>
-      </CardContent>
-    </Card>
-  );
-}

package/packages/hive-ui/src/modules/agent-config/skills/SkillCreator.tsx

@@ -1,60 +0,0 @@
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Input } from "@/components/ui/input";
-import { Textarea } from "@/components/ui/textarea";
-import { Button } from "@/components/ui/button";
-import { Label } from "@/components/ui/label";
-import { Plus } from "lucide-react";
-
-interface SkillCreatorProps {
-  onCreateSkill: (data: { name: string; category: string; tools: string; triggers: string; body: string }) => void;
-}
-
-export function SkillCreator({ onCreateSkill }: SkillCreatorProps) {
-  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
-    const formData = new FormData(e.currentTarget);
-    onCreateSkill({
-      name: formData.get("name") as string,
-      category: formData.get("category") as string || "",
-      tools: formData.get("tools") as string || "",
-      triggers: formData.get("triggers") as string || "",
-      body: formData.get("body") as string || "",
-    });
-  };
-
-  return (
-    <Card>
-      <CardHeader className="pb-2">
-        <CardTitle className="flex items-center gap-2 text-sm">
-          <Plus className="h-4 w-4" />
-          Crear skill
-        </CardTitle>
-      </CardHeader>
-      <CardContent>
-        <form onSubmit={handleSubmit} className="space-y-3">
-          <div className="space-y-1.5">
-            <Label className="text-xs">Nombre</Label>
-            <Input name="name" placeholder="Nombre del skill" className="h-8 text-sm" required />
-          </div>
-          <div className="space-y-1.5">
-            <Label className="text-xs">Categoría</Label>
-            <Input name="category" placeholder="Ej: web, code, data" className="h-8 text-sm" />
-          </div>
-          <div className="space-y-1.5">
-            <Label className="text-xs">Tools (comma-separated)</Label>
-            <Input name="tools" placeholder="web_search,web_fetch" className="h-8 text-sm" />
-          </div>
-          <div className="space-y-1.5">
-            <Label className="text-xs">Triggers (comma-separated)</Label>
-            <Input name="triggers" placeholder="busca,investiga,research" className="h-8 text-sm" />
-          </div>
-          <div className="space-y-1.5">
-            <Label className="text-xs">Contenido (Markdown)</Label>
-            <Textarea name="body" placeholder="Contenido/instrucciones del skill" className="min-h-[100px] text-sm" />
-          </div>
-          <Button type="submit" size="sm">Crear</Button>
-        </form>
-      </CardContent>
-    </Card>
-  );
-}

package/packages/hive-ui/src/modules/agent-config/skills/SkillInstaller.tsx

@@ -1,23 +0,0 @@
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Download } from "lucide-react";
-
-export function SkillInstaller() {
-  return (
-    <Card>
-      <CardHeader className="pb-2">
-        <CardTitle className="flex items-center gap-2 text-sm">
-          <Download className="h-4 w-4" />
-          Instalar skill
-        </CardTitle>
-      </CardHeader>
-      <CardContent>
-        <p className="text-xs text-muted-foreground">Instala skills desde el marketplace o archivo local</p>
-        <div className="mt-3 flex gap-2">
-          <Button variant="outline" size="sm">Marketplace</Button>
-          <Button variant="outline" size="sm">Archivo local</Button>
-        </div>
-      </CardContent>
-    </Card>
-  );
-}

package/packages/hive-ui/src/modules/agent-config/skills/SkillList.tsx

@@ -1,72 +0,0 @@
-import { useEffect, useState } from "react";
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Badge } from "@/components/ui/badge";
-import { Switch } from "@/components/ui/switch";
-import { Zap } from "lucide-react";
-import { apiClient } from "@/lib/api";
-import type { Skill } from "@/types";
-
-export function SkillList() {
-  const [skills, setSkills] = useState<Skill[]>([]);
-  const [toggling, setToggling] = useState<string | null>(null);
-
-  useEffect(() => {
-    apiClient<{ skills: Skill[] }>("/api/skills").then((res) => {
-      setSkills(res.skills);
-    }).catch(() => {});
-  }, []);
-
-  async function handleToggle(skill: Skill) {
-    setToggling(skill.id);
-    const newActive = !skill.active;
-    try {
-      await apiClient(`/api/skills/${skill.id}/toggle`, {
-        method: "POST",
-        body: { active: newActive },
-      });
-      setSkills((prev) =>
-        prev.map((s) => s.id === skill.id ? { ...s, active: newActive } : s)
-      );
-    } catch {
-      // revert on error — state unchanged
-    } finally {
-      setToggling(null);
-    }
-  }
-
-  const activeCount = skills.filter((s) => s.active).length;
-
-  return (
-    <div className="space-y-3">
-      <div className="flex items-center justify-between">
-        <h4 className="text-sm font-medium">Skills disponibles</h4>
-        <Badge variant="secondary" className="text-xs">{activeCount} activos</Badge>
-      </div>
-      <div className="space-y-2">
-        {skills.map((skill) => (
-          <Card key={skill.id}>
-            <CardHeader className="flex flex-row items-center justify-between py-3 pb-1">
-              <CardTitle className="flex items-center gap-2 text-sm">
-                <Zap className="h-3.5 w-3.5 text-green-400" />
-                {skill.name}
-              </CardTitle>
-              <Switch
-                checked={!!skill.active}
-                disabled={toggling === skill.id}
-                onCheckedChange={() => handleToggle(skill)}
-              />
-            </CardHeader>
-            <CardContent className="pb-3">
-              <p className="text-xs text-muted-foreground">
-                {skill.category} • {skill.tools ? skill.tools.split(',').length : 0} tools
-              </p>
-            </CardContent>
-          </Card>
-        ))}
-        {skills.length === 0 && (
-          <p className="text-xs text-muted-foreground text-center py-4">No hay skills cargadas</p>
-        )}
-      </div>
-    </div>
-  );
-}

package/packages/hive-ui/src/modules/agent-config/skills/SkillsTab.tsx

@@ -1,202 +0,0 @@
-import { useState, useEffect } from "react";
-import { Wand2, Loader2, Save, Info, Sparkles } from "lucide-react";
-import { useSkills } from "@/hooks/useProviders";
-import { Button } from "@/components/ui/button";
-import { Badge } from "@/components/ui/badge";
-import { Input } from "@/components/ui/input";
-import { Textarea } from "@/components/ui/textarea";
-import { Label } from "@/components/ui/label";
-import { Switch } from "@/components/ui/switch";
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "@/components/ui/dialog";
-import { Toast } from "@/lib/swal";
-import { loader } from "@/stores/useLoaderStore";
-import { SkillCard } from "./SkillCard";
-import type { Skill } from "@/types";
-
-export function SkillsTab() {
-  const { skills, isLoading, fetchSkills, toggleSkill, updateSkill } = useSkills();
-  const [editingSkill, setEditingSkill] = useState<Skill | null>(null);
-  const [editForm, setEditForm] = useState({ name: "", body: "" });
-  const [togglingId, setTogglingId] = useState<string | null>(null);
-  const [isSaving, setIsSaving] = useState(false);
-
-  useEffect(() => { fetchSkills(); }, [fetchSkills]);
-
-  const handleToggle = async (id: string, active: boolean) => {
-    if (togglingId) return;
-    setTogglingId(id);
-    try {
-      await toggleSkill(id, active);
-      Toast.fire({ icon: "success", title: active ? "Skill habilitado" : "Skill deshabilitado" });
-    } catch {
-      Toast.fire({ icon: "error", title: "Error al cambiar estado del skill" });
-    } finally {
-      setTogglingId(null);
-    }
-  };
-
-  const handleOpenEdit = (skill: Skill) => {
-    setEditingSkill(skill);
-    setEditForm({ name: skill.name, body: skill.body || "" });
-  };
-
-  const handleSave = async () => {
-    if (!editingSkill) return;
-    setIsSaving(true);
-    loader.show("Guardando skill...");
-    try {
-      await updateSkill(editingSkill.id, editForm);
-      Toast.fire({ icon: "success", title: "Skill actualizado correctamente" });
-      fetchSkills();
-      setEditingSkill(null);
-    } catch {
-      Toast.fire({ icon: "error", title: "Error al actualizar skill" });
-    } finally {
-      setIsSaving(false);
-      loader.hide();
-    }
-  };
-
-  if (isLoading && skills.length === 0) {
-    return (
-      <div className="flex flex-col items-center justify-center py-20 space-y-4">
-        <div className="relative">
-          <Loader2 className="h-10 w-10 animate-spin text-primary/40" />
-          <Sparkles className="h-4 w-4 text-primary absolute -top-1 -right-1 animate-pulse" />
-        </div>
-        <p className="text-sm text-muted-foreground animate-pulse">Cargando habilidades premium...</p>
-      </div>
-    );
-  }
-
-  return (
-    <div className="space-y-6 animate-in fade-in duration-500">
-      <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4 mb-8">
-        <div>
-          <div className="flex items-center gap-2 mb-2">
-            <h3 className="hive-title-section !text-lg">Habilidades del Sistema</h3>
-            <span className="hive-tag bg-blue-500/10 text-blue-400 border-blue-500/20">
-              {skills.length} ACTIVAS
-            </span>
-          </div>
-          <p className="hive-subtitle !mt-0 !text-xs">
-            Gestiona los módulos cognitivos que otorgan capacidades autónomas a tus agentes.
-          </p>
-        </div>
-
-        <div className="flex items-center gap-2 text-[10px] uppercase tracking-widest font-black text-white/20 bg-white/5 px-4 py-2 rounded-xl border border-white/5">
-          <Info className="h-3.5 w-3.5" />
-          <span>Click en skill para configurar</span>
-        </div>
-      </div>
-
-      {skills.length === 0 ? (
-        <div className="hive-card border-dashed border-white/10 bg-white/[0.02]">
-          <div className="hive-card-body flex flex-col items-center justify-center py-16 px-4">
-            <div className="h-16 w-16 rounded-2xl bg-white/5 flex items-center justify-center mb-6">
-              <Wand2 className="h-8 w-8 text-white/20" />
-            </div>
-            <div className="text-center">
-              <p className="hive-title-section text-center mb-2">No se detectan habilidades</p>
-              <p className="text-xs text-white/40 mb-8 max-w-[300px] mx-auto leading-relaxed">
-                El repositorio de habilidades está vacío. Visita el Marketplace para descargar nuevos nodos cognitivos.
-              </p>
-            </div>
-            <button className="hive-btn hive-btn--primary px-8">
-              Explorar Marketplace
-            </button>
-          </div>
-        </div>
-      ) : (
-        <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6">
-          {skills.map(skill => (
-            <div key={skill.id} className="relative">
-              <SkillCard
-                skill={skill}
-                onClick={() => handleOpenEdit(skill)}
-              />
-              <div className="absolute top-6 right-6 z-20 pointer-events-auto flex items-center gap-2">
-                <span className={`text-[9px] font-black tracking-widest ${skill.active ? 'text-blue-400' : 'text-white/20'}`}>
-                  {skill.active ? 'HABILITADO' : 'DESACTIVADO'}
-                </span>
-                <Switch
-                  checked={!!skill.active}
-                  disabled={togglingId === skill.id}
-                  onClick={e => e.stopPropagation()}
-                  onCheckedChange={checked => handleToggle(skill.id, checked)}
-                  className="scale-75 data-[state=checked]:bg-blue-500"
-                />
-              </div>
-            </div>
-          ))}
-        </div>
-      )}
-
-      <Dialog open={!!editingSkill} onOpenChange={open => !open && setEditingSkill(null)}>
-        <DialogContent className="hive-card border-white/10 p-0 overflow-hidden max-w-md bg-[#09090b]">
-          <div className="p-6 border-b border-white/5 bg-white/5 relative overflow-hidden">
-            <div className="hive-glow-blob hive-glow-blob--blue -top-10 -right-10 h-32 w-32 opacity-20" />
-            <div className="flex items-center gap-4 relative z-10">
-              <div className="h-12 w-12 rounded-xl bg-blue-500/10 border border-blue-500/20 flex items-center justify-center">
-                <Wand2 className="h-6 w-6 text-blue-400 shadow-blue-glow" />
-              </div>
-              <div>
-                <h2 className="text-xl font-black text-white uppercase tracking-tighter">Sintonizar Habilidad</h2>
-                <p className="text-xs text-white/40 font-medium">Personaliza el comportamiento de {editingSkill?.name}.</p>
-              </div>
-            </div>
-          </div>
-
-          <div className="p-6 space-y-6">
-            <div className="space-y-2">
-              <label className="hive-label uppercase !text-[10px]">Identificador Visual</label>
-              <Input
-                value={editForm.name}
-                onChange={e => setEditForm(p => ({ ...p, name: e.target.value }))}
-                className="bg-white/5 border-white/5 focus-visible:ring-blue-500/30 text-white font-bold"
-                placeholder="Nombre de la habilidad"
-              />
-            </div>
-
-            <div className="space-y-2">
-              <label className="hive-label uppercase !text-[10px]">Contenido (Markdown)</label>
-              <Textarea
-                value={editForm.body}
-                onChange={e => setEditForm(p => ({ ...p, body: e.target.value }))}
-                className="min-h-[120px] resize-none bg-white/5 border-white/5 focus-visible:ring-blue-500/30 text-white/80 text-sm"
-                placeholder="Contenido/instrucciones del skill"
-              />
-            </div>
-
-            <div className="grid grid-cols-2 gap-4">
-              <div className="hive-stat !bg-white/5 !border-white/5 p-4 rounded-xl">
-                <span className="hive-stat__label !text-[9px]">CATEGORIA</span>
-                <span className="hive-stat__value !text-xs mt-1 truncate">{editingSkill?.category || "GENERAL"}</span>
-              </div>
-              <div className="hive-stat !bg-white/5 !border-white/5 p-4 rounded-xl">
-                <span className="hive-stat__label !text-[9px]">TOOLS</span>
-                <span className="hive-stat__value !text-xs mt-1 truncate">{editingSkill?.tools?.split(',').length || 0}</span>
-              </div>
-            </div>
-          </div>
-
-          <div className="p-6 bg-white/5 flex items-center justify-end gap-3 border-t border-white/5">
-            <button
-              className="hive-btn hive-btn--ghost px-6 text-[10px]"
-              onClick={() => setEditingSkill(null)}
-            >
-              DESCARTAR
-            </button>
-            <button
-              className="hive-btn hive-btn--primary px-8 text-[10px]"
-              onClick={handleSave}
-              disabled={isSaving}
-            >
-              {isSaving ? "GUARDANDO..." : "Sincronizar Cambios"}
-            </button>
-          </div>
-        </DialogContent>
-      </Dialog>
-    </div>
-  );
-}

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

@@ -1,5 +0,0 @@
-export { SkillList } from "./SkillList";
-export { SkillCard } from "./SkillCard";
-export { SkillInstaller } from "./SkillInstaller";
-export { SkillCreator } from "./SkillCreator";
-export { SkillConfigEditor } from "./SkillConfigEditor";

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

@@ -1,27 +0,0 @@
-import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
-import { Badge } from "@/components/ui/badge";
-import { Wrench } from "lucide-react";
-import type { Tool } from "@/types";
-
-interface ToolCardProps {
-  tool: Tool;
-}
-
-export function ToolCard({ tool }: ToolCardProps) {
-  return (
-    <Card className="transition-colors hover:border-orange-400/30">
-      <CardHeader className="pb-2">
-        <CardTitle className="flex items-center gap-2 text-sm">
-          <Wrench className="h-3.5 w-3.5 text-orange-400" />
-          {tool.name}
-          <Badge variant={tool.enabled ? "default" : "secondary"} className="ml-auto text-xs">
-            {tool.enabled ? "Activa" : "Inactiva"}
-          </Badge>
-        </CardTitle>
-      </CardHeader>
-      <CardContent>
-        <p className="text-xs text-muted-foreground">{tool.description}</p>
-      </CardContent>
-    </Card>
-  );
-}