hanoman 0.9.24 → 0.9.26

package/web/assets/{VpsScreen-CmtFPOrc.js → VpsScreen-XWHjdq4i.js}

@@ -1,2 +1,2 @@
-import{a1 as be,h as g,v as fe,d as me,aU as E,aV as Y,j as e,M as ye,c as Oe,aW as ie,aS as ue,m as F,I as ne,x as Re,B as y,i as T,q as Se,r as Me,aX as Ue,aI as _e,e as G,f as X,aY as He,l as Fe,ap as Ke,R as We,X as qe,O as Ge,W as Xe}from"./index-DVdPR2vU.js";import{R as c}from"./react-DfGhg7ZW.js";import"./markdown-CWEY34jk.js";import"./xterm-3VOAfa_q.js";const Ye=10*6e4,we=(s,t)=>!!s.lastSeenAt&&t-new Date(s.lastSeenAt).getTime()<Ye;function he(s,t=Date.now()){const l=s.lastSeenAt?we(s,t)?{state:"done",text:"terhubung"}:{state:"gagal",text:"tidak terjangkau"}:{state:"todo",text:"belum terhubung"},o=s.lastAuditAt?{state:"done",text:`diaudit ${be(s.lastAuditAt,t)||"—"}`}:{state:"todo",text:"belum diaudit"},m=s.lastAuditAt&&s.hardened?{state:"done",text:"diperkuat"}:{state:"todo",text:"belum diperkuat"};return[{key:"terhubung",label:"Terhubung",...l},{key:"diaudit",label:"Diaudit",...o},{key:"diperkuat",label:"Diperkuat",...m}]}const Qe=(s,t)=>{const l=new Set(s);return l.size===new Set(t).size&&t.every(o=>l.has(o))};function ke(s,t){return s.length>0&&t!==null&&Qe(s,t)}const Je=s=>s==null?"Skor —":`Skor ${s}%`,Ze={pass:"check",fail:"x",warn:"alert-triangle",na:"minus",unknown:"circle"},es={pass:"var(--leaf-600)",fail:"var(--clay-600)",warn:"var(--status-warn)",na:"var(--text-subtle)",unknown:"var(--text-subtle)"},ss={critical:"var(--clay-600)",high:"var(--status-warn)",medium:"var(--text-subtle)",low:"var(--text-subtle)"},te={AUTO:"Otomatis",AUDIT:"Audit",INFO:"Info"};function re({text:s,color:t}){return e.jsx("span",{className:"vps-badge",style:{color:t,borderColor:t},children:s})}function Ne({score:s}){const t=s>=90?"vps-tone-ok":s>=50?"vps-tone-warn":"vps-tone-bad";return e.jsxs("div",{className:"vps-bar-wrap",children:[e.jsx("div",{className:"vps-bar",children:e.jsx("div",{className:`vps-bar-fill ${t}`,style:{width:`${s}%`}})}),e.jsxs("span",{className:"vps-bar-num",children:[s,"%"]})]})}function as({item:s,busy:t,selected:l,onToggle:o,onNa:m,onAttest:h}){const u=s.mode==="AUTO"&&!s.na,x=s.status==="fail"||s.status==="warn"||!!s.drifted;return e.jsxs("div",{"data-testid":`item-${s.id}`,title:`${te[s.mode]} · ${Y[s.severity]}`,className:`vps-item${s.na?" vps-item-na":""}`,children:[u?e.jsx("span",{className:"vps-touch",children:e.jsx("input",{type:"checkbox","aria-label":`Pilih ${s.title}`,checked:l,onChange:()=>o(s)})}):e.jsx("span",{className:"vps-item-gap"}),e.jsx(ne,{name:Ze[s.status],size:14,color:es[s.status]}),e.jsx("span",{className:"vps-item-title",children:s.title}),s.drifted&&e.jsx(re,{text:"drift",color:"var(--clay-600)"}),x&&e.jsx(re,{text:Y[s.severity],color:ss[s.severity]}),s.mode==="INFO"&&!s.attested&&e.jsx(y,{size:"sm",variant:"ghost",leftIcon:"check-circle",loading:t,onClick:()=>h(s),children:"Tandai terpenuhi"}),e.jsx(y,{size:"sm",variant:"ghost",leftIcon:s.na?"rotate-ccw":"minus-circle",loading:t,onClick:()=>m(s,!s.na),children:s.na?"Batal N/A":"N/A"})]})}const ce={section:"",mode:"",status:"",severity:""};function le({value:s,onChange:t,options:l,label:o}){return e.jsxs("select",{"aria-label":o,value:s,onChange:m=>t(m.target.value),className:"vps-select vps-touch-select",children:[e.jsxs("option",{value:"",children:[o,": semua"]}),l.map(([m,h])=>e.jsx("option",{value:m,children:h},m))]})}function ts(s){let t=0,l=0,o=0,m=0;for(const x of s)x.status==="fail"?t++:x.status==="warn"?l++:x.status==="unknown"&&o++,x.drifted&&m++;const h=x=>x.charAt(0).toLowerCase()+x.slice(1),u=[t&&`${t} ${h(E.fail)}`,l&&`${l} ${h(E.warn)}`,o&&`${o} ${h(E.unknown)}`].filter(Boolean);return{text:u.length?u.join(" · "):`semua ${h(E.pass)}`,drift:m}}function ns({section:s,items:t,expanded:l,onToggle:o,busy:m,selected:h,onToggleItem:u,onNa:x,onAttest:b,onSectionNa:j}){const p=ts(s.items),f=!!s.suggestion&&!s.suggestion.applicable;return e.jsxs("div",{className:"vps-section",children:[e.jsxs("button",{"data-testid":`section-${s.id}`,"aria-expanded":l,onClick:()=>o(s.id),className:`vps-section-head${l?" vps-section-open":""}`,children:[e.jsx(ne,{name:l?"chevron-down":"chevron-right",size:15,color:"var(--text-subtle)"}),e.jsx("span",{className:"vps-section-icon",children:s.icon}),e.jsx("span",{className:"vps-section-title",children:s.title}),e.jsx("span",{className:"vps-section-sum",children:p.text}),p.drift>0&&e.jsx(re,{text:"drift",color:"var(--clay-600)"}),f&&e.jsx(re,{text:"saran N/A",color:"var(--brass-700)"}),e.jsx(Ne,{score:s.score})]}),l&&e.jsxs("div",{className:"vps-section-body",children:[f&&e.jsxs("div",{"data-testid":`suggestion-${s.id}`,className:"vps-suggest",children:[e.jsx(ne,{name:"info",size:13,color:"var(--brass-700)"}),e.jsxs("span",{className:"vps-suggest-text",children:["Stack tak terdeteksi (",s.suggestion.detail,") — kemungkinan N/A. Cek Docker manual bila ragu."]}),e.jsx(y,{size:"sm",variant:"ghost",leftIcon:"minus-circle",loading:m===`section:${s.id}`,onClick:()=>j(s),children:"Tandai seksi N/A"})]}),t.map(S=>e.jsx(as,{item:S,busy:m===S.id,selected:h.has(S.id),onToggle:u,onNa:x,onAttest:b},S.id))]})]})}function is({vpsId:s,vpsName:t,lastAuditAt:l,health:o,summary:m,provisioning:h,access:u,onScore:x,onClose:b,onToast:j}){const[p,f]=c.useState(null),[S,L]=c.useState("loading"),[A,B]=c.useState(""),[N,R]=c.useState("ringkasan"),[d,z]=c.useState(ce),[K,W]=c.useState(""),[Q,q]=c.useState(new Set),[M,$]=c.useState(null),[C,O]=c.useState(new Set),[D,U]=c.useState(null),[J,a]=c.useState(""),v=c.useRef(x);v.current=x;const I=c.useCallback(()=>{L("loading"),g.vpsChecklist(s).then(i=>{var k;f(i),L("ready"),(k=v.current)==null||k.call(v,i.scoreTotal)}).catch(i=>{B(fe(i,"tak diketahui")),L("error")})},[s]);c.useEffect(()=>{I(),O(new Set),U(null),q(new Set),W(""),z(ce)},[I]);const Z=i=>{U(null),O(k=>{const r=new Set(k);return r.has(i.id)?r.delete(i.id):r.add(i.id),r})},_=()=>{O(new Set),U(null)},ee=i=>q(k=>{const r=new Set(k);return r.has(i)?r.delete(i):r.add(i),r}),{confirm:se,dialog:n}=me(),w=(D==null?void 0:D.forIds)??null,V=ke([...C],w);async function Ce(){const i=[...C];a("preview");try{U({steps:(await g.remediatePreview(s,i)).steps,forIds:i})}catch(k){j(T("membuat pratinjau remediasi",k),"err","x-circle")}finally{a("")}}async function Pe(){const i=[...C];if(!ke(i,w))return;const r=((p==null?void 0:p.sections.flatMap(P=>P.items))??[]).filter(P=>C.has(P.id));if(await se({title:`Terapkan ${i.length} item AUTO ke VPS ini?`,message:"Remediasi dijalankan langsung di server yang terdaftar.",impact:[...r.map(P=>`${P.id} · ${P.title}`),"Langkahnya idempoten dan anti-lockout.","Checklist diaudit ulang setelah selesai."],confirmLabel:"Terapkan",icon:"shield"})){a("apply");try{await g.remediate(s,i),_(),I(),j("Remediasi diterapkan · audit ulang","ok","shield")}catch(P){j(T("menerapkan remediasi",P),"err","x-circle")}finally{a("")}}}async function pe(i,k,r){$(i.id);try{await k(),I(),j(r,"ok","shield")}catch(P){j(T(`memperbarui ${i.id}`,P),"err","x-circle")}finally{$(null)}}const Ae=(i,k)=>pe(i,()=>g.markNa(s,i.id,k,k?"ditandai dari checklist":void 0),k?`${i.id} ditandai N/A`:`${i.id} kembali applicable`),Ie=i=>pe(i,()=>g.attestItem(s,i.id),`${i.id} ditandai terpenuhi`);async function Le(i){const k=i.items.map(r=>r.id);if(await se({title:`Tandai ${k.length} item seksi "${i.title}" sebagai N/A?`,message:"Stack-nya tak terdeteksi — cek Docker manual bila ragu.",confirmLabel:"Tandai N/A",icon:"shield"})){$(`section:${i.id}`);try{await g.markNaBulk(s,k,!0,"app-layer: stack tak terdeteksi"),I(),j(`Seksi ${i.title} ditandai N/A`,"ok","shield")}catch(r){j(T(`menandai seksi ${i.title} sebagai N/A`,r),"err","x-circle")}finally{$(null)}}}const ae=K.trim().toLowerCase(),oe=!!(d.section||d.mode||d.status||d.severity)||ae!=="",Ve=i=>(!d.section||i.section===d.section)&&(!d.mode||i.mode===d.mode)&&(!d.status||i.status===d.status)&&(!d.severity||i.severity===d.severity)&&(!ae||i.title.toLowerCase().includes(ae)||i.id.toLowerCase().includes(ae)||(i.code??"").toLowerCase().includes(ae)),H=i=>k=>z(r=>({...r,[i]:k})),Te=i=>{var k;return((k=p==null?void 0:p.sections.find(r=>r.id===i))==null?void 0:k.title)??i},De=[...d.section?[{key:"section",label:`Seksi: ${Te(d.section)}`,onRemove:()=>H("section")("")}]:[],...d.mode?[{key:"mode",label:`Mode: ${te[d.mode]}`,onRemove:()=>H("mode")("")}]:[],...d.status?[{key:"status",label:`Status: ${E[d.status]}`,onRemove:()=>H("status")("")}]:[],...d.severity?[{key:"severity",label:`Severity: ${Y[d.severity]}`,onRemove:()=>H("severity")("")}]:[]],Be=()=>{z(ce),W("")};function ze(){if(S==="loading")return e.jsx(F,{kind:"loading",compact:!0,title:"Memuat checklist…"});if(S==="error"||!p)return e.jsx(F,{kind:"error",compact:!0,title:"Gagal memuat checklist",hint:A,action:I});const i=p.sections.reduce((r,P)=>r+P.items.filter(Ee=>Ee.drifted).length,0),k=p.sections.map(r=>({section:r,matched:r.items.filter(Ve)})).filter(r=>!oe||r.matched.length>0);return e.jsxs("div",{children:[e.jsxs("div",{className:"vps-check-head",children:[e.jsxs("div",{className:"vps-check-score",children:[e.jsxs("span",{"data-testid":"score-total",className:"vps-check-score-num",children:[p.scoreTotal,"%"]}),e.jsx("div",{className:"vps-check-score-bar",children:e.jsx(Ne,{score:p.scoreTotal})}),e.jsx(ue,{size:11,tone:"subtle",children:"skor kepatuhan"})]}),i>0&&e.jsxs("div",{"data-testid":"drift-summary",className:"vps-drift",children:[e.jsx(ne,{name:"alert-triangle",size:14,color:"var(--clay-600)"}),i," item drift (regresi) sejak audit sebelumnya"]}),e.jsx(Re,{label:"Filter checklist",search:{value:K,onChange:W,label:"cari item",placeholder:"mis. ssh atau 5.2.1"},chips:De,filtersLabel:"Filter",onReset:Be,filters:e.jsxs("div",{className:"vps-filter-fields",children:[e.jsx(le,{label:"seksi",value:d.section,onChange:H("section"),options:p.sections.map(r=>[r.id,r.title])}),e.jsx(le,{label:"mode",value:d.mode,onChange:H("mode"),options:[["AUTO",te.AUTO],["AUDIT",te.AUDIT],["INFO",te.INFO]]}),e.jsx(le,{label:"status",value:d.status,onChange:H("status"),options:[["pass",E.pass],["fail",E.fail],["warn",E.warn],["na",E.na],["unknown",E.unknown]]}),e.jsx(le,{label:"severity",value:d.severity,onChange:H("severity"),options:[["critical",Y.critical],["high",Y.high],["medium",Y.medium],["low",Y.low]]})]})}),C.size>0&&e.jsxs("div",{className:"vps-remedi",role:"group","aria-label":"Alur perbaikan",children:[e.jsxs("ol",{className:"vps-remedi-steps",children:[e.jsxs("li",{"data-state":"done",children:["1 Pilih · ",C.size," item AUTO"]}),e.jsx("li",{"data-state":D?"done":"active",children:"2 Pratinjau"}),e.jsx("li",{"data-state":V?"active":"todo",children:"3 Terapkan"})]}),e.jsxs("div",{className:"vps-remedi-actions",children:[e.jsx(y,{size:"sm",variant:"secondary",leftIcon:"eye",loading:J==="preview",onClick:Ce,children:"Pratinjau"}),e.jsx(y,{size:"sm",leftIcon:"shield",loading:J==="apply",disabled:!V,onClick:Pe,children:"Terapkan"}),e.jsx(y,{size:"sm",variant:"ghost",onClick:_,children:"Batal"})]}),!V&&e.jsx("div",{className:"vps-remedi-hint",children:"Buat pratinjau dulu. Terapkan hanya memakai pratinjau untuk pilihan ini."})]}),D&&e.jsxs("div",{"data-testid":"remediate-preview",className:"vps-preview",children:[e.jsx("div",{className:"vps-preview-title",children:"Pratinjau (dry-run) — belum diterapkan. Mengubah pilihan membatalkannya."}),D.steps.map(r=>e.jsxs("div",{className:"vps-preview-line",children:[r.item," · ",r.status," ",r.detail]},r.item))]})]}),k.length===0?e.jsx(F,{kind:"empty",compact:!0,title:"Tidak ada item cocok",hint:"Ubah kata kunci atau reset filter."}):k.map(({section:r,matched:P})=>e.jsx(ns,{section:r,items:oe?P:r.items,expanded:oe?!0:Q.has(r.id),onToggle:ee,busy:M,selected:C,onToggleItem:Z,onNa:Ae,onAttest:Ie,onSectionNa:Le},r.id))]})}return e.jsxs(ye,{open:!0,width:960,icon:"clipboard-list",eyebrow:"Detail server",title:t??"VPS",onClose:b,children:[e.jsxs(Oe,{"aria-label":"Bagian detail VPS",value:N,className:"vps-tabs",tabs:[{value:"ringkasan",label:"Ringkasan"},{value:"checklist",label:"Checklist"},{value:"pemasangan",label:"Pemasangan"},{value:"akses",label:"Akses"}],onChange:i=>R(i),children:[e.jsx(ie,{value:"ringkasan",children:e.jsxs("div",{className:"vps-summary",children:[e.jsxs("div",{"data-testid":"vps-detail",className:"vps-detail-meta",children:[l?`Audit terakhir ${be(l)||"—"}`:"Belum pernah diaudit",o&&` · disk ${o.disk} · mem ${o.mem} · load ${o.load}`]}),p&&e.jsxs("div",{className:"vps-summary-score",children:[e.jsx(ue,{size:12,tone:"muted",children:"Skor kepatuhan"}),e.jsxs("span",{"data-testid":"ringkasan-score",className:"vps-summary-score-num",children:[p.scoreTotal,"%"]})]}),m]})}),e.jsx(ie,{value:"checklist",children:ze()}),e.jsx(ie,{value:"pemasangan",children:e.jsx("div",{"data-testid":"vps-provisioning",children:h??e.jsx(F,{kind:"empty",compact:!0,title:"Pemasangan belum tersedia"})})}),e.jsx(ie,{value:"akses",children:u??e.jsx(F,{kind:"empty",compact:!0,title:"Akses belum tersedia"})})]}),n]})}const xe=He;function ls(s,t){if(t.status==="partial"&&t.detail.startsWith("not-logged-in"))return`${s} · belum login`;if(t.status==="partial")return`${s} · ${t.detail||xe.partial}`;const l=t.status==="ok"&&t.detail?` ${t.detail}`:"";return`${s} · ${Fe(xe,t.status)}${l}`}const rs={lab:"Uji coba: komponen dipasang langsung di host ini.",production:"Produksi: agen dipasang ke dalam image terisolasi; sebagian komponen tak tersedia di profil ini."};function os({status:s,children:t,title:l}){return e.jsxs("span",{title:l,className:"vps-prov-chip",children:[e.jsx("span",{"aria-hidden":!0,className:"vps-prov-dot","data-status":s}),t]})}function $e({components:s,checkedAt:t}){return!s||!t?e.jsx("span",{className:"vps-prov-hint",children:"Komponen belum diperiksa"}):e.jsxs("div",{className:"vps-prov-badges",children:[Object.entries(s).map(([l,o])=>e.jsx(os,{status:o.status,children:ls(l,o)},l)),e.jsxs("span",{className:"vps-prov-hint",children:["diperiksa ",new Date(t).toLocaleString("id-ID")]})]})}function cs(s,t,l){const o=new Map(t.map(u=>[u.id,u])),m=new Set,h=u=>{var x;if(!m.has(u)){m.add(u);for(const b of((x=o.get(u))==null?void 0:x.requires[l])??[])h(b)}};for(const u of s)h(u);return m}function ds({vps:s,onToast:t,onGotoTerminal:l}){const[o,m]=c.useState([]),[h,u]=Se("vps",`provisionProfile@${s.id}`,"lab",Me("lab","production")),[x,b]=c.useState(new Set),[j,p]=c.useState(""),[f,S]=c.useState(null),[L,A]=c.useState(null),[B,N]=c.useState(null),[R,d]=c.useState(null),[z,K]=c.useState(!1),{confirm:W,dialog:Q}=me();c.useEffect(()=>{g.listVpsComponents().then(n=>m(n.components)).catch(()=>m([]))},[]);const q=o.filter(n=>n.profiles.includes(h)),M=cs(x,o,h),$=[...M],C=$.some(n=>{var w;return(w=o.find(V=>V.id===n))==null?void 0:w.needsDomain}),O=$.length>0&&(!C||j.trim().length>0),D=$.length===0?"Pilih minimal satu komponen.":C&&!j.trim()?"Isi domain dulu — komponen yang dipilih membutuhkannya.":null;function U(n){b(w=>{const V=new Set(w);return V.has(n)?V.delete(n):V.add(n),V})}async function J(){d("probe");try{A(await g.probeVps(s.id)),t("Komponen diperiksa","ok","server")}catch(n){t(T("memeriksa komponen",n),"err","x-circle")}finally{d(null)}}async function a(){d("preview");try{S((await g.provisionPreview(s.id,{items:$,profile:h,domain:j||void 0})).steps)}catch(n){t(T("membuat pratinjau",n),"err","x-circle")}finally{d(null)}}async function v(){if(await W({title:`Pasang ${$.length} komponen di "${s.name}"?`,message:`Profil ${h}. Langkah dijalankan lewat SSH dan bisa memakan beberapa menit.`,impact:$.map(n=>{var w;return((w=o.find(V=>V.id===n))==null?void 0:w.label)??n}),confirmLabel:"Pasang",icon:"server"})){d("apply");try{const n=await g.provisionVps(s.id,{items:$,profile:h,domain:j||void 0,confirm:!0});S(n.steps),A({components:n.components,checkedAt:n.checkedAt}),N(n.setup),t("Provisioning selesai","ok","server")}catch(n){t(T("memasang komponen",n),"err","x-circle")}finally{d(null)}}}const I=async()=>{try{const{id:n}=await g.vpsConsole(s.id);l(n)}catch(n){t(T("membuka console",n),"err","x-circle")}},Z=async n=>{if(!navigator.clipboard){t("Salin tak tersedia di browser ini. Pilih tautannya lalu salin manual.","err","x-circle");return}try{await navigator.clipboard.writeText(n),K(!0),window.setTimeout(()=>K(!1),2e3)}catch(w){t(T("menyalin tautan",w),"err","x-circle")}},_=L?Object.fromEntries(L.components.map(n=>[n.id,{status:n.status,detail:n.detail}])):s.components??null,ee=(L==null?void 0:L.checkedAt)??s.componentsCheckedAt??null,se=_?Object.entries(_).filter(([,n])=>n.status==="partial"&&n.detail.startsWith("not-logged-in")):[];return e.jsxs("div",{className:"vps-prov",children:[e.jsxs("div",{className:"vps-prov-row",children:[e.jsx($e,{components:_,checkedAt:ee}),e.jsx(y,{size:"sm",variant:"ghost",onClick:J,disabled:R!==null,children:"Periksa"})]}),e.jsxs("fieldset",{className:"vps-prov-fieldset",children:[e.jsx("legend",{className:"vps-prov-legend",children:"Profil"}),e.jsx("div",{className:"vps-prov-profiles",children:["lab","production"].map(n=>e.jsxs("div",{children:[e.jsx(Ue,{"aria-label":n,label:n,checked:h===n,onChange:()=>u(n)}),e.jsx("div",{className:"vps-prov-profile-hint",children:rs[n]})]},n))})]}),e.jsx("div",{className:"vps-prov-items",children:q.map(n=>{const w=M.has(n.id)&&!x.has(n.id);return e.jsxs("div",{className:"vps-prov-item",children:[e.jsx(_e,{"aria-label":n.label,label:n.label,checked:M.has(n.id),disabled:w,onChange:()=>U(n.id)}),w&&e.jsx("span",{className:"vps-prov-tag",children:"prasyarat"})]},n.id)})}),C&&e.jsx(G,{label:"Domain",hint:"A record harus sudah menunjuk ke IP VPS ini",children:e.jsx(X,{"aria-label":"Domain",value:j,onChange:n=>p(n.currentTarget.value),placeholder:"hanoman.contoh.id"})}),e.jsxs("div",{className:"vps-prov-row",children:[e.jsx(y,{variant:"ghost",onClick:a,disabled:!O||R!==null,children:"Pratinjau"}),e.jsx(y,{onClick:v,disabled:!O||R!==null,children:"Pasang"}),!O&&D&&e.jsx("span",{className:"vps-prov-reason",children:D})]}),e.jsx("div",{"aria-live":"polite",children:f&&e.jsx("pre",{tabIndex:0,"aria-label":"Hasil langkah provisioning",className:"vps-prov-steps",children:f.map(n=>`${n.item.padEnd(14)} ${n.status.padEnd(6)} ${n.detail}`).join(`
+import{a1 as be,h as g,v as fe,d as me,aU as E,aV as Y,j as e,M as ye,c as Oe,aW as ie,aS as ue,m as F,I as ne,x as Re,B as y,i as T,q as Se,r as Me,aX as Ue,aI as _e,e as G,f as X,aY as He,l as Fe,ap as Ke,R as We,X as qe,O as Ge,W as Xe}from"./index-BvFCEJud.js";import{R as c}from"./react-DfGhg7ZW.js";import"./markdown-CWEY34jk.js";import"./xterm-3VOAfa_q.js";const Ye=10*6e4,we=(s,t)=>!!s.lastSeenAt&&t-new Date(s.lastSeenAt).getTime()<Ye;function he(s,t=Date.now()){const l=s.lastSeenAt?we(s,t)?{state:"done",text:"terhubung"}:{state:"gagal",text:"tidak terjangkau"}:{state:"todo",text:"belum terhubung"},o=s.lastAuditAt?{state:"done",text:`diaudit ${be(s.lastAuditAt,t)||"—"}`}:{state:"todo",text:"belum diaudit"},m=s.lastAuditAt&&s.hardened?{state:"done",text:"diperkuat"}:{state:"todo",text:"belum diperkuat"};return[{key:"terhubung",label:"Terhubung",...l},{key:"diaudit",label:"Diaudit",...o},{key:"diperkuat",label:"Diperkuat",...m}]}const Qe=(s,t)=>{const l=new Set(s);return l.size===new Set(t).size&&t.every(o=>l.has(o))};function ke(s,t){return s.length>0&&t!==null&&Qe(s,t)}const Je=s=>s==null?"Skor —":`Skor ${s}%`,Ze={pass:"check",fail:"x",warn:"alert-triangle",na:"minus",unknown:"circle"},es={pass:"var(--leaf-600)",fail:"var(--clay-600)",warn:"var(--status-warn)",na:"var(--text-subtle)",unknown:"var(--text-subtle)"},ss={critical:"var(--clay-600)",high:"var(--status-warn)",medium:"var(--text-subtle)",low:"var(--text-subtle)"},te={AUTO:"Otomatis",AUDIT:"Audit",INFO:"Info"};function re({text:s,color:t}){return e.jsx("span",{className:"vps-badge",style:{color:t,borderColor:t},children:s})}function Ne({score:s}){const t=s>=90?"vps-tone-ok":s>=50?"vps-tone-warn":"vps-tone-bad";return e.jsxs("div",{className:"vps-bar-wrap",children:[e.jsx("div",{className:"vps-bar",children:e.jsx("div",{className:`vps-bar-fill ${t}`,style:{width:`${s}%`}})}),e.jsxs("span",{className:"vps-bar-num",children:[s,"%"]})]})}function as({item:s,busy:t,selected:l,onToggle:o,onNa:m,onAttest:h}){const u=s.mode==="AUTO"&&!s.na,x=s.status==="fail"||s.status==="warn"||!!s.drifted;return e.jsxs("div",{"data-testid":`item-${s.id}`,title:`${te[s.mode]} · ${Y[s.severity]}`,className:`vps-item${s.na?" vps-item-na":""}`,children:[u?e.jsx("span",{className:"vps-touch",children:e.jsx("input",{type:"checkbox","aria-label":`Pilih ${s.title}`,checked:l,onChange:()=>o(s)})}):e.jsx("span",{className:"vps-item-gap"}),e.jsx(ne,{name:Ze[s.status],size:14,color:es[s.status]}),e.jsx("span",{className:"vps-item-title",children:s.title}),s.drifted&&e.jsx(re,{text:"drift",color:"var(--clay-600)"}),x&&e.jsx(re,{text:Y[s.severity],color:ss[s.severity]}),s.mode==="INFO"&&!s.attested&&e.jsx(y,{size:"sm",variant:"ghost",leftIcon:"check-circle",loading:t,onClick:()=>h(s),children:"Tandai terpenuhi"}),e.jsx(y,{size:"sm",variant:"ghost",leftIcon:s.na?"rotate-ccw":"minus-circle",loading:t,onClick:()=>m(s,!s.na),children:s.na?"Batal N/A":"N/A"})]})}const ce={section:"",mode:"",status:"",severity:""};function le({value:s,onChange:t,options:l,label:o}){return e.jsxs("select",{"aria-label":o,value:s,onChange:m=>t(m.target.value),className:"vps-select vps-touch-select",children:[e.jsxs("option",{value:"",children:[o,": semua"]}),l.map(([m,h])=>e.jsx("option",{value:m,children:h},m))]})}function ts(s){let t=0,l=0,o=0,m=0;for(const x of s)x.status==="fail"?t++:x.status==="warn"?l++:x.status==="unknown"&&o++,x.drifted&&m++;const h=x=>x.charAt(0).toLowerCase()+x.slice(1),u=[t&&`${t} ${h(E.fail)}`,l&&`${l} ${h(E.warn)}`,o&&`${o} ${h(E.unknown)}`].filter(Boolean);return{text:u.length?u.join(" · "):`semua ${h(E.pass)}`,drift:m}}function ns({section:s,items:t,expanded:l,onToggle:o,busy:m,selected:h,onToggleItem:u,onNa:x,onAttest:b,onSectionNa:j}){const p=ts(s.items),f=!!s.suggestion&&!s.suggestion.applicable;return e.jsxs("div",{className:"vps-section",children:[e.jsxs("button",{"data-testid":`section-${s.id}`,"aria-expanded":l,onClick:()=>o(s.id),className:`vps-section-head${l?" vps-section-open":""}`,children:[e.jsx(ne,{name:l?"chevron-down":"chevron-right",size:15,color:"var(--text-subtle)"}),e.jsx("span",{className:"vps-section-icon",children:s.icon}),e.jsx("span",{className:"vps-section-title",children:s.title}),e.jsx("span",{className:"vps-section-sum",children:p.text}),p.drift>0&&e.jsx(re,{text:"drift",color:"var(--clay-600)"}),f&&e.jsx(re,{text:"saran N/A",color:"var(--brass-700)"}),e.jsx(Ne,{score:s.score})]}),l&&e.jsxs("div",{className:"vps-section-body",children:[f&&e.jsxs("div",{"data-testid":`suggestion-${s.id}`,className:"vps-suggest",children:[e.jsx(ne,{name:"info",size:13,color:"var(--brass-700)"}),e.jsxs("span",{className:"vps-suggest-text",children:["Stack tak terdeteksi (",s.suggestion.detail,") — kemungkinan N/A. Cek Docker manual bila ragu."]}),e.jsx(y,{size:"sm",variant:"ghost",leftIcon:"minus-circle",loading:m===`section:${s.id}`,onClick:()=>j(s),children:"Tandai seksi N/A"})]}),t.map(S=>e.jsx(as,{item:S,busy:m===S.id,selected:h.has(S.id),onToggle:u,onNa:x,onAttest:b},S.id))]})]})}function is({vpsId:s,vpsName:t,lastAuditAt:l,health:o,summary:m,provisioning:h,access:u,onScore:x,onClose:b,onToast:j}){const[p,f]=c.useState(null),[S,L]=c.useState("loading"),[A,B]=c.useState(""),[N,R]=c.useState("ringkasan"),[d,z]=c.useState(ce),[K,W]=c.useState(""),[Q,q]=c.useState(new Set),[M,$]=c.useState(null),[C,O]=c.useState(new Set),[D,U]=c.useState(null),[J,a]=c.useState(""),v=c.useRef(x);v.current=x;const I=c.useCallback(()=>{L("loading"),g.vpsChecklist(s).then(i=>{var k;f(i),L("ready"),(k=v.current)==null||k.call(v,i.scoreTotal)}).catch(i=>{B(fe(i,"tak diketahui")),L("error")})},[s]);c.useEffect(()=>{I(),O(new Set),U(null),q(new Set),W(""),z(ce)},[I]);const Z=i=>{U(null),O(k=>{const r=new Set(k);return r.has(i.id)?r.delete(i.id):r.add(i.id),r})},_=()=>{O(new Set),U(null)},ee=i=>q(k=>{const r=new Set(k);return r.has(i)?r.delete(i):r.add(i),r}),{confirm:se,dialog:n}=me(),w=(D==null?void 0:D.forIds)??null,V=ke([...C],w);async function Ce(){const i=[...C];a("preview");try{U({steps:(await g.remediatePreview(s,i)).steps,forIds:i})}catch(k){j(T("membuat pratinjau remediasi",k),"err","x-circle")}finally{a("")}}async function Pe(){const i=[...C];if(!ke(i,w))return;const r=((p==null?void 0:p.sections.flatMap(P=>P.items))??[]).filter(P=>C.has(P.id));if(await se({title:`Terapkan ${i.length} item AUTO ke VPS ini?`,message:"Remediasi dijalankan langsung di server yang terdaftar.",impact:[...r.map(P=>`${P.id} · ${P.title}`),"Langkahnya idempoten dan anti-lockout.","Checklist diaudit ulang setelah selesai."],confirmLabel:"Terapkan",icon:"shield"})){a("apply");try{await g.remediate(s,i),_(),I(),j("Remediasi diterapkan · audit ulang","ok","shield")}catch(P){j(T("menerapkan remediasi",P),"err","x-circle")}finally{a("")}}}async function pe(i,k,r){$(i.id);try{await k(),I(),j(r,"ok","shield")}catch(P){j(T(`memperbarui ${i.id}`,P),"err","x-circle")}finally{$(null)}}const Ae=(i,k)=>pe(i,()=>g.markNa(s,i.id,k,k?"ditandai dari checklist":void 0),k?`${i.id} ditandai N/A`:`${i.id} kembali applicable`),Ie=i=>pe(i,()=>g.attestItem(s,i.id),`${i.id} ditandai terpenuhi`);async function Le(i){const k=i.items.map(r=>r.id);if(await se({title:`Tandai ${k.length} item seksi "${i.title}" sebagai N/A?`,message:"Stack-nya tak terdeteksi — cek Docker manual bila ragu.",confirmLabel:"Tandai N/A",icon:"shield"})){$(`section:${i.id}`);try{await g.markNaBulk(s,k,!0,"app-layer: stack tak terdeteksi"),I(),j(`Seksi ${i.title} ditandai N/A`,"ok","shield")}catch(r){j(T(`menandai seksi ${i.title} sebagai N/A`,r),"err","x-circle")}finally{$(null)}}}const ae=K.trim().toLowerCase(),oe=!!(d.section||d.mode||d.status||d.severity)||ae!=="",Ve=i=>(!d.section||i.section===d.section)&&(!d.mode||i.mode===d.mode)&&(!d.status||i.status===d.status)&&(!d.severity||i.severity===d.severity)&&(!ae||i.title.toLowerCase().includes(ae)||i.id.toLowerCase().includes(ae)||(i.code??"").toLowerCase().includes(ae)),H=i=>k=>z(r=>({...r,[i]:k})),Te=i=>{var k;return((k=p==null?void 0:p.sections.find(r=>r.id===i))==null?void 0:k.title)??i},De=[...d.section?[{key:"section",label:`Seksi: ${Te(d.section)}`,onRemove:()=>H("section")("")}]:[],...d.mode?[{key:"mode",label:`Mode: ${te[d.mode]}`,onRemove:()=>H("mode")("")}]:[],...d.status?[{key:"status",label:`Status: ${E[d.status]}`,onRemove:()=>H("status")("")}]:[],...d.severity?[{key:"severity",label:`Severity: ${Y[d.severity]}`,onRemove:()=>H("severity")("")}]:[]],Be=()=>{z(ce),W("")};function ze(){if(S==="loading")return e.jsx(F,{kind:"loading",compact:!0,title:"Memuat checklist…"});if(S==="error"||!p)return e.jsx(F,{kind:"error",compact:!0,title:"Gagal memuat checklist",hint:A,action:I});const i=p.sections.reduce((r,P)=>r+P.items.filter(Ee=>Ee.drifted).length,0),k=p.sections.map(r=>({section:r,matched:r.items.filter(Ve)})).filter(r=>!oe||r.matched.length>0);return e.jsxs("div",{children:[e.jsxs("div",{className:"vps-check-head",children:[e.jsxs("div",{className:"vps-check-score",children:[e.jsxs("span",{"data-testid":"score-total",className:"vps-check-score-num",children:[p.scoreTotal,"%"]}),e.jsx("div",{className:"vps-check-score-bar",children:e.jsx(Ne,{score:p.scoreTotal})}),e.jsx(ue,{size:11,tone:"subtle",children:"skor kepatuhan"})]}),i>0&&e.jsxs("div",{"data-testid":"drift-summary",className:"vps-drift",children:[e.jsx(ne,{name:"alert-triangle",size:14,color:"var(--clay-600)"}),i," item drift (regresi) sejak audit sebelumnya"]}),e.jsx(Re,{label:"Filter checklist",search:{value:K,onChange:W,label:"cari item",placeholder:"mis. ssh atau 5.2.1"},chips:De,filtersLabel:"Filter",onReset:Be,filters:e.jsxs("div",{className:"vps-filter-fields",children:[e.jsx(le,{label:"seksi",value:d.section,onChange:H("section"),options:p.sections.map(r=>[r.id,r.title])}),e.jsx(le,{label:"mode",value:d.mode,onChange:H("mode"),options:[["AUTO",te.AUTO],["AUDIT",te.AUDIT],["INFO",te.INFO]]}),e.jsx(le,{label:"status",value:d.status,onChange:H("status"),options:[["pass",E.pass],["fail",E.fail],["warn",E.warn],["na",E.na],["unknown",E.unknown]]}),e.jsx(le,{label:"severity",value:d.severity,onChange:H("severity"),options:[["critical",Y.critical],["high",Y.high],["medium",Y.medium],["low",Y.low]]})]})}),C.size>0&&e.jsxs("div",{className:"vps-remedi",role:"group","aria-label":"Alur perbaikan",children:[e.jsxs("ol",{className:"vps-remedi-steps",children:[e.jsxs("li",{"data-state":"done",children:["1 Pilih · ",C.size," item AUTO"]}),e.jsx("li",{"data-state":D?"done":"active",children:"2 Pratinjau"}),e.jsx("li",{"data-state":V?"active":"todo",children:"3 Terapkan"})]}),e.jsxs("div",{className:"vps-remedi-actions",children:[e.jsx(y,{size:"sm",variant:"secondary",leftIcon:"eye",loading:J==="preview",onClick:Ce,children:"Pratinjau"}),e.jsx(y,{size:"sm",leftIcon:"shield",loading:J==="apply",disabled:!V,onClick:Pe,children:"Terapkan"}),e.jsx(y,{size:"sm",variant:"ghost",onClick:_,children:"Batal"})]}),!V&&e.jsx("div",{className:"vps-remedi-hint",children:"Buat pratinjau dulu. Terapkan hanya memakai pratinjau untuk pilihan ini."})]}),D&&e.jsxs("div",{"data-testid":"remediate-preview",className:"vps-preview",children:[e.jsx("div",{className:"vps-preview-title",children:"Pratinjau (dry-run) — belum diterapkan. Mengubah pilihan membatalkannya."}),D.steps.map(r=>e.jsxs("div",{className:"vps-preview-line",children:[r.item," · ",r.status," ",r.detail]},r.item))]})]}),k.length===0?e.jsx(F,{kind:"empty",compact:!0,title:"Tidak ada item cocok",hint:"Ubah kata kunci atau reset filter."}):k.map(({section:r,matched:P})=>e.jsx(ns,{section:r,items:oe?P:r.items,expanded:oe?!0:Q.has(r.id),onToggle:ee,busy:M,selected:C,onToggleItem:Z,onNa:Ae,onAttest:Ie,onSectionNa:Le},r.id))]})}return e.jsxs(ye,{open:!0,width:960,icon:"clipboard-list",eyebrow:"Detail server",title:t??"VPS",onClose:b,children:[e.jsxs(Oe,{"aria-label":"Bagian detail VPS",value:N,className:"vps-tabs",tabs:[{value:"ringkasan",label:"Ringkasan"},{value:"checklist",label:"Checklist"},{value:"pemasangan",label:"Pemasangan"},{value:"akses",label:"Akses"}],onChange:i=>R(i),children:[e.jsx(ie,{value:"ringkasan",children:e.jsxs("div",{className:"vps-summary",children:[e.jsxs("div",{"data-testid":"vps-detail",className:"vps-detail-meta",children:[l?`Audit terakhir ${be(l)||"—"}`:"Belum pernah diaudit",o&&` · disk ${o.disk} · mem ${o.mem} · load ${o.load}`]}),p&&e.jsxs("div",{className:"vps-summary-score",children:[e.jsx(ue,{size:12,tone:"muted",children:"Skor kepatuhan"}),e.jsxs("span",{"data-testid":"ringkasan-score",className:"vps-summary-score-num",children:[p.scoreTotal,"%"]})]}),m]})}),e.jsx(ie,{value:"checklist",children:ze()}),e.jsx(ie,{value:"pemasangan",children:e.jsx("div",{"data-testid":"vps-provisioning",children:h??e.jsx(F,{kind:"empty",compact:!0,title:"Pemasangan belum tersedia"})})}),e.jsx(ie,{value:"akses",children:u??e.jsx(F,{kind:"empty",compact:!0,title:"Akses belum tersedia"})})]}),n]})}const xe=He;function ls(s,t){if(t.status==="partial"&&t.detail.startsWith("not-logged-in"))return`${s} · belum login`;if(t.status==="partial")return`${s} · ${t.detail||xe.partial}`;const l=t.status==="ok"&&t.detail?` ${t.detail}`:"";return`${s} · ${Fe(xe,t.status)}${l}`}const rs={lab:"Uji coba: komponen dipasang langsung di host ini.",production:"Produksi: agen dipasang ke dalam image terisolasi; sebagian komponen tak tersedia di profil ini."};function os({status:s,children:t,title:l}){return e.jsxs("span",{title:l,className:"vps-prov-chip",children:[e.jsx("span",{"aria-hidden":!0,className:"vps-prov-dot","data-status":s}),t]})}function $e({components:s,checkedAt:t}){return!s||!t?e.jsx("span",{className:"vps-prov-hint",children:"Komponen belum diperiksa"}):e.jsxs("div",{className:"vps-prov-badges",children:[Object.entries(s).map(([l,o])=>e.jsx(os,{status:o.status,children:ls(l,o)},l)),e.jsxs("span",{className:"vps-prov-hint",children:["diperiksa ",new Date(t).toLocaleString("id-ID")]})]})}function cs(s,t,l){const o=new Map(t.map(u=>[u.id,u])),m=new Set,h=u=>{var x;if(!m.has(u)){m.add(u);for(const b of((x=o.get(u))==null?void 0:x.requires[l])??[])h(b)}};for(const u of s)h(u);return m}function ds({vps:s,onToast:t,onGotoTerminal:l}){const[o,m]=c.useState([]),[h,u]=Se("vps",`provisionProfile@${s.id}`,"lab",Me("lab","production")),[x,b]=c.useState(new Set),[j,p]=c.useState(""),[f,S]=c.useState(null),[L,A]=c.useState(null),[B,N]=c.useState(null),[R,d]=c.useState(null),[z,K]=c.useState(!1),{confirm:W,dialog:Q}=me();c.useEffect(()=>{g.listVpsComponents().then(n=>m(n.components)).catch(()=>m([]))},[]);const q=o.filter(n=>n.profiles.includes(h)),M=cs(x,o,h),$=[...M],C=$.some(n=>{var w;return(w=o.find(V=>V.id===n))==null?void 0:w.needsDomain}),O=$.length>0&&(!C||j.trim().length>0),D=$.length===0?"Pilih minimal satu komponen.":C&&!j.trim()?"Isi domain dulu — komponen yang dipilih membutuhkannya.":null;function U(n){b(w=>{const V=new Set(w);return V.has(n)?V.delete(n):V.add(n),V})}async function J(){d("probe");try{A(await g.probeVps(s.id)),t("Komponen diperiksa","ok","server")}catch(n){t(T("memeriksa komponen",n),"err","x-circle")}finally{d(null)}}async function a(){d("preview");try{S((await g.provisionPreview(s.id,{items:$,profile:h,domain:j||void 0})).steps)}catch(n){t(T("membuat pratinjau",n),"err","x-circle")}finally{d(null)}}async function v(){if(await W({title:`Pasang ${$.length} komponen di "${s.name}"?`,message:`Profil ${h}. Langkah dijalankan lewat SSH dan bisa memakan beberapa menit.`,impact:$.map(n=>{var w;return((w=o.find(V=>V.id===n))==null?void 0:w.label)??n}),confirmLabel:"Pasang",icon:"server"})){d("apply");try{const n=await g.provisionVps(s.id,{items:$,profile:h,domain:j||void 0,confirm:!0});S(n.steps),A({components:n.components,checkedAt:n.checkedAt}),N(n.setup),t("Provisioning selesai","ok","server")}catch(n){t(T("memasang komponen",n),"err","x-circle")}finally{d(null)}}}const I=async()=>{try{const{id:n}=await g.vpsConsole(s.id);l(n)}catch(n){t(T("membuka console",n),"err","x-circle")}},Z=async n=>{if(!navigator.clipboard){t("Salin tak tersedia di browser ini. Pilih tautannya lalu salin manual.","err","x-circle");return}try{await navigator.clipboard.writeText(n),K(!0),window.setTimeout(()=>K(!1),2e3)}catch(w){t(T("menyalin tautan",w),"err","x-circle")}},_=L?Object.fromEntries(L.components.map(n=>[n.id,{status:n.status,detail:n.detail}])):s.components??null,ee=(L==null?void 0:L.checkedAt)??s.componentsCheckedAt??null,se=_?Object.entries(_).filter(([,n])=>n.status==="partial"&&n.detail.startsWith("not-logged-in")):[];return e.jsxs("div",{className:"vps-prov",children:[e.jsxs("div",{className:"vps-prov-row",children:[e.jsx($e,{components:_,checkedAt:ee}),e.jsx(y,{size:"sm",variant:"ghost",onClick:J,disabled:R!==null,children:"Periksa"})]}),e.jsxs("fieldset",{className:"vps-prov-fieldset",children:[e.jsx("legend",{className:"vps-prov-legend",children:"Profil"}),e.jsx("div",{className:"vps-prov-profiles",children:["lab","production"].map(n=>e.jsxs("div",{children:[e.jsx(Ue,{"aria-label":n,label:n,checked:h===n,onChange:()=>u(n)}),e.jsx("div",{className:"vps-prov-profile-hint",children:rs[n]})]},n))})]}),e.jsx("div",{className:"vps-prov-items",children:q.map(n=>{const w=M.has(n.id)&&!x.has(n.id);return e.jsxs("div",{className:"vps-prov-item",children:[e.jsx(_e,{"aria-label":n.label,label:n.label,checked:M.has(n.id),disabled:w,onChange:()=>U(n.id)}),w&&e.jsx("span",{className:"vps-prov-tag",children:"prasyarat"})]},n.id)})}),C&&e.jsx(G,{label:"Domain",hint:"A record harus sudah menunjuk ke IP VPS ini",children:e.jsx(X,{"aria-label":"Domain",value:j,onChange:n=>p(n.currentTarget.value),placeholder:"hanoman.contoh.id"})}),e.jsxs("div",{className:"vps-prov-row",children:[e.jsx(y,{variant:"ghost",onClick:a,disabled:!O||R!==null,children:"Pratinjau"}),e.jsx(y,{onClick:v,disabled:!O||R!==null,children:"Pasang"}),!O&&D&&e.jsx("span",{className:"vps-prov-reason",children:D})]}),e.jsx("div",{"aria-live":"polite",children:f&&e.jsx("pre",{tabIndex:0,"aria-label":"Hasil langkah provisioning",className:"vps-prov-steps",children:f.map(n=>`${n.item.padEnd(14)} ${n.status.padEnd(6)} ${n.detail}`).join(`
 `)})}),B&&e.jsxs("div",{className:"vps-prov-setup",children:[e.jsx("strong",{className:"vps-prov-setup-title",children:"Buat admin pertama"}),e.jsx("a",{href:B.url,target:"_blank",rel:"noreferrer",className:"vps-prov-setup-link",children:B.url}),e.jsxs("span",{className:"vps-prov-hint",children:["berlaku sampai ",new Date(B.expiresAt).toLocaleTimeString("id-ID")]}),e.jsx("div",{children:e.jsx(y,{size:"sm",variant:"ghost",onClick:()=>void Z(B.url),children:z?"Tersalin":"Salin"})})]}),se.length>0&&e.jsxs("div",{className:"vps-prov-pending",children:[e.jsx(ne,{name:"alert-triangle"}),e.jsxs("span",{children:[se.map(([n])=>n).join(", ")," terpasang tapi belum login."]}),e.jsx(y,{size:"sm",variant:"ghost",onClick:I,children:"Login lewat Console"})]}),Q]})}const js=(s,t=Date.now())=>we(s,t),gs=s=>s.lastAuditAt?s.hardened?"hardened":"belum":"unknown";function ve(s){const t={name:s.name.trim(),host:s.host.trim(),user:s.user.trim(),port:Number(s.port)||22};return s.keyPath.trim()&&(t.keyPath=s.keyPath.trim()),s.password&&(t.password=s.password),t}const us="opsional — dipakai sekali untuk memasang key hanoman, tidak disimpan";function de({open:s,title:t,submitLabel:l,initial:o,onClose:m,onSubmit:h}){const[u,x]=c.useState(o);c.useEffect(()=>{s&&x(o)},[s,o]);const b=p=>f=>x(S=>({...S,[p]:f.target.value})),j=!!(u.name.trim()&&u.host.trim()&&u.user.trim());return e.jsxs(ye,{open:s,onClose:m,icon:"server",eyebrow:"infra",title:t,footer:e.jsxs(e.Fragment,{children:[e.jsx(y,{variant:"ghost",size:"sm",onClick:m,children:"Batal"}),e.jsx(y,{size:"sm",leftIcon:"check",onClick:()=>j&&h(u),children:l})]}),children:[e.jsx(G,{label:"Nama",children:e.jsx(X,{value:u.name,onChange:b("name"),placeholder:"mis. web-1",style:{width:"100%"}})}),e.jsx(G,{label:"Host",hint:"hostname atau IP — tanpa user@",children:e.jsx(X,{value:u.host,onChange:b("host"),mono:!0,placeholder:"203.0.113.10",style:{width:"100%"}})}),e.jsxs("div",{className:"hn-grid-mobile vps-form-pair",children:[e.jsx(G,{label:"User SSH",hint:"root atau user ber-passwordless-sudo",children:e.jsx(X,{value:u.user,onChange:b("user"),mono:!0,placeholder:"deploy",style:{width:"100%"}})}),e.jsx(G,{label:"Port",children:e.jsx(X,{value:u.port,onChange:b("port"),mono:!0,placeholder:"22",style:{width:"100%"}})})]}),e.jsx(G,{label:"Password SSH",hint:us,children:e.jsx(X,{type:"password",value:u.password,onChange:b("password"),placeholder:"••••••••",style:{width:"100%"}})}),e.jsx(G,{label:"Key path",hint:"kosongkan bila memakai password di atas, atau key default mesin server",children:e.jsx(X,{value:u.keyPath,onChange:b("keyPath"),mono:!0,placeholder:"~/.ssh/id_ed25519",style:{width:"100%"}})})]})}const je={name:"",host:"",user:"",port:"22",keyPath:"",password:""},ms=s=>({name:s.name,host:s.host,user:s.user,port:String(s.port),keyPath:s.keyPath??"",password:""});function ge({steps:s,name:t}){return e.jsx("ol",{className:"vps-stepper","aria-label":`Kemajuan ${t}`,children:s.map(l=>e.jsxs("li",{className:`vps-step vps-step-${l.state}`,children:[e.jsx("span",{className:"vps-step-label",children:l.label}),e.jsx("span",{className:"vps-step-text",children:l.text})]},l.key))})}function bs({onToast:s,onGotoTerminal:t}){const[l,o]=c.useState([]),[m,h]=c.useState("loading"),[u,x]=c.useState(""),[b,j]=c.useState(null),[p,f]=c.useState(null),[S,L]=Se("vps","detailId",null,Xe),A=c.useMemo(()=>l.find(a=>a.id===S)??null,[l,S]),B=c.useCallback(a=>L(a?a.id:null),[L]),N=c.useCallback(()=>{g.listVps().then(a=>{o(a),h("ready")}).catch(a=>{x(fe(a,"tak diketahui")),h("error")})},[]);c.useEffect(()=>(N(),Ke(a=>{a.t==="vps"&&(o(a.vps),h("ready"))})),[N]);const{confirm:R,dialog:d}=me();async function z(a,v,I,Z,_){j(`${a}:${v}`);try{await I(),N(),s(Z,"ok","server")}catch(ee){s(T(_,ee),"err","x-circle")}finally{j(null)}}const K=async a=>{j(`audit:${a.id}`);try{await g.auditVps(a.id),N(),s(`${a.name} · audit selesai`,"ok","server")}catch(v){s(T("menjalankan audit",v),"err","x-circle")}finally{j(null)}};async function W(a){await R({title:`Harden "${a.name}"?`,message:"Pastikan akses key SSH non-password kamu sudah bekerja sebelum melanjutkan.",impact:[`Firewall: izinkan ${a.port}/80/443.`,"fail2ban & auto security update dipasang.","PermitRootLogin & PasswordAuthentication dimatikan.","NTP disinkronkan."],confirmLabel:"Harden",icon:"shield"})&&z("harden",a.id,()=>g.hardenVps(a.id),`${a.name} · harden selesai`,"menjalankan harden")}const Q=a=>z("sesi",a.id,async()=>{const{id:v}=await g.vpsSession(a.id);t(v)},`${a.name} · sesi Claude dibuka`,"membuka sesi Claude"),q=a=>z("test",a.id,async()=>{const v=await g.testVps(a.id);if(!v.ok)throw new Error(v.out)},`${a.name} · koneksi ok`,"tes koneksi"),M=a=>z("console",a.id,async()=>{const{id:v}=await g.vpsConsole(a.id);t(v)},`${a.name} · console dibuka`,"membuka console");async function $(a){try{if(!await R({title:`Hapus registrasi VPS "${a.name}"?`,message:"Server-nya sendiri tak disentuh — hanya pendaftarannya di dashboard ini yang dihapus.",confirmLabel:"Hapus registrasi",run:()=>g.deleteVps(a.id)}))return;N(),s(`${a.name} dihapus dari daftar`,"ok","check")}catch(v){s(T("menghapus registrasi VPS",v),"err","x-circle")}}async function C(a){try{const v=await g.createVps(ve(a));f(null),N(),s(a.password?`${v.name} terdaftar · key hanoman terpasang · password dibuang`:`${v.name} terdaftar · jalankan audit`,"ok","server")}catch{s("Gagal mendaftarkan VPS — cek host/user, atau password SSH-nya","err","x-circle")}}async function O(a,v){try{const I=await g.updateVps(a.id,ve(v));f(null),N(),s(v.password?`${I.name} diperbarui · key hanoman terpasang · password dibuang`:`${I.name} diperbarui`,"ok","server")}catch{s("Gagal memperbarui VPS","err","x-circle")}}const D=a=>[{key:"tes",label:"Tes koneksi",icon:"plug-zap",onSelect:()=>void q(a)},{key:"console",label:"Buka console",icon:"terminal-square",onSelect:()=>void M(a)},{key:"sesi",label:"Sesi Claude",icon:"terminal",onSelect:()=>void Q(a)},{key:"edit",label:"Edit",icon:"pencil",onSelect:()=>f(a)},{key:"harden",label:"Harden",icon:"shield",tone:"danger",onSelect:()=>void W(a)},{key:"hapus",label:"Hapus registrasi",icon:"trash-2",tone:"danger",onSelect:()=>void $(a)}],U=a=>e.jsxs(e.Fragment,{children:[e.jsx(ge,{steps:he(a),name:a.name}),e.jsx("div",{className:"vps-summary-comp",children:e.jsx($e,{components:a.components??null,checkedAt:a.componentsCheckedAt??null})})]}),J=a=>e.jsxs("div",{className:"vps-access",children:[e.jsxs("dl",{className:"vps-access-list",children:[e.jsxs("div",{children:[e.jsx("dt",{children:"Host"}),e.jsx("dd",{children:a.host})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"User SSH"}),e.jsx("dd",{children:a.user})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"Port"}),e.jsx("dd",{children:a.port})]}),e.jsxs("div",{children:[e.jsx("dt",{children:"Key"}),e.jsx("dd",{children:a.keyPath??"key default mesin server"})]})]}),e.jsxs("div",{className:"vps-access-actions",children:[e.jsx(y,{size:"sm",variant:"secondary",leftIcon:"plug-zap",loading:b===`test:${a.id}`,onClick:()=>void q(a),children:"Tes koneksi"}),e.jsx(y,{size:"sm",variant:"secondary",leftIcon:"terminal-square",loading:b===`console:${a.id}`,onClick:()=>void M(a),children:"Buka console"}),e.jsx(y,{size:"sm",variant:"secondary",leftIcon:"terminal",loading:b===`sesi:${a.id}`,onClick:()=>void Q(a),children:"Sesi Claude"}),e.jsx(y,{size:"sm",variant:"ghost",leftIcon:"pencil",onClick:()=>f(a),children:"Edit"})]})]});return m==="loading"?e.jsx(F,{kind:"loading",title:"Memuat daftar VPS…"}):m==="error"?e.jsx(F,{kind:"error",title:"Gagal memuat daftar VPS",hint:`Alasan: ${u}. Pastikan server hanoman berjalan.`,action:N}):l.length===0?e.jsxs(e.Fragment,{children:[e.jsx(F,{kind:"empty",icon:"server",title:"Belum ada VPS",hint:"Daftarkan VPS untuk mulai audit & hardening.",action:()=>f("new"),actionLabel:"Daftarkan VPS"}),e.jsx(de,{open:p==="new",title:"Daftarkan VPS",submitLabel:"Daftarkan",initial:je,onClose:()=>f(null),onSubmit:C})]}):e.jsxs("div",{className:"vps-screen",children:[e.jsxs("div",{className:"vps-toolbar",children:[e.jsxs(ue,{size:12,tone:"muted",children:[l.length," VPS terdaftar"]}),e.jsx(y,{size:"sm",leftIcon:"plus",onClick:()=>f("new"),children:"Daftarkan VPS"})]}),e.jsx(We,{label:"Daftar VPS",children:l.map(a=>e.jsx(qe,{actions:e.jsxs(e.Fragment,{children:[e.jsx(y,{size:"sm",leftIcon:"radar",loading:b===`audit:${a.id}`,onClick:()=>void K(a),children:"Periksa"}),e.jsx(Ge,{label:`Aksi lain untuk ${a.name}`,title:a.name,items:D(a)})]}),children:e.jsxs("div",{className:"vps-row",children:[e.jsxs("button",{type:"button","aria-label":`Buka detail ${a.name}`,className:"vps-row-open",onClick:()=>B(a),children:[e.jsx("span",{className:"vps-row-name",children:a.name}),e.jsxs("span",{className:"vps-row-addr",children:[a.user,"@",a.host,a.port!==22?`:${a.port}`:""]})]}),e.jsx(ge,{steps:he(a),name:a.name}),e.jsx("span",{className:"vps-row-score",children:Je(a.scoreTotal)})]})},a.id))}),A&&e.jsx(is,{vpsId:A.id,vpsName:A.name,lastAuditAt:A.lastAuditAt,health:A.health,summary:U(A),provisioning:e.jsx(ds,{vps:A,onToast:s,onGotoTerminal:t}),access:J(A),onScore:()=>N(),onClose:()=>{B(null),N()},onToast:s}),e.jsx(de,{open:p==="new",title:"Daftarkan VPS",submitLabel:"Daftarkan",initial:je,onClose:()=>f(null),onSubmit:C}),p&&p!=="new"&&e.jsx(de,{open:!0,title:`Edit ${p.name}`,submitLabel:"Simpan",initial:ms(p),onClose:()=>f(null),onSubmit:a=>O(p,a)}),d]})}export{bs as VpsScreen,ge as VpsStepper,gs as hardenedLabel,js as isReachable,ve as vpsFormToBody};