@johpaz/hive-agents 0.0.34 → 0.0.36

package/packages/skills/src/index.ts

@@ -0,0 +1 @@
+export * from "./loader.ts";

package/packages/skills/src/loader.ts

@@ -0,0 +1,388 @@
+import * as fs from "node:fs";
+import * as path from "node:path";
+import { YAML } from "bun";
+
+// Static bundled data generated by packages/skills/scripts/generate-bundle.ts
+// Loaded at build time so it works inside dist/hive.js without FS access
+let STATIC_BUNDLED_DATA: Array<{
+  name: string; description: string; category: string; version: string;
+  tools: string[]; triggers: string[]; body: string;
+}> = [];
+try {
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
+  STATIC_BUNDLED_DATA = require("./bundled-data.generated").BUNDLED_SKILLS_DATA ?? [];
+} catch {
+  // Not generated yet (dev mode without running generate-bundle script) — FS scan used instead
+}
+
+export interface SkillsConfig {
+  allowBundled?: string[];
+  managedDir?: string;
+  extraDirs?: string[];
+  hotReload?: boolean;
+  maxSkillSizeKB?: number;
+}
+
+export interface Config {
+  skills?: SkillsConfig;
+  workspacePath?: string;
+}
+
+interface Logger {
+  debug: (msg: string, ...args: unknown[]) => void;
+  info: (msg: string, ...args: unknown[]) => void;
+  warn: (msg: string, ...args: unknown[]) => void;
+  error: (msg: string, ...args: unknown[]) => void;
+}
+
+function createLogger(): Logger {
+  return {
+    debug: (msg, ...args) => console.debug(`[skills] ${msg}`, ...args),
+    info: (msg, ...args) => console.info(`[skills] ${msg}`, ...args),
+    warn: (msg, ...args) => console.warn(`[skills] ${msg}`, ...args),
+    error: (msg, ...args) => console.error(`[skills] ${msg}`, ...args),
+  };
+}
+
+export interface SkillStep {
+  step: number;
+  action: string;
+  instruction: string;
+  output?: string;
+  params?: Record<string, any>;
+}
+
+export interface OutputFormat {
+  structure: "markdown" | "code" | "json" | "text";
+  language?: string;
+  sections?: string[];
+  max_length?: string;
+  include_diff?: boolean;
+}
+
+export interface SkillExample {
+  user_input: string;
+  expected_behavior: string;
+}
+
+export interface SkillMetadata {
+  name: string;
+  version?: string;
+  author?: string;
+  description: string;
+  icon?: string;
+  category?: string;
+  permissions?: string[];
+  dependencies?: string[];
+  tools?: string[];
+  
+  // Structured skill fields
+  triggers?: string[];              // Patrones de activación explícita
+  steps?: SkillStep[];              // Workflow secuenciado
+  rules?: string[];                 // Reglas de ejecución
+  output_format?: OutputFormat;     // Estructura de output esperado
+  preferred_agents?: string[];      // Agents preferidos para delegación
+  examples?: SkillExample[];        // Ejemplos de uso
+  
+  requirements?: {
+    os?: string[];
+    bins?: string[];
+    env?: string[];
+    config?: string[];
+  };
+  // Retrocompatibilidad con el campo metadata.hive previo
+  metadata?: {
+    hive?: {
+      emoji?: string;
+      bins?: string[];
+      userInvocable?: boolean;
+      requires?: {
+        config?: string[];
+        env?: string[];
+      };
+      install?: {
+        brew?: string;
+        apt?: string;
+        npm?: string;
+      };
+      os?: string[];
+    };
+  };
+}
+
+export interface Skill {
+  name: string;
+  description: string;
+  version?: string;
+  author?: string;
+  icon?: string;
+  category?: string;
+  content: string;
+  raw: string;
+  metadata: SkillMetadata;
+  source: "bundled" | "managed" | "workspace";
+  path: string;
+  permissions?: string[];
+  dependencies?: string[];
+  tools?: string[];
+  // Structured skill fields (parsed from frontmatter)
+  triggers?: string[];
+  steps?: SkillStep[];
+  rules?: string[];
+  output_format?: OutputFormat;
+  preferred_agents?: string[];
+  examples?: SkillExample[];
+}
+
+function parseFrontmatter(content: string): { frontmatter: Record<string, unknown>; body: string } {
+  const match = content.match(/^---\n([\s\S]*?)\n---\n([\s\S]*)$/);
+
+  if (!match) {
+    return { frontmatter: {}, body: content };
+  }
+
+  try {
+    const frontmatter = YAML.parse(match[1]!) as Record<string, unknown>;
+    const body = match[2]!;
+    return { frontmatter, body };
+  } catch {
+    return { frontmatter: {}, body: content };
+  }
+}
+
+export class SkillLoader {
+  private config: Config;
+  private log: Logger;
+  private cache: Map<string, Skill> = new Map();
+  private bundledDir: string;
+
+  constructor(config: Config) {
+    this.config = config;
+    this.log = createLogger();
+    this.bundledDir = path.join(__dirname, "bundled");
+  }
+
+  private expandPath(p: string): string {
+    if (p.startsWith("~")) {
+      return path.join(process.env.HOME ?? "", p.slice(1));
+    }
+    return p;
+  }
+
+  loadSkill(skillPath: string, source: Skill["source"]): Skill | null {
+    try {
+      const skillMdPath = path.join(skillPath, "SKILL.md");
+
+      if (!fs.existsSync(skillMdPath)) {
+        return null;
+      }
+
+      const content = fs.readFileSync(skillMdPath, "utf-8");
+      const { frontmatter, body } = parseFrontmatter(content);
+
+      const rawMetadata = (frontmatter.metadata as any) ?? {};
+      const hiveMetadata = rawMetadata.hive ?? {};
+
+      const name = (frontmatter.name as string) ?? path.basename(skillPath);
+      const description = (frontmatter.description as string) ?? "";
+      const version = (frontmatter.version as string) ?? "0.0.1";
+      const author = (frontmatter.author as string) ?? "Anonymous";
+      const icon = (frontmatter.icon as string) ?? hiveMetadata.emoji ?? "🧩";
+      const category = (frontmatter.category as string) ?? "general";
+
+      const permissions = (frontmatter.permissions as string[]) ?? [];
+      const dependencies = (frontmatter.dependencies as string[]) ?? [];
+      const tools = (frontmatter.tools as string[]) ?? [];
+      
+      // Structured skill fields
+      const triggers = (frontmatter.triggers as string[]) ?? [];
+      const steps = (frontmatter.steps as SkillStep[]) ?? [];
+      const rules = (frontmatter.rules as string[]) ?? [];
+      const output_format = (frontmatter.output_format as OutputFormat) ?? undefined;
+      const preferred_agents = (frontmatter.preferred_agents as string[]) ?? [];
+      const examples = (frontmatter.examples as SkillExample[]) ?? [];
+
+      const metadata: SkillMetadata = {
+        ...(frontmatter as any),
+        name,
+        description,
+        version,
+        author,
+        icon,
+        category,
+        permissions,
+        dependencies,
+        tools,
+        triggers,
+        steps,
+        rules,
+        output_format,
+        preferred_agents,
+        examples
+      };
+
+      const skill: Skill = {
+        name,
+        description,
+        version,
+        author,
+        icon,
+        category,
+        content: body,
+        raw: content,
+        metadata,
+        source,
+        path: skillPath,
+        permissions,
+        dependencies,
+        tools,
+        triggers,
+        steps,
+        rules,
+        output_format,
+        preferred_agents,
+        examples
+      };
+
+      this.cache.set(name, skill);
+      return skill;
+    } catch (error) {
+      this.log.error(`Failed to load skill: ${skillPath}`, { error: (error as Error).message });
+      return null;
+    }
+  }
+
+  loadBundledSkills(): Skill[] {
+    // Use static pre-generated data when available (production bundle, dist/hive.js)
+    if (STATIC_BUNDLED_DATA.length > 0) {
+      const skills: Skill[] = STATIC_BUNDLED_DATA.map((entry) => ({
+        name: entry.name,
+        description: entry.description,
+        version: entry.version,
+        author: "Hive",
+        icon: "🧩",
+        category: entry.category,
+        content: entry.body,
+        raw: entry.body,
+        metadata: {
+          name: entry.name,
+          description: entry.description,
+          version: entry.version,
+          category: entry.category,
+          tools: entry.tools,
+          triggers: entry.triggers,
+        },
+        source: "bundled" as const,
+        path: "",
+        tools: entry.tools,
+        triggers: entry.triggers,
+      }));
+      this.log.debug(`Loaded ${skills.length} bundled skills from static data`);
+      return skills;
+    }
+
+    // Fallback: FS scan for development (before generate-bundle is run)
+    const skills: Map<string, Skill> = new Map();
+
+    if (!fs.existsSync(this.bundledDir)) {
+      this.log.debug(`Bundled skills directory not found: ${this.bundledDir}`);
+      return [];
+    }
+
+    const scanDir = (dir: string) => {
+      for (const entry of fs.readdirSync(dir, { withFileTypes: true })) {
+        if (!entry.isDirectory()) continue;
+        const entryPath = path.join(dir, entry.name);
+        if (fs.existsSync(path.join(entryPath, "SKILL.md"))) {
+          const skill = this.loadSkill(entryPath, "bundled");
+          if (skill) skills.set(skill.name, skill);
+        } else {
+          // Es un directorio de categoría — bajar un nivel más
+          scanDir(entryPath);
+        }
+      }
+    };
+
+    scanDir(this.bundledDir);
+
+    this.log.debug(`Loaded ${skills.size} bundled skills from filesystem`);
+    return Array.from(skills.values());
+  }
+
+  loadAllSkills(): Skill[] {
+    const skills: Map<string, Skill> = new Map();
+    const allowBundled = this.config.skills?.allowBundled;
+
+    // 1. Load bundled skills (lowest priority)
+    const bundledSkills = this.loadBundledSkills();
+    for (const skill of bundledSkills) {
+      // If allowBundled is undefined, empty, or contains the skill name, include it
+      if (!allowBundled || allowBundled.length === 0 || allowBundled.includes(skill.name)) {
+        skills.set(skill.name, skill);
+      }
+    }
+
+    // 2. Load managed skills (medium priority)
+    const managedDir = this.expandPath(this.config.skills?.managedDir ?? "~/.hive/skills");
+    if (fs.existsSync(managedDir)) {
+      for (const entry of fs.readdirSync(managedDir, { withFileTypes: true })) {
+        if (entry.isDirectory()) {
+          const skill = this.loadSkill(path.join(managedDir, entry.name), "managed");
+          if (skill) {
+            skills.set(skill.name, skill);
+          }
+        }
+      }
+    }
+
+    // 3. Load extra directories
+    const extraDirs = this.config.skills?.extraDirs ?? [];
+    for (const extraDir of extraDirs) {
+      const expandedDir = this.expandPath(extraDir);
+      if (fs.existsSync(expandedDir)) {
+        for (const entry of fs.readdirSync(expandedDir, { withFileTypes: true })) {
+          if (entry.isDirectory()) {
+            const skill = this.loadSkill(path.join(expandedDir, entry.name), "managed");
+            if (skill) {
+              skills.set(skill.name, skill);
+            }
+          }
+        }
+      }
+    }
+
+    // 4. Load workspace skills (highest priority)
+    const workspacePath = this.config.workspacePath ?? process.cwd();
+    const workspaceSkillsDir = path.join(workspacePath, "skills");
+    if (fs.existsSync(workspaceSkillsDir)) {
+      for (const entry of fs.readdirSync(workspaceSkillsDir, { withFileTypes: true })) {
+        if (entry.isDirectory()) {
+          const skill = this.loadSkill(path.join(workspaceSkillsDir, entry.name), "workspace");
+          if (skill) {
+            skills.set(skill.name, skill);
+          }
+        }
+      }
+    }
+
+    this.log.info(`Loaded ${skills.size} total skills`);
+    return Array.from(skills.values());
+  }
+
+  getSkill(name: string): Skill | undefined {
+    return this.cache.get(name);
+  }
+
+  listSkills(): string[] {
+    return Array.from(this.cache.keys());
+  }
+
+  clearCache(): void {
+    this.cache.clear();
+  }
+}
+
+export function createSkillLoader(config: Config): SkillLoader {
+  return new SkillLoader(config);
+}
+

