@johpaz/hive-agents 0.0.34 → 0.0.36

package/dist/ui/assets/SettingsPage-CNFm3nun.js

@@ -1,9 +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{n as r,r as i}from"./utils-_qMjiZaF.js";import{t as a}from"./activity-SfJ6UDF2.js";import{n as o,t as s}from"./send-ijRfR0gp.js";import{t as c}from"./calendar-CMMeWsP-.js";import{a as l,c as u,l as d,n as f,r as p,s as m,t as h}from"./switch-7AuR7x2g.js";import{t as g}from"./chevron-down-B16UVNlu.js";import{t as _}from"./chevron-up-CxKDQEE5.js";import{t as v}from"./circle-alert-7koABcbO.js";import{t as y}from"./circle-check-E2u7ZS2r.js";import{t as b}from"./cpu-mBJgRJzM.js";import{n as x,t as S}from"./eye-B8lq7sWG.js";import{t as C}from"./globe-BVPd5DRa.js";import{t as w}from"./hexagon-BIAFUAlQ.js";import{t as T}from"./history-BUAnaMQo.js";import{t as E}from"./info-DWioleen.js";import{t as D}from"./key-BCGwSKKc.js";import{t as O}from"./loader-circle-CK3qRV3f.js";import{t as k}from"./lock-D7PCO7GC.js";import{t as A}from"./pause-CI1JFH6r.js";import{t as j}from"./pencil-BF2_XX-i.js";import{t as M}from"./play-DidATMfT.js";import{t as N}from"./plus-DXm1XDhQ.js";import{t as P}from"./refresh-cw-BLmKlO4J.js";import{t as F}from"./search-Co6mulZS.js";import{n as I,t as L}from"./textarea-CwPvQVAG.js";import{t as R}from"./sparkles-C4MACMbE.js";import{t as z}from"./terminal-CjZu0OZ0.js";import{t as ee}from"./trash-2-Blkv31Dz.js";import{t as B}from"./triangle-alert-BKgbd30k.js";import{t as V}from"./x-5cXW_1ZS.js";import{t as H}from"./zap-CpyuQJEC.js";import{l as te}from"./vendor-router-DhLEd920.js";import{r as ne}from"./gateway-url-OqLaEDK-.js";import{i as U,n as W,r as G,t as K}from"./api-q5Ax-vD2.js";import{B as q,E as J,F as re,H as ie,I as ae,L as oe,M as se,N as ce,P as le,R as ue,T as Y,f as de,l as fe,n as pe,o as me,u as he}from"./index-D4pdc0Uw.js";import{t as X}from"./label-C6tqnnKd.js";import{a as ge,c as _e,i as ve,o as ye,r as be,s as Z,t as xe}from"./dialog-BaJbZsQF.js";import{t as Se}from"./badge-pNhtItyt.js";import{a as Ce,n as we,o as Te,r as Ee,t as De}from"./card-C7P3W6_y.js";import"./useProviders-Bxsnav4y.js";import{t as Oe}from"./scroll-area-DKNpYkRA.js";var ke=i(`Briefcase`,[[`path`,{d:`M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16`,key:`jecpp`}],[`rect`,{width:`20`,height:`14`,x:`2`,y:`6`,rx:`2`,key:`i6l2r4`}]]),Ae=i(`ChartColumn`,[[`path`,{d:`M3 3v16a2 2 0 0 0 2 2h16`,key:`c24i48`}],[`path`,{d:`M18 17V9`,key:`2bz60n`}],[`path`,{d:`M13 17V5`,key:`1frdt8`}],[`path`,{d:`M8 17v-3`,key:`17ska0`}]]),je=i(`CodeXml`,[[`path`,{d:`m18 16 4-4-4-4`,key:`1inbqp`}],[`path`,{d:`m6 8-4 4 4 4`,key:`15zrgr`}],[`path`,{d:`m14.5 4-5 16`,key:`e7oirm`}]]),Me=i(`Code`,[[`polyline`,{points:`16 18 22 12 16 6`,key:`z7tu5w`}],[`polyline`,{points:`8 6 2 12 8 18`,key:`1eg1df`}]]),Ne=i(`Copy`,[[`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`,key:`17jyea`}],[`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`,key:`zix9uf`}]]),Pe=i(`Earth`,[[`path`,{d:`M21.54 15H17a2 2 0 0 0-2 2v4.54`,key:`1djwo0`}],[`path`,{d:`M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17`,key:`1tzkfa`}],[`path`,{d:`M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05`,key:`14pb5j`}],[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}]]),Fe=i(`Hammer`,[[`path`,{d:`m15 12-8.373 8.373a1 1 0 1 1-3-3L12 9`,key:`eefl8a`}],[`path`,{d:`m18 15 4-4`,key:`16gjal`}],[`path`,{d:`m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172V7l-2.26-2.26a6 6 0 0 0-4.202-1.756L9 2.96l.92.82A6.18 6.18 0 0 1 12 8.4V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5`,key:`b7pghm`}]]),Ie=i(`Languages`,[[`path`,{d:`m5 8 6 6`,key:`1wu5hv`}],[`path`,{d:`m4 14 6-6 2-3`,key:`1k1g8d`}],[`path`,{d:`M2 5h12`,key:`or177f`}],[`path`,{d:`M7 2h1`,key:`1t2jsx`}],[`path`,{d:`m22 22-5-10-5 10`,key:`don7ne`}],[`path`,{d:`M14 18h6`,key:`1m8k6r`}]]),Le=i(`MessageCircle`,[[`path`,{d:`M7.9 20A9 9 0 1 0 4 16.1L2 22Z`,key:`vv11sd`}]]),Re=i(`Power`,[[`path`,{d:`M12 2v10`,key:`mnfbl`}],[`path`,{d:`M18.4 6.6a9 9 0 1 1-12.77.04`,key:`obofu9`}]]),ze=i(`Settings2`,[[`path`,{d:`M20 7h-9`,key:`3s1dr2`}],[`path`,{d:`M14 17H5`,key:`gfn3mx`}],[`circle`,{cx:`17`,cy:`17`,r:`3`,key:`18b49y`}],[`circle`,{cx:`7`,cy:`7`,r:`3`,key:`dfmy0x`}]]),Be=i(`ShieldCheck`,[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`,key:`oel41y`}],[`path`,{d:`m9 12 2 2 4-4`,key:`dzmm74`}]]),Ve=i(`ShieldOff`,[[`path`,{d:`m2 2 20 20`,key:`1ooewy`}],[`path`,{d:`M5 5a1 1 0 0 0-1 1v7c0 5 3.5 7.5 7.67 8.94a1 1 0 0 0 .67.01c2.35-.82 4.48-1.97 5.9-3.71`,key:`1jlk70`}],[`path`,{d:`M9.309 3.652A12.252 12.252 0 0 0 11.24 2.28a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1v7a9.784 9.784 0 0 1-.08 1.264`,key:`18rp1v`}]]),Q=e(t(),1),He=ne((e,t)=>({isLoading:!1,error:null,configs:[],conflicts:[],templates:[],setLoading:t=>e({isLoading:t}),setError:t=>e({error:t}),fetchEthics:async()=>{e({isLoading:!0,error:null});try{let t=(await K(`/api/ethics`)).ethics||[],n=t.find(e=>e.active)||t[0];return e({configs:t,isLoading:!1}),n?.content||``}catch(t){throw e({isLoading:!1,error:t instanceof Error?t.message:`Failed to fetch ethics`}),t}},saveEthics:async n=>{e({isLoading:!0,error:null});try{let r=t(),i=r.configs.find(e=>e.active)||r.configs[0],a;return a=i?await K(`/api/ethics/${i.id}`,{method:`PUT`,body:{content:n}}):await K(`/api/ethics`,{method:`POST`,body:{name:`Default`,content:n,active:!0}}),e({isLoading:!1}),a.message||`Guardado correctamente`}catch(t){throw e({isLoading:!1,error:t instanceof Error?t.message:`Failed to save ethics`}),t}},fetchConfigs:async()=>{e({isLoading:!0,error:null});try{e({configs:await K(`/api/workspace/ethics/configs`),isLoading:!1})}catch(t){e({isLoading:!1,error:t instanceof Error?t.message:`Failed to fetch configs`})}},fetchConflicts:async()=>{e({isLoading:!0,error:null});try{e({conflicts:await K(`/api/workspace/ethics/conflicts`),isLoading:!1})}catch(t){e({isLoading:!1,error:t instanceof Error?t.message:`Failed to fetch conflicts`})}},fetchTemplates:async()=>{e({isLoading:!0,error:null});try{e({templates:await K(`/api/workspace/ethics/templates`),isLoading:!1})}catch(t){e({isLoading:!1,error:t instanceof Error?t.message:`Failed to fetch templates`})}},updateConfig:(t,n)=>{e(e=>({configs:e.configs.map(e=>e.id===t?{...e,...n,updatedAt:new Date().toISOString(),version:e.version+1}:e)}))},addConfig:t=>{let n={...t,id:r(),version:1,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString()};e(e=>({configs:[...e.configs,n]}))},removeConfig:t=>{e(e=>({configs:e.configs.filter(e=>e.id!==t)}))}})),$=n();function Ue(){let{configs:e,fetchEthics:t,isLoading:n}=He(),[r,i]=(0,Q.useState)(null),[a,o]=(0,Q.useState)(!1),[s,c]=(0,Q.useState)({name:``,description:``,content:``}),[l,u]=(0,Q.useState)(!1),d=(0,Q.useRef)(null),f=()=>{let e=d.current;e&&(e.style.height=`auto`,e.style.height=`${e.scrollHeight}px`)};(0,Q.useEffect)(()=>{a&&setTimeout(f,0)},[a,s.content]),(0,Q.useEffect)(()=>{t().catch(console.error)},[t]),(0,Q.useEffect)(()=>{if(e.length===0)return;let t=e,n=t.find(e=>e.active)||t[0];r||(i(n.id),c({name:n.name,description:n.description||``,content:n.content}))},[e,r]);let p=e.find(e=>e.id===r),m=e=>{i(e.id),c({name:e.name,description:e.description||``,content:e.content}),o(!0)},h=async n=>{U.show(`Activando registro de ética...`);let r=e;try{let e=await Promise.all(r.map(e=>K(`/api/ethics/${e.id}`,{method:`PUT`,body:{active:+(e.id===n)}}).catch(()=>({}))));await t();let i=e.find((e,t)=>r[t].id===n);W.fire({icon:`success`,title:i?.message||`Registro de ética activado`})}catch(e){W.fire({icon:`error`,title:e instanceof Error?e.message:`Error al activar registro`})}finally{U.hide()}};return n&&e.length===0?(0,$.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-20 border border-white/5 bg-zinc-950/30 rounded-2xl`,children:[(0,$.jsx)(O,{className:`h-8 w-8 animate-spin text-amber-500 mb-4 opacity-50`}),(0,$.jsx)(`span`,{className:`hive-label`,children:`Cargando lineamientos operativos...`})]}):(0,$.jsxs)(`div`,{className:`space-y-8 animate-fade-in`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col sm:flex-row sm:items-center justify-between gap-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 mb-2`,children:[(0,$.jsx)(`h3`,{className:`hive-title-section !text-lg`,children:`Protocolos Éticos`}),(0,$.jsxs)(`span`,{className:`hive-tag hive-tag--provider`,children:[e.length,` REGISTROS`]})]}),(0,$.jsx)(`p`,{className:`hive-subtitle !mt-0 !text-xs`,children:`Define la capa moral y los límites operacionales de tus agentes inteligentes.`})]}),(0,$.jsxs)(`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`,children:[(0,$.jsx)(I,{className:`h-3.5 w-3.5`}),(0,$.jsx)(`span`,{children:`Configuración del Núcleo`})]})]}),e.length===0?(0,$.jsx)(`div`,{className:`hive-card border-dashed border-white/10 bg-white/[0.02]`,children:(0,$.jsxs)(`div`,{className:`hive-card-body flex flex-col items-center justify-center py-16 px-4`,children:[(0,$.jsx)(`div`,{className:`h-16 w-16 rounded-2xl bg-white/5 flex items-center justify-center mb-6`,children:(0,$.jsx)(B,{className:`h-8 w-8 text-white/20`})}),(0,$.jsxs)(`div`,{className:`text-center`,children:[(0,$.jsx)(`p`,{className:`hive-title-section text-center mb-2`,children:`Sin Protocolos Base`}),(0,$.jsx)(`p`,{className:`text-xs text-white/40 mb-8 max-w-[300px] mx-auto leading-relaxed`,children:`No se han detectado lineamientos éticos en el sistema. Selecciona una de las plantillas inferiores para comenzar.`})]})]})}):(0,$.jsx)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6`,children:e.map(e=>{let t=!!e.active,n=r===e.id;return(0,$.jsxs)(`div`,{onClick:()=>m(e),className:`hive-card group transition-all duration-500 cursor-pointer ${n?`hive-card--active`:`opacity-60 grayscale-[0.8] hover:opacity-100 hover:grayscale-0`}`,children:[(0,$.jsxs)(`div`,{className:`hive-card-body relative overflow-hidden`,children:[(0,$.jsxs)(`div`,{className:`flex items-start justify-between mb-6`,children:[(0,$.jsx)(`div`,{className:`hive-icon-wrap--internal ${n?`hive-icon-wrap--internal-active`:`hive-icon-wrap--internal-disabled`}`,children:(0,$.jsx)(ae,{className:`h-6 w-6`})}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[t&&(0,$.jsx)(`span`,{className:`hive-status-label--active`,children:`ACTIVO`}),(0,$.jsx)(`div`,{className:t?`hive-status-dot--active`:`hive-status-dot--disabled`})]})]}),(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`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`,children:e.name}),(0,$.jsx)(`p`,{className:`text-xs text-white/40 font-medium leading-relaxed line-clamp-1 h-4`,children:e.description||`Sin descripción adicional`})]}),(0,$.jsxs)(`div`,{className:`pt-4 border-t border-white/5 flex items-center gap-4`,children:[(0,$.jsxs)(`div`,{className:`hive-stat`,children:[(0,$.jsx)(`span`,{className:`hive-stat__label`,children:`CONFIG`}),(0,$.jsx)(`span`,{className:`hive-stat__value`,children:e.is_default?`DEFAULT`:`CUSTOM`})]}),(0,$.jsxs)(`div`,{className:`hive-stat`,children:[(0,$.jsx)(`span`,{className:`hive-stat__label`,children:`PRECEDENCIA`}),(0,$.jsx)(`span`,{className:`hive-stat__value`,children:t?`ALTA`:`NORMAL`})]})]})]}),n&&(0,$.jsx)(`div`,{className:`hive-glow-blob--card hive-glow-blob--blue -bottom-10 -right-10 h-24 w-24 opacity-20`})]}),(0,$.jsx)(`div`,{className:`hive-strip--bottom ${t?``:`opacity-20`}`})]},e.id)})}),(0,$.jsx)(xe,{open:a,onOpenChange:o,children:(0,$.jsx)(be,{className:`max-w-4xl border-white/10 !bg-[#09090b] p-0 overflow-hidden shadow-2xl`,children:p&&(0,$.jsxs)(`div`,{className:`flex flex-col h-full`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between p-6 border-b border-white/5 bg-white/5 relative overflow-hidden`,children:[(0,$.jsx)(`div`,{className:`hive-glow-blob hive-glow-blob--blue -top-10 -right-10 h-32 w-32 opacity-20`}),(0,$.jsxs)(`div`,{className:`flex items-center gap-4 relative z-10`,children:[(0,$.jsx)(`div`,{className:`hive-icon-wrap--internal hive-icon-wrap--internal-active`,children:(0,$.jsx)(I,{className:`h-6 w-6`})}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(Z,{className:`hive-title-page !text-2xl uppercase tracking-tighter`,children:p.name}),(0,$.jsx)(ve,{className:`hive-subtitle !mt-0`,children:`Sintonización de la capa moral y operativa del agente.`})]})]}),(0,$.jsx)(`div`,{className:`flex items-center gap-3 relative z-10`,children:!p.active&&(0,$.jsx)(`button`,{className:`hive-btn hive-btn--ghost px-6 text-[10px]`,onClick:()=>h(p.id),children:`ESTABLECER COMO ACTIVO`})})]}),(0,$.jsx)(`div`,{className:`p-6 space-y-4 border-b border-white/5`,children:(0,$.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-4`,children:[(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(X,{className:`hive-label uppercase !text-[10px]`,children:`Nombre del Protocolo`}),(0,$.jsx)(Y,{value:s.name,onChange:e=>c(t=>({...t,name:e.target.value})),className:`bg-white/5 border-white/5 focus-visible:ring-blue-500/30 text-white font-bold`})]}),(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(X,{className:`hive-label uppercase !text-[10px]`,children:`Descripción / Meta`}),(0,$.jsx)(Y,{value:s.description,onChange:e=>c(t=>({...t,description:e.target.value})),className:`bg-white/5 border-white/5 focus-visible:ring-blue-500/30 text-white/60 text-xs italic`})]})]})}),(0,$.jsxs)(`div`,{className:`p-0 bg-[#09090b]`,children:[(0,$.jsx)(`div`,{className:`px-6 pt-4`,children:(0,$.jsx)(X,{className:`hive-label uppercase !text-[10px]`,children:`Lineamientos de Capa (Markdown)`})}),(0,$.jsx)(L,{ref:d,placeholder:`Define los lineamientos éticos del agente...`,value:s.content,onChange:e=>{c(t=>({...t,content:e.target.value})),f()},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-[400px] p-8 resize-none placeholder:text-white/10 overflow-hidden`})]}),(0,$.jsxs)(`div`,{className:`p-6 bg-white/[0.02] border-t border-white/5 flex items-center justify-between`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-6`,children:[(0,$.jsxs)(`div`,{className:`hive-stat`,children:[(0,$.jsx)(`span`,{className:`hive-stat__label`,children:`IDENTIFICADOR`}),(0,$.jsx)(`span`,{className:`hive-stat__value`,children:p.id})]}),(0,$.jsxs)(`div`,{className:`hive-stat`,children:[(0,$.jsx)(`span`,{className:`hive-stat__label`,children:`ESTADO DE CAPA`}),(0,$.jsx)(`span`,{className:`hive-stat__value hive-stat__value--active`,children:p.active?`SISTEMA ACTIVO`:`PENDIENTE`})]})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,$.jsx)(`button`,{className:`hive-btn hive-btn--ghost px-6 text-[10px]`,onClick:()=>o(!1),children:`CANCELAR`}),(0,$.jsx)(`button`,{onClick:async()=>{if(p){u(!0),U.show(`Guardando lineamientos éticos...`);try{let e=await K(`/api/ethics/${p.id}`,{method:`PUT`,body:s});await t(),W.fire({icon:`success`,title:e.message||`Contenido ético guardado`})}catch(e){W.fire({icon:`error`,title:e instanceof Error?e.message:`Error al guardar`})}finally{u(!1),U.hide(),o(!1)}}},disabled:l,className:`hive-btn hive-btn--primary px-8 text-[10px]`,children:l?`SINCRONIZANDO...`:`GUARDAR LINEAMIENTOS`})]})]})]})})})]})}var We={filesystem:`Sistema de archivos`,web:`Web`,codebridge:`Code Bridge`,cron:`Cron`,projects:`Proyectos`,cli:`CLI`,agents:`Agentes`,canvas:`Canvas`,voice:`Voz`};function Ge(){let{tools:e,isLoading:t,fetchTools:n,toggleTool:r,updateTool:i}=he(),[a,o]=(0,Q.useState)(`all`),[s,c]=(0,Q.useState)(null),[l,u]=(0,Q.useState)(null),[d,f]=(0,Q.useState)(!1);(0,Q.useEffect)(()=>{n()},[n]);let p=async(e,t)=>{if(!l){u(e);try{await r(e,t),n(),W.fire({icon:`success`,title:`Herramienta ${t?`activada`:`desactivada`}`})}catch{W.fire({icon:`error`,title:`Error al actualizar estado de la herramienta`})}finally{u(null)}}},m=async()=>{if(s){f(!0),U.show(`Guardando herramienta...`);try{await i(s.id,{name:s.name,description:s.description}),W.fire({icon:`success`,title:`Herramienta actualizada`}),n(),c(null)}catch{W.fire({icon:`error`,title:`Error al guardar cambios`})}finally{f(!1),U.hide()}}};if(t&&e.length===0)return(0,$.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-20 border border-white/5 bg-zinc-950/30 rounded-2xl`,children:[(0,$.jsx)(O,{className:`h-8 w-8 animate-spin text-violet-500 mb-4 opacity-50`}),(0,$.jsx)(`span`,{className:`text-xs uppercase font-bold tracking-[0.2em] text-zinc-500`,children:`Cargando herramientas...`})]});let g=e.filter(e=>a===`all`?!0:e.category===a);return(0,$.jsxs)(`div`,{className:`space-y-8 animate-fade-in`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col sm:flex-row sm:items-center justify-between gap-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 mb-2`,children:[(0,$.jsx)(`h3`,{className:`hive-title-section !text-lg !text-white/80`,children:`Herramientas`}),(0,$.jsxs)(`span`,{className:`hive-tag bg-white/5 text-white/40 border-white/10`,children:[g.length,` DISPONIBLES`]})]}),(0,$.jsx)(`p`,{className:`hive-subtitle !mt-0 !text-xs`,children:`Gestiona las capacidades externas y el arsenal tecnológico de tu agente.`})]}),(0,$.jsxs)(`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`,children:[(0,$.jsx)(se,{className:`h-3.5 w-3.5`}),(0,$.jsx)(`span`,{children:`Arsenal Operativo`})]})]}),(0,$.jsx)(`div`,{className:`flex items-center gap-1.5 p-1 bg-white/5 rounded-2xl w-fit border border-white/5`,children:[`all`,`filesystem`,`web`,`cron`,`codebridge`,`cli`,`agents`,`canvas`,`a2ui`,`voice`].map(e=>(0,$.jsx)(`button`,{onClick:()=>o(e),className:`px-6 py-2 rounded-xl text-[10px] font-black tracking-widest uppercase transition-all duration-300 ${a===e?`bg-blue-600 text-white shadow-btn-primary`:`text-white/20 hover:text-white/40 hover:bg-white/5`}`,children:e===`all`?`TODAS`:We[e]||e},e))}),g.length===0?(0,$.jsxs)(`div`,{className:`py-16 flex flex-col items-center justify-center border border-dashed border-white/10 rounded-2xl bg-zinc-950/20 group hover:border-violet-500/20 transition-colors`,children:[(0,$.jsx)(`div`,{className:`p-4 rounded-full bg-zinc-900 mb-4 group-hover:scale-110 transition-transform`,children:(0,$.jsx)(B,{className:`h-8 w-8 text-zinc-700 group-hover:text-violet-500/50 transition-colors`})}),(0,$.jsx)(`p`,{className:`text-xs text-zinc-500 font-medium`,children:`Sin herramientas en esta categoría.`})]}):(0,$.jsx)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6`,children:g.map(e=>{let t=e.active,n=e.core;return(0,$.jsxs)(`div`,{onClick:()=>c({...e}),className:`hive-card group cursor-pointer transition-all duration-500 ${t?`hive-card--active`:`hive-card--disabled`}`,children:[(0,$.jsxs)(`div`,{className:`hive-card-body relative overflow-hidden`,children:[(0,$.jsxs)(`div`,{className:`flex items-start justify-between mb-6`,children:[(0,$.jsxs)(`div`,{className:`hive-icon-wrap--internal ${t?`hive-icon-wrap--internal-active`:`hive-icon-wrap--internal-disabled`}`,children:[e.category===`filesystem`&&(0,$.jsx)(Pe,{className:`h-6 w-6`}),e.category===`web`&&(0,$.jsx)(Pe,{className:`h-6 w-6`}),e.category===`cron`&&(0,$.jsx)(F,{className:`h-6 w-6`}),e.category===`cli`&&(0,$.jsx)(z,{className:`h-6 w-6`}),e.category===`codebridge`&&(0,$.jsx)(z,{className:`h-6 w-6`}),e.category===`agents`&&(0,$.jsx)(ze,{className:`h-6 w-6`}),e.category===`projects`&&(0,$.jsx)(z,{className:`h-6 w-6`}),e.category===`canvas`&&(0,$.jsx)(z,{className:`h-6 w-6`}),e.category===`voice`&&(0,$.jsx)(ze,{className:`h-6 w-6`})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[n&&(0,$.jsx)(`span`,{className:`hive-status-label--active`,children:`NATIVO`}),(0,$.jsx)(h,{checked:t,onCheckedChange:()=>p(e.id,!t),onClick:e=>e.stopPropagation(),className:`data-[state=checked]:bg-blue-500 scale-75 origin-right`})]})]}),(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h3`,{className:`text-lg font-black text-white uppercase tracking-tighter mb-1 line-clamp-1 group-hover:text-blue-400 transition-colors`,children:e.name}),(0,$.jsx)(`p`,{className:`hive-subtitle !mt-0 !text-[11px] h-8 line-clamp-2`,children:e.description||`Sin descripción disponible`})]}),(0,$.jsxs)(`div`,{className:`pt-4 border-t border-white/5 flex items-center gap-4`,children:[(0,$.jsxs)(`div`,{className:`hive-stat`,children:[(0,$.jsx)(`span`,{className:`hive-stat__label`,children:`TIPO`}),(0,$.jsx)(`span`,{className:`hive-stat__value truncate max-w-[80px]`,children:e.category})]}),(0,$.jsxs)(`div`,{className:`hive-stat`,children:[(0,$.jsx)(`span`,{className:`hive-stat__label`,children:`ESTADO`}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`div`,{className:t?`hive-status-dot--active`:`hive-status-dot--disabled`}),(0,$.jsx)(`span`,{className:t?`hive-status-label--active`:`hive-status-label--disabled`,children:t?`ACTIVE`:`STANDBY`})]})]})]})]}),t&&(0,$.jsx)(`div`,{className:`hive-glow-blob--card hive-glow-blob--blue -bottom-10 -right-10 h-24 w-24 opacity-20`})]}),(0,$.jsx)(`div`,{className:`hive-strip--bottom ${t?``:`opacity-20`}`})]},e.id)})}),(0,$.jsx)(xe,{open:!!s,onOpenChange:e=>!e&&c(null),children:(0,$.jsxs)(be,{className:`sm:max-w-sm bg-zinc-950 border-white/10`,children:[(0,$.jsxs)(ye,{children:[(0,$.jsxs)(Z,{className:`flex items-center gap-2 text-sm`,children:[(0,$.jsx)(`div`,{className:`p-1.5 rounded-lg bg-violet-500/10 text-violet-400`,children:(0,$.jsx)(ze,{className:`h-3.5 w-3.5`})}),`Editar herramienta`]}),(0,$.jsx)(ve,{className:`text-[10px] text-zinc-500 font-medium`,children:`Modifica los parámetros y la descripción de la herramienta seleccionada.`})]}),(0,$.jsxs)(`div`,{className:`space-y-3 py-2`,children:[(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(X,{className:`text-[10px] text-zinc-500 uppercase tracking-widest font-bold`,children:`Nombre`}),(0,$.jsx)(Y,{value:s?.name||``,onChange:e=>c({...s,name:e.target.value}),className:`h-9 text-sm bg-white/5 border-white/10 focus:border-violet-500/50`})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(X,{className:`text-[10px] text-zinc-500 uppercase tracking-widest font-bold`,children:`Descripción`}),(0,$.jsx)(L,{value:s?.description||``,onChange:e=>c({...s,description:e.target.value}),className:`text-sm min-h-[80px] resize-none bg-white/5 border-white/10 focus:border-violet-500/50 font-mono`})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2 pt-1 border-t border-white/5`,children:[(0,$.jsx)(`span`,{className:`font-mono text-[10px] bg-zinc-900 border border-white/5 text-zinc-500 px-2 py-0.5 rounded truncate max-w-[180px]`,children:s?.id}),(0,$.jsx)(Se,{variant:`outline`,className:`text-[9px] border-zinc-800 text-zinc-500 uppercase`,children:s?.category})]})]}),(0,$.jsxs)(ge,{className:`gap-2 sm:gap-0`,children:[(0,$.jsx)(J,{variant:`outline`,size:`sm`,onClick:()=>c(null),className:`hive-btn--form-cancel h-10`,children:`Cancelar`}),(0,$.jsxs)(J,{size:`sm`,onClick:m,disabled:d,className:`hive-btn--form-submit h-10`,children:[d&&(0,$.jsx)(O,{className:`h-3.5 w-3.5 animate-spin`}),`Guardar Cambios`]})]})]})})]})}function Ke({server:e,onClick:t,isConnected:n,isLoading:r}){let i=n||e.status===`connected`,a=e.transport===`stdio`;return(0,$.jsxs)(De,{onClick:t,className:`group relative overflow-hidden transition-all hover:border-cyan-500/50 hover:shadow-lg hover:shadow-cyan-500/5 cursor-pointer border-white/5 bg-zinc-950/50 backdrop-blur-sm ${i?`border-cyan-500/20 bg-cyan-500/[0.02]`:`opacity-80 grayscale-[0.2]`} ${r?`pointer-events-none opacity-50`:``}`,children:[(0,$.jsx)(`div`,{className:`absolute top-0 left-0 w-1 h-full transition-colors ${i?`bg-cyan-500`:`bg-zinc-800`}`}),(0,$.jsxs)(Ce,{className:`pb-2`,children:[(0,$.jsxs)(`div`,{className:`flex items-start justify-between mb-2`,children:[(0,$.jsx)(`div`,{className:`p-2 rounded-lg transition-colors ${i?`bg-cyan-500/10 text-cyan-400`:`bg-zinc-800 text-zinc-500`}`,children:a?(0,$.jsx)(b,{className:`h-5 w-5`}):(0,$.jsx)(C,{className:`h-5 w-5`})}),(0,$.jsx)(`div`,{className:`flex items-center gap-2`,children:i?(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5 px-2 py-0.5 rounded-full bg-cyan-500/10 border border-cyan-500/20`,children:[(0,$.jsx)(`div`,{className:`h-1.5 w-1.5 rounded-full bg-cyan-500 animate-pulse`}),(0,$.jsx)(`span`,{className:`text-[10px] font-bold text-cyan-500 uppercase tracking-wider`,children:`LIVE`})]}):(0,$.jsx)(Se,{variant:`outline`,className:`text-[10px] border-zinc-800 text-zinc-500 uppercase tracking-tighter`,children:`OFFLINE`})})]}),(0,$.jsx)(Te,{className:`text-sm font-bold truncate group-hover:text-cyan-400 transition-colors`,children:e.name}),(0,$.jsx)(Ee,{className:`text-[10px] font-mono opacity-50 truncate mt-0.5`,children:e.url||`stdio: ${e.transport}`})]}),(0,$.jsxs)(we,{className:`pt-0 pb-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-3 mt-2`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col`,children:[(0,$.jsx)(`span`,{className:`text-[9px] text-zinc-500 uppercase font-bold tracking-widest`,children:`Transport`}),(0,$.jsx)(`span`,{className:`text-xs font-semibold text-zinc-300`,children:e.transport})]}),(0,$.jsx)(`div`,{className:`h-4 w-px bg-white/10`}),(0,$.jsxs)(`div`,{className:`flex flex-col`,children:[(0,$.jsx)(`span`,{className:`text-[9px] text-zinc-500 uppercase font-bold tracking-widest`,children:`Tools`}),(0,$.jsxs)(`span`,{className:`text-xs font-semibold text-zinc-300`,children:[e.tools?.length||e.tools_count||0,` expuestas`]})]})]}),e.builtin&&(0,$.jsx)(Se,{variant:`outline`,className:`mt-3 text-[9px] border-amber-500/20 text-amber-500/70 bg-amber-500/5`,children:`BUILTIN`})]}),i&&(0,$.jsx)(`div`,{className:`absolute -bottom-6 -right-6 w-12 h-12 bg-cyan-500/10 blur-2xl rounded-full`})]})}function qe({serverId:e,serverName:t,tools:n=[]}){let[r,i]=(0,Q.useState)(``),a=n.filter(e=>e.name.toLowerCase().includes(r.toLowerCase())||e.description.toLowerCase().includes(r.toLowerCase()));return(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 relative`,children:[(0,$.jsx)(F,{className:`absolute left-2.5 top-2.5 h-3.5 w-3.5 text-zinc-500`}),(0,$.jsx)(Y,{placeholder:`Buscar herramientas...`,className:`pl-8 h-8 text-[11px] bg-white/5 border-white/10 focus:border-cyan-500/30`,value:r,onChange:e=>i(e.target.value)})]}),(0,$.jsx)(`div`,{className:`space-y-2 max-h-[300px] overflow-y-auto pr-1 custom-scrollbar`,children:a.length===0?(0,$.jsx)(`div`,{className:`py-8 text-center text-[10px] text-zinc-500 italic`,children:r?`No se encontraron herramientas que coincidan.`:`Este servidor no expone herramientas actualmente.`}):a.map(e=>(0,$.jsxs)(`div`,{className:`p-3 rounded-lg bg-zinc-900/50 border border-white/5 hover:border-cyan-500/20 transition-all group`,children:[(0,$.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`div`,{className:`p-1.5 rounded bg-cyan-500/5 text-cyan-400 group-hover:bg-cyan-500/10 transition-colors`,children:(0,$.jsx)(Fe,{className:`h-3.5 w-3.5`})}),(0,$.jsx)(`h5`,{className:`text-[11px] font-bold text-zinc-200 group-hover:text-cyan-400 transition-colors`,children:e.name})]}),e.inputSchema&&(0,$.jsx)(Se,{variant:`outline`,className:`text-[9px] border-zinc-800 text-zinc-600 h-4`,children:`JSON Schema`})]}),(0,$.jsx)(`p`,{className:`mt-1.5 text-[10px] text-zinc-500 leading-relaxed line-clamp-2`,children:e.description})]},e.name))}),(0,$.jsxs)(`div`,{className:`p-2 rounded bg-cyan-500/5 border border-cyan-500/10 flex items-center gap-2`,children:[(0,$.jsx)(E,{className:`h-3 w-3 text-cyan-500`}),(0,$.jsxs)(`span`,{className:`text-[9px] text-cyan-200/50`,children:[`Estas herramientas son gestionadas directamente por `,(0,$.jsx)(`span`,{className:`text-cyan-400 font-mono`,children:t}),`.`]})]})]})}function Je(e){return e?e[`x-api-key`]?{authType:`api-key`,authToken:e[`x-api-key`]}:e.Authorization?.startsWith(`Bearer `)?{authType:`bearer`,authToken:e.Authorization.replace(`Bearer `,``)}:Object.keys(e).length>0?{authType:`custom`,authToken:``}:{authType:`none`,authToken:``}:{authType:`none`,authToken:``}}function Ye({server:e,onClose:t}){let{updateMCPServer:n,toggleMCPServer:r,deleteMCPServer:i,fetchMCPServers:a}=me(),[o,s]=(0,Q.useState)(e.transport||`stdio`),[c,d]=(0,Q.useState)(e.command||``),[h,g]=(0,Q.useState)(e.args?.join(` `)||``),[_,v]=(0,Q.useState)(e.url||``),[y,b]=(0,Q.useState)(()=>Je(e.headers).authType),[x,S]=(0,Q.useState)(()=>Je(e.headers).authToken),[w,T]=(0,Q.useState)(e.headers?JSON.stringify(e.headers,null,2):``),[E,A]=(0,Q.useState)(!1),[j,M]=(0,Q.useState)(!1),[N,P]=(0,Q.useState)(!1),[F,I]=(0,Q.useState)(!0),[L,R]=(0,Q.useState)(!1),[B,V]=(0,Q.useState)(`config`),[H,te]=(0,Q.useState)(e.status),[ne,G]=(0,Q.useState)(e.active),q=H===`connected`||ne===1||ne===!0;return(0,Q.useEffect)(()=>{let t=!1;return(async()=>{I(!0);try{let n=await K(`/api/mcp/servers/${e.id}`);if(t)return;s(n.transport||`stdio`),d(n.command||``),g(Array.isArray(n.args)?n.args.join(` `):``),v(n.url||``);let r=Je(n.headers);b(r.authType),S(r.authToken),T(n.headers?JSON.stringify(n.headers,null,2):``),te(n.status||e.status),G(+!!n.enabled)}catch{}finally{t||I(!1)}})(),()=>{t=!0}},[e.id]),(0,$.jsx)(xe,{open:!0,onOpenChange:e=>!e&&t(),children:(0,$.jsxs)(be,{className:`sm:max-w-[500px] border-cyan-500/20 bg-zinc-950/95 backdrop-blur-xl p-0 overflow-hidden`,children:[(0,$.jsx)(`div`,{className:`absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-cyan-500/50 to-transparent`}),(0,$.jsxs)(ye,{className:`p-6 pb-0`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,$.jsx)(`div`,{className:`p-2 rounded-lg ${q?`bg-cyan-500/10 text-cyan-400`:`bg-zinc-800 text-zinc-500`}`,children:(0,$.jsx)(ze,{className:`h-5 w-5`})}),(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(Z,{className:`text-white flex items-center gap-2`,children:[`Configurar `,e.name,q&&(0,$.jsx)(`div`,{className:`h-1.5 w-1.5 rounded-full bg-cyan-500 animate-pulse`})]}),(0,$.jsxs)(ve,{className:`text-[10px] font-mono opacity-50 uppercase tracking-widest mt-0.5`,children:[`ID: `,e.id,` • `,e.transport]})]})]}),!e.builtin&&(0,$.jsx)(J,{variant:`ghost`,size:`icon`,onClick:()=>R(!0),disabled:j||L,className:`text-zinc-600 hover:text-red-400 hover:bg-red-400/10 h-8 w-8 transition-colors`,title:`Eliminar Servidor`,children:(0,$.jsx)(ee,{className:`h-4 w-4`})})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1 mt-6 border-b border-white/5`,children:[(0,$.jsxs)(`button`,{onClick:()=>V(`config`),className:`px-4 py-2 text-[10px] uppercase font-bold tracking-widest transition-all relative ${B===`config`?`text-cyan-400`:`text-zinc-500 hover:text-zinc-300`}`,children:[`Configuración`,B===`config`&&(0,$.jsx)(`div`,{className:`absolute bottom-0 left-0 w-full h-0.5 bg-cyan-500`})]}),(0,$.jsxs)(`button`,{onClick:()=>V(`tools`),className:`px-4 py-2 text-[10px] uppercase font-bold tracking-widest transition-all relative ${B===`tools`?`text-cyan-400`:`text-zinc-500 hover:text-zinc-300`}`,children:[`Herramientas`,B===`tools`&&(0,$.jsx)(`div`,{className:`absolute bottom-0 left-0 w-full h-0.5 bg-cyan-500`})]})]})]}),L&&(0,$.jsxs)(`div`,{className:`mx-6 mt-4 p-3 rounded-lg bg-red-500/10 border border-red-500/30 animate-in fade-in slide-in-from-top-2 duration-200`,children:[(0,$.jsxs)(`p`,{className:`text-xs text-red-400 font-medium mb-3`,children:[`¿Eliminar `,(0,$.jsx)(`span`,{className:`font-bold`,children:e.name}),`? Esta acción no se puede deshacer.`]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2 justify-end`,children:[(0,$.jsx)(J,{variant:`ghost`,size:`sm`,onClick:()=>R(!1),disabled:j,className:`h-7 px-3 text-[10px] font-bold uppercase tracking-wider text-zinc-400 hover:text-white`,children:`Cancelar`}),(0,$.jsx)(J,{size:`sm`,onClick:async()=>{M(!0);try{await K(`/api/mcp/servers/${e.id}`,{method:`DELETE`,showLoader:`Eliminando servidor...`,showError:!0}),await a(),t()}catch{}finally{M(!1),R(!1)}},disabled:j,className:`h-7 px-3 text-[10px] font-bold uppercase tracking-wider bg-red-600 hover:bg-red-500 text-white`,children:j?(0,$.jsx)(O,{className:`h-3 w-3 animate-spin`}):`Sí, eliminar`})]})]}),(0,$.jsx)(`div`,{className:`p-6`,children:B===`config`?(0,$.jsxs)(`div`,{className:`space-y-4 animate-in fade-in duration-300`,children:[F&&(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-[10px] text-zinc-500`,children:[(0,$.jsx)(O,{className:`h-3 w-3 animate-spin`}),(0,$.jsx)(`span`,{children:`Cargando configuración...`})]}),(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(X,{className:`text-[10px] font-bold text-zinc-500 uppercase tracking-widest`,children:`Transporte`}),(0,$.jsxs)(f,{value:o,onValueChange:s,children:[(0,$.jsx)(m,{className:`bg-white/5 border-white/10 h-9`,children:(0,$.jsx)(u,{})}),(0,$.jsxs)(p,{className:`bg-zinc-900 border-white/10`,children:[(0,$.jsx)(l,{value:`stdio`,className:`focus:bg-cyan-500/20 focus:text-cyan-400`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(z,{className:`h-3.5 w-3.5`}),(0,$.jsx)(`span`,{children:`stdio (Binario Local)`})]})}),(0,$.jsx)(l,{value:`sse`,className:`focus:bg-cyan-500/20 focus:text-cyan-400`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(C,{className:`h-3.5 w-3.5`}),(0,$.jsx)(`span`,{children:`SSE (Remote HTTP)`})]})})]})]})]}),o===`stdio`?(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(X,{className:`text-[10px] font-bold text-zinc-500 uppercase tracking-widest`,children:`Comando`}),(0,$.jsx)(Y,{value:c,onChange:e=>d(e.target.value),className:`bg-white/5 border-white/10 focus:border-cyan-500/50 h-9`})]}),(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(X,{className:`text-[10px] font-bold text-zinc-500 uppercase tracking-widest`,children:`Argumentos`}),(0,$.jsx)(Y,{value:h,onChange:e=>g(e.target.value),className:`bg-white/5 border-white/10 focus:border-cyan-500/50 h-9`})]})]}):(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(X,{className:`text-[10px] font-bold text-zinc-500 uppercase tracking-widest`,children:`Endpoint URL`}),(0,$.jsx)(Y,{value:_,onChange:e=>v(e.target.value),className:`bg-white/5 border-white/10 focus:border-cyan-500/50 h-9`})]}),(0,$.jsxs)(`div`,{className:`space-y-4 pt-2 border-t border-white/5`,children:[(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(X,{className:`text-[10px] font-bold text-zinc-500 uppercase tracking-widest`,children:`Autenticación`}),(0,$.jsxs)(f,{value:y,onValueChange:b,children:[(0,$.jsx)(m,{className:`bg-white/5 border-white/10 focus:border-cyan-500/50 h-9`,children:(0,$.jsx)(u,{})}),(0,$.jsxs)(p,{className:`bg-zinc-900 border-white/10`,children:[(0,$.jsx)(l,{value:`none`,className:`focus:bg-cyan-500/20 focus:text-cyan-400`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(C,{className:`h-3.5 w-3.5`}),(0,$.jsx)(`span`,{children:`Ninguna`})]})}),(0,$.jsx)(l,{value:`api-key`,className:`focus:bg-cyan-500/20 focus:text-cyan-400`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(D,{className:`h-3.5 w-3.5`}),(0,$.jsx)(`span`,{children:`API Key (x-api-key)`})]})}),(0,$.jsx)(l,{value:`bearer`,className:`focus:bg-cyan-500/20 focus:text-cyan-400`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(Be,{className:`h-3.5 w-3.5`}),(0,$.jsx)(`span`,{children:`Bearer Token (Authorization)`})]})}),(0,$.jsx)(l,{value:`custom`,className:`focus:bg-cyan-500/20 focus:text-cyan-400`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(Me,{className:`h-3.5 w-3.5`}),(0,$.jsx)(`span`,{children:`Custom Headers (JSON)`})]})})]})]})]}),(y===`api-key`||y===`bearer`)&&(0,$.jsxs)(`div`,{className:`space-y-2 animate-in fade-in slide-in-from-top-1 duration-200`,children:[(0,$.jsx)(X,{className:`text-[10px] font-bold text-zinc-500 uppercase tracking-widest`,children:y===`api-key`?`API Key`:`Bearer Token`}),(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsx)(Y,{type:`password`,placeholder:`sk-...`,value:x,onChange:e=>S(e.target.value),className:`bg-white/5 border-white/10 focus:border-cyan-500/50 transition-all h-9 pl-9`}),(0,$.jsx)(k,{className:`absolute left-3 top-2.5 h-3.5 w-3.5 text-zinc-500`})]})]}),y===`custom`&&(0,$.jsxs)(`div`,{className:`space-y-2 animate-in fade-in slide-in-from-top-1 duration-200`,children:[(0,$.jsx)(`div`,{className:`flex items-center justify-between`,children:(0,$.jsx)(X,{className:`text-[10px] font-bold text-zinc-500 uppercase tracking-widest`,children:`Headers JSON`})}),(0,$.jsx)(`textarea`,{value:w,onChange:e=>T(e.target.value),placeholder:`{ "x-custom-auth": "secret" }`,rows:3,className:`w-full bg-white/5 border border-white/10 rounded-md p-2 text-xs text-zinc-300 focus:outline-none focus:border-cyan-500/50 transition-all font-mono`})]})]})]}),(0,$.jsxs)(`div`,{className:`p-3 rounded-lg bg-zinc-900 border border-white/5 flex items-center justify-between mt-6`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,$.jsx)(`div`,{className:`p-1.5 rounded-full ${q?`bg-green-500/10 text-green-400`:`bg-zinc-800 text-zinc-500`}`,children:(0,$.jsx)(Re,{className:`h-3.5 w-3.5 ${q?`animate-pulse`:``}`})}),(0,$.jsxs)(`div`,{className:`flex flex-col`,children:[(0,$.jsx)(`span`,{className:`text-[10px] font-bold text-zinc-300 uppercase tracking-tight`,children:`Estado del Nodo`}),(0,$.jsx)(`span`,{className:`text-[9px] font-mono ${q?`text-green-500`:`text-zinc-500`}`,children:q?`ACTIVE_CONNECTION`:`INACTIVE_NODE`})]})]}),(0,$.jsx)(J,{size:`sm`,variant:q?`outline`:`default`,onClick:async()=>{P(!0),U.show(q?`Desconectando servidor...`:`Conectando servidor...`);try{await r(e.id,!q),G(+!q),te(q?`disconnected`:`connected`),W.fire({icon:`success`,title:q?`Servidor desconectado`:`Servidor conectado`}),setTimeout(a,1500)}catch{W.fire({icon:`error`,title:`Error al cambiar estado de conexión`})}finally{P(!1),U.hide()}},disabled:N,className:`h-7 px-4 text-[10px] font-bold uppercase tracking-wider ${q?`border-zinc-800 text-zinc-400 hover:bg-zinc-800`:`bg-cyan-600 hover:bg-cyan-500 text-white`}`,children:N?(0,$.jsx)(O,{className:`h-3 w-3 animate-spin`}):q?`Desconectar`:`Conectar`})]})]}):(0,$.jsx)(`div`,{className:`animate-in fade-in duration-300`,children:(0,$.jsx)(qe,{serverId:e.id,serverName:e.name,tools:e.tools||[]})})}),(0,$.jsxs)(ge,{className:`p-6 bg-white/[0.02] border-t border-white/5`,children:[(0,$.jsx)(J,{variant:`ghost`,onClick:t,className:`text-zinc-500 hover:text-white`,children:`Cerrar`}),B===`config`&&(0,$.jsx)(J,{onClick:async()=>{A(!0),U.show(`Actualizando configuración...`);try{let t={transport:o};if(o===`stdio`){if(!c){W.fire({icon:`warning`,title:`El comando es obligatorio`});return}t.command=c;let e=h.trim();if(e.startsWith(`[`)&&e.endsWith(`]`))try{t.args=JSON.parse(e)}catch{t.args=e.match(/"[^"]*"|'[^']*'|[^\\s,]+/g)?.map(e=>e.replace(/^["']|["']$/g,``).replace(/,$/,``).trim()).filter(Boolean)||[]}else t.args=e.match(/"[^"]*"|'[^']*'|[^\\s,]+/g)?.map(e=>e.replace(/^["']|["']$/g,``).replace(/,$/,``).trim()).filter(Boolean)||[]}else if(o===`sse`){if(!_){W.fire({icon:`warning`,title:`La URL es obligatoria`});return}t.url=_;let e={};if(y===`api-key`&&x)e[`x-api-key`]=x;else if(y===`bearer`&&x)e.Authorization=`Bearer ${x}`;else if(y===`custom`&&w.trim())try{e=JSON.parse(w.trim())}catch{W.fire({icon:`error`,title:`JSON de Headers inválido`});return}Object.keys(e).length>0&&(t.headers=e)}await n(e.id,t),await a(),W.fire({icon:`success`,title:`Configuración actualizada`})}catch(e){W.fire({icon:`error`,title:e instanceof Error?e.message:`Error al actualizar configuración`})}finally{A(!1),U.hide()}},disabled:E,className:`bg-cyan-600 hover:bg-cyan-500 text-white min-w-[120px]`,children:E?(0,$.jsx)(O,{className:`h-4 w-4 animate-spin`}):`Guardar Cambios`})]})]})})}function Xe(){let{fetchMCPServers:e}=me(),[t,n]=(0,Q.useState)(!1),[r,i]=(0,Q.useState)(``),[a,o]=(0,Q.useState)(``),[s,c]=(0,Q.useState)(``),[d,h]=(0,Q.useState)(`stdio`),[g,_]=(0,Q.useState)(``),[v,b]=(0,Q.useState)(`none`),[x,S]=(0,Q.useState)(``),[w,T]=(0,Q.useState)(``),[E,O]=(0,Q.useState)(!1);return(0,$.jsxs)(xe,{open:t,onOpenChange:n,children:[(0,$.jsx)(_e,{asChild:!0,children:(0,$.jsxs)(J,{className:`bg-cyan-600 hover:bg-cyan-500 text-white shadow-lg shadow-cyan-600/20 gap-2`,children:[(0,$.jsx)(N,{className:`h-4 w-4`}),`Añadir Servidor MCP`]})}),(0,$.jsxs)(be,{className:`sm:max-w-[425px] border-cyan-500/20 bg-zinc-950/95 backdrop-blur-xl`,children:[(0,$.jsxs)(ye,{children:[(0,$.jsxs)(Z,{className:`flex items-center gap-2 text-white`,children:[(0,$.jsx)(`div`,{className:`p-1.5 rounded-md bg-cyan-500/10 text-cyan-400`,children:(0,$.jsx)(oe,{className:`h-4 w-4`})}),`Nuevo Servidor MCP`]}),(0,$.jsx)(ve,{className:`text-zinc-400`,children:`Conecta una nueva fuente de herramientas para tus agentes mediante el protocolo MCP.`})]}),(0,$.jsxs)(`div`,{className:`grid gap-4 py-4`,children:[(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(X,{htmlFor:`mcp-name`,className:`text-[10px] font-bold text-zinc-500 uppercase tracking-widest`,children:`Nombre Identificador`}),(0,$.jsx)(Y,{id:`mcp-name`,placeholder:`github-tools`,value:r,onChange:e=>i(e.target.value),className:`bg-white/5 border-white/10 focus:border-cyan-500/50 transition-all h-9`})]}),(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(X,{className:`text-[10px] font-bold text-zinc-500 uppercase tracking-widest`,children:`Protocolo de Transporte`}),(0,$.jsxs)(f,{value:d,onValueChange:h,children:[(0,$.jsx)(m,{className:`bg-zinc-900/80 border-white/10 text-white focus:border-cyan-500/50 hover:bg-zinc-900 transition-all h-9 cursor-pointer`,children:(0,$.jsx)(u,{placeholder:`Seleccionar transporte`})}),(0,$.jsxs)(p,{position:`popper`,className:`bg-zinc-900 border-white/10 z-[99999]`,sideOffset:4,children:[(0,$.jsx)(l,{value:`stdio`,className:`focus:bg-cyan-500/20 focus:text-cyan-400 cursor-pointer`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(z,{className:`h-3.5 w-3.5`}),(0,$.jsx)(`span`,{children:`stdio (Binario Local)`})]})}),(0,$.jsx)(l,{value:`sse`,className:`focus:bg-cyan-500/20 focus:text-cyan-400 cursor-pointer`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(C,{className:`h-3.5 w-3.5`}),(0,$.jsx)(`span`,{children:`SSE (Remote HTTP)`})]})})]})]})]}),d===`stdio`?(0,$.jsxs)(`div`,{className:`space-y-4 animate-in fade-in slide-in-from-top-2 duration-300`,children:[(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(X,{htmlFor:`mcp-cmd`,className:`text-[10px] font-bold text-zinc-500 uppercase tracking-widest`,children:`Comando Ejecutable`}),(0,$.jsx)(Y,{id:`mcp-cmd`,placeholder:`npx`,value:a,onChange:e=>o(e.target.value),className:`bg-white/5 border-white/10 focus:border-cyan-500/50 transition-all h-9`})]}),(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(X,{htmlFor:`mcp-args`,className:`text-[10px] font-bold text-zinc-500 uppercase tracking-widest`,children:`Argumentos`}),(0,$.jsx)(Y,{id:`mcp-args`,placeholder:`-y @modelcontextprotocol/server-github`,value:s,onChange:e=>c(e.target.value),className:`bg-white/5 border-white/10 focus:border-cyan-500/50 transition-all h-9`})]})]}):(0,$.jsxs)(`div`,{className:`space-y-4 animate-in fade-in slide-in-from-top-2 duration-300`,children:[(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(X,{htmlFor:`mcp-url`,className:`text-[10px] font-bold text-zinc-500 uppercase tracking-widest`,children:`Endpoint URL`}),(0,$.jsx)(Y,{id:`mcp-url`,placeholder:`https://mcp-server.com/sse`,value:g,onChange:e=>_(e.target.value),className:`bg-white/5 border-white/10 focus:border-cyan-500/50 transition-all h-9`})]}),(0,$.jsxs)(`div`,{className:`space-y-4 pt-2 border-t border-white/5`,children:[(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(X,{className:`text-[10px] font-bold text-zinc-500 uppercase tracking-widest`,children:`Autenticación`}),(0,$.jsxs)(f,{value:v,onValueChange:b,children:[(0,$.jsx)(m,{className:`bg-zinc-900/80 border-white/10 text-white focus:border-cyan-500/50 hover:bg-zinc-900 transition-all h-9 cursor-pointer`,children:(0,$.jsx)(u,{placeholder:`Seleccionar autenticación`})}),(0,$.jsxs)(p,{position:`popper`,className:`bg-zinc-900 border-white/10 z-[99999]`,sideOffset:4,children:[(0,$.jsx)(l,{value:`none`,className:`focus:bg-cyan-500/20 focus:text-cyan-400 cursor-pointer`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(C,{className:`h-3.5 w-3.5`}),(0,$.jsx)(`span`,{children:`Ninguna`})]})}),(0,$.jsx)(l,{value:`api-key`,className:`focus:bg-cyan-500/20 focus:text-cyan-400 cursor-pointer`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(D,{className:`h-3.5 w-3.5`}),(0,$.jsx)(`span`,{children:`API Key (x-api-key)`})]})}),(0,$.jsx)(l,{value:`bearer`,className:`focus:bg-cyan-500/20 focus:text-cyan-400 cursor-pointer`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(Be,{className:`h-3.5 w-3.5`}),(0,$.jsx)(`span`,{children:`Bearer Token (Authorization)`})]})}),(0,$.jsx)(l,{value:`google-api-key`,className:`focus:bg-cyan-500/20 focus:text-cyan-400 cursor-pointer`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(D,{className:`h-3.5 w-3.5`}),(0,$.jsx)(`span`,{children:`Google API Key (X-Goog-Api-Key)`})]})}),(0,$.jsx)(l,{value:`custom`,className:`focus:bg-cyan-500/20 focus:text-cyan-400 cursor-pointer`,children:(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(Me,{className:`h-3.5 w-3.5`}),(0,$.jsx)(`span`,{children:`Custom Headers (JSON)`})]})})]})]})]}),(v===`api-key`||v===`google-api-key`||v===`bearer`)&&(0,$.jsxs)(`div`,{className:`space-y-2 animate-in fade-in slide-in-from-top-1 duration-200`,children:[(0,$.jsx)(X,{htmlFor:`mcp-token`,className:`text-[10px] font-bold text-zinc-500 uppercase tracking-widest`,children:v===`api-key`?`API Key`:v===`google-api-key`?`Google API Key`:`Bearer Token`}),(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsx)(Y,{id:`mcp-token`,type:`password`,placeholder:`sk-...`,value:x,onChange:e=>S(e.target.value),className:`bg-white/5 border-white/10 focus:border-cyan-500/50 transition-all h-9 pl-9`}),(0,$.jsx)(k,{className:`absolute left-3 top-2.5 h-3.5 w-3.5 text-zinc-500`})]})]}),v===`custom`&&(0,$.jsxs)(`div`,{className:`space-y-2 animate-in fade-in slide-in-from-top-1 duration-200`,children:[(0,$.jsx)(`div`,{className:`flex items-center justify-between`,children:(0,$.jsx)(X,{htmlFor:`mcp-headers`,className:`text-[10px] font-bold text-zinc-500 uppercase tracking-widest`,children:`Headers JSON`})}),(0,$.jsx)(`textarea`,{id:`mcp-headers`,placeholder:`{ "x-custom-auth": "secret" }`,rows:3,value:w,onChange:e=>{let t=e.target.value;T(t);try{t.trim()&&JSON.parse(t.trim()),e.target.style.borderColor=``}catch{t.trim()?e.target.style.borderColor=`rgba(239, 68, 68, 0.5)`:e.target.style.borderColor=``}},className:`w-full bg-white/5 border border-white/10 rounded-md p-2 text-xs text-zinc-300 focus:outline-none focus:border-cyan-500/50 transition-all font-mono`})]})]})]}),(0,$.jsxs)(`div`,{className:`p-3 rounded-lg bg-cyan-500/5 border border-cyan-500/10 flex items-center gap-3`,children:[(0,$.jsx)(y,{className:`h-5 w-5 text-cyan-500 shrink-0`}),(0,$.jsx)(`div`,{className:`text-[10px] text-cyan-200/70`,children:`El servidor se inicializará y validará inmediatamente después de ser añadido.`})]})]}),(0,$.jsxs)(ge,{children:[(0,$.jsx)(J,{variant:`ghost`,onClick:()=>n(!1),className:`hover:bg-white/5 text-zinc-400 h-9 text-xs`,children:`Cancelar`}),(0,$.jsx)(J,{onClick:async()=>{if(!r){W.fire({icon:`error`,title:`El nombre es obligatorio`});return}O(!0);try{let t={transport:d};if(d===`stdio`){if(!a){W.fire({icon:`error`,title:`El comando es obligatorio para transporte stdio`}),O(!1);return}t.command=a;let e=s.trim();if(e.startsWith(`[`)&&e.endsWith(`]`))try{t.args=JSON.parse(e)}catch{t.args=e.match(/"[^"]*"|'[^']*'|[^\\s,]+/g)?.map(e=>e.replace(/^["']|["']$/g,``).replace(/,$/,``).trim()).filter(Boolean)||[]}else t.args=e.match(/"[^"]*"|'[^']*'|[^\\s,]+/g)?.map(e=>e.replace(/^["']|["']$/g,``).replace(/,$/,``).trim()).filter(Boolean)||[]}else{if(!g){W.fire({icon:`error`,title:`La URL es obligatoria para transporte SSE`}),O(!1);return}t.url=g;let e={};if(v===`api-key`&&x)e[`x-api-key`]=x;else if(v===`google-api-key`&&x)e[`X-Goog-Api-Key`]=x;else if(v===`bearer`&&x)e.Authorization=`Bearer ${x}`;else if(v===`custom`&&w.trim())try{e=JSON.parse(w.trim())}catch{G.fire(`Error`,`JSON de Headers inválido`,`error`),O(!1);return}Object.keys(e).length>0&&(t.headers=e)}await K(`/api/mcp/servers`,{method:`POST`,body:{name:r,config:t},showLoader:`Conectando servidor MCP...`,showError:!0}),W.fire({icon:`success`,title:`Servidor "${r}" añadido correctamente`}),i(``),o(``),c(``),_(``),b(`none`),S(``),T(``),n(!1),await e()}catch{}finally{O(!1)}},disabled:E,className:`bg-cyan-600 hover:bg-cyan-500 text-white shadow-lg shadow-cyan-600/20 h-9 text-xs px-6`,children:E?`Conectando...`:`Conectar Servidor`})]})]})]})}function Ze(){let{servers:e,activeServers:t,isLoading:n,fetchMCPServers:r}=me(),[i,a]=(0,Q.useState)(null),[o,s]=(0,Q.useState)(``);(0,Q.useEffect)(()=>{r()},[r]);let c=e.filter(e=>e.name.toLowerCase().includes(o.toLowerCase())),l=e=>{a({...e,args:typeof e.args==`string`?JSON.parse(e.args):e.args})};return(0,$.jsxs)(`div`,{className:`space-y-6`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between border-b border-white/5 pb-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,$.jsx)(`div`,{className:`p-2 rounded-lg bg-cyan-500/10 text-cyan-400`,children:(0,$.jsx)(oe,{className:`h-5 w-5`})}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`h4`,{className:`text-sm font-bold text-white uppercase tracking-wider`,children:`MCP Ecosystem`}),(0,$.jsx)(`p`,{className:`text-[10px] text-zinc-500 font-mono`,children:`Model Context Protocol Servers`})]})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,$.jsxs)(`div`,{className:`relative group`,children:[(0,$.jsx)(F,{className:`absolute left-3 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-zinc-500 group-focus-within:text-cyan-400 transition-colors`}),(0,$.jsx)(Y,{placeholder:`Buscar servidor...`,value:o,onChange:e=>s(e.target.value),className:`pl-9 bg-zinc-900/50 border-white/5 focus:border-cyan-500/30 transition-all h-9 w-[260px] text-xs`})]}),(0,$.jsx)(Xe,{})]})]}),c.length===0?(0,$.jsxs)(`div`,{className:`py-16 flex flex-col items-center justify-center border border-dashed border-white/10 rounded-2xl bg-zinc-950/20 group hover:border-cyan-500/20 transition-colors`,children:[(0,$.jsx)(`div`,{className:`p-4 rounded-full bg-zinc-900 mb-4 group-hover:scale-110 transition-transform`,children:(0,$.jsx)(B,{className:`h-8 w-8 text-zinc-700 group-hover:text-cyan-500/50 transition-colors`})}),(0,$.jsx)(`p`,{className:`text-xs text-zinc-500 font-medium`,children:`No se detectan servidores MCP configurados.`}),(0,$.jsx)(`p`,{className:`text-[10px] text-zinc-600 mt-1`,children:`Añade uno para expandir las capacidades de tus agentes.`})]}):(0,$.jsx)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4`,children:c.map(e=>(0,$.jsx)(Ke,{server:e,isConnected:e.status===`connected`||e.active===1,onClick:()=>l(e)},e.id))}),i&&(0,$.jsx)(Ye,{server:i,onClose:()=>a(null)})]})}var Qe=()=>(0,$.jsxs)(`svg`,{"aria-hidden":!0,className:`absolute inset-0 w-full h-full pointer-events-none`,xmlns:`http://www.w3.org/2000/svg`,style:{opacity:.05,color:`hsl(var(--hive-amber))`},children:[(0,$.jsx)(`defs`,{children:(0,$.jsx)(`pattern`,{id:`hc-profile`,x:`0`,y:`0`,width:`30`,height:`34`,patternUnits:`userSpaceOnUse`,children:(0,$.jsx)(`polygon`,{points:`15,2 28,9.5 28,24.5 15,32 2,24.5 2,9.5`,fill:`none`,stroke:`currentColor`,strokeWidth:`1`})})}),(0,$.jsx)(`rect`,{width:`100%`,height:`100%`,fill:`url(#hc-profile)`})]}),$e=({initials:e,size:t=`lg`})=>{let n=t===`sm`?`w-14 h-14`:`w-20 h-20`,r=t===`sm`?`text-lg`:`text-2xl`;return(0,$.jsxs)(`div`,{className:`relative ${n} flex-shrink-0`,children:[(0,$.jsx)(`div`,{className:`w-full h-full flex items-center justify-center text-white font-black ${r} tracking-tight select-none`,style:{clipPath:`polygon(50% 0%, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%)`,background:`linear-gradient(135deg, hsl(var(--hive-amber)) 0%, hsl(var(--hive-orange)) 100%)`,boxShadow:`0 0 24px hsl(var(--hive-amber) / 0.4)`},children:e}),(0,$.jsx)(`span`,{className:`absolute bottom-0.5 right-1 h-3.5 w-3.5 rounded-full border-2 animate-pulse`,style:{background:`hsl(var(--hive-green))`,borderColor:`hsl(var(--background))`,boxShadow:`0 0 8px hsl(var(--hive-green) / 0.6)`}})]})},et=({children:e})=>(0,$.jsxs)(`div`,{className:`flex items-center gap-2 mb-2.5`,children:[(0,$.jsx)(w,{className:`h-3 w-3 flex-shrink-0`,style:{color:`hsl(var(--hive-amber))`,fill:`hsl(var(--hive-amber) / 0.2)`}}),(0,$.jsx)(`p`,{className:`text-[10px] font-black uppercase tracking-[0.18em]`,style:{color:`hsl(var(--hive-amber) / 0.85)`},children:e})]}),tt=()=>(0,$.jsx)(`div`,{className:`h-px`,style:{background:`linear-gradient(90deg,transparent,hsl(var(--hive-amber)/0.18),transparent)`}}),nt=({icon:e,label:t,colorVar:n})=>(0,$.jsxs)(`span`,{className:`flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-medium border`,style:{background:`hsl(var(${n}) / 0.08)`,borderColor:`hsl(var(${n}) / 0.2)`,color:`hsl(var(${n}))`},children:[(0,$.jsx)(e,{className:`h-2.5 w-2.5 flex-shrink-0`}),t]}),rt=({label:e,icon:t,editing:n,children:r})=>(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsxs)(`label`,{className:`flex items-center gap-1.5 text-[10px] font-bold uppercase tracking-widest transition-colors`,style:{color:n?`hsl(var(--hive-text-muted))`:`hsl(var(--hive-text-placeholder))`},children:[(0,$.jsx)(t,{className:`h-3 w-3 opacity-60`}),e]}),r]});function it(e){return e.split(` `).map(e=>e[0]).slice(0,2).join(``).toUpperCase()||`?`}function at(){let{fetchUser:e,saveUser:t,isLoading:n}=de(),{channels:r}=pe(),[i,a]=(0,Q.useState)(!1),[s,c]=(0,Q.useState)({name:``,occupation:``,language:``,timezone:``,preferred_cron_channel:`auto`,notes:``}),[h,g]=(0,Q.useState)(null);(0,Q.useEffect)(()=>{e().then(e=>{if(!e)return;let t={name:e.name||``,occupation:e.occupation||``,language:e.language||``,timezone:e.timezone||``,preferred_cron_channel:e.preferred_cron_channel||`auto`,notes:e.notes||``};c(t),g(t)}).catch(console.error)},[e]);let _=(e,t)=>c(n=>({...n,[e]:t})),v=()=>{h&&c(h),a(!1)},y=async()=>{U.show(`Guardando perfil...`);try{let e=await t(s);g(s),W.fire({icon:`success`,title:e}),a(!1)}catch(e){W.fire({icon:`error`,title:e instanceof Error?e.message:`Error al guardar`})}finally{U.hide()}},b=r.filter(e=>e.active),x=s.preferred_cron_channel===`auto`?`Auto — detectar mejor canal`:b.find(e=>e.type===s.preferred_cron_channel)?.type??s.preferred_cron_channel,S=it(s.name);return(0,$.jsxs)(`div`,{className:`relative overflow-hidden rounded-2xl border flex flex-col lg:flex-row`,style:{background:`hsl(var(--hive-surface)/0.7)`,borderColor:`hsl(var(--hive-border-base))`,backdropFilter:`blur(16px)`,boxShadow:`0 0 60px hsl(var(--hive-amber)/0.05)`},children:[(0,$.jsxs)(`div`,{className:`relative overflow-hidden flex-shrink-0 lg:w-[40%] lg:flex-col lg:items-center lg:text-center
-
-                   /* mobile: horizontal compact row */
-                   flex flex-row items-center gap-4 p-4
-                   /* tablet: slightly more padding */
-                   sm:p-5
-                   /* desktop: vertical centered column */
-                   lg:flex-col lg:items-center lg:text-center lg:gap-4 lg:p-6`,style:{background:`hsl(220 15% 10% / 0.85)`},children:[(0,$.jsx)(Qe,{}),(0,$.jsx)(`div`,{className:`absolute -top-16 -left-16 w-48 h-48 rounded-full blur-[80px] pointer-events-none`,style:{background:`hsl(var(--hive-amber)/0.1)`}}),(0,$.jsx)(`div`,{className:`absolute bottom-0 left-0 right-0 h-px lg:hidden`,style:{background:`linear-gradient(90deg,transparent,hsl(var(--hive-amber)/0.3),transparent)`}}),(0,$.jsx)(`div`,{className:`absolute top-0 right-0 bottom-0 w-px hidden lg:block`,style:{background:`linear-gradient(to bottom,transparent,hsl(var(--hive-amber)/0.25),transparent)`}}),(0,$.jsxs)(`div`,{className:`relative w-full hidden lg:flex items-center justify-between`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,$.jsx)(`div`,{className:`h-1.5 w-1.5 rounded-full animate-pulse`,style:{background:`hsl(var(--hive-amber))`,boxShadow:`0 0 6px hsl(var(--hive-amber))`}}),(0,$.jsx)(`span`,{className:`text-[9px] font-black tracking-[0.25em] uppercase`,style:{color:`hsl(var(--hive-amber)/0.7)`},children:`HIVE OS`})]}),(0,$.jsx)(`span`,{className:`text-[8px] font-mono uppercase tracking-widest`,style:{color:`hsl(var(--hive-text-placeholder))`},children:`v1.0`})]}),(0,$.jsxs)(`div`,{className:`relative flex-shrink-0 lg:mx-auto`,children:[(0,$.jsx)(`div`,{className:`block lg:hidden`,children:(0,$.jsx)($e,{initials:S,size:`sm`})}),(0,$.jsx)(`div`,{className:`hidden lg:block`,children:(0,$.jsx)($e,{initials:S,size:`lg`})})]}),(0,$.jsxs)(`div`,{className:`relative flex-1 lg:flex-none lg:w-full space-y-1 lg:text-center`,children:[(0,$.jsx)(`h3`,{className:`text-sm sm:text-base font-bold text-white leading-tight`,children:s.name||(0,$.jsx)(`span`,{className:`text-sm font-normal italic`,style:{color:`hsl(var(--hive-text-placeholder))`},children:`Sin nombre`})}),s.occupation&&(0,$.jsx)(`p`,{className:`text-xs`,style:{color:`hsl(var(--hive-text-muted))`},children:s.occupation}),(0,$.jsxs)(`div`,{className:`flex flex-wrap gap-1 lg:justify-center pt-0.5`,children:[s.language&&(0,$.jsx)(nt,{icon:C,label:s.language,colorVar:`--hive-blue`}),s.timezone&&(0,$.jsx)(nt,{icon:q,label:s.timezone,colorVar:`--hive-blue`}),s.preferred_cron_channel!==`auto`&&(0,$.jsx)(nt,{icon:o,label:s.preferred_cron_channel,colorVar:`--hive-purple`})]})]}),(0,$.jsx)(`div`,{className:`relative hidden sm:grid sm:grid-cols-2 lg:grid-cols-1 lg:w-full gap-x-4 gap-y-2
-                        sm:mt-0 lg:mt-auto lg:pt-4 lg:border-t`,style:{borderColor:`hsl(var(--hive-border-subtle))`},children:[{icon:ie,label:`Agente`,value:`Activo`,colorVar:`--hive-green`},{icon:C,label:`Idioma`,value:s.language||`—`,colorVar:`--hive-blue`},{icon:q,label:`Zona`,value:s.timezone||`—`,colorVar:`--hive-blue`},{icon:H,label:`Canal`,value:x.split(`—`)[0].trim(),colorVar:`--hive-amber`}].map(({icon:e,label:t,value:n,colorVar:r})=>(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,$.jsx)(e,{className:`h-3 w-3 flex-shrink-0`,style:{color:`hsl(var(${r}))`}}),(0,$.jsx)(`span`,{className:`text-[10px] font-bold uppercase tracking-widest`,style:{color:`hsl(var(--hive-text-placeholder))`},children:t})]}),(0,$.jsx)(`span`,{className:`text-[10px] font-semibold truncate max-w-[90px] text-right`,style:{color:`hsl(var(--hive-surface-foreground)/0.7)`},children:n})]},t))})]}),(0,$.jsxs)(`div`,{className:`relative flex-1 flex flex-col overflow-hidden`,children:[(0,$.jsx)(`div`,{className:`absolute -bottom-16 -right-16 w-48 h-48 rounded-full blur-[80px] pointer-events-none`,style:{background:`hsl(var(--hive-blue)/0.07)`}}),(0,$.jsxs)(`div`,{className:`flex items-center justify-between px-4 sm:px-5 pt-4 pb-3 border-b`,style:{borderColor:`hsl(var(--hive-border-subtle))`},children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 min-w-0`,children:[(0,$.jsx)(`div`,{className:`p-1.5 rounded-lg border flex-shrink-0`,style:{background:`hsl(var(--hive-amber)/0.1)`,borderColor:`hsl(var(--hive-amber)/0.2)`,color:`hsl(var(--hive-amber))`},children:(0,$.jsx)(le,{className:`h-3.5 w-3.5`})}),(0,$.jsxs)(`div`,{className:`min-w-0`,children:[(0,$.jsx)(`p`,{className:`text-[11px] font-black uppercase tracking-[0.18em] truncate`,style:{color:`hsl(var(--hive-amber))`},children:`Perfil de usuario`}),(0,$.jsx)(`p`,{className:`text-[9px] mt-0.5 hidden sm:block`,style:{color:`hsl(var(--hive-text-placeholder))`},children:`Configuración personal y preferencias del agente`})]})]}),(0,$.jsxs)(`button`,{onClick:()=>i?v():a(!0),className:`flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-[11px] font-semibold transition-all duration-200 flex-shrink-0 ml-2`,style:i?{background:`hsl(var(--hive-red-dark)/0.15)`,border:`1px solid hsl(var(--hive-red)/0.3)`,color:`hsl(var(--hive-red))`}:{background:`hsl(var(--hive-glass))`,border:`1px solid hsl(var(--hive-border-base))`,color:`hsl(var(--hive-text-muted))`},children:[i?(0,$.jsx)(V,{className:`h-3 w-3`}):(0,$.jsx)(j,{className:`h-3 w-3`}),(0,$.jsx)(`span`,{className:`hidden sm:inline`,children:i?`Cancelar`:`Editar`})]})]}),(0,$.jsxs)(`div`,{className:`relative flex-1 overflow-y-auto p-4 sm:p-5 space-y-4`,children:[(0,$.jsxs)(`section`,{children:[(0,$.jsx)(et,{children:`Identidad`}),(0,$.jsxs)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 gap-2.5`,children:[(0,$.jsx)(rt,{label:`Nombre completo`,icon:le,editing:i,children:(0,$.jsx)(Y,{placeholder:`John Doe`,value:s.name,disabled:!i,onChange:e=>_(`name`,e.target.value),className:`hive-input h-9 text-sm rounded-lg disabled:opacity-50 disabled:cursor-default`})}),(0,$.jsx)(rt,{label:`Ocupación`,icon:ke,editing:i,children:(0,$.jsx)(Y,{placeholder:`AI Engineer`,value:s.occupation,disabled:!i,onChange:e=>_(`occupation`,e.target.value),className:`hive-input h-9 text-sm rounded-lg disabled:opacity-50 disabled:cursor-default`})})]})]}),(0,$.jsx)(tt,{}),(0,$.jsxs)(`section`,{children:[(0,$.jsx)(et,{children:`Localización`}),(0,$.jsxs)(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 gap-2.5`,children:[(0,$.jsx)(rt,{label:`Idioma`,icon:C,editing:i,children:(0,$.jsx)(Y,{placeholder:`Spanish`,value:s.language,disabled:!i,onChange:e=>_(`language`,e.target.value),className:`hive-input h-9 text-sm rounded-lg disabled:opacity-50 disabled:cursor-default`})}),(0,$.jsx)(rt,{label:`Zona horaria`,icon:q,editing:i,children:(0,$.jsx)(Y,{placeholder:`America/Bogota`,value:s.timezone,disabled:!i,onChange:e=>_(`timezone`,e.target.value),className:`hive-input h-9 text-sm rounded-lg disabled:opacity-50 disabled:cursor-default`})})]})]}),(0,$.jsx)(tt,{}),(0,$.jsxs)(`section`,{children:[(0,$.jsx)(et,{children:`Notificaciones`}),(0,$.jsx)(rt,{label:`Canal para Cron Jobs`,icon:o,editing:i,children:(0,$.jsxs)(f,{value:s.preferred_cron_channel,onValueChange:e=>_(`preferred_cron_channel`,e),disabled:!i,children:[(0,$.jsx)(m,{className:`hive-select-trigger h-9 text-sm rounded-lg disabled:opacity-50`,children:(0,$.jsx)(u,{})}),(0,$.jsxs)(p,{className:`hive-select-content`,children:[(0,$.jsx)(l,{value:`auto`,className:`hive-select-item text-sm`,children:`Auto — detectar mejor canal`}),b.map(e=>(0,$.jsx)(l,{value:e.type,className:`hive-select-item text-sm`,children:e.type===`webchat`?`Web Chat`:e.type===`telegram`?`Telegram`:e.type===`discord`?`Discord`:e.type===`slack`?`Slack`:e.type===`whatsapp`?`WhatsApp`:e.type},e.id))]})]})})]}),(0,$.jsx)(tt,{}),(0,$.jsxs)(`section`,{children:[(0,$.jsx)(et,{children:`Contexto para el agente`}),(0,$.jsx)(L,{placeholder:`Describe tu perfil, preferencias de trabajo, estilo de comunicación...`,value:s.notes,disabled:!i,onChange:e=>_(`notes`,e.target.value),className:`hive-textarea text-sm rounded-lg min-h-[80px] disabled:opacity-50 disabled:cursor-default`})]})]}),(0,$.jsx)(`div`,{className:`px-4 sm:px-5 py-3 flex items-center justify-end gap-2 border-t`,style:{borderColor:`hsl(var(--hive-border-subtle))`},children:i?(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`button`,{onClick:v,className:`flex items-center gap-1.5 h-9 px-3 sm:px-4 rounded-lg text-xs font-semibold transition-all`,style:{background:`transparent`,border:`1px solid hsl(var(--hive-border-base))`,color:`hsl(var(--hive-text-muted))`},children:[(0,$.jsx)(V,{className:`h-3.5 w-3.5`}),(0,$.jsx)(`span`,{className:`hidden sm:inline`,children:`Cancelar`})]}),(0,$.jsxs)(`button`,{onClick:y,disabled:n,className:`flex items-center gap-1.5 h-9 px-4 sm:px-5 rounded-lg text-xs font-bold text-white transition-all disabled:opacity-60`,style:{background:`hsl(var(--hive-blue-dark))`,boxShadow:`var(--shadow-btn-primary)`},children:[n?(0,$.jsx)(O,{className:`h-3.5 w-3.5 animate-spin`}):(0,$.jsx)(d,{className:`h-3.5 w-3.5`}),(0,$.jsx)(`span`,{className:`hidden sm:inline`,children:`Guardar cambios`}),(0,$.jsx)(`span`,{className:`sm:hidden`,children:`Guardar`})]})]}):(0,$.jsxs)(`button`,{onClick:()=>a(!0),className:`flex items-center gap-1.5 h-9 px-4 sm:px-5 rounded-lg text-xs font-bold transition-all`,style:{background:`hsl(var(--hive-amber)/0.12)`,border:`1px solid hsl(var(--hive-amber)/0.3)`,color:`hsl(var(--hive-amber))`},children:[(0,$.jsx)(j,{className:`h-3.5 w-3.5`}),(0,$.jsx)(`span`,{className:`hidden sm:inline`,children:`Editar perfil`}),(0,$.jsx)(`span`,{className:`sm:hidden`,children:`Editar`})]})}),(0,$.jsx)(`div`,{className:`absolute bottom-0 left-0 right-0 h-px`,style:{background:`linear-gradient(90deg,transparent,hsl(var(--hive-blue)/0.3),transparent)`}})]})]})}var ot=e=>{let t=e.toLowerCase();return t.includes(`code`)||t.includes(`program`)?(0,$.jsx)(je,{className:`h-5 w-5`}):t.includes(`research`)||t.includes(`investiga`)?(0,$.jsx)(F,{className:`h-5 w-5`}):t.includes(`write`)||t.includes(`escrib`)?(0,$.jsx)(ue,{className:`h-5 w-5`}):t.includes(`data`)||t.includes(`anal`)||t.includes(`estad`)?(0,$.jsx)(Ae,{className:`h-5 w-5`}):t.includes(`trans`)||t.includes(`traduc`)?(0,$.jsx)(Ie,{className:`h-5 w-5`}):t.includes(`web`)||t.includes(`glob`)||t.includes(`scrape`)?(0,$.jsx)(C,{className:`h-5 w-5`}):t.includes(`tool`)||t.includes(`herram`)?(0,$.jsx)(se,{className:`h-5 w-5`}):t.includes(`cpu`)||t.includes(`proc`)?(0,$.jsx)(b,{className:`h-5 w-5`}):(0,$.jsx)(H,{className:`h-5 w-5`})},st=e=>e?e.split(`,`).filter(Boolean).length:0,ct=e=>e?e.split(`,`).filter(Boolean).length:0;function lt({skill:e,onClick:t,className:n}){let r=!!e.active,i=st(e.tools),a=ct(e.triggers);return(0,$.jsxs)(`div`,{onClick:t,className:`hive-card group cursor-pointer transition-all duration-300 hover:scale-[1.02] ${r?`hive-card--active`:`hive-card--disabled`} ${n}`,children:[(0,$.jsxs)(`div`,{className:`hive-card-body flex flex-col gap-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1.5 text-[9px] font-black uppercase tracking-widest text-white/30 bg-white/5 border border-white/5 rounded-full px-2.5 py-1`,children:[(0,$.jsx)(`span`,{className:`h-1.5 w-1.5 rounded-full ${r?`bg-blue-400`:`bg-white/20`}`}),e.category||`GENERAL`]}),r&&(0,$.jsxs)(`span`,{className:`flex h-2 w-2`,children:[(0,$.jsx)(`span`,{className:`animate-ping absolute h-2 w-2 rounded-full bg-blue-400 opacity-40`}),(0,$.jsx)(`span`,{className:`relative h-2 w-2 rounded-full bg-blue-500`})]})]}),(0,$.jsxs)(`div`,{className:`flex items-start gap-4`,children:[(0,$.jsx)(`div`,{className:`shrink-0 h-12 w-12 rounded-xl flex items-center justify-center border transition-all duration-300 ${r?`bg-blue-500/10 border-blue-500/30 text-blue-400 shadow-[0_0_12px_hsl(217_91%_60%/0.2)]`:`bg-white/5 border-white/10 text-white/25`}`,children:ot(e.name)}),(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsx)(`h3`,{className:`text-sm font-black uppercase tracking-tight line-clamp-1 transition-colors ${r?`text-white group-hover:text-blue-400`:`text-white/40`}`,children:e.name}),(0,$.jsx)(`p`,{className:`text-[11px] text-white/30 leading-relaxed line-clamp-2 mt-1`,children:e.body?.substring(0,90)||`Sin descripción`})]})]}),(0,$.jsxs)(`div`,{className:`pt-3 border-t border-white/5 flex items-center gap-2 flex-wrap`,children:[(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-[9px] font-black tracking-widest uppercase text-amber-400/70 bg-amber-500/5 border border-amber-500/10 rounded px-2 py-0.5`,children:[`v`,e.version??1]}),i>0&&(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-[9px] font-black tracking-widest uppercase text-cyan-400/70 bg-cyan-500/5 border border-cyan-500/10 rounded px-2 py-0.5`,children:[i,` TOOLS`]}),a>0&&(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-[9px] font-black tracking-widest uppercase text-purple-400/70 bg-purple-500/5 border border-purple-500/10 rounded px-2 py-0.5`,children:[a,` TRIGGERS`]}),(0,$.jsx)(`div`,{className:`ml-auto opacity-0 group-hover:opacity-100 transition-opacity`,children:(0,$.jsx)(R,{className:`h-3 w-3 text-blue-400`})})]})]}),(0,$.jsx)(`div`,{className:`hive-strip--bottom ${r?`bg-blue-500`:`bg-white/5`}`})]})}var ut={name:``,body:``,tools:``,triggers:``,category:``,version:1,active:!0};function dt(){let{skills:e,isLoading:t,fetchSkills:n,toggleSkill:r,updateSkill:i}=fe(),[a,o]=(0,Q.useState)(``),[s,c]=(0,Q.useState)(`TODOS`),[l,u]=(0,Q.useState)(null),[d,f]=(0,Q.useState)(!1),[p,m]=(0,Q.useState)(ut),[g,_]=(0,Q.useState)(null),[v,y]=(0,Q.useState)(!1),[x,S]=(0,Q.useState)(!1),[C,w]=(0,Q.useState)(!1),T=(0,Q.useRef)(null),D=()=>{let e=T.current;e&&(e.style.height=`auto`,e.style.height=`${e.scrollHeight}px`)};(0,Q.useEffect)(()=>{(l||d)&&setTimeout(D,0)},[l,d,p.body]),(0,Q.useEffect)(()=>{n()},[n]);let k=(0,Q.useMemo)(()=>{let t=new Set(e.map(e=>(e.category||`GENERAL`).toUpperCase()));return[`TODOS`,...Array.from(t).sort()]},[e]),A=(0,Q.useMemo)(()=>{let t=a.toLowerCase();return e.filter(e=>{let n=!t||e.name.toLowerCase().includes(t)||(e.category||``).toLowerCase().includes(t)||(e.body||``).toLowerCase().includes(t),r=s===`TODOS`||(e.category||`GENERAL`).toUpperCase()===s;return n&&r})},[e,a,s]),j=e.filter(e=>e.active).length,M=async(e,t)=>{if(!g){_(e);try{await r(e,t),await n(),W.fire({icon:`success`,title:t?`Skill habilitado`:`Skill deshabilitado`})}catch{W.fire({icon:`error`,title:`Error al cambiar estado del skill`})}finally{_(null)}}},P=async()=>{if(l){w(!0);try{await K(`/api/skills/${l.id}`,{method:`DELETE`,showError:!0}),W.fire({icon:`success`,title:`Skill eliminado`}),n(),u(null)}catch{W.fire({icon:`error`,title:`Error al eliminar skill`})}finally{w(!1),S(!1)}}},I=e=>{f(!1),S(!1),u(e),m({name:e.name,body:e.body||``,tools:e.tools||``,triggers:e.triggers||``,category:e.category||``,version:Number(e.version)||1,active:!!e.active})},z=()=>{u(null),S(!1),m(ut),f(!0)},B=()=>{u(null),f(!1),S(!1)},H=async()=>{y(!0),U.show(d?`Creando skill...`:`Guardando skill...`);try{d?(await K(`/api/skills`,{method:`POST`,body:p,showError:!0}),W.fire({icon:`success`,title:`Skill creado correctamente`})):l&&(await i(l.id,p),W.fire({icon:`success`,title:`Skill actualizado correctamente`})),n(),B()}catch{W.fire({icon:`error`,title:d?`Error al crear skill`:`Error al actualizar skill`})}finally{y(!1),U.hide()}},te=!!l||d;return t&&e.length===0?(0,$.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-20 space-y-4`,children:[(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsx)(O,{className:`h-10 w-10 animate-spin text-primary/40`}),(0,$.jsx)(R,{className:`h-4 w-4 text-primary absolute -top-1 -right-1 animate-pulse`})]}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground animate-pulse`,children:`Cargando habilidades del sistema...`})]}):(0,$.jsxs)(`div`,{className:`space-y-6 animate-in fade-in duration-500`,children:[(0,$.jsxs)(`div`,{className:`flex flex-col sm:flex-row sm:items-start justify-between gap-4`,children:[(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 mb-1.5`,children:[(0,$.jsx)(ce,{className:`h-4 w-4 text-blue-400`}),(0,$.jsx)(`h3`,{className:`hive-title-section !text-lg`,children:`Habilidades del Sistema`}),(0,$.jsxs)(`span`,{className:`hive-tag bg-blue-500/10 text-blue-400 border-blue-500/20`,children:[j,` ACTIVAS`]}),(0,$.jsxs)(`span`,{className:`hive-tag bg-white/5 text-white/30 border-white/5`,children:[e.length,` TOTAL`]})]}),(0,$.jsx)(`p`,{className:`hive-subtitle !mt-0 !text-xs`,children:`Gestiona los módulos cognitivos que otorgan capacidades autónomas a tus agentes.`})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2 shrink-0`,children:[(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsx)(F,{className:`absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-white/20`}),(0,$.jsx)(Y,{value:a,onChange:e=>o(e.target.value),placeholder:`Buscar habilidad...`,className:`pl-8 pr-8 h-8 w-52 bg-white/5 border-white/10 text-white text-xs placeholder:text-white/20 focus-visible:ring-blue-500/30`}),a&&(0,$.jsx)(`button`,{onClick:()=>o(``),className:`absolute right-2 top-1/2 -translate-y-1/2 text-white/20 hover:text-white/60 transition-colors`,children:(0,$.jsx)(V,{className:`h-3 w-3`})})]}),(0,$.jsxs)(J,{onClick:z,className:`h-8 bg-blue-600 hover:bg-blue-500 text-white font-black text-[10px] tracking-widest uppercase px-4 shadow-btn-primary`,children:[(0,$.jsx)(N,{className:`h-3.5 w-3.5 mr-1.5`}),`Nueva Habilidad`]})]})]}),e.length>0&&(0,$.jsx)(`div`,{className:`flex items-center gap-2 overflow-x-auto pb-1 scrollbar-none`,children:k.map(t=>{let n=t===`TODOS`?e.length:e.filter(e=>(e.category||`GENERAL`).toUpperCase()===t).length,r=s===t;return(0,$.jsxs)(`button`,{onClick:()=>c(t),className:`shrink-0 inline-flex items-center gap-1.5 text-[9px] font-black uppercase tracking-widest px-3 py-1.5 rounded-full border transition-all duration-200 ${r?`bg-blue-500/15 border-blue-500/40 text-blue-400 shadow-[0_0_8px_hsl(217_91%_60%/0.15)]`:`bg-white/5 border-white/10 text-white/30 hover:text-white/60 hover:border-white/20`}`,children:[(0,$.jsx)(`span`,{className:`h-1.5 w-1.5 rounded-full ${r?`bg-blue-400`:`bg-white/20`}`}),t,(0,$.jsxs)(`span`,{className:`text-[8px] ${r?`text-blue-300/70`:`text-white/20`}`,children:[`(`,n,`)`]})]},t)})}),e.length===0?(0,$.jsx)(`div`,{className:`hive-card border-dashed border-white/10 bg-white/[0.02]`,children:(0,$.jsxs)(`div`,{className:`hive-card-body flex flex-col items-center justify-center py-16 px-4`,children:[(0,$.jsx)(`div`,{className:`h-16 w-16 rounded-2xl bg-white/5 flex items-center justify-center mb-6`,children:(0,$.jsx)(ce,{className:`h-8 w-8 text-white/20`})}),(0,$.jsx)(`p`,{className:`hive-title-section text-center mb-2`,children:`No se detectan habilidades`}),(0,$.jsx)(`p`,{className:`text-xs text-white/40 mb-8 max-w-[300px] mx-auto leading-relaxed text-center`,children:`El repositorio de habilidades está vacío. Crea una nueva habilidad o visita el Marketplace.`}),(0,$.jsxs)(J,{onClick:z,className:`hive-btn hive-btn--primary px-8`,children:[(0,$.jsx)(N,{className:`h-4 w-4 mr-2`}),`Crear Habilidad`]})]})}):A.length===0?(0,$.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-16 space-y-3 text-center`,children:[(0,$.jsx)(F,{className:`h-8 w-8 text-white/10`}),(0,$.jsx)(`p`,{className:`text-sm font-bold text-white/30 uppercase tracking-widest`,children:`Sin resultados`}),(0,$.jsxs)(`p`,{className:`text-xs text-white/20`,children:[`No hay habilidades que coincidan con “`,a,`”`,s!==`TODOS`&&` en la categoría ${s}`,`.`]}),(0,$.jsx)(`button`,{onClick:()=>{o(``),c(`TODOS`)},className:`text-[10px] font-black uppercase tracking-widest text-blue-400/60 hover:text-blue-400 transition-colors mt-2`,children:`Limpiar filtros`})]}):(0,$.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-5`,children:A.map(e=>(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsx)(lt,{skill:e,onClick:()=>I(e)}),(0,$.jsxs)(`div`,{className:`absolute top-5 right-5 z-20 pointer-events-auto flex items-center gap-2`,children:[(0,$.jsx)(`span`,{className:`text-[9px] font-black tracking-widest ${e.active?`text-blue-400`:`text-white/20`}`,children:e.active?`ON`:`OFF`}),(0,$.jsx)(h,{checked:!!e.active,disabled:g===e.id,onClick:e=>e.stopPropagation(),onCheckedChange:t=>M(e.id,t),className:`scale-75 data-[state=checked]:bg-blue-500`})]})]},e.id))}),(0,$.jsx)(xe,{open:te,onOpenChange:e=>{e||B()},children:(0,$.jsxs)(be,{className:`max-w-3xl bg-zinc-950 border-white/10 text-white p-0 overflow-hidden shadow-2xl`,children:[(0,$.jsx)(`div`,{className:`p-6 border-b border-white/5 bg-white/[0.03]`,children:(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,$.jsx)(`div`,{className:`h-10 w-10 rounded-lg flex items-center justify-center border ${d?`bg-blue-500/10 border-blue-500/20 text-blue-400`:`bg-white/5 border-white/10 text-white/60`}`,children:d?(0,$.jsx)(N,{className:`h-5 w-5`}):(0,$.jsx)(b,{className:`h-5 w-5`})}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(Z,{className:`text-sm font-black text-white uppercase tracking-tight`,children:d?`Nueva Habilidad`:`Propiedades del Nodo`}),(0,$.jsx)(ve,{className:`text-[10px] text-white/30`,children:d?`Define las propiedades del nuevo módulo cognitivo.`:`Editor granular de capacidades cognitivas y herramientas vinculadas.`})]})]}),!d&&(0,$.jsx)(J,{variant:`ghost`,size:`icon`,onClick:()=>S(!0),disabled:C||x,className:`text-zinc-600 hover:text-red-400 hover:bg-red-400/10 h-8 w-8 transition-colors shrink-0`,title:`Eliminar Skill`,children:(0,$.jsx)(ee,{className:`h-4 w-4`})})]})}),x&&(0,$.jsxs)(`div`,{className:`mx-6 mt-4 p-3 rounded-lg bg-red-500/10 border border-red-500/30 animate-in fade-in slide-in-from-top-2 duration-200`,children:[(0,$.jsxs)(`p`,{className:`text-xs text-red-400 font-medium mb-3`,children:[`¿Eliminar `,(0,$.jsx)(`span`,{className:`font-black`,children:l?.name}),`? Esta acción no se puede deshacer.`]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2 justify-end`,children:[(0,$.jsx)(J,{variant:`ghost`,size:`sm`,onClick:()=>S(!1),disabled:C,className:`h-7 px-3 text-[10px] font-black uppercase tracking-wider text-zinc-400 hover:text-white`,children:`Cancelar`}),(0,$.jsx)(J,{size:`sm`,onClick:P,disabled:C,className:`h-7 px-3 text-[10px] font-black uppercase tracking-wider bg-red-600 hover:bg-red-500 text-white`,children:C?(0,$.jsx)(O,{className:`h-3 w-3 animate-spin`}):`Sí, eliminar`})]})]}),(0,$.jsxs)(`div`,{className:`p-6 space-y-7 max-h-[65vh] overflow-y-auto custom-scrollbar`,children:[(0,$.jsxs)(`section`,{className:`space-y-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`div`,{className:`h-px flex-1 bg-white/5`}),(0,$.jsx)(`span`,{className:`text-[9px] font-black tracking-widest text-white/20 uppercase px-2`,children:`Información General`}),(0,$.jsx)(`div`,{className:`h-px flex-1 bg-white/5`})]}),(0,$.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-4`,children:[(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(X,{htmlFor:`skill-name`,className:`text-[10px] uppercase tracking-widest text-white/40`,children:`Nombre del Nodo`}),(0,$.jsx)(Y,{id:`skill-name`,value:p.name,onChange:e=>m(t=>({...t,name:e.target.value})),className:`bg-white/5 border-white/10 focus-visible:ring-blue-500/30 text-white font-medium`,placeholder:`Ej: canvas_dashboard`})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(X,{htmlFor:`skill-category`,className:`text-[10px] uppercase tracking-widest text-white/40`,children:`Categoría Funcional`}),(0,$.jsx)(Y,{id:`skill-category`,value:p.category,onChange:e=>m(t=>({...t,category:e.target.value})),className:`bg-white/5 border-white/10 focus-visible:ring-blue-500/30 text-white/70`,placeholder:`Ej: visualización, análisis...`})]})]})]}),(0,$.jsxs)(`section`,{className:`space-y-4`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`div`,{className:`h-px flex-1 bg-white/5`}),(0,$.jsx)(`span`,{className:`text-[9px] font-black tracking-widest text-white/20 uppercase px-2`,children:`Capacidades y Activación`}),(0,$.jsx)(`div`,{className:`h-px flex-1 bg-white/5`})]}),(0,$.jsxs)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-4`,children:[(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsxs)(X,{htmlFor:`skill-tools`,className:`text-[10px] uppercase tracking-widest text-white/40`,children:[(0,$.jsx)(`span`,{className:`text-cyan-400/60`,children:`Herramientas Vinculadas`}),` (CSV)`]}),(0,$.jsx)(Y,{id:`skill-tools`,value:p.tools,onChange:e=>m(t=>({...t,tools:e.target.value})),className:`bg-white/5 border-white/10 focus-visible:ring-cyan-500/30 text-white/80 font-mono text-[11px]`,placeholder:`tool1, tool2, tool3...`})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsxs)(X,{htmlFor:`skill-triggers`,className:`text-[10px] uppercase tracking-widest text-white/40`,children:[(0,$.jsx)(`span`,{className:`text-purple-400/60`,children:`Triggers`}),` de Activación (CSV)`]}),(0,$.jsx)(Y,{id:`skill-triggers`,value:p.triggers,onChange:e=>m(t=>({...t,triggers:e.target.value})),className:`bg-white/5 border-white/10 focus-visible:ring-purple-500/30 text-white/80 font-mono text-[11px]`,placeholder:`mostrar panel, dashboard...`})]})]})]}),(0,$.jsxs)(`section`,{className:`space-y-3`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`div`,{className:`h-px flex-1 bg-white/5`}),(0,$.jsx)(`span`,{className:`text-[9px] font-black tracking-widest text-white/20 uppercase px-2`,children:`Cuerpo / Lógica del Nodo`}),(0,$.jsx)(`div`,{className:`h-px flex-1 bg-white/5`})]}),(0,$.jsx)(L,{ref:T,value:p.body,onChange:e=>{m(t=>({...t,body:e.target.value})),D()},className:`min-h-[140px] resize-none bg-white/5 border-white/10 focus-visible:ring-blue-500/30 text-white/80 text-sm overflow-hidden font-sans leading-relaxed p-4`,placeholder:`Instrucciones detalladas y lógica de ejecución del módulo cognitivo...`})]}),(0,$.jsxs)(`section`,{className:`grid grid-cols-1 md:grid-cols-2 gap-6 pt-4 border-t border-white/5`,children:[(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsxs)(X,{htmlFor:`skill-version`,className:`text-[10px] uppercase tracking-widest text-white/40`,children:[(0,$.jsx)(`span`,{className:`text-amber-400/60`,children:`Versión`}),` del Skill`]}),(0,$.jsx)(Y,{id:`skill-version`,type:`number`,step:`0.1`,min:`0.1`,value:p.version,onChange:e=>m(t=>({...t,version:Number(e.target.value)})),className:`bg-white/5 border-white/10 focus-visible:ring-amber-500/20 text-white w-32`})]}),(0,$.jsxs)(`div`,{className:`flex flex-col justify-center space-y-2`,children:[(0,$.jsx)(X,{className:`text-[10px] uppercase tracking-widest text-white/40`,children:`Estado del Nodo`}),(0,$.jsxs)(`div`,{className:`flex items-center gap-3 bg-white/5 p-3 rounded-xl border border-white/10 w-fit`,children:[(0,$.jsx)(`div`,{className:`h-2 w-2 rounded-full transition-colors ${p.active?`bg-blue-500 shadow-[0_0_6px_hsl(217_91%_60%/0.8)] animate-pulse`:`bg-white/20`}`}),(0,$.jsx)(`span`,{className:`text-[9px] font-black tracking-widest ${p.active?`text-white`:`text-white/30`}`,children:p.active?`OPERATIVO / ACTIVO`:`FUERA DE LÍNEA / INACTIVO`}),(0,$.jsx)(h,{checked:p.active,onCheckedChange:e=>m(t=>({...t,active:e})),className:`data-[state=checked]:bg-blue-500`})]})]})]})]}),(0,$.jsxs)(ge,{className:`p-5 bg-white/[0.02] flex items-center justify-between gap-3 border-t border-white/5 sm:justify-between`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5 text-[9px] font-black tracking-widest text-white/15 uppercase`,children:[(0,$.jsx)(E,{className:`h-3 w-3`}),d?`Nueva habilidad`:`ID: ${l?.id?.substring(0,8)}...`]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(J,{variant:`ghost`,className:`text-[10px] font-black tracking-widest hover:bg-white/5 hover:text-white text-white/30 uppercase`,onClick:B,children:`Cancelar`}),(0,$.jsx)(J,{className:`bg-blue-600 hover:bg-blue-500 text-white font-black text-[10px] tracking-widest px-6 rounded-lg shadow-btn-primary uppercase`,onClick:H,disabled:v||!p.name.trim(),children:v?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(O,{className:`h-3 w-3 animate-spin mr-2`}),`PROCESANDO...`]}):d?`Crear Habilidad`:`Sincronizar Propiedades`})]})]})]})})]})}var ft=ne((e,t)=>({notes:[],scheduledTasks:[],taskHistory:{},cronChannels:[],cronRecommended:`webchat`,cronUserPreference:`auto`,isLoading:!1,error:null,fetchNotes:async()=>{e({isLoading:!0,error:null});try{e({notes:(await K(`/api/notes`)).notes,isLoading:!1})}catch(t){e({error:t.message,isLoading:!1})}},fetchScheduledTasks:async t=>{e({isLoading:!0,error:null});try{e({scheduledTasks:(await K(t?`/api/cron?status=${t}`:`/api/cron`)).tasks??[],isLoading:!1})}catch(t){e({error:t.message,isLoading:!1,scheduledTasks:[]})}},pauseTask:async t=>{try{await K(`/api/cron/${t}/pause`,{method:`POST`}),e(e=>({scheduledTasks:e.scheduledTasks.map(e=>e.id===t?{...e,status:`paused`}:e)}))}catch(t){e({error:t.message})}},resumeTask:async t=>{try{await K(`/api/cron/${t}/resume`,{method:`POST`}),e(e=>({scheduledTasks:e.scheduledTasks.map(e=>e.id===t?{...e,status:`active`}:e)}))}catch(t){e({error:t.message})}},deleteTask:async t=>{try{await K(`/api/cron/${t}`,{method:`DELETE`}),e(e=>({scheduledTasks:e.scheduledTasks.filter(e=>e.id!==t)}))}catch(t){e({error:t.message})}},triggerTask:async t=>{try{await K(`/api/cron/${t}/trigger`,{method:`POST`})}catch(t){e({error:t.message})}},fetchTaskHistory:async(t,n=10)=>{try{let r=await K(`/api/cron/${t}/history?limit=${n}`);e(e=>({taskHistory:{...e.taskHistory,[t]:r.history??[]}}))}catch(t){e({error:t.message})}},fetchCronChannels:async()=>{try{let t=await K(`/api/cron/channels`),n=[];Array.isArray(t.channels)&&(n=t.channels.map(e=>typeof e==`string`?{id:e,type:e,active:!0,recommended:e===`webchat`||e===`telegram`}:e)),e({cronChannels:n,cronRecommended:`webchat`,cronUserPreference:`auto`})}catch{}},saveCronChannelPreference:async t=>{try{await K(`/api/user/settings`,{method:`PATCH`,body:{preferred_cron_channel:t}}),e({cronUserPreference:t})}catch(t){e({error:t.message})}}})),pt=()=>{let{notes:e,isLoading:t,fetchNotes:n}=ft();return(0,Q.useEffect)(()=>{n()},[n]),(0,$.jsxs)(De,{className:`border-none bg-background/50 backdrop-blur-xl shadow-2xl overflow-hidden group border border-white/10`,children:[(0,$.jsx)(Ce,{className:`pb-2`,children:(0,$.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`div`,{className:`p-2 rounded-xl bg-primary/10 text-primary`,children:(0,$.jsx)(re,{className:`w-5 h-5`})}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(Te,{className:`text-xl font-bold tracking-tight`,children:`Notas`}),(0,$.jsx)(Ee,{children:`Scratchpad del agente`})]})]}),t&&(0,$.jsx)(O,{className:`w-4 h-4 animate-spin text-muted-foreground`})]})}),(0,$.jsx)(we,{children:(0,$.jsx)(Oe,{className:`h-[350px] pr-4`,children:(0,$.jsx)(`div`,{className:`space-y-4`,children:e.length===0?(0,$.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-[250px] text-muted-foreground space-y-2`,children:[(0,$.jsx)(re,{className:`w-12 h-12 opacity-20`}),(0,$.jsx)(`p`,{className:`text-sm`,children:`No hay notas guardadas`}),(0,$.jsx)(`p`,{className:`text-[10px] opacity-70`,children:`El agente guardará notas con save_note`})]}):e.map(e=>(0,$.jsxs)(`div`,{className:`p-4 rounded-2xl border border-white/5 bg-card/40 hover:bg-card/60 transition-all duration-300 relative overflow-hidden`,children:[(0,$.jsx)(`h4`,{className:`font-semibold text-sm mb-1.5 line-clamp-1`,children:e.key}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground line-clamp-3 leading-relaxed`,children:e.value}),(0,$.jsxs)(`div`,{className:`mt-4 flex items-center justify-between`,children:[(0,$.jsx)(Se,{variant:`secondary`,className:`text-[10px] px-2 py-0.5 bg-primary/10 text-primary border-none font-medium font-mono truncate max-w-[120px]`,children:e.thread_id.slice(-8)}),(0,$.jsx)(`span`,{className:`text-[10px] text-muted-foreground font-mono`,children:new Date(e.updated_at*1e3).toLocaleDateString()})]})]},e.id))})})})]})};function mt(e){if(!e)return`—`;try{return new Date(e).toLocaleString([],{month:`short`,day:`numeric`,hour:`2-digit`,minute:`2-digit`})}catch{return e}}function ht({status:e}){let t={active:{label:`Activa`,className:`bg-green-500/10  text-green-400  border-green-500/20`},paused:{label:`Pausada`,className:`bg-yellow-500/10 text-yellow-400 border-yellow-500/20`},completed:{label:`Completada`,className:`bg-blue-500/10   text-blue-400   border-blue-500/20`},failed:{label:`Fallida`,className:`bg-red-500/10    text-red-400    border-red-500/20`},cancelled:{label:`Cancelada`,className:`bg-muted/30      text-muted-foreground border-white/10`}},{label:n,className:r}=t[e]??t.cancelled;return(0,$.jsx)(`span`,{className:`inline-flex items-center text-[9px] font-bold uppercase tracking-wider px-1.5 py-0.5 rounded-full border ${r}`,children:n})}function gt({type:e}){let t=e===`recurring`;return(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-[9px] font-bold uppercase tracking-wider px-1.5 py-0.5 rounded-full border ${t?`bg-violet-500/10 text-violet-400 border-violet-500/20`:`bg-teal-500/10 text-teal-400 border-teal-500/20`}`,children:[t?(0,$.jsx)(P,{className:`w-2.5 h-2.5`}):(0,$.jsx)(c,{className:`w-2.5 h-2.5`}),t?`Recurrente`:`Una vez`]})}function _t({channel:e}){return!e||e===`system`?(0,$.jsx)(`span`,{className:`inline-flex items-center gap-1 text-[9px] font-bold uppercase tracking-wider px-1.5 py-0.5 rounded-full bg-muted/30 text-muted-foreground border border-white/10`,children:`System`}):e===`webchat`?(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-[9px] font-bold uppercase tracking-wider px-1.5 py-0.5 rounded-full bg-blue-500/10 text-blue-400 border border-blue-500/20`,children:[(0,$.jsx)(Le,{className:`w-2.5 h-2.5`}),`Web`]}):e===`telegram`?(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-[9px] font-bold uppercase tracking-wider px-1.5 py-0.5 rounded-full bg-sky-500/10 text-sky-400 border border-sky-500/20`,children:[(0,$.jsx)(s,{className:`w-2.5 h-2.5`}),`Telegram`]}):(0,$.jsx)(`span`,{className:`inline-flex items-center gap-1 text-[9px] font-bold uppercase tracking-wider px-1.5 py-0.5 rounded-full bg-muted/30 text-muted-foreground border border-white/10`,children:e})}function vt({status:e}){return(0,$.jsx)(`span`,{className:`inline-block w-1.5 h-1.5 rounded-full ${{running:`bg-blue-400 animate-pulse`,success:`bg-green-400`,failed:`bg-red-400`,timeout:`bg-amber-400`}[e]??`bg-muted-foreground`}`})}function yt(e,t){let n=e===`telegram`?`Telegram`:e===`webchat`?`Web Chat`:e;return e===t?`${n} (recomendado)`:n}function bt({taskId:e,history:t}){return t?t.length===0?(0,$.jsx)(`p`,{className:`text-[10px] text-muted-foreground px-1`,children:`Sin ejecuciones registradas.`}):(0,$.jsx)(`div`,{className:`mt-2 space-y-1`,children:t.map(e=>(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-[10px] text-muted-foreground`,children:[(0,$.jsx)(vt,{status:e.status}),(0,$.jsx)(`span`,{className:`font-mono`,children:mt(e.started_at)}),e.duration_ms!=null&&(0,$.jsxs)(`span`,{className:`text-primary/70`,children:[e.duration_ms,`ms`]}),e.error_message&&(0,$.jsx)(`span`,{className:`text-red-400 truncate max-w-[160px]`,children:e.error_message})]},e.id))}):(0,$.jsx)(`p`,{className:`text-[10px] text-muted-foreground px-1`,children:`Cargando historial…`})}function xt({task:e,onPause:t,onResume:n,onDelete:r,onTrigger:i,onLoadHistory:o,history:s}){let[l,u]=(0,Q.useState)(!1),[d,f]=(0,Q.useState)(!1),p=e.status===`active`,m=e.status===`active`||e.status===`paused`;function h(){!l&&!s&&o(e.id),u(e=>!e)}function y(){d?r(e.id):(f(!0),setTimeout(()=>f(!1),3e3))}return(0,$.jsxs)(`div`,{className:`p-4 rounded-2xl border border-white/5 bg-card/40 hover:bg-card/60 transition-all duration-200`,children:[(0,$.jsxs)(`div`,{className:`flex items-start justify-between gap-2 mb-2`,children:[(0,$.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,$.jsx)(`h4`,{className:`font-semibold text-sm truncate`,children:e.name}),e.description&&(0,$.jsx)(`p`,{className:`text-[10px] text-muted-foreground truncate mt-0.5`,children:e.description})]}),(0,$.jsx)(`div`,{className:`flex items-center gap-1 shrink-0`,children:(0,$.jsx)(ht,{status:e.status})})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5 flex-wrap mb-2`,children:[(0,$.jsx)(gt,{type:e.task_type}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1 text-[10px] text-primary font-bold uppercase tracking-wider bg-primary/5 px-2 py-0.5 rounded-full`,children:[(0,$.jsx)(c,{className:`w-3 h-3`}),e.task_type===`recurring`?e.cron_expression??`—`:e.fire_at?mt(e.fire_at):`—`]}),(0,$.jsx)(_t,{channel:e.channel})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-3 text-[10px] text-muted-foreground mb-2`,children:[(0,$.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,$.jsx)(a,{className:`w-3 h-3`}),e.run_count,` runs`]}),e.error_count>0&&(0,$.jsxs)(`span`,{className:`flex items-center gap-1 text-red-400`,children:[(0,$.jsx)(v,{className:`w-3 h-3`}),e.error_count,` errores`]}),e.timezone&&e.timezone!==`UTC`&&(0,$.jsx)(`span`,{className:`font-mono`,children:e.timezone})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-3 text-[10px] text-muted-foreground mb-3`,children:[e.last_run_at&&(0,$.jsxs)(`span`,{children:[`Último: `,mt(e.last_run_at)]}),e.next_run_at&&e.status===`active`&&(0,$.jsxs)(`span`,{className:`text-primary/70`,children:[`Próximo: `,mt(e.next_run_at)]})]}),e.last_error&&(0,$.jsx)(`div`,{className:`mb-2 text-[10px] text-red-400 bg-red-500/5 border border-red-500/20 rounded-lg px-2 py-1 truncate`,children:e.last_error}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5 flex-wrap`,children:[m&&(p?(0,$.jsxs)(J,{size:`sm`,variant:`outline`,className:`h-6 text-[10px] px-2 border-white/10 hover:bg-yellow-500/10 hover:text-yellow-400 hover:border-yellow-500/20`,onClick:()=>t(e.id),children:[(0,$.jsx)(A,{className:`w-3 h-3 mr-1`}),`Pausar`]}):(0,$.jsxs)(J,{size:`sm`,variant:`outline`,className:`h-6 text-[10px] px-2 border-white/10 hover:bg-green-500/10 hover:text-green-400 hover:border-green-500/20`,onClick:()=>n(e.id),children:[(0,$.jsx)(M,{className:`w-3 h-3 mr-1`}),`Reanudar`]})),p&&(0,$.jsxs)(J,{size:`sm`,variant:`outline`,className:`h-6 text-[10px] px-2 border-white/10 hover:bg-primary/10 hover:text-primary hover:border-primary/20`,onClick:()=>i(e.id),title:`Ejecutar ahora (sin afectar el schedule)`,children:[(0,$.jsx)(H,{className:`w-3 h-3 mr-1`}),`Ejecutar`]}),(0,$.jsxs)(J,{size:`sm`,variant:`ghost`,className:`h-6 text-[10px] px-2 text-muted-foreground hover:text-foreground`,onClick:h,children:[(0,$.jsx)(T,{className:`w-3 h-3 mr-1`}),`Historial`,l?(0,$.jsx)(_,{className:`w-3 h-3 ml-1`}):(0,$.jsx)(g,{className:`w-3 h-3 ml-1`})]}),(0,$.jsxs)(J,{size:`sm`,variant:`ghost`,className:`h-6 text-[10px] px-2 ml-auto ${d?`text-red-400 bg-red-500/10 border border-red-500/20`:`text-muted-foreground hover:text-red-400`}`,onClick:y,title:d?`Confirmar eliminación`:`Eliminar tarea`,children:[(0,$.jsx)(ee,{className:`w-3 h-3 mr-1`}),d?`Confirmar`:`Eliminar`]})]}),l&&(0,$.jsx)(`div`,{className:`mt-2 pt-2 border-t border-white/5`,children:(0,$.jsx)(bt,{taskId:e.id,history:s})})]})}var St=()=>{let{scheduledTasks:e,taskHistory:t,cronChannels:n,cronRecommended:r,cronUserPreference:i,isLoading:a,fetchScheduledTasks:o,fetchCronChannels:s,pauseTask:c,resumeTask:d,deleteTask:h,triggerTask:g,fetchTaskHistory:_,saveCronChannelPreference:v}=ft(),[y,b]=(0,Q.useState)(`all`);(0,Q.useEffect)(()=>{o(),s()},[o,s]);let x=y===`all`?e:e.filter(e=>e.status===y),S=(n??[]).filter(e=>e.active),C=x.filter(e=>!e.name.startsWith(`_hive_`));return(0,$.jsxs)(De,{className:`border-none bg-background/50 backdrop-blur-xl shadow-2xl overflow-hidden border border-white/10`,children:[(0,$.jsx)(Ce,{className:`pb-2`,children:(0,$.jsxs)(`div`,{className:`flex items-center justify-between gap-2 flex-wrap`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`div`,{className:`p-2 rounded-xl bg-primary/10 text-primary`,children:(0,$.jsx)(q,{className:`w-5 h-5`})}),(0,$.jsxs)(`div`,{children:[(0,$.jsx)(Te,{className:`text-xl font-bold tracking-tight`,children:`Tareas Programadas`}),(0,$.jsx)(Ee,{children:`Scheduler basado en Croner`})]})]}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[a&&(0,$.jsx)(O,{className:`w-4 h-4 animate-spin text-muted-foreground`}),(0,$.jsxs)(f,{value:y,onValueChange:b,children:[(0,$.jsx)(m,{className:`h-7 text-[10px] w-[110px] border-white/10 bg-card/40`,children:(0,$.jsx)(u,{})}),(0,$.jsxs)(p,{children:[(0,$.jsx)(l,{value:`all`,className:`text-xs`,children:`Todas`}),(0,$.jsx)(l,{value:`active`,className:`text-xs`,children:`Activas`}),(0,$.jsx)(l,{value:`paused`,className:`text-xs`,children:`Pausadas`}),(0,$.jsx)(l,{value:`completed`,className:`text-xs`,children:`Completadas`}),(0,$.jsx)(l,{value:`failed`,className:`text-xs`,children:`Fallidas`})]})]}),S.length>1&&(0,$.jsxs)(f,{value:i,onValueChange:v,children:[(0,$.jsx)(m,{className:`h-7 text-[10px] w-[130px] border-white/10 bg-card/40`,children:(0,$.jsx)(u,{placeholder:`Canal`})}),(0,$.jsxs)(p,{children:[(0,$.jsx)(l,{value:`auto`,className:`text-xs`,children:`Auto`}),S.map(e=>(0,$.jsx)(l,{value:e.id,className:`text-xs`,children:yt(e.id,r)},e.id))]})]}),(0,$.jsx)(J,{size:`sm`,variant:`ghost`,className:`h-7 w-7 p-0 text-muted-foreground hover:text-foreground`,onClick:()=>o(y===`all`?void 0:y),disabled:a,title:`Refrescar`,children:(0,$.jsx)(P,{className:`w-3.5 h-3.5`})})]})]})}),(0,$.jsx)(we,{children:(0,$.jsx)(Oe,{className:`h-[420px] pr-4`,children:(0,$.jsx)(`div`,{className:`space-y-3`,children:C.length===0?(0,$.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-[280px] text-muted-foreground space-y-2`,children:[(0,$.jsx)(q,{className:`w-12 h-12 opacity-20`}),(0,$.jsx)(`p`,{className:`text-sm`,children:`Sin tareas programadas`}),(0,$.jsxs)(`p`,{className:`text-[10px] opacity-70`,children:[`Crea tareas desde el chat o con `,(0,$.jsx)(`code`,{className:`font-mono`,children:`hive cron add`})]})]}):C.map(e=>(0,$.jsx)(xt,{task:e,onPause:c,onResume:d,onDelete:h,onTrigger:g,onLoadHistory:_,history:t[e.id]},e.id))})})})]})};function Ct(){let[e,t]=(0,Q.useState)(!1),[n,r]=(0,Q.useState)(``),[i,a]=(0,Q.useState)(!0),[o,s]=(0,Q.useState)(`status`),[c,l]=(0,Q.useState)(``),[u,f]=(0,Q.useState)(!1),[p,m]=(0,Q.useState)(``),[g,_]=(0,Q.useState)(``),[v,y]=(0,Q.useState)(``),[b,C]=(0,Q.useState)(!1),[w,T]=(0,Q.useState)(!1),[E,D]=(0,Q.useState)(``),[k,A]=(0,Q.useState)(``),[j,M]=(0,Q.useState)(``),[N,P]=(0,Q.useState)(!1),[F,I]=(0,Q.useState)(!1),[L,R]=(0,Q.useState)(!1);(0,Q.useEffect)(()=>{z(),ee()},[]);async function z(){a(!0);try{let e=await fetch(`/api/auth/status`).then(e=>e.json());t(e.hasCredentials),e.email&&r(e.email)}catch{}finally{a(!1)}}async function ee(){try{l((await K(`/api/auth/recovery-key`)).recoveryKey)}catch{}}async function B(e){if(e.preventDefault(),g!==v){G.fire({icon:`error`,title:`Error`,text:`Las contraseñas no coinciden`});return}if(g.length<8){G.fire({icon:`error`,title:`Error`,text:`La contraseña debe tener al menos 8 caracteres`});return}T(!0);try{await K(`/api/auth/setup-credentials`,{method:`POST`,body:{email:p,password:g}}),G.fire({icon:`success`,title:`Protección activada`,text:`La próxima vez que accedas necesitarás tu email y contraseña.`,timer:3e3,showConfirmButton:!1,toast:!0,position:`top-end`}),m(``),_(``),y(``),s(`status`),await z()}catch{}finally{T(!1)}}async function V(){if((await G.fire({title:`¿Desactivar protección?`,text:`Cualquiera con acceso a la URL podrá usar Hive sin contraseña.`,icon:`warning`,showCancelButton:!0,confirmButtonText:`Sí, desactivar`,cancelButtonText:`Cancelar`})).isConfirmed)try{await K(`/api/auth/disable`,{method:`POST`}),G.fire({icon:`success`,title:`Protección desactivada`,timer:2e3,showConfirmButton:!1,toast:!0,position:`top-end`}),t(!1),r(``),s(`status`)}catch{}}async function H(e){if(e.preventDefault(),k!==j){G.fire({icon:`error`,title:`Error`,text:`Las contraseñas no coinciden`});return}if(k.length<8){G.fire({icon:`error`,title:`Error`,text:`La contraseña debe tener al menos 8 caracteres`});return}R(!0);try{await K(`/api/auth/change-password`,{method:`POST`,body:{currentPassword:E,newPassword:k}}),G.fire({icon:`success`,title:`Contraseña actualizada`,timer:2e3,showConfirmButton:!1,toast:!0,position:`top-end`}),D(``),A(``),M(``),s(`status`)}catch{}finally{R(!1)}}function te(){c&&(navigator.clipboard.writeText(c),f(!0),setTimeout(()=>f(!1),2e3))}return i?(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-muted-foreground`,children:[(0,$.jsx)(O,{className:`h-4 w-4 animate-spin`}),` Cargando...`]}):(0,$.jsxs)(`div`,{className:`space-y-8 max-w-xl`,children:[(0,$.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[e?(0,$.jsx)(Be,{className:`h-5 w-5 text-green-500`}):(0,$.jsx)(Ve,{className:`h-5 w-5 text-muted-foreground`}),(0,$.jsx)(`span`,{className:`font-medium`,children:`Protección con contraseña`})]}),(0,$.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:e?`Activa — ${n||`credenciales configuradas`}`:`Desactivada — acceso libre sin contraseña`})]}),(0,$.jsx)(h,{checked:e,onCheckedChange:e=>{e?s(`enable`):V()}})]}),o===`enable`&&!e&&(0,$.jsxs)(`form`,{onSubmit:B,className:`space-y-4 border rounded-lg p-4`,children:[(0,$.jsx)(`h3`,{className:`font-medium`,children:`Configurar credenciales`}),(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(X,{htmlFor:`sec-email`,children:`Email`}),(0,$.jsx)(Y,{id:`sec-email`,type:`email`,placeholder:`tu@email.com`,value:p,onChange:e=>m(e.target.value),required:!0,disabled:w})]}),(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(X,{htmlFor:`sec-pwd`,children:`Contraseña`}),(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsx)(Y,{id:`sec-pwd`,type:b?`text`:`password`,placeholder:`Mínimo 8 caracteres`,value:g,onChange:e=>_(e.target.value),required:!0,disabled:w,className:`pr-10`}),(0,$.jsx)(`button`,{type:`button`,className:`absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground`,onClick:()=>C(e=>!e),tabIndex:-1,children:b?(0,$.jsx)(x,{className:`h-4 w-4`}):(0,$.jsx)(S,{className:`h-4 w-4`})})]})]}),(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(X,{htmlFor:`sec-confirm`,children:`Confirmar contraseña`}),(0,$.jsx)(Y,{id:`sec-confirm`,type:b?`text`:`password`,placeholder:`Repite la contraseña`,value:v,onChange:e=>y(e.target.value),required:!0,disabled:w})]}),(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsxs)(J,{type:`submit`,disabled:w,children:[w&&(0,$.jsx)(O,{className:`mr-2 h-4 w-4 animate-spin`}),`Activar protección`]}),(0,$.jsx)(J,{type:`button`,variant:`ghost`,onClick:()=>s(`status`),disabled:w,children:`Cancelar`})]})]}),e&&o===`status`&&(0,$.jsx)(`div`,{className:`flex gap-2`,children:(0,$.jsx)(J,{variant:`outline`,size:`sm`,onClick:()=>s(`change-password`),children:`Cambiar contraseña`})}),o===`change-password`&&e&&(0,$.jsxs)(`form`,{onSubmit:H,className:`space-y-4 border rounded-lg p-4`,children:[(0,$.jsx)(`h3`,{className:`font-medium`,children:`Cambiar contraseña`}),(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(X,{htmlFor:`current-pwd`,children:`Contraseña actual`}),(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsx)(Y,{id:`current-pwd`,type:N?`text`:`password`,placeholder:`••••••••`,value:E,onChange:e=>D(e.target.value),required:!0,disabled:L,className:`pr-10`}),(0,$.jsx)(`button`,{type:`button`,className:`absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground`,onClick:()=>P(e=>!e),tabIndex:-1,children:N?(0,$.jsx)(x,{className:`h-4 w-4`}):(0,$.jsx)(S,{className:`h-4 w-4`})})]})]}),(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(X,{htmlFor:`new-pwd`,children:`Nueva contraseña`}),(0,$.jsxs)(`div`,{className:`relative`,children:[(0,$.jsx)(Y,{id:`new-pwd`,type:F?`text`:`password`,placeholder:`Mínimo 8 caracteres`,value:k,onChange:e=>A(e.target.value),required:!0,disabled:L,className:`pr-10`}),(0,$.jsx)(`button`,{type:`button`,className:`absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground`,onClick:()=>I(e=>!e),tabIndex:-1,children:F?(0,$.jsx)(x,{className:`h-4 w-4`}):(0,$.jsx)(S,{className:`h-4 w-4`})})]})]}),(0,$.jsxs)(`div`,{className:`space-y-2`,children:[(0,$.jsx)(X,{htmlFor:`confirm-new`,children:`Confirmar nueva contraseña`}),(0,$.jsx)(Y,{id:`confirm-new`,type:F?`text`:`password`,placeholder:`••••••••`,value:j,onChange:e=>M(e.target.value),required:!0,disabled:L})]}),(0,$.jsxs)(`div`,{className:`flex gap-2`,children:[(0,$.jsxs)(J,{type:`submit`,disabled:L,children:[L&&(0,$.jsx)(O,{className:`mr-2 h-4 w-4 animate-spin`}),`Actualizar contraseña`]}),(0,$.jsx)(J,{type:`button`,variant:`ghost`,onClick:()=>s(`status`),disabled:L,children:`Cancelar`})]})]}),c&&(0,$.jsxs)(`div`,{className:`space-y-2 border rounded-lg p-4 bg-muted/30`,children:[(0,$.jsx)(`div`,{className:`flex items-center justify-between`,children:(0,$.jsxs)(`div`,{children:[(0,$.jsx)(`p`,{className:`text-sm font-medium`,children:`Recovery Key`}),(0,$.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Úsalo para recuperar el acceso si olvidas tu contraseña`})]})}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`code`,{className:`flex-1 text-xs bg-muted rounded px-3 py-2 font-mono break-all`,children:c}),(0,$.jsx)(J,{variant:`ghost`,size:`icon`,onClick:te,className:`shrink-0`,children:u?(0,$.jsx)(d,{className:`h-4 w-4 text-green-500`}):(0,$.jsx)(Ne,{className:`h-4 w-4`})})]})]})]})}function wt({panel:e}){switch(e){case`etica`:return(0,$.jsx)(`div`,{className:`p-4`,children:(0,$.jsx)(Ue,{})});case`herramientas`:return(0,$.jsx)(`div`,{className:`p-4`,children:(0,$.jsx)(Ge,{})});case`mcp`:return(0,$.jsx)(`div`,{className:`p-4`,children:(0,$.jsx)(Ze,{})});case`skills`:return(0,$.jsx)(`div`,{className:`p-4`,children:(0,$.jsx)(dt,{})});case`perfil`:return(0,$.jsx)(`div`,{className:`p-4`,children:(0,$.jsx)(at,{})});case`notas`:return(0,$.jsx)(`div`,{className:`p-4`,children:(0,$.jsx)(pt,{})});case`cron-jobs`:return(0,$.jsx)(`div`,{className:`p-4`,children:(0,$.jsx)(St,{})});case`seguridad`:return(0,$.jsx)(`div`,{className:`p-4`,children:(0,$.jsx)(Ct,{})});default:return null}}var Tt=[`etica`,`herramientas`,`mcp`,`skills`,`perfil`,`notas`,`cron-jobs`,`seguridad`];function Et({forcePanel:e}){let{panel:t}=te(),{fetchSkills:n}=fe(),{fetchTools:r}=he(),{fetchMCPServers:i}=me();(0,Q.useEffect)(()=>{n(),r(),i()},[n,r,i]);let a=e||(Tt.includes(t)?t:`herramientas`),{title:o,subtitle:s,eyebrow:c}={etica:{eyebrow:`PROTOCOLOS DE CONDUCTA`,title:`Ética & Alineación`,subtitle:`Configura los límites morales y el comportamiento base de tus agentes.`},herramientas:{eyebrow:`CAPACIDADES DINÁMICAS`,title:`Gestión de Herramientas`,subtitle:`Habilita y configura las funciones que tus agentes pueden ejecutar.`},mcp:{eyebrow:`CONECTIVIDAD EXTERNA`,title:`Servidores MCP`,subtitle:`Conecta Hive con fuentes de datos externas y herramientas de terceros.`},skills:{eyebrow:`HABILIDADES ESPECIALIZADAS`,title:`Galería de Skills`,subtitle:`Nodos cognitivos preconfigurados para tareas específicas de alto nivel.`},perfil:{eyebrow:`IDENTIDAD DEL OPERADOR`,title:`Perfil de Usuario`,subtitle:`Gestiona tu información personal y preferencias de la interfaz.`},notas:{eyebrow:`MEMORIA OPERATIVA`,title:`Notas del Sistema`,subtitle:`Registro de información persistente y recordatorios del enjambre.`},"cron-jobs":{eyebrow:`AUTOMATIZACIÓN TEMPORAL`,title:`Tareas Programadas`,subtitle:`Gestión de ejecuciones recurrentes y disparadores cron.`},seguridad:{eyebrow:`CONTROL DE ACCESO`,title:`Seguridad`,subtitle:`Protege tu instancia con email y contraseña. Esencial si despliegas Hive en un servidor público.`}}[a];return(0,$.jsxs)(`div`,{className:`hive-page-container`,children:[(0,$.jsx)(`div`,{className:`hive-page-header`,children:(0,$.jsxs)(`div`,{className:`relative z-10`,children:[(0,$.jsxs)(`div`,{className:`hive-page-header__eyebrow`,children:[(0,$.jsx)(`div`,{className:`hive-page-header__dot`}),(0,$.jsx)(`span`,{className:`hive-page-header__label`,children:c})]}),(0,$.jsxs)(`h2`,{className:`hive-title-page`,children:[o.split(` & `)[0],` `,o.includes(` & `)&&(0,$.jsxs)(`span`,{className:`hive-title-page__accent`,children:[`& `,o.split(` & `)[1]]}),o.includes(` `)&&!o.includes(` & `)&&(0,$.jsxs)($.Fragment,{children:[o.split(` `)[0],` `,(0,$.jsx)(`span`,{className:`hive-title-page__accent`,children:o.split(` `).slice(1).join(` `)})]}),!o.includes(` `)&&o]}),(0,$.jsx)(`p`,{className:`hive-subtitle`,children:s})]})}),(0,$.jsx)(`div`,{className:`animate-fade-in`,children:(0,$.jsx)(wt,{panel:a})})]})}export{Et as SettingsPage};

