@johpaz/hive 1.7.2 → 1.7.3

package/packages/hive-ui/src/modules/agent-config/ethics/EthicsTemplateGallery.tsx

@@ -1,361 +0,0 @@
-import { useState, useEffect } from "react";
-import { ShieldAlert, Save, Loader2, Plus, Check, Zap, Shield, Unlock, AlertTriangle } from "lucide-react";
-import { useEthicsStore } from "@/stores/ethicsStore";
-import { Textarea } from "@/components/ui/textarea";
-import { Toast } from "@/lib/swal";
-import { loader } from "@/stores/useLoaderStore";
-import { apiClient } from "@/lib/api";
-
-const TEMPLATES = [
-  {
-    id: "paranoid",
-    name: "Paranoico",
-    icon: Shield,
-    description: "Confirmación explícita para toda acción",
-    content: "# Ética — Modo Paranoico\n\n- No ejecutar ningún comando sin confirmación explícita\n- No acceder a archivos fuera del workspace\n- No compartir información entre sesiones\n- Confirmar cada acción destructiva individualmente",
-  },
-  {
-    id: "balanced",
-    name: "Equilibrado",
-    icon: ShieldAlert,
-    description: "Confirma acciones destructivas, permite lectura libre",
-    content: "# Ética — Modo Equilibrado\n\n- Confirmar acciones destructivas (borrar archivos, commits, deploys)\n- Permitir lectura de archivos del workspace sin confirmación\n- Informar cuando se usen tools o APIs externas\n- No afirmar ser humano cuando se pregunte directamente",
-  },
-  {
-    id: "permissive",
-    name: "Permisivo",
-    icon: Unlock,
-    description: "Máxima autonomía, solo confirma pagos",
-    content: "# Ética — Modo Permisivo\n\n- Máxima autonomía para el agente\n- Solo confirmar pagos o transacciones\n- Permitir ejecución de comandos sin confirmación\n- Informar errores pero continuar automáticamente",
-  },
-];
-
-import type { EthicsConfig } from "@/types";
-
-// Interfaz interna para manejar los datos que vienen de la API de base de datos
-interface EthicsRecord extends EthicsConfig {
-  name: string;
-  description?: string;
-  active: number;
-  is_default?: number;
-}
-
-export function EthicsTemplateGallery() {
-  const { configs, fetchEthics, isLoading } = useEthicsStore();
-  const [selectedId, setSelectedId] = useState<string | null>(null);
-  const [content, setContent] = useState("");
-  const [isSaving, setIsSaving] = useState(false);
-
-  useEffect(() => {
-    fetchEthics().catch(console.error);
-  }, [fetchEthics]);
-
-  useEffect(() => {
-    if (configs.length === 0) return;
-    const records = configs as unknown as EthicsRecord[];
-    const active = records.find(e => e.active) || records[0];
-    if (!selectedId) {
-      setSelectedId(active.id);
-      setContent(active.content);
-    }
-  }, [configs, selectedId]);
-
-  const selected = (configs as unknown as EthicsRecord[]).find(e => e.id === selectedId);
-
-  const handleSelect = (record: EthicsRecord) => {
-    setSelectedId(record.id);
-    setContent(record.content);
-  };
-
-  const handleSetActive = async (id: string) => {
-    loader.show("Activando registro de ética...");
-    const records = configs as unknown as EthicsRecord[];
-    try {
-      const results = await Promise.all(
-        records.map(e =>
-          apiClient<{ message?: string }>(`/api/ethics/${e.id}`, {
-            method: "PUT",
-            body: { active: e.id === id ? 1 : 0 },
-          }).catch(() => ({} as { message?: string }))
-        )
-      );
-      await fetchEthics();
-      const activeResult = results.find((_, i) => records[i].id === id);
-      Toast.fire({ icon: "success", title: activeResult?.message || "Registro de ética activado" });
-    } catch (err) {
-      Toast.fire({ icon: "error", title: err instanceof Error ? err.message : "Error al activar registro" });
-    } finally {
-      loader.hide();
-    }
-  };
-
-  const handleSave = async () => {
-    if (!selected) return;
-    setIsSaving(true);
-    loader.show("Guardando lineamientos éticos...");
-    try {
-      const data = await apiClient<{ message?: string }>(`/api/ethics/${selected.id}`, {
-        method: "PUT",
-        body: { content },
-      });
-      await fetchEthics();
-      Toast.fire({ icon: "success", title: data.message || "Contenido ético guardado" });
-    } catch (err) {
-      Toast.fire({ icon: "error", title: err instanceof Error ? err.message : "Error al guardar" });
-    } finally {
-      setIsSaving(false);
-      loader.hide();
-    }
-  };
-
-  const handleApplyTemplate = (templateContent: string) => {
-    setContent(templateContent);
-    Toast.fire({ icon: "info", title: "Plantilla aplicada — guarda para confirmar" });
-  };
-
-  const handleCreateFromTemplate = async (tpl: typeof TEMPLATES[number]) => {
-    loader.show(`Creando registro "${tpl.name}"...`);
-    try {
-      const data = await apiClient<{ message?: string }>("/api/ethics", {
-        method: "POST",
-        body: { name: tpl.name, description: tpl.description, content: tpl.content },
-      });
-      await fetchEthics();
-      Toast.fire({ icon: "success", title: data.message || `Creado registro "${tpl.name}"` });
-    } catch (err) {
-      Toast.fire({ icon: "error", title: err instanceof Error ? err.message : "Error al crear registro" });
-    } finally {
-      loader.hide();
-    }
-  };
-
-  if (isLoading && configs.length === 0) {
-    return (
-      <div className="flex flex-col items-center justify-center py-20 border border-white/5 bg-zinc-950/30 rounded-2xl">
-        <Loader2 className="h-8 w-8 animate-spin text-amber-500 mb-4 opacity-50" />
-        <span className="hive-label">Cargando lineamientos operativos...</span>
-      </div>
-    );
-  }
-
-  return (
-    <div className="space-y-8 animate-fade-in">
-
-      {/* ── Header ────────────────────────────────────────────────────────── */}
-      <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
-        <div>
-          <div className="flex items-center gap-2 mb-2">
-            <h3 className="hive-title-section !text-lg">Protocolos Éticos</h3>
-            <span className="hive-tag hive-tag--provider">
-              {configs.length} REGISTROS
-            </span>
-          </div>
-          <p className="hive-subtitle !mt-0 !text-xs">
-            Define la capa moral y los límites operacionales de tus agentes inteligentes.
-          </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">
-          <Shield className="h-3.5 w-3.5" />
-          <span>Configuración del Núcleo</span>
-        </div>
-      </div>
-
-      {/* ── Records grid ──────────────────────────────────────────────────── */}
-      {configs.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">
-              <AlertTriangle className="h-8 w-8 text-white/20" />
-            </div>
-            <div className="text-center">
-              <p className="hive-title-section text-center mb-2">Sin Protocolos Base</p>
-              <p className="text-xs text-white/40 mb-8 max-w-[300px] mx-auto leading-relaxed">
-                No se han detectado lineamientos éticos en el sistema. Selecciona una de las plantillas inferiores para comenzar.
-              </p>
-            </div>
-          </div>
-        </div>
-      ) : (
-        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
-          {(configs as EthicsRecord[]).map(record => {
-            const isActive = !!record.active;
-            const isSelected = selectedId === record.id;
-            return (
-              <div
-                key={record.id}
-                onClick={() => handleSelect(record)}
-                className={`hive-card group transition-all duration-500 cursor-pointer ${isSelected
-                  ? 'hive-card--active'
-                  : 'opacity-60 grayscale-[0.8] hover:opacity-100 hover:grayscale-0'
-                  }`}
-              >
-                <div className="hive-card-body relative overflow-hidden">
-                  <div className="flex items-start justify-between mb-6">
-                    <div className={`hive-icon-wrap--internal ${isSelected
-                      ? 'hive-icon-wrap--internal-active'
-                      : 'hive-icon-wrap--internal-disabled'
-                      }`}>
-                      <ShieldAlert className="h-6 w-6" />
-                    </div>
-
-                    <div className="flex items-center gap-2">
-                      {isActive && (
-                        <span className="hive-status-label--active">
-                          ACTIVO
-                        </span>
-                      )}
-                      <div className={isActive ? "hive-status-dot--active" : "hive-status-dot--disabled"} />
-                    </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 text-ellipsis">
-                        {record.name}
-                      </h3>
-                      <p className="text-xs text-white/40 font-medium leading-relaxed line-clamp-1 h-4">
-                        {record.description || "Sin descripción adicional"}
-                      </p>
-                    </div>
-
-                    <div className="pt-4 border-t border-white/5 flex items-center gap-4">
-                      <div className="hive-stat">
-                        <span className="hive-stat__label">CONFIG</span>
-                        <span className="hive-stat__value">{record.is_default ? "DEFAULT" : "CUSTOM"}</span>
-                      </div>
-                      <div className="hive-stat">
-                        <span className="hive-stat__label">PRECEDENCIA</span>
-                        <span className="hive-stat__value">{isActive ? "ALTA" : "NORMAL"}</span>
-                      </div>
-                    </div>
-                  </div>
-
-                  {isSelected && (
-                    <div className="hive-glow-blob--card hive-glow-blob--blue -bottom-10 -right-10 h-24 w-24 opacity-20" />
-                  )}
-                </div>
-                <div className={`hive-strip--bottom ${!isActive ? 'opacity-20' : ''}`} />
-              </div>
-            );
-          })}
-        </div>
-      )}
-
-      {/* ── Editor ────────────────────────────────────────────────────────── */}
-      {selected && (
-        <div className="hive-card border-white/10 !bg-white/[0.02] overflow-hidden">
-          <div className="hive-card-body p-0">
-            <div className="flex items-center justify-between p-6 border-b border-white/5 bg-white/5 relative overflow-hidden">
-              <div className="hive-glow-blob--card 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="hive-icon-wrap--internal hive-icon-wrap--internal-active">
-                  <Shield className="h-6 w-6" />
-                </div>
-                <div>
-                  <h2 className="hive-title-page !text-2xl">{selected.name}</h2>
-                  <p className="hive-subtitle !mt-0">Sintonización de la capa moral y operativa.</p>
-                </div>
-              </div>
-
-              <div className="flex items-center gap-3 relative z-10">
-                {!selected.active && (
-                  <button
-                    className="hive-btn hive-btn--ghost px-6 text-[10px]"
-                    onClick={() => handleSetActive(selected.id)}
-                  >
-                    ESTABLECER COMO ACTIVO
-                  </button>
-                )}
-                <button
-                  onClick={handleSave}
-                  disabled={isSaving}
-                  className="hive-btn hive-btn--primary px-8 text-[10px]"
-                >
-                  {isSaving ? "SINCRONIZANDO..." : "GUARDAR LINEAMIENTOS"}
-                </button>
-              </div>
-            </div>
-
-            <div className="p-0 bg-[#09090b]">
-              <Textarea
-                placeholder="Define los lineamientos éticos del agente..."
-                value={content}
-                onChange={e => setContent(e.target.value)}
-                className="hive-textarea w-full !bg-zinc-950/50 border-none focus-visible:ring-0 text-amber-50/90 font-mono text-xs leading-relaxed min-h-[300px] p-8 resize-none placeholder:text-white/10"
-              />
-            </div>
-
-            <div className="p-4 bg-white/[0.02] border-t border-white/5 flex items-center justify-between">
-              <div className="flex items-center gap-6">
-                <div className="hive-stat">
-                  <span className="hive-stat__label">IDENTIFICADOR</span>
-                  <span className="hive-stat__value">{selected.id}</span>
-                </div>
-                <div className="hive-stat">
-                  <span className="hive-stat__label">ESTADO DE CAPA</span>
-                  <span className="hive-stat__value hive-stat__value--active">{selected.active ? "SISTEMA ACTIVO" : "PENDIENTE"}</span>
-                </div>
-              </div>
-              <div className="text-[10px] text-white/20 font-black tracking-widest uppercase">
-                HIVE ETHICS CORE V1.0
-              </div>
-            </div>
-          </div>
-        </div>
-      )}
-
-      {/* ── Templates ─────────────────────────────────────────────────────── */}
-      {/* ── Templates ─────────────────────────────────────────────────────── */}
-      <div className="space-y-6 pt-4">
-        <h4 className="hive-title-section !text-base uppercase">Librería de Plantillas</h4>
-        <div className="grid grid-cols-1 sm:grid-cols-3 gap-6">
-          {TEMPLATES.map(tpl => {
-            const Icon = tpl.icon;
-            return (
-              <div
-                key={tpl.id}
-                className="hive-card group bg-white/[0.02] border-white/5 hover:border-white/10 transition-all duration-500"
-              >
-                <div className="hive-card-body">
-                  <div className="flex items-start justify-between mb-6">
-                    <div className="h-12 w-12 rounded-xl bg-white/5 border border-white/5 flex items-center justify-center group-hover:bg-blue-500/10 group-hover:border-blue-500/20 group-hover:text-blue-400 transition-all duration-500">
-                      <Icon className="h-6 w-6" />
-                    </div>
-                  </div>
-
-                  <div className="mb-8">
-                    <h3 className="text-base font-black text-white uppercase tracking-tighter mb-1 transition-colors group-hover:text-blue-400">
-                      {tpl.name}
-                    </h3>
-                    <p className="text-[11px] text-white/40 font-medium leading-relaxed line-clamp-2">
-                      {tpl.description}
-                    </p>
-                  </div>
-
-                  <div className="grid grid-cols-2 gap-3">
-                    {selected && (
-                      <button
-                        onClick={() => handleApplyTemplate(tpl.content)}
-                        className="hive-btn hive-btn--primary !text-[10px] !h-9"
-                      >
-                        APLICAR
-                      </button>
-                    )}
-                    <button
-                      onClick={() => handleCreateFromTemplate(tpl)}
-                      className="hive-btn hive-btn--ghost !bg-white/5 !text-white/40 !border-white/5 hover:!bg-white/10 hover:!text-white !text-[10px] !h-9"
-                    >
-                      CLONAR
-                    </button>
-                  </div>
-                </div>
-              </div>
-            );
-          })}
-        </div>
-      </div>
-
-    </div>
-  );
-}

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

@@ -1,4 +0,0 @@
-export { EthicsEditor } from "./EthicsEditor";
-export { EthicsRulesList } from "./EthicsRulesList";
-export { EthicsTemplateGallery } from "./EthicsTemplateGallery";
-export { EthicsConflictDetector } from "./EthicsConflictDetector";

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

@@ -1,6 +0,0 @@
-export * from "./shared";
-export * from "./ethics";
-export * from "./user";
-export * from "./skills";
-export * from "./tools";
-export * from "./mcp";