package/dist/ui/assets/AgentCreateForm-DS6yXjGV.js

@@ -1 +0,0 @@
-import{r as e}from"./rolldown-runtime-S-ySWqyJ.js";import{_ as t}from"./vendor-charts-Bu2lyBKP.js";import{o as n}from"./vendor-query-DsWPbQdG.js";import{t as r}from"./utils-_qMjiZaF.js";import{a as i,c as a,l as o,n as s,r as c,s as l,t as u}from"./switch-7AuR7x2g.js";import{t as d}from"./circle-alert-7koABcbO.js";import{t as f}from"./cpu-mBJgRJzM.js";import{t as p}from"./external-link-SkkF2Z7B.js";import{t as m}from"./folder-open-DVYu2lgk.js";import{t as h}from"./loader-circle-CK3qRV3f.js";import{t as g}from"./save-M1nv6H3P.js";import{n as _,t as v}from"./textarea-CwPvQVAG.js";import{t as y}from"./sparkles-C4MACMbE.js";import{t as b}from"./x-5cXW_1ZS.js";import{r as x,t as S}from"./api-q5Ax-vD2.js";import{E as C,T as w,c as T,t as E}from"./index-D4pdc0Uw.js";import{t as D}from"./label-C6tqnnKd.js";import{a as O,c as k,i as ee,n as A,o as j,r as M,s as N,t as P}from"./dialog-BaJbZsQF.js";import{t as F}from"./badge-pNhtItyt.js";import{a as I,n as L,o as R,r as z,t as B}from"./card-C7P3W6_y.js";import"./useProviders-Bxsnav4y.js";var V=e(t(),1),H=n();function U({selectedProviderId:e,selectedModelId:t,onProviderChange:n,onModelChange:r,disabled:o=!1,typeFilter:u}){let{providers:d,models:f}=T(),p=e=>{if(e.id===`ollama`)return!0;let t=e.base_url||e.baseUrl||``;return t.includes(`localhost`)||t.includes(`127.0.0.1`)?!0:!!e.has_api_key},m=e=>{if(e.id===`ollama`)return!0;let t=e.base_url||e.baseUrl||``;return t.includes(`localhost`)||t.includes(`127.0.0.1`)},h=d.filter(e=>(e.enabled||e.active)&&p(e)),g=d.find(t=>t.id===e),_=!!g&&!h.some(e=>e.id===g.id),v=(0,V.useMemo)(()=>e?f.filter(t=>{let n=(t.provider_id||t.providerId)===e,r=!u||t.model_type===u;return n&&r}):[],[e,f,u]),y=(0,V.useMemo)(()=>v.filter(e=>e.enabled||e.active),[v]),b=v.find(e=>e.id===t),x=!!b&&!y.some(e=>e.id===b.id);(0,V.useEffect)(()=>{t&&v.length>0&&!v.find(e=>e.id===t)&&r(``)},[v,t,r]);let S=e=>{if(!e)return[];try{return JSON.parse(e)}catch{return[]}};return(0,H.jsxs)(`div`,{className:`space-y-4`,children:[(0,H.jsxs)(`div`,{className:`space-y-2`,children:[(0,H.jsx)(D,{htmlFor:`provider`,children:`Proveedor de IA`}),(0,H.jsxs)(s,{value:e||``,onValueChange:n,disabled:o||h.length===0,children:[(0,H.jsx)(l,{id:`provider`,className:`w-full`,children:(0,H.jsx)(a,{placeholder:`Selecciona un proveedor`,children:e&&g?(0,H.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,H.jsx)(`span`,{children:g.name}),_&&(0,H.jsx)(`span`,{className:`text-[10px] text-amber-400/80`,children:`(inactivo)`}),m(g)?(0,H.jsx)(`span`,{className:`text-[9px] font-bold px-1.5 py-0.5 rounded-full bg-amber-500/20 text-amber-400`,children:`LOCAL`}):(0,H.jsx)(`span`,{className:`text-[9px] font-bold px-1.5 py-0.5 rounded-full bg-emerald-500/20 text-emerald-400`,children:`API`})]}):`Selecciona un proveedor`})}),(0,H.jsx)(c,{children:h.length===0?(0,H.jsx)(i,{value:`none`,disabled:!0,children:`No hay proveedores configurados`}):h.map(e=>(0,H.jsx)(i,{value:e.id,children:(0,H.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,H.jsx)(`span`,{children:e.name}),m(e)?(0,H.jsx)(`span`,{className:`text-[9px] font-bold px-1.5 py-0.5 rounded-full bg-amber-500/20 text-amber-400`,children:`LOCAL`}):(0,H.jsx)(`span`,{className:`text-[9px] font-bold px-1.5 py-0.5 rounded-full bg-emerald-500/20 text-emerald-400`,children:`API`})]})},e.id))})]}),_&&g&&(0,H.jsxs)(`p`,{className:`text-[10px] text-amber-400/80`,children:[`El proveedor "`,g.name,`" está inactivo. Selecciona uno activo para cambiar.`]}),h.length===0&&(0,H.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[`Configura un proveedor en`,` `,(0,H.jsx)(`a`,{href:`/providers`,className:`text-primary underline`,children:`Settings > Providers`})]})]}),e&&(0,H.jsxs)(`div`,{className:`space-y-2`,children:[(0,H.jsx)(D,{htmlFor:`model`,children:`Modelo`}),(0,H.jsxs)(s,{value:t||``,onValueChange:r,disabled:o||y.length===0,children:[(0,H.jsx)(l,{id:`model`,className:`w-full`,children:(0,H.jsx)(a,{placeholder:`Selecciona un modelo`,children:t&&b?(0,H.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,H.jsx)(`span`,{children:b.name}),x&&(0,H.jsx)(`span`,{className:`text-[10px] text-amber-400/80`,children:`(inactivo)`})]}):`Selecciona un modelo`})}),(0,H.jsx)(c,{children:y.length===0?(0,H.jsx)(i,{value:`none`,disabled:!0,children:`No hay modelos disponibles`}):y.map(e=>(0,H.jsx)(i,{value:e.id,children:(0,H.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,H.jsx)(`span`,{children:e.name}),e.contextWindow&&(0,H.jsxs)(F,{variant:`secondary`,className:`text-[10px]`,children:[(e.contextWindow/1e3).toFixed(0),`K ctx`]})]})},e.id))})]}),x&&b&&(0,H.jsxs)(`p`,{className:`text-[10px] text-amber-400/80`,children:[`El modelo "`,b.name,`" está inactivo. Selecciona uno activo para cambiar.`]}),t&&v.find(e=>e.id===t)&&(0,H.jsx)(B,{className:`mt-2`,children:(0,H.jsxs)(L,{className:`p-3 space-y-2`,children:[(0,H.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,H.jsx)(`span`,{className:`text-sm font-medium`,children:v.find(e=>e.id===t)?.name}),(0,H.jsx)(F,{variant:`outline`,children:d.find(t=>t.id===e)?.name})]}),(()=>{let e=S(v.find(e=>e.id===t)?.capabilities);return e.length>0?(0,H.jsx)(`div`,{className:`flex flex-wrap gap-1`,children:e.slice(0,5).map(e=>(0,H.jsx)(F,{variant:`secondary`,className:`text-[10px]`,children:e},e))}):null})()]})})]})]})}var W=[{value:`friendly`,label:`Amigable`},{value:`professional`,label:`Profesional`},{value:`casual`,label:`Casual`},{value:`formal`,label:`Formal`},{value:`creative`,label:`Creativo`}];function G({initialData:e,onSuccess:t,onCancel:n}){let{createAgent:F,updateAgent:G,isLoading:K,error:q}=E(),{activeProviders:te}=T(),[J,Y]=(0,V.useState)({isValidating:!1,exists:!1,accessible:!1}),[X,Z]=(0,V.useState)({name:``,description:``,tone:`professional`,provider_id:``,model_id:``,role:`coordinator`,enabled:!0,systemPrompt:``,workspace:e?.workspace||``});(0,V.useEffect)(()=>{e&&Z({...e,provider_id:e.provider_id||e.providerId||``,model_id:e.model_id||e.modelId||``})},[e]);let Q=async e=>{if(!e||e.trim()===``){Y({isValidating:!1,exists:!1,accessible:!1});return}Y({isValidating:!0,exists:!1,accessible:!1});try{let t=await S(`/api/workspace/validate`,{method:`POST`,body:{path:e}});Y({isValidating:!1,exists:t.exists,accessible:t.accessible,error:t.error,message:t.message})}catch(e){Y({isValidating:!1,exists:!1,accessible:!1,error:e.message})}},ne=async()=>{if(X.workspace)try{await S(`/api/workspace/create`,{method:`POST`,body:{path:X.workspace},showLoader:`Creando directorio...`,showSuccess:`Directorio creado exitosamente`}),await Q(X.workspace)}catch(e){x.fire(`Error`,e.message,`error`)}},re=async()=>{if(X.workspace)try{await S(`/api/workspace/open?path=${encodeURIComponent(X.workspace)}`,{method:`GET`})}catch(e){x.fire(`Error`,e.message,`error`)}},ie=async n=>{if(n.preventDefault(),!X.provider_id||!X.model_id){x.fire(`Incompleto`,`Por favor selecciona un proveedor y modelo`,`warning`);return}try{e?.id?await G(e.id,X):await F(X),t&&t()}catch(e){console.error(e)}},$=!!e?.id;return(0,H.jsxs)(B,{className:`hive-card--form group`,children:[(0,H.jsx)(`div`,{className:`hive-glow-blob--card absolute -top-24 -right-24 h-48 w-48 bg-blue-600/10 group-hover:bg-blue-600/20`,style:{borderRadius:`50%`,filter:`blur(80px)`}}),(0,H.jsx)(I,{className:`relative`,children:(0,H.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,H.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,H.jsx)(`div`,{className:`hive-icon-wrap hive-icon-wrap--primary`,children:$?(0,H.jsx)(g,{className:`h-5 w-5`}):(0,H.jsx)(y,{className:`h-5 w-5`})}),(0,H.jsxs)(`div`,{children:[(0,H.jsx)(R,{className:`text-xl font-bold text-white/90`,children:$?`Configurar Nodo`:`Desplegar Nuevo Nodo`}),(0,H.jsx)(z,{className:`text-white/40`,children:$?`Ajusta los parámetros de tu agente inteligente.`:`Crea una nueva entidad inteligente para tu colmena.`})]})]}),n&&(0,H.jsx)(C,{variant:`ghost`,size:`icon`,onClick:n,className:`text-white/40 hover:text-white hover:bg-white/5`,children:(0,H.jsx)(b,{className:`h-5 w-5`})})]})}),(0,H.jsx)(L,{className:`relative space-y-6 pt-2`,children:(0,H.jsxs)(`form`,{onSubmit:ie,className:`space-y-8`,children:[(0,H.jsxs)(`div`,{className:`grid gap-6`,children:[(0,H.jsxs)(`div`,{className:`space-y-2`,children:[(0,H.jsx)(D,{htmlFor:`name`,className:`hive-label--field`,children:`Nombre del Agente`}),(0,H.jsx)(w,{id:`name`,placeholder:`Ej: Analista de Mercado`,className:`hive-input`,value:X.name,onChange:e=>Z({...X,name:e.target.value}),disabled:K,required:!0})]}),(0,H.jsxs)(`div`,{className:`space-y-2`,children:[(0,H.jsx)(D,{htmlFor:`description`,className:`hive-label--field`,children:`Descripción / Rol`}),(0,H.jsx)(v,{id:`description`,placeholder:`Describe qué hace este agente y cuáles son sus objetivos...`,className:`hive-textarea`,value:X.description,onChange:e=>Z({...X,description:e.target.value}),disabled:K})]})]}),(0,H.jsxs)(`div`,{className:`space-y-2`,children:[(0,H.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,H.jsx)(D,{htmlFor:`systemPrompt`,className:`hive-label--field`,children:`System Prompt`}),(0,H.jsxs)(P,{children:[(0,H.jsx)(k,{asChild:!0,children:(0,H.jsx)(C,{type:`button`,variant:`outline`,size:`sm`,className:`h-7 px-3 text-xs bg-blue-500/10 hover:bg-blue-500/20 text-blue-400 border-blue-500/30 transition-colors`,children:`Modifica acá el System Prompt`})}),(0,H.jsxs)(M,{className:`sm:max-w-3xl bg-[#0a0a0c] border-white/10 text-white shadow-2xl [&>button]:text-white/50 hover:[&>button]:text-white`,children:[(0,H.jsxs)(j,{children:[(0,H.jsx)(N,{className:`text-xl`,children:`Editar System Prompt`}),(0,H.jsx)(ee,{className:`text-sm text-white/50`,children:`El prompt base de comportamiento del agente. Se recomienda formato Markdown.`})]}),(0,H.jsx)(`div`,{className:`py-2`,children:(0,H.jsx)(v,{value:X.systemPrompt||``,onChange:e=>Z({...X,systemPrompt:e.target.value}),className:`min-h-[400px] font-mono text-sm bg-black/40 border-white/10 text-white/90 focus-visible:ring-blue-500/50 resize-y`,placeholder:`Escribe el system prompt detallado aquí...`,disabled:K})}),(0,H.jsx)(O,{children:(0,H.jsx)(A,{asChild:!0,children:(0,H.jsx)(C,{type:`button`,className:`bg-blue-600 hover:bg-blue-500 text-white shadow-[0_0_15px_rgba(37,99,235,0.3)]`,children:`Guardar Cambios`})})})]})]})]}),X.systemPrompt?(0,H.jsxs)(`p`,{className:`text-xs text-white/40 line-clamp-1 italic border border-white/5 bg-white/[0.02] p-2 rounded-md`,children:[`"`,X.systemPrompt,`"`]}):(0,H.jsx)(`p`,{className:`text-xs text-white/30 italic`,children:`Sin system prompt configurado...`})]}),(0,H.jsxs)(`div`,{className:`space-y-3`,children:[(0,H.jsxs)(`div`,{className:`flex items-center gap-2 mb-2`,children:[(0,H.jsx)(m,{className:`h-4 w-4 text-emerald-400`}),(0,H.jsx)(`h3`,{className:`hive-title-section`,children:`Workspace Directory`})]}),(0,H.jsxs)(`div`,{className:`space-y-2`,children:[(0,H.jsx)(D,{htmlFor:`workspace`,className:`hive-label--field`,children:`Directorio de Trabajo del Agente`}),(0,H.jsxs)(`div`,{className:`flex gap-2`,children:[(0,H.jsx)(w,{id:`workspace`,placeholder:`Ej: /home/user/proyectos, D:\\Work, /Volumes/USB`,className:`hive-input flex-1 font-mono text-sm`,value:X.workspace,onChange:e=>{Z({...X,workspace:e.target.value}),Q(e.target.value)},disabled:K}),X.workspace&&J.exists&&J.accessible&&(0,H.jsx)(C,{type:`button`,variant:`outline`,size:`icon`,onClick:re,className:`shrink-0 border-emerald-500/30 text-emerald-400 hover:bg-emerald-500/10`,title:`Abrir en el explorador`,children:(0,H.jsx)(p,{className:`h-4 w-4`})})]}),(0,H.jsx)(`p`,{className:`text-xs text-white/40 leading-relaxed`,children:`Directorio donde el agente creará archivos, carpetas y ejecutará comandos. Puede ser cualquier ubicación en tu sistema (disco duro, USB, red, etc.).`}),X.workspace&&X.workspace.trim()!==``&&(0,H.jsxs)(`div`,{className:r(`flex items-center gap-2 text-xs p-2.5 rounded-lg border backdrop-blur-md transition-all`,J.isValidating&&`bg-blue-500/10 border-blue-500/20 text-blue-400`,!J.isValidating&&J.exists&&J.accessible&&`bg-emerald-500/10 border-emerald-500/20 text-emerald-400`,!J.isValidating&&J.exists&&!J.accessible&&`bg-amber-500/10 border-amber-500/20 text-amber-400`,!J.isValidating&&!J.exists&&`bg-purple-500/10 border-purple-500/20 text-purple-400`),children:[J.isValidating&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(h,{className:`h-3.5 w-3.5 animate-spin`}),(0,H.jsx)(`span`,{children:`Validando directorio...`})]}),!J.isValidating&&J.exists&&J.accessible&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(o,{className:`h-3.5 w-3.5`}),(0,H.jsx)(`span`,{children:J.message||`Directorio válido y accesible`})]}),!J.isValidating&&J.exists&&!J.accessible&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(d,{className:`h-3.5 w-3.5`}),(0,H.jsx)(`span`,{children:J.message||`El directorio existe pero no tiene permisos de lectura/escritura`})]}),!J.isValidating&&!J.exists&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(m,{className:`h-3.5 w-3.5`}),(0,H.jsx)(`span`,{children:J.message||`El directorio no existe`}),!J.error&&(0,H.jsx)(C,{type:`button`,variant:`outline`,size:`sm`,onClick:ne,className:`ml-auto h-6 px-2 text-xs bg-purple-500/20 hover:bg-purple-500/30 text-purple-300 border-purple-500/30`,children:`Crear directorio`})]})]})]})]}),(0,H.jsx)(`div`,{className:`hive-card-divider`}),(0,H.jsxs)(`div`,{className:`space-y-4`,children:[(0,H.jsxs)(`div`,{className:`flex items-center gap-2 mb-2`,children:[(0,H.jsx)(f,{className:`h-4 w-4 text-blue-400`}),(0,H.jsx)(`h3`,{className:`hive-title-section`,children:`Motor de Inteligencia`})]}),(0,H.jsx)(U,{selectedProviderId:X.provider_id||void 0,selectedModelId:X.model_id||void 0,onProviderChange:e=>Z({...X,provider_id:e,model_id:``}),onModelChange:e=>Z({...X,model_id:e}),disabled:K,typeFilter:`llm`})]}),(0,H.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-6`,children:[(0,H.jsxs)(`div`,{className:`space-y-2`,children:[(0,H.jsx)(D,{htmlFor:`tone`,className:`hive-label--field`,children:`Tono de Voz`}),(0,H.jsxs)(s,{value:X.tone,onValueChange:e=>Z({...X,tone:e}),disabled:K,children:[(0,H.jsx)(l,{className:`hive-select-trigger`,children:(0,H.jsx)(a,{placeholder:`Selecciona un tono`})}),(0,H.jsx)(c,{className:`hive-select-content`,children:W.map(e=>(0,H.jsx)(i,{value:e.value,className:`hive-select-item`,children:e.label},e.value))})]})]}),(0,H.jsxs)(`div`,{className:`hive-toggle-panel`,children:[(0,H.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,H.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,H.jsx)(_,{className:`h-3.5 w-3.5 text-purple-400`}),(0,H.jsx)(D,{htmlFor:`role`,className:`text-xs font-medium text-white/70`,children:`Rol`})]}),(0,H.jsxs)(s,{value:X.role,onValueChange:e=>Z({...X,role:e}),disabled:K,children:[(0,H.jsx)(l,{className:`w-[120px] bg-white/5 border-white/10 text-white`,children:(0,H.jsx)(a,{})}),(0,H.jsxs)(c,{className:`bg-zinc-900 border-white/10`,children:[(0,H.jsx)(i,{value:`coordinator`,children:`Coordinador`}),(0,H.jsx)(i,{value:`worker`,children:`Worker`})]})]})]}),(0,H.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,H.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,H.jsx)(`div`,{className:`h-2 w-2 rounded-full ${X.enabled?`bg-blue-400`:`bg-zinc-600`}`}),(0,H.jsx)(D,{htmlFor:`enabled`,className:`text-xs font-medium text-white/70`,children:`Habilitado`})]}),(0,H.jsx)(u,{id:`enabled`,checked:X.enabled,onCheckedChange:e=>Z({...X,enabled:e}),disabled:K})]})]})]}),q&&(0,H.jsx)(`div`,{className:`hive-form-error`,children:q}),(0,H.jsxs)(`div`,{className:`flex items-center gap-3 pt-4`,children:[n&&(0,H.jsx)(C,{type:`button`,variant:`outline`,onClick:n,disabled:K,className:`hive-btn--form-cancel`,children:`Cancelar`}),(0,H.jsx)(C,{type:`submit`,disabled:K,className:`hive-btn--form-submit`,children:K?(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(h,{className:`mr-2 h-4 w-4 animate-spin`}),`Procesando...`]}):(0,H.jsx)(H.Fragment,{children:$?`Actualizar Agente`:`Desplegar Agente`})})]})]})})]})}export{G as t};

package/dist/ui/assets/AgentDetailPage-Ud552U7_.js

@@ -1 +0,0 @@
-import{r as e}from"./rolldown-runtime-S-ySWqyJ.js";import{_ as t}from"./vendor-charts-Bu2lyBKP.js";import{o as n}from"./vendor-query-DsWPbQdG.js";import{r,t as i}from"./utils-_qMjiZaF.js";import{t as a}from"./activity-SfJ6UDF2.js";import{t as o}from"./calendar-CMMeWsP-.js";import{a as s,c,l,n as u,r as d,s as f,t as ee}from"./switch-7AuR7x2g.js";import{t as p}from"./chevron-left-_8ly7Fz0.js";import{t as te}from"./circle-alert-7koABcbO.js";import{t as m}from"./cpu-mBJgRJzM.js";import{t as ne}from"./external-link-SkkF2Z7B.js";import{t as h}from"./folder-open-DVYu2lgk.js";import{t as re}from"./globe-BVPd5DRa.js";import{t as ie}from"./loader-circle-CK3qRV3f.js";import{t as g}from"./save-M1nv6H3P.js";import{n as ae,t as _}from"./textarea-CwPvQVAG.js";import{t as oe}from"./sparkles-C4MACMbE.js";import{t as v}from"./zap-CpyuQJEC.js";import{c as y,l as b}from"./vendor-router-DhLEd920.js";import{i as x,n as S,t as C}from"./api-q5Ax-vD2.js";import{E as w,P as se,T,c as E,s as D,t as O}from"./index-D4pdc0Uw.js";import{t as k}from"./label-C6tqnnKd.js";import{a as A,c as j,i as M,n as N,o as P,r as F,s as ce,t as le}from"./dialog-BaJbZsQF.js";import{t as I}from"./badge-pNhtItyt.js";import{n as L,t as R}from"./es-eUrU2hyB.js";import{t as z}from"./format-C0EOLKvf.js";var B=r(`Fingerprint`,[[`path`,{d:`M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4`,key:`1nerag`}],[`path`,{d:`M14 13.12c0 2.38 0 6.38-1 8.88`,key:`o46ks0`}],[`path`,{d:`M17.29 21.02c.12-.6.43-2.3.5-3.02`,key:`ptglia`}],[`path`,{d:`M2 12a10 10 0 0 1 18-6`,key:`ydlgp0`}],[`path`,{d:`M2 16h.01`,key:`1gqxmh`}],[`path`,{d:`M21.8 16c.2-2 .131-5.354 0-6`,key:`drycrb`}],[`path`,{d:`M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2`,key:`1tidbn`}],[`path`,{d:`M8.65 22c.21-.66.45-1.32.57-2`,key:`13wd9y`}],[`path`,{d:`M9 6.8a6 6 0 0 1 9 5.2v2`,key:`1fr1j5`}]]),V=r(`LayoutGrid`,[[`rect`,{width:`7`,height:`7`,x:`3`,y:`3`,rx:`1`,key:`1g98yp`}],[`rect`,{width:`7`,height:`7`,x:`14`,y:`3`,rx:`1`,key:`6d4xhi`}],[`rect`,{width:`7`,height:`7`,x:`14`,y:`14`,rx:`1`,key:`nxv5o0`}],[`rect`,{width:`7`,height:`7`,x:`3`,y:`14`,rx:`1`,key:`1bb6yr`}]]),H=e(t(),1),U=n();function W({icon:e,...t}){return(0,U.jsx)(e,{...t})}function G({agentId:e}){let{agents:t,updateAgent:n,fetchAgents:r}=O(),{providers:o,fetchProviders:p}=E(),{models:m,fetchModels:v}=D();(0,H.useEffect)(()=>{r(),p(),v()},[r,p,v]);let y=t.find(t=>t.id===e),[b,I]=(0,H.useState)({name:``,description:``,provider_id:``,model_id:``,tone:``,role:`coordinator`,enabled:!0,headers:``,systemPrompt:``,workspace:``}),[L,R]=(0,H.useState)({isValidating:!1,exists:!1,accessible:!1});(0,H.useEffect)(()=>{y&&(I({name:y.name||``,description:y.description||``,provider_id:y.provider_id||y.providerId||``,model_id:y.model_id||y.modelId||``,tone:y.tone||``,role:y.role||`coordinator`,enabled:!!y.enabled,headers:``,systemPrompt:y.systemPrompt||``,workspace:y.workspace||``}),y.workspace&&z(y.workspace))},[y]);let z=async e=>{if(!e||e.trim()===``){R({isValidating:!1,exists:!1,accessible:!1});return}R({isValidating:!0,exists:!1,accessible:!1});try{let t=await C(`/api/workspace/validate`,{method:`POST`,body:{path:e}});R({isValidating:!1,exists:t.exists,accessible:t.accessible,error:t.error,message:t.message})}catch(e){R({isValidating:!1,exists:!1,accessible:!1,error:e.message})}},B=async()=>{if(b.workspace)try{await C(`/api/workspace/create`,{method:`POST`,body:{path:b.workspace},showLoader:`Creando directorio...`,showSuccess:`Directorio creado exitosamente`}),await z(b.workspace)}catch(e){S.fire({icon:`error`,title:e.message})}},V=async()=>{if(b.workspace)try{await C(`/api/workspace/open?path=${encodeURIComponent(b.workspace)}`,{method:`GET`})}catch(e){S.fire({icon:`error`,title:e.message})}},G=async()=>{x.show(`Sincronizando configuración del agente...`);try{await n(e,{...b,role:b.role,enabled:+!!b.enabled,workspace:b.workspace||null}),S.fire({icon:`success`,title:`Cambios sincronizados correctamente`})}catch(e){S.fire({icon:`error`,title:e instanceof Error?e.message:`Error al sincronizar cambios`})}finally{x.hide()}};if(!y)return(0,U.jsxs)(`div`,{className:`flex flex-col items-center justify-center p-12 text-center space-y-4 rounded-3xl border border-dashed border-white/10 bg-white/5`,children:[(0,U.jsx)(W,{icon:a,className:`h-12 w-12 text-white/10 animate-pulse`}),(0,U.jsx)(`p`,{className:`text-white/40 font-medium`,children:`Buscando nodo en la colmena...`})]});let K=e=>{if(e.id===`ollama`)return!0;let t=e.base_url||e.baseUrl||``;return t.includes(`localhost`)||t.includes(`127.0.0.1`)?!0:!!e.has_api_key},q=e=>{if(e.id===`ollama`)return!0;let t=e.base_url||e.baseUrl||``;return t.includes(`localhost`)||t.includes(`127.0.0.1`)},J=o.filter(e=>(e.enabled||e.active)&&K(e)),Y=m.filter(e=>(e.provider_id||e.providerId)===b.provider_id&&(e.enabled||e.active)),X=o.find(e=>e.id===b.provider_id),Z=!!X&&!J.some(e=>e.id===X.id),Q=m.filter(e=>(e.provider_id||e.providerId)===b.provider_id).find(e=>e.id===b.model_id),$=!!Q&&!Y.some(e=>e.id===Q.id);return(0,U.jsx)(`div`,{className:`space-y-8 animate-in fade-in slide-in-from-bottom-4 duration-500`,children:(0,U.jsxs)(`div`,{className:`grid grid-cols-1 lg:grid-cols-3 gap-8`,children:[(0,U.jsxs)(`div`,{className:`lg:col-span-1 space-y-6`,children:[(0,U.jsxs)(`div`,{className:`p-6 rounded-3xl border border-white/10 bg-black/20 backdrop-blur-md space-y-6`,children:[(0,U.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,U.jsx)(`div`,{className:`p-2 rounded-xl bg-blue-500/10 border border-blue-500/20`,children:(0,U.jsx)(W,{icon:se,className:`h-4 w-4 text-blue-400`})}),(0,U.jsx)(`h3`,{className:`font-bold text-white uppercase tracking-wider text-xs`,children:`Identidad Base`})]}),(0,U.jsxs)(`div`,{className:`space-y-4`,children:[(0,U.jsxs)(`div`,{className:`space-y-2`,children:[(0,U.jsx)(k,{htmlFor:`name`,className:`text-xs text-white/40 uppercase tracking-widest pl-1`,children:`Nombre Público`}),(0,U.jsx)(T,{id:`name`,value:b.name,onChange:e=>I(t=>({...t,name:e.target.value})),className:`bg-white/5 border-white/10 focus:border-blue-500/50 rounded-xl h-11`,placeholder:`Nombre del nodo`})]}),(0,U.jsxs)(`div`,{className:`space-y-2`,children:[(0,U.jsx)(k,{htmlFor:`tone`,className:`text-xs text-white/40 uppercase tracking-widest pl-1`,children:`Tono Cognitivo`}),(0,U.jsx)(T,{id:`tone`,value:b.tone,onChange:e=>I(t=>({...t,tone:e.target.value})),className:`bg-white/5 border-white/10 focus:border-blue-500/50 rounded-xl h-11`,placeholder:`Ej: Analítico, Conciso...`})]})]})]}),(0,U.jsxs)(`div`,{className:`p-6 rounded-3xl border border-white/10 bg-black/20 backdrop-blur-md space-y-6`,children:[(0,U.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,U.jsx)(`div`,{className:`p-2 rounded-xl bg-purple-500/10 border border-purple-500/20`,children:(0,U.jsx)(W,{icon:ae,className:`h-4 w-4 text-purple-400`})}),(0,U.jsx)(`h3`,{className:`font-bold text-white uppercase tracking-wider text-xs`,children:`Permisos de Red`})]}),(0,U.jsxs)(`div`,{className:`space-y-4`,children:[(0,U.jsxs)(`div`,{className:`flex items-center justify-between p-3 rounded-2xl bg-white/5 hover:bg-white/10 transition-colors`,children:[(0,U.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,U.jsx)(k,{className:`text-sm font-semibold`,children:`Rol`}),(0,U.jsx)(`p`,{className:`text-[10px] text-white/30`,children:`Coordinador o Worker`})]}),(0,U.jsxs)(u,{value:b.role,onValueChange:e=>I(t=>({...t,role:e})),children:[(0,U.jsx)(f,{className:`w-[120px] bg-white/5 border-white/10 text-white`,children:(0,U.jsx)(c,{})}),(0,U.jsxs)(d,{className:`bg-zinc-900 border-white/10`,children:[(0,U.jsx)(s,{value:`coordinator`,children:`Coordinador`}),(0,U.jsx)(s,{value:`worker`,children:`Worker`})]})]})]}),(0,U.jsxs)(`div`,{className:`flex items-center justify-between p-3 rounded-2xl bg-white/5 hover:bg-white/10 transition-colors`,children:[(0,U.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,U.jsx)(k,{className:`text-sm font-semibold`,children:`Nodo Activo`}),(0,U.jsx)(`p`,{className:`text-[10px] text-white/30`,children:`Disponible para la colmena`})]}),(0,U.jsx)(ee,{checked:b.enabled,onCheckedChange:e=>I(t=>({...t,enabled:e}))})]})]})]}),(0,U.jsxs)(`div`,{className:`p-6 rounded-3xl border border-white/10 bg-black/20 backdrop-blur-md space-y-6`,children:[(0,U.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,U.jsx)(`div`,{className:`p-2 rounded-xl bg-emerald-500/10 border border-emerald-500/20`,children:(0,U.jsx)(W,{icon:h,className:`h-4 w-4 text-emerald-400`})}),(0,U.jsx)(`h3`,{className:`font-bold text-white uppercase tracking-wider text-xs`,children:`Workspace Directory`})]}),(0,U.jsx)(`div`,{className:`space-y-4`,children:(0,U.jsxs)(`div`,{className:`space-y-2`,children:[(0,U.jsx)(k,{htmlFor:`workspace`,className:`text-xs text-white/40 uppercase tracking-widest pl-1`,children:`Directorio de Trabajo`}),(0,U.jsxs)(`div`,{className:`flex gap-2`,children:[(0,U.jsx)(T,{id:`workspace`,value:b.workspace,onChange:e=>{I(t=>({...t,workspace:e.target.value})),z(e.target.value)},className:`bg-white/5 border-white/10 focus:border-emerald-500/50 rounded-xl h-11 font-mono text-sm flex-1`,placeholder:`Ej: /home/user/proyectos, D:\\Work`}),b.workspace&&L.exists&&L.accessible&&(0,U.jsx)(w,{type:`button`,variant:`outline`,size:`icon`,onClick:V,className:`shrink-0 border-emerald-500/30 text-emerald-400 hover:bg-emerald-500/10 h-11 w-11`,title:`Abrir en el explorador`,children:(0,U.jsx)(ne,{className:`h-4 w-4`})})]}),(0,U.jsx)(`p`,{className:`text-xs text-white/40 leading-relaxed`,children:`Directorio donde el agente operará. Puede ser cualquier ubicación (disco, USB, red).`}),b.workspace&&b.workspace.trim()!==``&&(0,U.jsxs)(`div`,{className:i(`flex items-center gap-2 text-xs p-2.5 rounded-lg border backdrop-blur-md transition-all`,L.isValidating&&`bg-blue-500/10 border-blue-500/20 text-blue-400`,!L.isValidating&&L.exists&&L.accessible&&`bg-emerald-500/10 border-emerald-500/20 text-emerald-400`,!L.isValidating&&L.exists&&!L.accessible&&`bg-amber-500/10 border-amber-500/20 text-amber-400`,!L.isValidating&&!L.exists&&`bg-purple-500/10 border-purple-500/20 text-purple-400`),children:[L.isValidating&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(ie,{className:`h-3.5 w-3.5 animate-spin`}),(0,U.jsx)(`span`,{children:`Validando directorio...`})]}),!L.isValidating&&L.exists&&L.accessible&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(l,{className:`h-3.5 w-3.5`}),(0,U.jsx)(`span`,{children:L.message||`Directorio válido y accesible`})]}),!L.isValidating&&L.exists&&!L.accessible&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(te,{className:`h-3.5 w-3.5`}),(0,U.jsx)(`span`,{children:L.message||`Sin permisos de lectura/escritura`})]}),!L.isValidating&&!L.exists&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(h,{className:`h-3.5 w-3.5`}),(0,U.jsx)(`span`,{children:L.message||`El directorio no existe`}),!L.error&&(0,U.jsx)(w,{type:`button`,variant:`outline`,size:`sm`,onClick:B,className:`ml-auto h-6 px-2 text-xs bg-purple-500/20 hover:bg-purple-500/30 text-purple-300 border-purple-500/30`,children:`Crear`})]})]})]})})]})]}),(0,U.jsx)(`div`,{className:`lg:col-span-2 space-y-6`,children:(0,U.jsxs)(`div`,{className:`p-8 rounded-3xl border border-white/10 bg-black/20 backdrop-blur-md space-y-8`,children:[(0,U.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,U.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,U.jsx)(`div`,{className:`p-2 rounded-xl bg-amber-500/10 border border-amber-500/20`,children:(0,U.jsx)(W,{icon:oe,className:`h-4 w-4 text-amber-400`})}),(0,U.jsx)(`h3`,{className:`font-bold text-white uppercase tracking-wider text-xs`,children:`Configuración Cognitiva`})]}),(0,U.jsxs)(w,{onClick:G,className:`bg-blue-600 hover:bg-blue-500 text-white font-bold rounded-xl px-6 shadow-[0_4px_15px_rgba(37,99,235,0.3)] transition-all active:scale-95 gap-2`,children:[(0,U.jsx)(W,{icon:g,className:`h-4 w-4`}),`Sincronizar Cambios`]})]}),(0,U.jsxs)(`div`,{className:`space-y-6`,children:[(0,U.jsxs)(`div`,{className:`space-y-2`,children:[(0,U.jsx)(k,{htmlFor:`description`,className:`text-xs text-white/40 uppercase tracking-widest pl-1`,children:`Directiva de Misión (Descripción)`}),(0,U.jsx)(_,{id:`description`,value:b.description,onChange:e=>I(t=>({...t,description:e.target.value})),className:`bg-white/5 border-white/10 focus:border-blue-500/50 rounded-2xl min-h-[80px] resize-none`,placeholder:`Define el propósito general de este nodo...`})]}),(0,U.jsxs)(`div`,{className:`space-y-2`,children:[(0,U.jsxs)(`div`,{className:`flex items-center justify-between pl-1`,children:[(0,U.jsx)(k,{className:`text-xs text-white/40 uppercase tracking-widest`,children:`System Prompt (Markdown)`}),(0,U.jsxs)(le,{children:[(0,U.jsx)(j,{asChild:!0,children:(0,U.jsx)(w,{type:`button`,variant:`outline`,size:`sm`,className:`h-7 px-3 text-xs bg-blue-500/10 hover:bg-blue-500/20 text-blue-400 border-blue-500/30 transition-colors`,children:`Modifica acá el System Prompt`})}),(0,U.jsxs)(F,{className:`sm:max-w-3xl bg-[#0a0a0c] border-white/10 text-white shadow-2xl [&>button]:text-white/50 hover:[&>button]:text-white`,children:[(0,U.jsxs)(P,{children:[(0,U.jsx)(ce,{className:`text-xl`,children:`Editar System Prompt`}),(0,U.jsx)(M,{className:`text-sm text-white/50`,children:`El comportamiento principal del agente. Se recomienda usar Markdown.`})]}),(0,U.jsx)(`div`,{className:`py-2`,children:(0,U.jsx)(_,{value:b.systemPrompt,onChange:e=>I(t=>({...t,systemPrompt:e.target.value})),className:`min-h-[400px] font-mono text-sm bg-black/40 border-white/10 text-white/90 focus-visible:ring-blue-500/50 resize-y`,placeholder:`Escribe el system prompt detallado aquí...`})}),(0,U.jsx)(A,{children:(0,U.jsx)(N,{asChild:!0,children:(0,U.jsx)(w,{type:`button`,className:`bg-blue-600 hover:bg-blue-500 text-white shadow-[0_0_15px_rgba(37,99,235,0.3)]`,children:`Listo`})})})]})]})]}),b.systemPrompt?(0,U.jsx)(`div`,{className:`bg-white/[0.02] border border-white/5 rounded-2xl p-4 max-h-[120px] overflow-y-auto custom-scrollbar`,children:(0,U.jsx)(`p`,{className:`text-xs text-white/60 font-mono whitespace-pre-wrap italic`,children:b.systemPrompt})}):(0,U.jsx)(`div`,{className:`bg-white/[0.02] border border-white/5 rounded-2xl p-4`,children:(0,U.jsx)(`p`,{className:`text-xs text-white/30 italic`,children:`Sin system prompt configurado...`})})]}),(0,U.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-6`,children:[(0,U.jsxs)(`div`,{className:`space-y-2`,children:[(0,U.jsxs)(`div`,{className:`flex items-center justify-between pl-1`,children:[(0,U.jsx)(k,{className:`text-xs text-white/40 uppercase tracking-widest`,children:`Proveedor`}),J.length===0&&(0,U.jsx)(`span`,{className:`text-[10px] text-amber-400/80`,children:`Sin providers activos`})]}),(0,U.jsxs)(u,{value:b.provider_id,onValueChange:e=>I(t=>({...t,provider_id:e,model_id:``})),children:[(0,U.jsx)(f,{className:`bg-white/5 border-white/10 rounded-xl h-11`,children:(0,U.jsx)(c,{placeholder:`Seleccionar proveedor`,children:b.provider_id&&X?(0,U.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,U.jsx)(`span`,{children:X.name}),Z&&(0,U.jsx)(`span`,{className:`text-[10px] text-amber-400/80`,children:`(inactivo)`}),q(X)?(0,U.jsx)(`span`,{className:`text-[9px] font-bold px-1.5 py-0.5 rounded-full bg-amber-500/20 text-amber-400`,children:`LOCAL`}):(0,U.jsx)(`span`,{className:`text-[9px] font-bold px-1.5 py-0.5 rounded-full bg-emerald-500/20 text-emerald-400`,children:`API`})]}):`Seleccionar proveedor`})}),(0,U.jsxs)(d,{className:`bg-zinc-900 border-white/10 text-white`,children:[J.length===0&&(0,U.jsx)(`div`,{className:`px-3 py-4 text-center text-xs text-white/30`,children:`Activa al menos un provider con API key en la sección de Providers`}),J.map(e=>{let t=q(e);return(0,U.jsx)(s,{value:e.id,children:(0,U.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,U.jsx)(`span`,{children:e.name}),(0,U.jsx)(`span`,{className:`text-[9px] font-bold px-1.5 py-0.5 rounded-full ${t?`bg-amber-500/20 text-amber-400`:`bg-emerald-500/20 text-emerald-400`}`,children:t?`LOCAL`:`API`})]})},e.id)})]})]}),Z&&X&&(0,U.jsxs)(`p`,{className:`text-[10px] text-amber-400/80 pl-1`,children:[`El proveedor "`,X.name,`" está inactivo. Selecciona uno activo para cambiar.`]})]}),(0,U.jsxs)(`div`,{className:`space-y-2`,children:[(0,U.jsxs)(`div`,{className:`flex items-center justify-between pl-1`,children:[(0,U.jsx)(k,{className:`text-xs text-white/40 uppercase tracking-widest`,children:`Modelo`}),b.provider_id&&Y.length===0&&(0,U.jsx)(`span`,{className:`text-[10px] text-amber-400/80`,children:`Sin modelos activos`})]}),(0,U.jsxs)(u,{value:b.model_id,onValueChange:e=>I(t=>({...t,model_id:e})),disabled:!b.provider_id||Y.length===0,children:[(0,U.jsx)(f,{className:`bg-white/5 border-white/10 rounded-xl h-11 disabled:opacity-50`,children:(0,U.jsx)(c,{placeholder:b.provider_id?Y.length===0?`Activa modelos en el provider`:`Seleccionar modelo`:`Primero selecciona un proveedor`,children:b.model_id&&Q?(0,U.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,U.jsx)(`span`,{className:`font-mono text-sm`,children:Q.name}),$&&(0,U.jsx)(`span`,{className:`text-[10px] text-amber-400/80`,children:`(inactivo)`})]}):void 0})}),(0,U.jsx)(d,{className:`bg-zinc-900 border-white/10 text-white`,children:Y.map(e=>(0,U.jsx)(s,{value:e.id,children:(0,U.jsx)(`span`,{className:`font-mono text-sm`,children:e.name})},e.id))})]}),$&&Q&&(0,U.jsxs)(`p`,{className:`text-[10px] text-amber-400/80 pl-1`,children:[`El modelo "`,Q.name,`" está inactivo. Selecciona uno activo para cambiar.`]})]})]})]}),(0,U.jsxs)(`div`,{className:`mt-8 p-4 rounded-2xl bg-white/[0.03] border border-white/5 flex items-start gap-4 italic`,children:[(0,U.jsx)(W,{icon:re,className:`h-5 w-5 text-white/20 mt-0.5`}),(0,U.jsx)(`p`,{className:`text-[11px] text-white/30 leading-relaxed`,children:`Las credenciales de acceso y llaves de cifrado para los headers personalizados se gestionan en una capa segura y no son visibles en texto plano para mantener la integridad de la red.`})]})]})})]})})}function K({agent:e}){let{providers:t}=E(),{models:n}=D(),r=e.role===`coordinator`,i=e.provider_id||e.providerId,s=e.model_id||e.modelId,c=e.created_at||e.createdAt,l=c?z(typeof c==`string`?new Date(c):new Date(c*1e3),`PPP`,{locale:R}):`Fecha desconocida`,u=t.find(e=>e.id===i)?.name||i,d=n.find(e=>e.id===s)?.name||s;return(0,U.jsxs)(`div`,{className:`hive-card--internal group ${e.enabled?`hive-card--internal-active`:`hive-card--internal-disabled`}`,children:[e.enabled&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(`div`,{className:`absolute -top-24 -right-24 h-64 w-64 bg-blue-600/10 rounded-full blur-[100px] pointer-events-none group-hover:bg-blue-600/20 transition-all duration-700`}),(0,U.jsx)(`div`,{className:`absolute -bottom-24 -left-24 h-64 w-64 bg-purple-600/10 rounded-full blur-[100px] pointer-events-none group-hover:bg-purple-600/20 transition-all duration-700`})]}),(0,U.jsxs)(`div`,{className:`relative flex flex-col md:flex-row gap-8 items-start justify-between`,children:[(0,U.jsxs)(`div`,{className:`flex-1 space-y-6`,children:[(0,U.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,U.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,U.jsx)(`div`,{className:`hive-icon-wrap--internal ${e.enabled?`hive-icon-wrap--internal-active`:`hive-icon-wrap--internal-disabled`}`,children:(0,U.jsx)(B,{className:`h-6 w-6 ${e.enabled?`text-blue-400`:`text-white/20`}`})}),(0,U.jsxs)(`div`,{children:[(0,U.jsxs)(`div`,{className:`flex items-center gap-2 mb-1`,children:[(0,U.jsx)(`span`,{className:`hive-page-header__label ${!e.enabled&&`text-white/20`}`,children:`Identidad de Nodo`}),r&&(0,U.jsx)(I,{className:`hive-tag--coordinator ${!e.enabled&&`bg-white/5 text-white/20 border-white/10`}`,children:`Coordinador`})]}),(0,U.jsx)(`h1`,{className:`text-4xl font-black tracking-tighter ${e.enabled?`text-white`:`text-white/40`}`,children:e.name})]})]}),(0,U.jsxs)(`p`,{className:`text-lg leading-relaxed max-w-2xl font-light italic ${e.enabled?`text-white/60`:`text-white/20`}`,children:[`"`,e.description||`Este agente no tiene una descripción definida aún.`,`"`]})]}),(0,U.jsxs)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4`,children:[(0,U.jsx)(q,{icon:m,label:`Infraestructura`,value:u,subValue:d,color:e.enabled?`text-blue-400`:`text-white/20`,enabled:e.enabled}),(0,U.jsx)(q,{icon:v,label:`Personalidad`,value:e.tone||`Neutral`,color:e.enabled?`text-purple-400`:`text-white/20`,enabled:e.enabled}),(0,U.jsx)(q,{icon:o,label:`Desplegado el`,value:l,color:e.enabled?`text-emerald-400`:`text-white/20`,enabled:e.enabled})]})]}),(0,U.jsxs)(`div`,{className:`flex flex-col items-center md:items-end gap-6 min-w-[200px]`,children:[(0,U.jsxs)(`div`,{className:`text-center md:text-right space-y-2`,children:[(0,U.jsx)(`span`,{className:`hive-label block`,children:`Estado Operativo`}),(0,U.jsx)(L,{status:e.enabled?e.status:`hibernated`,className:`px-6 py-2 text-sm border-2`})]}),(0,U.jsxs)(`div`,{className:`hive-network-panel md:w-auto`,children:[(0,U.jsxs)(`div`,{className:`flex-1`,children:[(0,U.jsx)(`p`,{className:`hive-label mb-1`,children:`Carga de Red`}),(0,U.jsx)(`div`,{className:`hive-network-track`,children:e.enabled&&(0,U.jsx)(`div`,{className:`hive-network-fill`})})]}),(0,U.jsx)(a,{className:`h-5 w-5 ${e.enabled?`text-blue-400 animate-pulse`:`text-white/10`}`})]})]})]}),(0,U.jsx)(`div`,{className:`hive-strip--bottom ${!e.enabled&&`opacity-20`}`}),(0,U.jsxs)(`div`,{className:`absolute top-4 right-8 hive-mono hidden md:block`,children:[`NODE_UID: `,e.id]})]})}function q({icon:e,label:t,value:n,subValue:r,color:i,enabled:a}){return(0,U.jsxs)(`div`,{className:`hive-info-card ${a?`hive-info-card--active`:`hive-info-card--disabled`}`,children:[(0,U.jsxs)(`div`,{className:`flex items-center gap-2 mb-2`,children:[(0,U.jsx)(e,{className:`h-3.5 w-3.5 ${i}`}),(0,U.jsx)(`span`,{className:`hive-info-card__label`,children:t})]}),(0,U.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,U.jsx)(`p`,{className:`hive-info-card__value ${a?`text-white/80 group-hover/item:text-white`:`text-white/20`}`,children:n}),r&&(0,U.jsx)(`p`,{className:`hive-info-card__sub ${a?`text-white/40`:`text-white/10`}`,children:r})]})]})}function J(){let{id:e}=b(),t=y(),n=e??`unknown`,{agents:r,fetchAgents:i,isLoading:o}=O();(0,H.useEffect)(()=>{i()},[i]);let s=r.find(e=>e.id===n);return(0,U.jsx)(`div`,{className:`min-h-screen bg-transparent pb-20`,children:(0,U.jsxs)(`div`,{className:`max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 animate-in fade-in slide-in-from-bottom-4 duration-700`,children:[(0,U.jsxs)(`div`,{className:`flex items-center justify-between mb-8`,children:[(0,U.jsxs)(w,{variant:`ghost`,onClick:()=>t(`/agents`),className:`group flex items-center gap-2 text-white/40 hover:text-white hover:bg-white/5 px-4 py-2 rounded-xl transition-all`,children:[(0,U.jsx)(p,{className:`h-4 w-4 transition-transform group-hover:-translate-x-1`}),(0,U.jsx)(`span`,{className:`text-sm font-bold uppercase tracking-widest`,children:`Volver a la Colmena`})]}),(0,U.jsxs)(`div`,{className:`flex items-center gap-4 text-white/20`,children:[(0,U.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,U.jsx)(V,{className:`h-4 w-4`}),(0,U.jsx)(`span`,{className:`text-[10px] font-bold uppercase tracking-widest`,children:`Agentes`})]}),(0,U.jsx)(`div`,{className:`h-4 w-px bg-white/10`}),(0,U.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,U.jsx)(a,{className:`h-4 w-4`}),(0,U.jsx)(`span`,{className:`text-[10px] font-bold uppercase tracking-widest`,children:`Detalles Operativos`})]})]})]}),s?(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(K,{agent:s}),(0,U.jsx)(`div`,{className:`grid grid-cols-1 gap-8`,children:(0,U.jsx)(G,{agentId:n})})]}):(0,U.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-[60vh] text-center space-y-6`,children:[(0,U.jsxs)(`div`,{className:`relative`,children:[(0,U.jsx)(`div`,{className:`h-24 w-24 rounded-full border-4 border-t-blue-500 border-white/5 animate-spin`}),(0,U.jsx)(a,{className:`absolute inset-0 m-auto h-8 w-8 text-blue-400 animate-pulse`})]}),(0,U.jsxs)(`div`,{children:[(0,U.jsx)(`h3`,{className:`text-xl font-bold text-white mb-2`,children:`Sincronizando con el Nodo`}),(0,U.jsx)(`p`,{className:`text-white/40 max-w-xs mx-auto`,children:`Estamos recuperando la configuración cuántica de este agente desde la base de datos central.`})]})]})]})})}export{J as AgentDetailPage};

package/dist/ui/assets/AgentNewPage-DWWs1P7s.js

@@ -1 +0,0 @@
-import{o as e}from"./vendor-query-DsWPbQdG.js";import{t}from"./AgentCreateForm-DS6yXjGV.js";var n=e();function r(){return(0,n.jsx)(t,{})}export{r as AgentNewPage};

package/dist/ui/assets/BridgePage-BD93aBKM.js

@@ -1 +0,0 @@
-import{r as e}from"./rolldown-runtime-S-ySWqyJ.js";import{_ as t}from"./vendor-charts-Bu2lyBKP.js";import{o as n}from"./vendor-query-DsWPbQdG.js";import{r}from"./utils-_qMjiZaF.js";import{t as i}from"./circle-check-E2u7ZS2r.js";import{t as a}from"./circle-x-Cm3Sr-xb.js";import{t as o}from"./loader-circle-CK3qRV3f.js";import{t as s}from"./refresh-cw-BLmKlO4J.js";import{t as c}from"./terminal-CjZu0OZ0.js";import{t as l}from"./trash-2-Blkv31Dz.js";import{n as u,r as d}from"./gateway-url-OqLaEDK-.js";import{E as f}from"./index-D4pdc0Uw.js";import{t as p}from"./badge-pNhtItyt.js";import{a as m,n as h,o as g,t as _}from"./card-C7P3W6_y.js";import{t as v}from"./progress-B1HC9cB_.js";import{t as y}from"./scroll-area-DKNpYkRA.js";var b=r(`CircleStop`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`rect`,{x:`9`,y:`9`,width:`6`,height:`6`,rx:`1`,key:`1ssd4o`}]]),x=e(t(),1),S=n(),C={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`}};function w({status:e}){let t=C[e];return(0,S.jsxs)(p,{variant:`outline`,className:t.className,children:[(0,S.jsx)(`span`,{className:`mr-1.5 inline-block h-1.5 w-1.5 rounded-full bg-current`}),t.label]})}var T=window.location.hostname===`0.0.0.0`?`localhost`:window.location.hostname,E=window.location.protocol===`https:`?`wss:`:`ws:`,D=`${E}//${T}:18791/ws`,O=`${u()}/bridge-events`;function k(){return Math.random().toString(36).substring(2,15)}function A(e,t,n=`system`){return{id:k(),processId:n,level:e,message:t,timestamp:new Date().toISOString()}}var j=!1,M=0,N=3,P=!1,F=null,I=null,L=d((e,t)=>({processes:[],logs:[],isConnected:!1,socket:null,gatewaySocket:null,addProcess:t=>e(e=>({processes:[...e.processes,t]})),removeProcess:t=>e(e=>({processes:e.processes.filter(e=>e.id!==t)})),updateProcess:(t,n)=>e(e=>({processes:e.processes.map(e=>e.id===t?{...e,...n}:e)})),addLog:t=>e(e=>({logs:[t,...e.logs].slice(0,500)})),clearLogs:()=>e({logs:[]}),sendCommand:e=>{let{socket:n,isConnected:r}=t();n&&r&&n.send(JSON.stringify(e))},connect:()=>{let{socket:n,isConnected:r}=t();if(!(n||r)&&E!==`wss:`){j=!0;try{let n=new WebSocket(D);n.onmessage=r=>{try{let i=JSON.parse(r.data);if(i.type===`ping`){n.send(JSON.stringify({cmd:`ping`}));return}if(i.type===`pong`)return;if(i.type===`code-bridge:status`&&Array.isArray(i.agents)&&e({processes:i.agents.map(e=>({id:e.taskId,name:e.role,command:e.cli,status:e.state,pid:e.pid,startedAt:new Date().toISOString(),output:[]}))}),i.type===`agent:started`){let e={id:i.taskId,name:i.role,command:i.cli,status:`running`,pid:i.pid,startedAt:new Date().toISOString(),output:[]};t().addProcess(e),t().addLog(A(`info`,`Agent started: ${i.role} (PID: ${i.pid})`,i.taskId))}if(i.type===`agent:output`){let e=t().processes.find(e=>e.id===i.taskId);e&&t().updateProcess(i.taskId,{output:[...e.output,i.chunk]})}i.type===`agent:finished`&&(t().updateProcess(i.taskId,{status:`completed`}),t().addLog(A(`info`,`Agent finished: ${i.role}`,i.taskId))),i.type===`agent:error`&&(t().updateProcess(i.taskId,{status:`error`}),t().addLog(A(`error`,i.message,i.taskId))),i.type===`agent:cancelled`&&(t().updateProcess(i.taskId,{status:`stopped`}),t().addLog(A(`warn`,`Agent cancelled: ${i.role}`,i.taskId)))}catch{}},n.onopen=()=>{M=0,e({isConnected:!0,socket:n}),t().addLog(A(`info`,`Connected to Code Bridge`)),t().sendCommand({cmd:`status`}),F&&clearInterval(F),F=setInterval(()=>{n.readyState===WebSocket.OPEN&&n.send(JSON.stringify({cmd:`ping`}))},15e3)},n.onerror=()=>{},n.onclose=()=>{if(F&&=(clearInterval(F),null),e({isConnected:!1,socket:null}),j){if(M++,M>N){j=!1;return}setTimeout(()=>{j&&!t().isConnected&&t().connect()},5e3)}},e({socket:n})}catch{e({isConnected:!1,socket:null})}}},connectGateway:()=>{let{gatewaySocket:n}=t();if(!n){P=!0;try{let n=new WebSocket(O);n.onopen=()=>{e({isConnected:!0}),t().addLog(A(`info`,`Connected to gateway bridge events`)),I&&clearInterval(I),I=setInterval(()=>{n.readyState===WebSocket.OPEN&&n.send(JSON.stringify({type:`ping`}))},3e4)},n.onmessage=e=>{try{let n=JSON.parse(e.data);if(n.type===`bridge:cmd_start`){let e=n.data,r={id:e.processId,name:e.name??`terminal`,command:e.command,status:`running`,pid:0,startedAt:new Date().toISOString(),output:[]};t().addProcess(r),t().addLog(A(`info`,`$ ${e.command}${e.cwd?` (in ${e.cwd})`:``}`,e.processId))}if(n.type===`bridge:cmd_output`){let e=n.data,r=t().processes.find(t=>t.id===e.processId);r&&t().updateProcess(e.processId,{output:[...r.output,e.chunk]}),t().addLog(A(e.stream===`stderr`?`warn`:`info`,e.chunk,e.processId))}if(n.type===`bridge:cmd_done`){let e=n.data;t().updateProcess(e.processId,{status:e.success?`completed`:`error`}),t().addLog(A(e.success?`info`:`error`,`Exit code: ${e.exitCode}`,e.processId))}if(n.type===`bridge:cmd_error`){let e=n.data;t().updateProcess(e.processId,{status:`error`}),t().addLog(A(`error`,e.message,e.processId))}}catch{}},n.onerror=()=>{},n.onclose=()=>{I&&=(clearInterval(I),null),e({gatewaySocket:null,isConnected:!1}),P&&setTimeout(()=>{P&&!t().gatewaySocket&&t().connectGateway()},5e3)},e({gatewaySocket:n})}catch{e({gatewaySocket:null})}}},disconnect:()=>{j=!1,P=!1,F&&=(clearInterval(F),null),I&&=(clearInterval(I),null);let{socket:n,gatewaySocket:r}=t();n&&(n.close(),e({socket:null,isConnected:!1})),r&&(r.close(),e({gatewaySocket:null}))}})),R={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 z({status:e}){switch(e){case`running`:return(0,S.jsx)(o,{className:`h-3.5 w-3.5 text-yellow-400 animate-spin`});case`completed`:case`finished`:return(0,S.jsx)(i,{className:`h-3.5 w-3.5 text-green-400`});case`error`:return(0,S.jsx)(a,{className:`h-3.5 w-3.5 text-red-400`});case`stopped`:return(0,S.jsx)(b,{className:`h-3.5 w-3.5 text-gray-400`});default:return(0,S.jsx)(c,{className:`h-3.5 w-3.5 text-muted-foreground`})}}function B(){let e=L(e=>e.processes);return e.length===0?(0,S.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-8 text-center text-muted-foreground`,children:[(0,S.jsx)(c,{className:`h-8 w-8 opacity-30 mb-2`}),(0,S.jsx)(`p`,{className:`text-sm`,children:`Sin procesos activos`}),(0,S.jsx)(`p`,{className:`text-xs opacity-60 mt-1`,children:`Los comandos ejecutados por el agente aparecerán aquí`})]}):(0,S.jsx)(`div`,{className:`space-y-2 p-1`,children:e.map(e=>(0,S.jsxs)(`div`,{className:`rounded-lg border border-border bg-card/50 p-3`,children:[(0,S.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,S.jsx)(z,{status:e.status}),(0,S.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,S.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[(0,S.jsx)(`span`,{className:`text-sm font-medium font-mono truncate`,children:e.name}),e.pid>0&&(0,S.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[`PID: `,e.pid]}),(0,S.jsx)(p,{variant:`outline`,className:`text-[10px] px-1.5 py-0 ml-auto ${R[e.status]??``}`,children:e.status})]}),e.command&&(0,S.jsxs)(`p`,{className:`text-xs text-muted-foreground font-mono mt-0.5 truncate`,children:[`$ `,e.command]}),e.status===`running`&&(0,S.jsx)(v,{value:void 0,className:`h-0.5 mt-2`})]})]}),e.output.length>0&&(0,S.jsx)(`div`,{className:`mt-2 rounded bg-black/30 px-2 py-1.5 max-h-24 overflow-y-auto`,children:(0,S.jsx)(`pre`,{className:`text-[10px] font-mono text-green-400/80 whitespace-pre-wrap break-all`,children:e.output.slice(-20).join(``)})})]},e.id))})}var V={info:`text-foreground/80`,warn:`text-yellow-400`,error:`text-red-400`,debug:`text-muted-foreground/60`},H={info:`  `,warn:`! `,error:`✗ `,debug:`· `};function U(){let e=L(e=>e.logs),t=L(e=>e.clearLogs);return(0,S.jsxs)(`div`,{className:`flex flex-col h-full`,children:[(0,S.jsxs)(`div`,{className:`flex items-center justify-between px-3 py-2 border-b border-border`,children:[(0,S.jsxs)(`div`,{className:`flex items-center gap-2 text-xs text-muted-foreground`,children:[(0,S.jsx)(c,{className:`h-3.5 w-3.5`}),(0,S.jsx)(`span`,{className:`font-mono uppercase tracking-wider`,children:`Terminal Log`}),(0,S.jsxs)(`span`,{className:`text-muted-foreground/50`,children:[`(`,e.length,`)`]})]}),e.length>0&&(0,S.jsxs)(f,{variant:`ghost`,size:`sm`,className:`h-6 px-2 text-xs`,onClick:t,children:[(0,S.jsx)(l,{className:`h-3 w-3 mr-1`}),`Clear`]})]}),(0,S.jsx)(y,{className:`flex-1 font-mono text-xs`,children:e.length===0?(0,S.jsx)(`div`,{className:`flex items-center justify-center h-32 text-muted-foreground/50`,children:(0,S.jsx)(`p`,{children:`No logs yet — run a command to see output here`})}):(0,S.jsx)(`div`,{className:`p-3 space-y-0.5`,children:e.map(e=>(0,S.jsxs)(`div`,{className:`flex gap-2 ${V[e.level]??`text-foreground/80`}`,children:[(0,S.jsx)(`span`,{className:`text-muted-foreground/40 shrink-0 w-[72px] truncate`,children:new Date(e.timestamp).toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`,second:`2-digit`})}),(0,S.jsx)(`span`,{className:`shrink-0 w-4`,children:H[e.level]??`  `}),(0,S.jsx)(`span`,{className:`break-all whitespace-pre-wrap`,children:e.message})]},e.id))})})]})}function W(){let{isConnected:e,connect:t,connectGateway:n,processes:r,logs:i}=L();(0,x.useEffect)(()=>{t(),n()},[t,n]);let a=e?`connected`:`disconnected`,o=r.filter(e=>e.status===`running`).length;return(0,S.jsx)(`div`,{className:`hive-page mt-10`,children:(0,S.jsxs)(`div`,{className:`hive-page-container`,children:[(0,S.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,S.jsxs)(`div`,{children:[(0,S.jsxs)(`h1`,{className:`text-xl font-semibold flex items-center gap-2`,children:[(0,S.jsx)(c,{className:`h-5 w-5`}),`Code Bridge`]}),(0,S.jsx)(`p`,{className:`text-sm text-muted-foreground mt-0.5`,children:`Monitoreo de comandos CLI y procesos del agente`})]}),(0,S.jsxs)(`div`,{className:`flex items-center gap-3`,children:[o>0&&(0,S.jsxs)(`span`,{className:`text-xs text-yellow-400 font-mono`,children:[o,` proceso`,o>1?`s`:``,` activo`,o>1?`s`:``]}),(0,S.jsx)(w,{status:a}),(0,S.jsxs)(f,{variant:`outline`,size:`sm`,onClick:()=>{t(),n()},children:[(0,S.jsx)(s,{className:`h-3.5 w-3.5 mr-1.5`}),`Reconectar`]})]})]}),(0,S.jsxs)(`div`,{className:`mt-4 grid grid-cols-1 lg:grid-cols-2 gap-4 h-[calc(100vh-14rem)]`,children:[(0,S.jsxs)(_,{className:`flex flex-col overflow-hidden`,children:[(0,S.jsx)(m,{className:`py-3 px-4 border-b`,children:(0,S.jsxs)(g,{className:`text-sm flex items-center justify-between`,children:[(0,S.jsx)(`span`,{children:`Procesos`}),(0,S.jsxs)(`span`,{className:`text-xs text-muted-foreground font-normal`,children:[r.length,` total`]})]})}),(0,S.jsx)(h,{className:`flex-1 overflow-y-auto p-2`,children:(0,S.jsx)(B,{})})]}),(0,S.jsxs)(_,{className:`flex flex-col overflow-hidden`,children:[(0,S.jsx)(m,{className:`py-3 px-4 border-b`,children:(0,S.jsxs)(g,{className:`text-sm flex items-center justify-between`,children:[(0,S.jsx)(`span`,{children:`Logs`}),(0,S.jsxs)(`span`,{className:`text-xs text-muted-foreground font-normal`,children:[i.length,` entradas`]})]})}),(0,S.jsx)(h,{className:`flex-1 overflow-hidden p-0`,children:(0,S.jsx)(U,{})})]})]})]})})}export{W as BridgePage};