package/dist/ui/assets/SetupPage-RBcjQtv7.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,n as o,r as s,s as c,t as l}from"./switch-7AuR7x2g.js";import{t as u}from"./circle-check-E2u7ZS2r.js";import{t as d}from"./circle-x-Cm3Sr-xb.js";import{t as f}from"./hexagon-BIAFUAlQ.js";import{t as p}from"./loader-circle-CK3qRV3f.js";import{t as m}from"./sparkles-C4MACMbE.js";import{t as ee}from"./volume-2-BiUgObeI.js";import{c as te}from"./vendor-router-DhLEd920.js";import{t as h}from"./gateway-url-OqLaEDK-.js";import{a as ne,t as g}from"./api-q5Ax-vD2.js";import{E as _,T as v}from"./index-D4pdc0Uw.js";import{t as y}from"./label-C6tqnnKd.js";import{t as b}from"./badge-pNhtItyt.js";import{a as x,n as S,o as C,r as w,t as T}from"./card-C7P3W6_y.js";import{t as E}from"./progress-B1HC9cB_.js";import{n as D,t as O}from"./alert-BeGcM0nb.js";import{a as re,i as ie,n as ae,r as oe,t as se}from"./accordion-BEVqJf2A.js";var k=e(t(),1),A=n(),ce={gemini:`🔵`,anthropic:`🟠`,openai:`🟢`,groq:`🔴`,ollama:`🟣`,openrouter:`🟡`,deepseek:`🔷`,mistral:`🔸`,kimi:`🌙`},j={gemini:`https://aistudio.google.com/app/apikey`,anthropic:`https://console.anthropic.com/keys`,openai:`https://platform.openai.com/api-keys`,groq:`https://console.groq.com/keys`,openrouter:`https://openrouter.ai/keys`,deepseek:`https://platform.deepseek.com/api_keys`,mistral:`https://console.mistral.ai/api-keys`,kimi:`https://platform.moonshot.cn/console/api-keys`},M=[{id:`webchat`,name:`WebChat`,description:`Chat web integrado`,icon:`💬`,required:!0},{id:`telegram`,name:`Telegram`,description:`Bot de Telegram`,icon:`✈️`,required:!1},{id:`discord`,name:`Discord`,description:`Bot de Discord`,icon:`🎮`,required:!1},{id:`whatsapp`,name:`WhatsApp`,description:`Bot de WhatsApp`,icon:`📱`,required:!1},{id:`slack`,name:`Slack`,description:`Bot de Slack`,icon:`💼`,required:!1}],N=`hive_setup_wizard_data`;function le(){try{let e=sessionStorage.getItem(N);if(e){let t=JSON.parse(e);return{...F(),...t}}}catch(e){console.error(`Failed to load wizard data:`,e)}return null}function ue(e){try{sessionStorage.setItem(N,JSON.stringify(e))}catch(e){console.error(`Failed to save wizard data:`,e)}}function P(){try{sessionStorage.removeItem(N)}catch(e){console.error(`Failed to clear wizard data:`,e)}}function F(){return{userName:``,userLanguage:`es`,userTimezone:Intl.DateTimeFormat().resolvedOptions().timeZone||`UTC`,userOccupation:``,userNotes:``,agentName:`Bee`,agentDescription:``,agentTone:`friendly`,provider:``,apiKey:``,model:``,apiKeyVerified:!1,channels:{webchat:{enabled:!0},telegram:{enabled:!1},discord:{enabled:!1},whatsapp:{enabled:!1},slack:{enabled:!1}},voiceEnabled:!1,sttProvider:`groq-whisper`,ttsProvider:`elevenlabs`,ttsVoice:``,ethicsRules:{},customRules:[]}}function I(){let e=te(),[t,n]=(0,k.useState)(1),[N,I]=(0,k.useState)(()=>le()||F()),[L,R]=(0,k.useState)(!1),[z,de]=(0,k.useState)(!1),{showLoader:B,hideLoader:V}=ne(),[H,U]=(0,k.useState)(`idle`),[W,G]=(0,k.useState)(null),[K,fe]=(0,k.useState)([]),[q,J]=(0,k.useState)(null),[Y,X]=(0,k.useState)(!1),[Z,pe]=(0,k.useState)([]);(0,k.useEffect)(()=>{fetch(`${h()}/api/setup/providers`).then(e=>e.json()).then(e=>{Array.isArray(e)&&fe(e)}).catch(()=>{}),fetch(`${h()}/api/setup/ethics`).then(e=>e.json()).then(e=>{Array.isArray(e)&&(pe(e),I(t=>Object.keys(t.ethicsRules).length===0?{...t,ethicsRules:Object.fromEntries(e.map(e=>[e.id,!0]))}:t))}).catch(()=>{})},[]),(0,k.useEffect)(()=>{ue(N)},[N]),(0,k.useEffect)(()=>{fetch(`${h()}/api/setup/status`).then(e=>e.json()).then(t=>{t.configured&&e(`/ui`)}).catch(()=>{})},[e]);let Q=e=>{G(null),I(t=>({...t,...e}))},me=()=>{switch(t){case 1:return N.userName.trim()?N.userName.trim().length<2?`El nombre debe tener al menos 2 caracteres.`:null:`El nombre es obligatorio.`;case 2:return N.agentName.trim()?N.agentName.trim().length<2?`El nombre debe tener al menos 2 caracteres.`:null:`El nombre del agente es obligatorio.`;case 3:return N.provider?N.provider!==`ollama`&&!N.apiKey?`Ingresa tu API key.`:N.provider!==`ollama`&&!N.apiKeyVerified?`Verifica tu API key antes de continuar.`:N.model?null:`Selecciona un modelo.`:`Selecciona un proveedor LLM.`;default:return null}},he=()=>{let e=me();if(e){G(e);return}G(null),t<8&&n(e=>e+1)},ge=()=>{t>1&&n(e=>e-1)},_e=()=>{confirm(`¿Estás seguro de que quieres reiniciar la configuración? Se perderá todo el progreso.`)&&(P(),I(F()),n(1))},ve=async()=>{if(!(!N.apiKey||!N.provider)){U(`verifying`);try{(await g(`/api/setup/verify-provider`,{method:`POST`,body:{provider:N.provider,apiKey:N.apiKey},showLoader:`Verificando conexión...`,showError:!1})).success?(U(`success`),Q({apiKeyVerified:!0})):(U(`error`),Q({apiKeyVerified:!1}))}catch{U(`error`),Q({apiKeyVerified:!1})}}},ye=async()=>{R(!0);try{let t=await g(`/api/setup/complete`,{method:`POST`,body:N,showLoader:`Finalizando configuración...`,showError:!0});if(t.success){let n=t.authToken;n&&localStorage.setItem(`hive-auth-token`,n),de(!0),P(),(async()=>{await new Promise(e=>setTimeout(e,1500)),B(`Iniciando a ${N.agentName}... esto toma unos segundos`);for(let t=0;t<40;t++){try{let t=await fetch(`${h()}/api/setup/status`);if(t.ok){let{configured:r}=await t.json();if(r){V(),e(n?`/?token=${n}`:`/`);return}}}catch{}await new Promise(e=>setTimeout(e,1e3))}V(),e(n?`/?token=${n}`:`/`)})()}}catch{}finally{R(!1)}},be=()=>{switch(t){case 1:return xe();case 2:return Se();case 3:return $();case 4:return Ce();case 5:return we();case 6:return Te();case 7:return Ee();case 8:return De();default:return null}},xe=()=>(0,A.jsxs)(`div`,{className:`space-y-6`,children:[(0,A.jsxs)(`div`,{className:`text-center space-y-4`,children:[(0,A.jsx)(`div`,{className:`flex justify-center`,children:(0,A.jsxs)(`div`,{className:`relative`,children:[(0,A.jsx)(f,{className:`w-24 h-24 text-amber-500`,fill:`currentColor`}),(0,A.jsx)(m,{className:`w-8 h-8 text-amber-300 absolute -top-2 -right-2`})]})}),(0,A.jsx)(`h1`,{className:`text-3xl font-bold`,children:`Bienvenido a Hive`}),(0,A.jsx)(`p`,{className:`text-muted-foreground max-w-md mx-auto`,children:`Hive es tu colmena de agentes IA. Local-first. Multi-canal. Open source. En los próximos minutos configurarás tu agente personal Bee.`})]}),(0,A.jsxs)(T,{children:[(0,A.jsxs)(x,{children:[(0,A.jsx)(C,{children:`Tu información`}),(0,A.jsx)(w,{children:`Comencemos con tus datos básicos`})]}),(0,A.jsxs)(S,{className:`space-y-4`,children:[(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsx)(y,{htmlFor:`userName`,children:`Tu nombre`}),(0,A.jsx)(v,{id:`userName`,placeholder:`¿Cómo te llamas?`,value:N.userName,onChange:e=>Q({userName:e.target.value})})]}),(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsx)(y,{htmlFor:`userLanguage`,children:`Idioma preferido`}),(0,A.jsxs)(o,{value:N.userLanguage,onValueChange:e=>Q({userLanguage:e}),children:[(0,A.jsx)(c,{children:(0,A.jsx)(a,{})}),(0,A.jsxs)(s,{children:[(0,A.jsx)(i,{value:`es`,children:`Español`}),(0,A.jsx)(i,{value:`en`,children:`English`}),(0,A.jsx)(i,{value:`pt`,children:`Português`}),(0,A.jsx)(i,{value:`fr`,children:`Français`})]})]})]}),(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsx)(y,{htmlFor:`userTimezone`,children:`Zona horaria`}),(0,A.jsx)(v,{id:`userTimezone`,value:N.userTimezone,onChange:e=>Q({userTimezone:e.target.value}),placeholder:`America/Bogota`}),(0,A.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[`Detectada automáticamente: `,Intl.DateTimeFormat().resolvedOptions().timeZone]})]}),(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsxs)(y,{htmlFor:`userOccupation`,children:[`Ocupación `,(0,A.jsx)(`span`,{className:`text-muted-foreground font-normal`,children:`(opcional)`})]}),(0,A.jsx)(v,{id:`userOccupation`,value:N.userOccupation,onChange:e=>Q({userOccupation:e.target.value}),placeholder:`Ej: Desarrollador de software, diseñador, estudiante...`})]}),(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsxs)(y,{htmlFor:`userNotes`,children:[`Preferencias de comunicación `,(0,A.jsx)(`span`,{className:`text-muted-foreground font-normal`,children:`(opcional)`})]}),(0,A.jsx)(`textarea`,{id:`userNotes`,className:`w-full min-h-[80px] p-3 border rounded-md bg-background resize-none text-sm`,value:N.userNotes,onChange:e=>Q({userNotes:e.target.value}),placeholder:`Ej: Prefiero respuestas cortas y directas. Usa ejemplos de código cuando expliques conceptos técnicos...`})]})]})]})]}),Se=()=>(0,A.jsxs)(`div`,{className:`space-y-6`,children:[(0,A.jsxs)(`div`,{className:`text-center space-y-2`,children:[(0,A.jsx)(`h2`,{className:`text-2xl font-bold`,children:`Tu agente`}),(0,A.jsx)(`p`,{className:`text-muted-foreground`,children:`Personaliza a Bee, tu agente personal`})]}),(0,A.jsxs)(T,{children:[(0,A.jsx)(x,{children:(0,A.jsx)(C,{children:`Identidad del agente`})}),(0,A.jsxs)(S,{className:`space-y-4`,children:[(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsx)(y,{htmlFor:`agentName`,children:`Nombre del agente`}),(0,A.jsx)(v,{id:`agentName`,value:N.agentName,onChange:e=>Q({agentName:e.target.value}),placeholder:`Bee`})]}),(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsx)(y,{htmlFor:`agentDescription`,children:`Descripción / Personalidad`}),(0,A.jsx)(`textarea`,{id:`agentDescription`,className:`w-full min-h-[100px] p-3 border rounded-md bg-background resize-none`,value:N.agentDescription,onChange:e=>Q({agentDescription:e.target.value}),placeholder:`Ej: Eres un asistente útil y amable. Respondes de forma concisa pero completa. Te especializas en ayudar con tareas de programación y productividad...`})]}),(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsx)(y,{htmlFor:`agentTone`,children:`Tono de comunicación`}),(0,A.jsxs)(o,{value:N.agentTone,onValueChange:e=>Q({agentTone:e}),children:[(0,A.jsx)(c,{children:(0,A.jsx)(a,{placeholder:`Selecciona un tono`})}),(0,A.jsxs)(s,{children:[(0,A.jsx)(i,{value:`friendly`,children:`Amigable y cercano`}),(0,A.jsx)(i,{value:`professional`,children:`Profesional y formal`}),(0,A.jsx)(i,{value:`direct`,children:`Directo y conciso`}),(0,A.jsx)(i,{value:`casual`,children:`Casual y relajado`})]})]}),(0,A.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Define cómo se comunicará tu agente contigo`})]})]})]})]}),$=()=>(0,A.jsxs)(`div`,{className:`space-y-6`,children:[(0,A.jsxs)(`div`,{className:`text-center space-y-2`,children:[(0,A.jsx)(`h2`,{className:`text-2xl font-bold`,children:`Proveedor LLM`}),(0,A.jsx)(`p`,{className:`text-muted-foreground`,children:`Selecciona el cerebro de tu agente`})]}),(0,A.jsx)(`div`,{className:`grid gap-3`,children:K.map(e=>(0,A.jsx)(T,{className:r(`cursor-pointer transition-all hover:shadow-md`,N.provider===e.id&&`border-amber-500 ring-2 ring-amber-500`),onClick:()=>{Q({provider:e.id,model:``,apiKeyVerified:!1}),e.id===`ollama`&&J(null)},children:(0,A.jsxs)(S,{className:`flex items-center gap-4 p-4`,children:[(0,A.jsx)(`span`,{className:`text-3xl`,children:ce[e.id]??`🤖`}),(0,A.jsxs)(`div`,{className:`flex-1`,children:[(0,A.jsx)(`h3`,{className:`font-semibold`,children:e.name}),(0,A.jsxs)(`p`,{className:`text-sm text-muted-foreground`,children:[e.models.length,` modelo`,e.models.length===1?``:`s`,` disponible`,e.models.length===1?``:`s`]})]}),N.provider===e.id&&(0,A.jsx)(u,{className:`w-5 h-5 text-amber-500`})]})},e.id))}),N.provider&&(()=>{let e=K.find(e=>e.id===N.provider);return(0,A.jsxs)(T,{className:`mt-4`,children:[(0,A.jsx)(x,{children:(0,A.jsxs)(C,{children:[`Configuración de `,e?.name]})}),(0,A.jsxs)(S,{className:`space-y-4`,children:[N.provider!==`ollama`&&(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsx)(y,{htmlFor:`apiKey`,children:`API Key`}),(0,A.jsxs)(`div`,{className:`flex gap-2`,children:[(0,A.jsx)(v,{id:`apiKey`,type:`password`,value:N.apiKey,onChange:e=>Q({apiKey:e.target.value,apiKeyVerified:!1}),placeholder:`sk-...`,className:r(W?.includes(`API key`)&&!N.apiKey&&`border-red-500`)}),(0,A.jsx)(_,{variant:`outline`,onClick:ve,disabled:!N.apiKey||H===`verifying`,children:H===`verifying`?(0,A.jsx)(p,{className:`w-4 h-4 animate-spin`}):H===`success`?(0,A.jsx)(u,{className:`w-4 h-4 text-green-500`}):H===`error`?(0,A.jsx)(d,{className:`w-4 h-4 text-red-500`}):`Verificar`})]}),H===`success`&&(0,A.jsxs)(`p`,{className:`text-sm text-green-600 flex items-center gap-1`,children:[(0,A.jsx)(u,{className:`w-4 h-4`}),` API key verificada correctamente`]}),H===`error`&&(0,A.jsxs)(`p`,{className:`text-sm text-red-600 flex items-center gap-1`,children:[(0,A.jsx)(d,{className:`w-4 h-4`}),` API key inválida o error de conexión`]}),j[N.provider]&&(0,A.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[`¿No tienes tu API key?`,` `,(0,A.jsx)(`a`,{href:j[N.provider],target:`_blank`,rel:`noopener noreferrer`,className:`text-amber-500 hover:underline`,children:`Obtener aquí`})]})]}),N.provider===`ollama`&&(0,A.jsxs)(`div`,{className:`space-y-3`,children:[(0,A.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,A.jsx)(_,{type:`button`,variant:`outline`,size:`sm`,disabled:Y,onClick:()=>{J(null),X(!0),Q({model:``}),fetch(`${h()}/api/setup/ollama-models`).then(e=>e.json()).then(e=>{J(e.models??[]),X(!1)}).catch(()=>{J([]),X(!1)})},children:Y?(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(p,{className:`w-3 h-3 animate-spin mr-1`}),`Detectando...`]}):`🔍 Detectar modelos`}),!Y&&q!==null&&(0,A.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:q.length>0?`${q.length} modelo${q.length===1?``:`s`} encontrado${q.length===1?``:`s`}`:`Sin modelos — instala uno con ollama pull`})]}),q&&q.length>0&&(0,A.jsxs)(`div`,{className:`space-y-1`,children:[(0,A.jsx)(y,{htmlFor:`model`,children:`Modelo`}),(0,A.jsxs)(o,{value:N.model,onValueChange:e=>Q({model:e}),children:[(0,A.jsx)(c,{className:r(!N.model&&W?.includes(`modelo`)&&`border-red-500`),children:(0,A.jsx)(a,{placeholder:`Selecciona un modelo`})}),(0,A.jsx)(s,{children:q.map((e,t)=>(0,A.jsxs)(i,{value:e.id,children:[e.name,t===0?` (Recomendado)`:``]},e.id))})]})]}),!Y&&q!==null&&q.length===0&&(0,A.jsxs)(`p`,{className:`text-xs text-amber-600`,children:[`Asegúrate que Ollama esté corriendo (`,(0,A.jsx)(`code`,{children:`ollama serve`}),`) y tengas modelos (`,(0,A.jsx)(`code`,{children:`ollama pull llama3.2`}),`).`]})]}),N.provider!==`ollama`&&N.apiKeyVerified&&(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsx)(y,{htmlFor:`model`,children:`Modelo`}),(0,A.jsxs)(o,{value:N.model,onValueChange:e=>Q({model:e}),children:[(0,A.jsx)(c,{className:r(!N.model&&W?.includes(`modelo`)&&`border-red-500`),children:(0,A.jsx)(a,{placeholder:`Selecciona un modelo`})}),(0,A.jsx)(s,{children:(e?.models??[]).map((e,t)=>(0,A.jsxs)(i,{value:e.id,children:[e.name||e.id,t===0?` (Recomendado)`:``]},e.id))})]})]})]})]})})()]}),Ce=()=>(0,A.jsxs)(`div`,{className:`space-y-6`,children:[(0,A.jsxs)(`div`,{className:`text-center space-y-2`,children:[(0,A.jsx)(`h2`,{className:`text-2xl font-bold`,children:`Canales`}),(0,A.jsx)(`p`,{className:`text-muted-foreground`,children:`¿Dónde quieres que Bee esté disponible?`})]}),(0,A.jsx)(`div`,{className:`grid gap-3`,children:M.map(e=>(0,A.jsx)(T,{className:r(`transition-all`,N.channels[e.id]?.enabled&&`border-amber-500`),children:(0,A.jsxs)(S,{className:`p-4`,children:[(0,A.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,A.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,A.jsx)(`span`,{className:`text-2xl`,children:e.icon}),(0,A.jsxs)(`div`,{children:[(0,A.jsxs)(`h3`,{className:`font-semibold flex items-center gap-2`,children:[e.name,e.required&&(0,A.jsx)(b,{variant:`secondary`,className:`text-xs`,children:`Requerido`})]}),(0,A.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:e.description})]})]}),(0,A.jsx)(l,{checked:N.channels[e.id]?.enabled,onCheckedChange:t=>{e.required&&!t||Q({channels:{...N.channels,[e.id]:{enabled:t}}})},disabled:e.required})]}),!e.required&&N.channels[e.id]?.enabled&&(0,A.jsx)(se,{type:`single`,collapsible:!0,className:`mt-4`,children:(0,A.jsxs)(oe,{value:`config`,children:[(0,A.jsx)(ie,{children:`Configuración`}),(0,A.jsx)(ae,{children:(0,A.jsxs)(`div`,{className:`space-y-3 pt-2`,children:[e.id===`telegram`&&(0,A.jsx)(A.Fragment,{children:(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsx)(y,{htmlFor:`telegramToken`,children:`Token del Bot`}),(0,A.jsx)(v,{id:`telegramToken`,placeholder:`123456789:ABCdefGHIjklMNOpqrsTUVwxyz`,value:N.channels.telegram.config?.botToken||``,onChange:e=>Q({channels:{...N.channels,telegram:{enabled:!0,config:{botToken:e.target.value}}}})}),(0,A.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:(0,A.jsx)(`a`,{href:`https://t.me/BotFather`,target:`_blank`,rel:`noopener noreferrer`,className:`text-amber-500 hover:underline`,children:`Obtén tu token en BotFather`})})]})}),e.id===`discord`&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsx)(y,{htmlFor:`discordToken`,children:`Token del Bot`}),(0,A.jsx)(v,{id:`discordToken`,placeholder:`MTIzNDU2Nzg5MDEyMzQ1Njc4OQ.GJKlMn.OpQrStUvWxYz`,value:N.channels.discord.config?.botToken||``,onChange:e=>Q({channels:{...N.channels,discord:{enabled:!0,config:{botToken:e.target.value}}}})})]}),(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsx)(y,{htmlFor:`discordClientId`,children:`Client ID`}),(0,A.jsx)(v,{id:`discordClientId`,placeholder:`1234567890123456789`,value:N.channels.discord.config?.clientId||``,onChange:e=>Q({channels:{...N.channels,discord:{enabled:!0,config:{clientId:e.target.value}}}})})]})]}),e.id===`whatsapp`&&(0,A.jsx)(A.Fragment,{children:(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsx)(y,{htmlFor:`whatsappToken`,children:`Token de la API`}),(0,A.jsx)(v,{id:`whatsappToken`,placeholder:`...`,value:N.channels.whatsapp.config?.apiToken||``,onChange:e=>Q({channels:{...N.channels,whatsapp:{enabled:!0,config:{apiToken:e.target.value}}}})})]})}),e.id===`slack`&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsx)(y,{htmlFor:`slackToken`,children:`Bot Token`}),(0,A.jsx)(v,{id:`slackToken`,placeholder:`xoxb-...`,value:N.channels.slack.config?.botToken||``,onChange:e=>Q({channels:{...N.channels,slack:{enabled:!0,config:{botToken:e.target.value}}}})})]}),(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsx)(y,{htmlFor:`slackSigningSecret`,children:`Signing Secret`}),(0,A.jsx)(v,{id:`slackSigningSecret`,placeholder:`...`,value:N.channels.slack.config?.signingSecret||``,onChange:e=>Q({channels:{...N.channels,slack:{enabled:!0,config:{signingSecret:e.target.value}}}})})]})]})]})})]})})]})},e.id))})]}),we=()=>(0,A.jsxs)(`div`,{className:`space-y-6`,children:[(0,A.jsxs)(`div`,{className:`text-center space-y-2`,children:[(0,A.jsx)(`h2`,{className:`text-2xl font-bold`,children:`Voz (opcional)`}),(0,A.jsx)(`p`,{className:`text-muted-foreground`,children:`Permite que Bee hable y escuche`})]}),(0,A.jsxs)(T,{children:[(0,A.jsx)(x,{children:(0,A.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,A.jsx)(C,{children:`Activar voz`}),(0,A.jsx)(l,{checked:N.voiceEnabled,onCheckedChange:e=>Q({voiceEnabled:e})})]})}),(0,A.jsx)(S,{children:N.voiceEnabled?(0,A.jsxs)(`div`,{className:`space-y-4`,children:[(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsx)(y,{htmlFor:`sttProvider`,children:`Reconocimiento de voz (STT)`}),(0,A.jsxs)(o,{value:N.sttProvider,onValueChange:e=>Q({sttProvider:e}),children:[(0,A.jsx)(c,{children:(0,A.jsx)(a,{})}),(0,A.jsxs)(s,{children:[(0,A.jsx)(i,{value:`groq-whisper`,children:`Groq Whisper (Recomendado)`}),(0,A.jsx)(i,{value:`openai-whisper`,children:`OpenAI Whisper`})]})]})]}),(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsx)(y,{htmlFor:`ttsProvider`,children:`Síntesis de voz (TTS)`}),(0,A.jsxs)(o,{value:N.ttsProvider,onValueChange:e=>Q({ttsProvider:e}),children:[(0,A.jsx)(c,{children:(0,A.jsx)(a,{})}),(0,A.jsxs)(s,{children:[(0,A.jsx)(i,{value:`elevenlabs`,children:`ElevenLabs (Recomendado)`}),(0,A.jsx)(i,{value:`openai`,children:`OpenAI TTS`}),(0,A.jsx)(i,{value:`gemini`,children:`Google Gemini`})]})]})]}),(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsx)(y,{htmlFor:`ttsVoice`,children:`Voz`}),(0,A.jsxs)(`div`,{className:`flex gap-2`,children:[(0,A.jsxs)(o,{value:N.ttsVoice,onValueChange:e=>Q({ttsVoice:e}),children:[(0,A.jsx)(c,{children:(0,A.jsx)(a,{placeholder:`Selecciona una voz`})}),(0,A.jsxs)(s,{children:[(0,A.jsx)(i,{value:`Rachel`,children:`Rachel (ElevenLabs)`}),(0,A.jsx)(i,{value:`Adam`,children:`Adam (ElevenLabs)`}),(0,A.jsx)(i,{value:`Antoni`,children:`Antoni (ElevenLabs)`}),(0,A.jsx)(i,{value:`Elli`,children:`Elli (ElevenLabs)`}),(0,A.jsx)(i,{value:`Josh`,children:`Josh (ElevenLabs)`}),(0,A.jsx)(i,{value:`alloy`,children:`Alloy (OpenAI)`}),(0,A.jsx)(i,{value:`echo`,children:`Echo (OpenAI)`}),(0,A.jsx)(i,{value:`fable`,children:`Fable (OpenAI)`}),(0,A.jsx)(i,{value:`onyx`,children:`Onyx (OpenAI)`}),(0,A.jsx)(i,{value:`nova`,children:`Nova (OpenAI)`}),(0,A.jsx)(i,{value:`shimmer`,children:`Shimmer (OpenAI)`})]})]}),(0,A.jsx)(_,{variant:`outline`,size:`icon`,children:(0,A.jsx)(ee,{className:`w-4 h-4`})})]})]}),(0,A.jsx)(O,{children:(0,A.jsx)(D,{className:`text-sm`,children:N.provider===N.ttsProvider&&(0,A.jsxs)(`span`,{className:`text-green-600 flex items-center gap-1`,children:[(0,A.jsx)(u,{className:`w-4 h-4`}),` Ya tienes la API key configurada`]})})})]}):(0,A.jsx)(`p`,{className:`text-muted-foreground text-center py-4`,children:`Puedes activar la voz más tarde en la configuración`})})]})]}),Te=()=>(0,A.jsxs)(`div`,{className:`space-y-6`,children:[(0,A.jsxs)(`div`,{className:`text-center space-y-2`,children:[(0,A.jsx)(`h2`,{className:`text-2xl font-bold`,children:`Reglas éticas`}),(0,A.jsx)(`p`,{className:`text-muted-foreground`,children:`Define los límites de tu agente`})]}),(0,A.jsx)(O,{children:(0,A.jsxs)(D,{className:`text-sm`,children:[`Las reglas de categoría `,(0,A.jsx)(`strong`,{className:`text-red-500`,children:`NUNCA`}),` son las protecciones más importantes. Desactivarlas puede comprometer la seguridad.`]})}),(0,A.jsxs)(`div`,{className:`space-y-3`,children:[Z.map(e=>{let t=N.ethicsRules[e.id]!==!1;return(0,A.jsx)(T,{className:r(!t&&`opacity-60`),children:(0,A.jsx)(S,{className:`p-4`,children:(0,A.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,A.jsx)(re,{checked:t,onCheckedChange:t=>{e.isDefault&&!t&&!confirm(`¿Estás seguro de desactivar los lineamientos éticos por defecto?`)||Q({ethicsRules:{...N.ethicsRules,[e.id]:t}})}}),(0,A.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,A.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,A.jsx)(`h3`,{className:`font-medium`,children:e.name}),e.isDefault&&(0,A.jsx)(b,{className:`text-xs bg-blue-500/10 text-blue-500`,children:`Por defecto`})]}),e.description&&(0,A.jsx)(`p`,{className:`text-sm text-muted-foreground mt-1`,children:e.description}),(0,A.jsxs)(`details`,{className:`mt-2`,children:[(0,A.jsx)(`summary`,{className:`text-xs text-muted-foreground cursor-pointer hover:text-foreground`,children:`Ver contenido`}),(0,A.jsx)(`pre`,{className:`text-xs mt-2 p-2 bg-muted rounded whitespace-pre-wrap font-mono`,children:e.content})]})]})]})})},e.id)}),Z.length===0&&(0,A.jsx)(`p`,{className:`text-sm text-muted-foreground text-center py-4`,children:`Cargando lineamientos éticos...`})]}),(0,A.jsx)(_,{variant:`outline`,className:`w-full`,onClick:()=>{let e=prompt(`Ingresa tu regla personalizada:`);if(e){let t=prompt(`Categoría (SIEMPRE/NUNCA/CONFIRMAR):`,`CONFIRMAR`);t&&[`SIEMPRE`,`NUNCA`,`CONFIRMAR`].includes(t.toUpperCase())&&Q({customRules:[...N.customRules,{text:e,category:t.toUpperCase()}]})}},children:`+ Añadir regla personalizada`}),N.customRules.length>0&&(0,A.jsxs)(`div`,{className:`space-y-2`,children:[(0,A.jsx)(y,{children:`Reglas personalizadas`}),N.customRules.map((e,t)=>(0,A.jsx)(T,{children:(0,A.jsxs)(S,{className:`p-4 flex items-center justify-between`,children:[(0,A.jsxs)(`div`,{children:[(0,A.jsx)(`p`,{className:`font-medium`,children:e.text}),(0,A.jsx)(b,{className:r(`text-xs mt-1`,e.category===`NUNCA`&&`text-red-500 bg-red-500/10`,e.category===`SIEMPRE`&&`text-green-500 bg-green-500/10`,e.category===`CONFIRMAR`&&`text-amber-500 bg-amber-500/10`),children:e.category})]}),(0,A.jsx)(_,{variant:`ghost`,size:`sm`,onClick:()=>{Q({customRules:N.customRules.filter((e,n)=>n!==t)})},children:`Eliminar`})]})},t))]})]}),Ee=()=>(0,A.jsxs)(`div`,{className:`space-y-6`,children:[(0,A.jsxs)(`div`,{className:`text-center space-y-2`,children:[(0,A.jsx)(`h2`,{className:`text-2xl font-bold`,children:`Módulos opcionales`}),(0,A.jsx)(`p`,{className:`text-muted-foreground`,children:`Activa las funcionalidades adicionales que quieras usar`})]}),(0,A.jsx)(T,{className:`border-border`,children:(0,A.jsx)(S,{className:`p-8 text-center`,children:(0,A.jsx)(`p`,{className:`text-muted-foreground`,children:`No hay módulos opcionales disponibles en este momento.`})})})]}),De=()=>(0,A.jsxs)(`div`,{className:`space-y-6`,children:[(0,A.jsxs)(`div`,{className:`text-center space-y-2`,children:[(0,A.jsx)(`h2`,{className:`text-2xl font-bold`,children:`¡Todo listo!`}),(0,A.jsx)(`p`,{className:`text-muted-foreground`,children:`Revisa tu configuración antes de continuar`})]}),z?(0,A.jsx)(T,{className:`border-green-500 bg-green-500/10`,children:(0,A.jsxs)(S,{className:`p-8 text-center space-y-4`,children:[(0,A.jsx)(`div`,{className:`flex justify-center`,children:(0,A.jsxs)(`div`,{className:`relative`,children:[(0,A.jsx)(f,{className:`w-24 h-24 text-amber-500 animate-pulse`,fill:`currentColor`}),(0,A.jsx)(m,{className:`w-8 h-8 text-amber-300 absolute -top-2 -right-2 animate-bounce`})]})}),(0,A.jsx)(`h3`,{className:`text-xl font-bold`,children:`¡Bienvenido a Hive!`}),(0,A.jsxs)(`p`,{className:`text-muted-foreground`,children:[N.agentName,` está listo para ayudarte.`]})]})}):(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)(T,{children:[(0,A.jsxs)(x,{children:[(0,A.jsxs)(C,{className:`flex items-center gap-3`,children:[(0,A.jsx)(`div`,{className:`w-10 h-10 rounded-lg flex items-center justify-center bg-amber-500`,children:(0,A.jsx)(f,{className:`w-6 h-6 text-white`,fill:`currentColor`})}),N.agentName]}),(0,A.jsx)(w,{children:N.agentDescription||`Sin descripción`})]}),(0,A.jsxs)(S,{className:`space-y-4`,children:[(0,A.jsxs)(`div`,{children:[(0,A.jsx)(y,{className:`text-sm text-muted-foreground`,children:`Proveedor`}),(0,A.jsxs)(`p`,{className:`font-medium`,children:[K.find(e=>e.id===N.provider)?.name||N.provider,` — `,N.model]})]}),(0,A.jsxs)(`div`,{children:[(0,A.jsx)(y,{className:`text-sm text-muted-foreground`,children:`Canales activos`}),(0,A.jsx)(`div`,{className:`flex gap-2 flex-wrap mt-1`,children:Object.entries(N.channels).filter(([e,t])=>t.enabled).map(([e])=>{let t=M.find(t=>t.id===e);return(0,A.jsxs)(b,{variant:`secondary`,children:[t?.icon,` `,t?.name]},e)})})]}),N.voiceEnabled&&(0,A.jsxs)(`div`,{children:[(0,A.jsx)(y,{className:`text-sm text-muted-foreground`,children:`Voz`}),(0,A.jsxs)(`p`,{className:`font-medium`,children:[`STT: `,N.sttProvider,` | TTS: `,N.ttsProvider,N.ttsVoice&&` (${N.ttsVoice})`]})]}),(0,A.jsxs)(`div`,{children:[(0,A.jsx)(y,{className:`text-sm text-muted-foreground`,children:`Reglas éticas activas`}),(0,A.jsx)(`div`,{className:`flex gap-2 flex-wrap mt-1`,children:Object.entries(N.ethicsRules).filter(([e,t])=>t).map(([e])=>(0,A.jsx)(b,{variant:`outline`,children:Z.find(t=>t.id===e)?.name??e},e))})]})]})]}),(0,A.jsx)(_,{className:`w-full h-14 text-lg bg-amber-500 hover:bg-amber-600`,onClick:ye,disabled:L,children:L?(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(p,{className:`w-5 h-5 mr-2 animate-spin`}),`Configurando...`]}):(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(m,{className:`w-5 h-5 mr-2`}),`Iniciar a `,N.agentName]})})]})]});return(0,A.jsx)(`div`,{className:`min-h-screen bg-gradient-to-b from-background to-muted/20`,children:(0,A.jsxs)(`div`,{className:`container max-w-2xl mx-auto py-8 px-4`,children:[(0,A.jsxs)(`div`,{className:`mb-8 space-y-2`,children:[(0,A.jsxs)(`div`,{className:`flex justify-between text-sm text-muted-foreground`,children:[(0,A.jsxs)(`span`,{children:[`Paso `,t,` de 8`]}),(0,A.jsx)(`button`,{onClick:_e,className:`text-xs text-muted-foreground hover:text-foreground`,children:`Reiniciar configuración`})]}),(0,A.jsx)(E,{value:t/8*100,className:`h-2`})]}),be(),W&&(0,A.jsx)(O,{variant:`destructive`,className:`mt-6`,children:(0,A.jsx)(D,{children:W})}),!z&&(0,A.jsxs)(`div`,{className:`flex justify-between mt-6 pt-6 border-t`,children:[(0,A.jsx)(_,{variant:`outline`,onClick:ge,disabled:t===1,children:`← Anterior`}),t<8?(0,A.jsx)(_,{onClick:he,className:`bg-amber-500 hover:bg-amber-600`,children:`Siguiente →`}):(0,A.jsx)(`div`,{})]})]})})}export{I as default};

package/dist/ui/assets/accordion-BEVqJf2A.js

@@ -1 +0,0 @@
-import{r as e}from"./rolldown-runtime-S-ySWqyJ.js";import{_ as t}from"./vendor-charts-Bu2lyBKP.js";import{C as n,S as r,b as i,ht as a,mt as o,w as s,x as c}from"./vendor-radix-JY4ncZrD.js";import{o as l}from"./vendor-query-DsWPbQdG.js";import{t as u}from"./utils-_qMjiZaF.js";import{l as d}from"./switch-7AuR7x2g.js";import{t as f}from"./chevron-down-B16UVNlu.js";var p=e(t(),1),m=l(),h=p.forwardRef(({className:e,...t},n)=>(0,m.jsx)(o,{ref:n,className:u(`peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50`,e),...t,children:(0,m.jsx)(a,{className:u(`flex items-center justify-center text-current`),children:(0,m.jsx)(d,{className:`h-4 w-4`})})}));h.displayName=o.displayName;var g=n,_=p.forwardRef(({className:e,...t},n)=>(0,m.jsx)(r,{ref:n,className:u(`border-b`,e),...t}));_.displayName=`AccordionItem`;var v=p.forwardRef(({className:e,children:t,...n},r)=>(0,m.jsx)(c,{className:`flex`,children:(0,m.jsxs)(s,{ref:r,className:u(`flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180`,e),...n,children:[t,(0,m.jsx)(f,{className:`h-4 w-4 shrink-0 transition-transform duration-200`})]})}));v.displayName=s.displayName;var y=p.forwardRef(({className:e,children:t,...n},r)=>(0,m.jsx)(i,{ref:r,className:`overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down`,...n,children:(0,m.jsx)(`div`,{className:u(`pb-4 pt-0`,e),children:t})}));y.displayName=i.displayName;export{h as a,v as i,y as n,_ as r,g as t};

package/dist/ui/assets/alert-BeGcM0nb.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"./dist-DB-fE0Co.js";import{t as i}from"./utils-_qMjiZaF.js";var a=e(t(),1),o=n(),s=r(`relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground`,{variants:{variant:{default:`bg-background text-foreground`,destructive:`border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive`}},defaultVariants:{variant:`default`}}),c=a.forwardRef(({className:e,variant:t,...n},r)=>(0,o.jsx)(`div`,{ref:r,role:`alert`,className:i(s({variant:t}),e),...n}));c.displayName=`Alert`;var l=a.forwardRef(({className:e,children:t,...n},r)=>(0,o.jsx)(`h5`,{ref:r,className:i(`mb-1 font-medium leading-none tracking-tight`,e),...n,children:t}));l.displayName=`AlertTitle`;var u=a.forwardRef(({className:e,...t},n)=>(0,o.jsx)(`div`,{ref:n,className:i(`text-sm [&_p]:leading-relaxed`,e),...t}));u.displayName=`AlertDescription`;export{u as n,l as r,c as t};