hanoman 0.9.32 → 0.9.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/build-info.json +3 -3
- package/dist/cli.js +240 -130
- package/dist/server.js +21995 -20480
- package/package.json +1 -1
- package/prisma/migrations/20261020120000_lead_session_inbox/migration.sql +42 -0
- package/prisma/schema.prisma +46 -0
- package/web/assets/{DalangHanomanScreen-DdsEmtBl.js → DalangHanomanScreen-DAXIQxrw.js} +1 -1
- package/web/assets/{DocPreviewModal-BbOqdfaH.js → DocPreviewModal-Cu0UFzPH.js} +1 -1
- package/web/assets/{DocsWorkspace-Cr7AXz9z.js → DocsWorkspace-DElNcoar.js} +1 -1
- package/web/assets/{IdeScreen-hdbQW-ui.js → IdeScreen-BBr567gf.js} +1 -1
- package/web/assets/LeadScreen-CYn8RS3H.js +1 -0
- package/web/assets/{ReviewScreen-BIkpEspG.js → ReviewScreen-zAvwSL50.js} +1 -1
- package/web/assets/{SchedulerScreen-3KVE-d_d.js → SchedulerScreen-BptlSAOx.js} +1 -1
- package/web/assets/{SettingsScreen-B0-W2TeR.js → SettingsScreen-a0Cx4M4j.js} +3 -3
- package/web/assets/{TeamScreen-DNdt2P1g.js → TeamScreen-Cm_phItS.js} +1 -1
- package/web/assets/{TerminalScreen-BjQF48XI.js → TerminalScreen-CFuNRq6d.js} +1 -1
- package/web/assets/{TriageScreen-CzM99CrG.js → TriageScreen-ChTidhCT.js} +1 -1
- package/web/assets/{VpsScreen-SGB_BpbS.js → VpsScreen-8vz0QHO-.js} +1 -1
- package/web/assets/{fields-of8G961J.js → fields-Bhl01LnE.js} +1 -1
- package/web/assets/{index-C5P4ykKO.js → index-R2HBkTbR.js} +207 -207
- package/web/assets/{live-DQen7wLm.js → live-V9nWiHoE.js} +1 -1
- package/web/assets/{sched-lead-shared-C34TvLVv.js → sched-lead-shared-Dr48bY7n.js} +1 -1
- package/web/assets/{settings-rebase-DHIWk4mV.js → settings-rebase-DOqNAynI.js} +1 -1
- package/web/index.html +1 -1
- package/web/assets/LeadScreen-BWE4mfJI.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{q as X,r as De,J as dt,d as Ke,p as ht,h as p,K as mt,G as kt,j as e,w as _e,e as Z,g as ce,L as pt,m as _,N as gt,R as bt,C as Ae,B as f,n as qe,x as ft,y as jt,Q as xt,U as yt,z as vt,D as ze,V as wt,i as St,W as Ct,X as It,Y as Tt,Z as we,_ as ke,O as Me,f as Nt,H as Pt,$ as Ge,a0 as $t,a1 as Lt,a2 as Et,b as Bt}from"./index-C5P4ykKO.js";import{R as l}from"./react-DfGhg7ZW.js";import{L as Rt}from"./live-DQen7wLm.js";import"./markdown-CWEY34jk.js";import"./xterm-3VOAfa_q.js";function Dt(a,r){return a==="rejected"?"Ditutup":a!=="accepted"?"Sedang ditinjau":r==="done"?"Selesai":r==="executing"?"Sedang dikerjakan":"Diterima"}const At=5e3,Y=20,zt=400,Gt=6e3,Ht=[{key:"new",label:"Belum ditinjau"},{key:"accepted",label:"Diterima"},{key:"rejected",label:"Ditutup"}],Kt={new:"drift",accepted:"ok",rejected:"idle"},oe=gt,me={semua:"Semua sumber",tiket:"Help Center",issue:"GitHub"},Oe=a=>{var d;const r=(d=a==null?void 0:a.detail)==null?void 0:d.error;if(typeof r=="string"&&r.trim())return r;const h=a==null?void 0:a.status;return typeof h=="number"?`server menolak permintaan (HTTP ${h})`:a instanceof Error?a.message:""},w=(a,r)=>St(a,new Error(Oe(r))),pe=(a,r=Date.now())=>Lt(a,r)||"—",Se=(a,r)=>`${a==="tiket"?"t":"i"}:${r}`;function _t(a,r){return{key:Se("tiket",a.id),kind:"tiket",id:a.id,number:a.number,title:a.title,status:a.status,specId:a.specId,at:a.createdAt,meta:[`#${a.number}`,a.category,r(a.projectId),a.reporterEmail,pe(a.createdAt),...a.attachmentCount>0?[`${a.attachmentCount} lampiran`]:[],...a.specId?[`→ ${a.specId}`]:[]]}}function qt(a,r){return{key:Se("issue",a.id),kind:"issue",id:a.id,number:a.number,title:a.title,status:a.status,specId:a.specId,at:a.issueCreatedAt,meta:[`#${a.number}`,`@${a.authorLogin}`,...a.labels,r(a.projectId),pe(a.issueCreatedAt),...a.specId?[`→ ${a.specId}`]:[]]}}function Mt({page:a,pageCount:r,onPage:h}){return r<=1?null:e.jsxs("div",{className:"hn-triage-footer",children:[e.jsxs("span",{children:["Halaman ",a," dari ",r," · tiket dan issue"]}),e.jsxs("span",{className:"hn-triage-acts",children:[e.jsx(f,{size:"sm",variant:"ghost","aria-label":"Sebelumnya",disabled:a<=1,onClick:()=>h(a-1),children:"Sebelumnya"}),e.jsx(f,{size:"sm",variant:"ghost","aria-label":"Berikutnya",disabled:a>=r,onClick:()=>h(a+1),children:"Berikutnya"})]})]})}function He({total:a,page:r,onPage:h,unit:d="tiket"}){const j=we(a,r,Y);return e.jsx(Et,{page:j.page,pageCount:j.pageCount,total:a,from:j.from,to:j.to,onPage:h,unit:d})}function Ot({row:a,selected:r,picked:h,busy:d,onOpen:j,onPick:R,onAccept:g,onReject:N}){const D=a.status==="new",S=a.kind==="tiket"?"tiket":"issue";return e.jsxs(It,{selected:r,onClick:j,actions:e.jsxs(e.Fragment,{children:[D&&e.jsx("label",{className:"hn-triage-check hn-touch-target",children:e.jsx("input",{type:"checkbox","aria-label":`Pilih ${S} ${a.number}`,checked:h,onChange:R})}),e.jsx(qe,{tone:"neutral",size:"sm",children:a.kind==="tiket"?"Help Center":"GitHub"}),D&&e.jsxs(e.Fragment,{children:[e.jsx(f,{size:"sm","aria-label":`Terima ${S} ${a.number}`,disabled:d,onClick:g,children:"Terima"}),e.jsx(f,{size:"sm",variant:"ghost","aria-label":`Tolak ${S} ${a.number}`,disabled:d,onClick:N,children:"Tolak"})]})]}),children:[e.jsxs("span",{className:"hn-triage-title-line",children:[e.jsx(Tt,{variant:"dot",status:Kt[a.status],children:oe[a.status]}),e.jsx("span",{className:"hn-triage-title",children:a.title})]}),e.jsx("span",{className:"hn-triage-meta",children:a.meta.join(" · ")})]})}function Fe(a,r){const h=Bt();l.useEffect(()=>{if(h!=="mobile"||!a)return;const d=j=>{j.key!=="Escape"||document.querySelector('[role="dialog"]')||r()};return window.addEventListener("keydown",d),()=>window.removeEventListener("keydown",d)},[h,a,r])}function Ft({id:a,projectName:r,onBack:h,onAccepted:d,onDeleted:j,onReject:R,onToast:g}){var E;const[N,D]=l.useState(null),[S,z]=l.useState("loading"),[y,x]=l.useState(!1),[C,ge]=l.useState("sedang"),[V,J]=l.useState(!1),[q,M]=l.useState(!1),{confirm:ee,dialog:O}=Ke(),[u,P]=l.useState({title:"",detail:"",category:"bug",status:"new"}),I=l.useCallback(()=>{p.getTicket(a).then(o=>{D(o),z("ready")}).catch(()=>z("error"))},[a]);if(l.useEffect(()=>{I()},[I]),Fe(!V,h),S==="loading")return e.jsx(_,{kind:"loading"});if(S==="error"||!N)return e.jsx(_,{kind:"error",hint:"Gagal memuat tiket.",action:I,actionLabel:"Coba lagi"});const c=N,Q=!!c.specId,te=c.status!=="new",ue=u.title!==c.title||u.detail!==c.detail||u.category!==c.category||u.status!==c.status;async function ae(){x(!0);try{const o=await p.acceptTicket(a,C);d(o.spec,!!o.alreadyPromoted)}catch(o){g(w("menerima tiket",o),"err","x-circle")}finally{x(!1)}}async function F(){x(!0);try{await R(a),I()}finally{x(!1)}}async function de(o,k){try{await navigator.clipboard.writeText(o),g(k,"ok","copy")}catch(U){g(w("menyalin link",U),"err","x-circle")}}async function be(){x(!0);try{const o=await p.unlinkTicket(a);D({...c,specId:o.specId,spec:null,status:o.status}),g("Tautan backlog dilepas","ok","unlink")}catch(o){g(w("melepas tautan",o),"err","x-circle")}finally{x(!1)}}function A(){P({title:c.title,detail:c.detail,category:c.category,status:c.status}),J(!0)}async function fe(){ue&&!await ee({title:"Buang perubahan?",message:"Perubahan pada tiket ini belum disimpan.",impact:["Judul, detail, kategori, dan status kembali ke nilai tersimpan."],confirmLabel:"Buang perubahan",tone:"danger"})||J(!1)}async function L(){if(u.title.trim()){x(!0);try{const o=await p.editTicket(a,{title:u.title,detail:u.detail,category:u.category,status:u.status});D(o),J(!1),g("Tiket diperbarui","ok")}catch(o){g(w("menyimpan tiket",o),"err","x-circle")}finally{x(!1)}}}async function ie(){x(!0);try{await p.deleteTicket(a),g("Tiket dihapus","ok","trash-2"),j()}catch(o){g(w("menghapus tiket",o),"err","x-circle"),x(!1)}}if(V){const o=!u.title.trim();return e.jsxs("div",{className:"hn-triage-detail",children:[e.jsx("div",{className:"hn-triage-detail-scroll",children:e.jsxs(_e,{gap:4,children:[e.jsxs("div",{className:"hn-triage-status-row",children:[e.jsx(f,{size:"sm",variant:"ghost",leftIcon:"arrow-left",onClick:()=>void fe(),disabled:y,children:"Batal"}),e.jsx(f,{size:"sm",variant:"primary",leftIcon:"check",onClick:L,disabled:y||o,children:"Simpan"})]}),e.jsx(Z,{label:"Judul",error:o?"Judul tiket wajib diisi.":void 0,children:e.jsx(Nt,{value:u.title,invalid:o,placeholder:"mis. Tombol Simpan tak berfungsi di HP",onChange:k=>P({...u,title:k.target.value})})}),e.jsxs("div",{className:"hn-triage-status-row",children:[e.jsx(Z,{label:"Kategori",children:e.jsx(ce,{value:u.category,onChange:k=>P({...u,category:k.target.value}),options:[{value:"bug",label:"bug"},{value:"fitur",label:"fitur"},{value:"pertanyaan",label:"pertanyaan"},{value:"lainnya",label:"lainnya"}]})}),e.jsx(Z,{label:"Status",children:e.jsx(ce,{value:u.status,onChange:k=>P({...u,status:k.target.value}),options:[{value:"new",label:oe.new},{value:"accepted",label:oe.accepted},{value:"rejected",label:oe.rejected}]})})]}),e.jsx(Z,{label:"Detail keluhan",children:e.jsx(Pt,{value:u.detail,rows:6,placeholder:"mis. Buka halaman Pesanan di HP, tekan Simpan — layar diam dan datanya tak tersimpan.",onChange:k=>P({...u,detail:k.target.value})})})]})}),O]})}const m=c.publicStatusUrl,se=[{key:"edit",label:"Edit",icon:"pencil",onSelect:A,disabled:y},...m?[{key:"public-open",label:"Buka status publik",icon:"share-2",onSelect:()=>window.open(m,"_blank","noreferrer")},{key:"public-copy",label:"Salin link publik",icon:"link-2",onSelect:()=>void de(m,"Link publik disalin")}]:[],...Q?[{key:"spec-copy",label:"Salin link backlog",icon:"copy",onSelect:()=>void de(ke(c.specId),"Link backlog disalin")},{key:"unlink",label:"Lepas tautan",icon:"unlink",onSelect:()=>void be(),disabled:y}]:[],{key:"delete",label:"Hapus",icon:"trash-2",onSelect:()=>M(!0),disabled:y}];return e.jsxs("div",{className:"hn-triage-detail",children:[e.jsx("div",{className:"hn-triage-detail-scroll",children:e.jsxs("div",{className:"hn-triage-detail-body",children:[e.jsxs("div",{children:[e.jsxs("span",{className:"hn-triage-meta",children:["#",c.number," · ",c.category]}),e.jsx("h2",{className:"hn-triage-detail-title",children:c.title})]}),e.jsxs("ul",{className:"hn-triage-facts",children:[e.jsxs("li",{children:["pelapor: ",e.jsx("b",{children:c.reporterEmail})]}),e.jsxs("li",{children:["project: ",e.jsx("b",{children:r(c.projectId)})]}),e.jsxs("li",{children:["masuk ",pe(c.createdAt)]}),Q&&e.jsxs("li",{children:["backlog: ",e.jsx("b",{children:c.specId})," · ",e.jsx("span",{children:Dt(c.status,(E=c.spec)==null?void 0:E.stage)})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"hn-eyebrow hn-triage-section-title",children:"Detail keluhan"}),e.jsx("div",{className:"hn-triage-body-text",children:c.detail})]}),c.attachments.length>0&&e.jsxs("details",{className:"hn-triage-disclosure",open:!0,children:[e.jsxs("summary",{children:["Lampiran (",c.attachments.length,")"]}),e.jsx("ul",{className:"hn-triage-attachments",children:c.attachments.map(o=>e.jsx("li",{children:e.jsx("a",{href:Ge.ticketAttachment(c.id,o.id),target:"_blank",rel:"noreferrer",className:"hn-triage-attachment-link",children:e.jsx("img",{src:Ge.ticketAttachment(c.id,o.id),alt:o.filename})})},o.id))})]})]})}),e.jsxs("div",{className:"hn-triage-decision",role:"group","aria-label":"Keputusan",children:[Q?e.jsx(f,{size:"sm",leftIcon:"external-link",onClick:()=>window.open(ke(c.specId),"_blank","noreferrer"),children:"Buka backlog"}):!te&&e.jsxs(e.Fragment,{children:[e.jsx(f,{size:"sm",leftIcon:"arrow-up-right",onClick:ae,disabled:y,children:"Terima → backlog"}),e.jsx(f,{size:"sm",variant:"secondary",leftIcon:"ban",onClick:F,disabled:y,children:"Tolak"}),e.jsx(ce,{size:"sm",value:C,"aria-label":"Prioritas tiket",onChange:o=>ge(o.target.value),options:[{value:"tinggi",label:"Prioritas tinggi"},{value:"sedang",label:"Prioritas sedang"},{value:"rendah",label:"Prioritas rendah"}]})]}),e.jsx("span",{className:"hn-triage-decision-spacer"}),e.jsx(Me,{label:"Aksi lainnya",items:se})]}),e.jsx($t,{open:q,title:"Hapus tiket?",eyebrow:`#${c.number}`,confirmLabel:"Hapus tiket",message:`Tiket "${c.title}" dan seluruh lampirannya akan dihapus permanen. Tindakan ini tak bisa dibatalkan.`,busy:y,onCancel:()=>M(!1),onConfirm:ie}),O]})}function Ut({issue:a,projectName:r,onBack:h,onAccepted:d,onReject:j,onToast:R}){const[g,N]=l.useState(!1);Fe(!0,h);const D=a.status==="new",S=!!a.specId;async function z(){N(!0);try{const C=await p.acceptGithubIssue(a.id);d(C.spec,!!C.alreadyPromoted)}catch(C){R(w("menerima issue",C),"err","x-circle")}finally{N(!1)}}async function y(){N(!0);try{await j(a)}finally{N(!1)}}const x=[{key:"gh",label:"Buka di GitHub",icon:"external-link",onSelect:()=>window.open(a.url,"_blank","noreferrer")},...S?[{key:"spec-copy",label:"Salin link backlog",icon:"copy",onSelect:()=>{navigator.clipboard.writeText(ke(a.specId)).then(()=>R("Link backlog disalin","ok","copy"),C=>R(w("menyalin link",C),"err","x-circle"))}}]:[]];return e.jsxs("div",{className:"hn-triage-detail",children:[e.jsx("div",{className:"hn-triage-detail-scroll",children:e.jsxs("div",{className:"hn-triage-detail-body",children:[e.jsxs("div",{children:[e.jsxs("span",{className:"hn-triage-meta",children:["#",a.number," · @",a.authorLogin]}),e.jsx("h2",{className:"hn-triage-detail-title",children:a.title})]}),e.jsxs("ul",{className:"hn-triage-facts",children:[e.jsxs("li",{children:["project: ",e.jsx("b",{children:r(a.projectId)})]}),e.jsxs("li",{children:["repo: ",e.jsx("b",{children:a.repoSlug})]}),e.jsxs("li",{children:["dibuat ",pe(a.issueCreatedAt)]}),a.labels.length>0&&e.jsxs("li",{children:["label: ",e.jsx("b",{children:a.labels.join(", ")})]}),S&&e.jsxs("li",{children:["backlog: ",e.jsx("b",{children:a.specId})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"hn-eyebrow hn-triage-section-title",children:"Isi issue"}),e.jsx("div",{className:"hn-triage-body-text",children:a.body||"Tanpa isi."})]})]})}),e.jsxs("div",{className:"hn-triage-decision",role:"group","aria-label":"Keputusan",children:[D&&e.jsxs(e.Fragment,{children:[e.jsx(f,{size:"sm",leftIcon:"arrow-up-right",onClick:z,disabled:g,children:"Terima → backlog"}),e.jsx(f,{size:"sm",variant:"secondary",leftIcon:"ban",onClick:y,disabled:g,children:"Tolak"})]}),S&&e.jsx(f,{size:"sm",leftIcon:"external-link",onClick:()=>window.open(ke(a.specId),"_blank","noreferrer"),children:"Buka backlog"}),e.jsx("span",{className:"hn-triage-decision-spacer"}),e.jsx(Me,{label:"Aksi lainnya",items:x})]})]})}function Zt({projects:a,onAccepted:r,onToast:h}){const d=l.useCallback(t=>{var s;return((s=a.find(n=>n.id===t))==null?void 0:s.name)??t},[a]),[j,R]=l.useState([]),[g,N]=l.useState(0),[D,S]=l.useState(0),[z,y]=l.useState([]),[x,C]=l.useState(0),[ge,V]=l.useState(0),[J,q]=l.useState(!1),[M,ee]=l.useState(null),[O,u]=l.useState(null),[P,I]=l.useState(!1),[c,Q]=l.useState(null),[te,ue]=l.useState(null),[ae,F]=l.useState([]),[de,be]=l.useState(0),[A,fe]=X("triage","status","new",De("new","accepted","rejected")),[L,ie]=X("triage","source","semua",De("semua","tiket","issue")),[m,se]=X("triage","project","",ze),[E,o]=X("triage","q","",ze),[k,U]=X("triage","page",1,wt),[$,G]=X("triage","openId",null,Ct),Ce=[m!=="",L!=="semua",E.trim()!==""].filter(Boolean).length,H=L!=="issue",W=L!=="tiket"&&m!=="",Ie=dt("triage","scroll",J),Te=l.useRef(null),Ue=l.useCallback(t=>{Te.current=t,Ie(t)},[Ie]),{confirm:Ne,dialog:Ve}=Ke(),[Je,B]=ht(),[je,Qe]=l.useState(E);l.useEffect(()=>{const t=setTimeout(()=>Qe(E),zt);return()=>clearTimeout(t)},[E]);const he=l.useRef(0),ne=l.useRef(0),T=l.useCallback((t=!1)=>{const s=++he.current,n=++ne.current;if(p.listTickets({project:m||void 0,status:A,q:je||void 0,page:String(k),limit:String(H?Y:1)}).then(i=>{s===he.current&&(R(H?i.items:[]),N(H?i.total:0),S(i.unreviewed),ee(null),q(!0))},i=>{s===he.current&&(t||ee(w("memuat tiket",i)),q(!0))}),!m){y([]),C(0),V(0),u(null);return}W?p.listGithubIssues(m,{status:A,page:k,limit:Y}).then(i=>{n===ne.current&&(y(i.items),C(i.total),u(null),q(!0))},i=>{n===ne.current&&(t||u(w("memuat issue",i)),q(!0))}):(y([]),C(0),u(null)),p.listGithubIssues(m,{status:"new",limit:1}).then(i=>{n===ne.current&&V(i.total)},()=>{n===ne.current&&V(null)})},[m,A,je,k,H,W]);l.useEffect(()=>{T()},[T]),mt(JSON.stringify([m,L,A,E]),()=>{U(1),F([])});const Pe=()=>{se(""),ie("semua"),o(""),U(1)};kt({topic:"tickets",params:{project:m||void 0,status:A,q:je||void 0,page:k,limit:Y},apply:t=>{he.current++,R(t.data.items),N(t.data.total),S(t.data.unreviewed),ee(null),q(!0)},refetch:()=>T(!0),pollMs:At});const v=l.useMemo(()=>{const t=E.trim().toLowerCase(),s=H?j.map(i=>_t(i,d)):[],n=W?z.filter(i=>!t||`${i.number} ${i.title} ${i.authorLogin} ${i.labels.join(" ")}`.toLowerCase().includes(t)).map(i=>qt(i,d)):[];return[...s,...n].sort((i,b)=>Date.parse(b.at)-Date.parse(i.at))},[j,z,H,W,E,d]),We=l.useMemo(()=>new Map(v.map(t=>[t.key,t])),[v]),le=$?We.get($):void 0,xe=new Set(ae),$e=D+(ge??0);async function ye(t){const s=await Promise.allSettled(t.map(b=>p.rejectTicket(b))),n=t.filter((b,K)=>s[K].status==="fulfilled"),i=s.find(b=>b.status==="rejected");n.length>0&&B(n.length===1?"Tiket ditolak":`${n.length} tiket ditolak`,"ok","ban",{action:{label:"Urungkan",onAction:()=>void Xe(n)},duration:Gt}),i&&B(w("menolak tiket",i.reason),"err","x-circle"),T(!0)}async function Xe(t){const n=(await Promise.allSettled(t.map(i=>p.editTicket(i,{status:"new"})))).filter(i=>i.status==="fulfilled").length;be(i=>i+1),T(!0),n===t.length?B("Penolakan dibatalkan","ok","check"):B(`${n} dari ${t.length} penolakan dibatalkan`,"err","x-circle")}async function Le(t){I(!0);try{const s=t.kind==="tiket"?await p.acceptTicket(t.id,"sedang"):await p.acceptGithubIssue(t.id),n=s.spec.id;B(s.alreadyPromoted?`Sudah jadi ${n}`:`Diterima → ${n}`,"ok","arrow-up-right"),T(!0)}catch(s){B(w("menerima "+(t.kind==="tiket"?"tiket":"issue"),s),"err","x-circle")}finally{I(!1)}}async function Ee(t){await Ne({title:`Tolak issue #${t.number}?`,message:t.title,impact:["Issue ditandai ditutup di hanoman.","Issue di GitHub tidak diubah."],confirmLabel:"Tolak issue",tone:"danger",icon:"x-circle",run:async()=>{await p.rejectGithubIssue(t.id),T(!0)}}).catch(s=>B(w("menolak issue",s),"err","x-circle"))}async function Be(t){if(t.kind==="tiket"){I(!0);try{await ye([t.id])}finally{I(!1)}return}const s=z.find(n=>n.id===t.id);s&&await Ee(s)}async function Ye(){const t=v.filter(i=>xe.has(i.key)&&i.status==="new"),s=t.filter(i=>i.kind==="tiket"),n=t.filter(i=>i.kind==="issue");I(!0);try{const i=await Promise.allSettled(s.map(re=>p.acceptTicket(re.id,"sedang"))),b=n.length?await p.acceptGithubIssues(n.map(re=>re.id),void 0):null,K=i.filter(re=>re.status==="fulfilled").length,ut=(b==null?void 0:b.created.length)??0,ve=i.length-K+((b==null?void 0:b.failed.length)??0);B(`${K+ut} diterima${ve?` · ${ve} gagal`:""}`,ve?"err":"ok","arrow-up-right"),F([]),T(!0)}catch(i){B(w("menerima yang dipilih",i),"err","x-circle")}finally{I(!1)}}async function Ze(){const t=v.filter(s=>xe.has(s.key)&&s.status==="new");t.length!==0&&await Ne({title:`Tolak ${t.length} item?`,message:"Item berikut ditandai ditutup di hanoman. Issue di GitHub tidak diubah.",impact:t.map(s=>`${s.kind==="tiket"?"Tiket":"Issue"} #${s.number}: ${s.title}`),confirmLabel:`Tolak ${t.length} item`,tone:"danger",icon:"x-circle",run:async()=>{const s=t.filter(i=>i.kind==="tiket").map(i=>i.id),n=t.filter(i=>i.kind==="issue").map(i=>i.id);if(s.length&&await ye(s),n.length){const b=(await Promise.allSettled(n.map(K=>p.rejectGithubIssue(K)))).filter(K=>K.status==="fulfilled").length;B(`${b} issue ditolak`,"ok","ban")}F([]),T(!0)}}).catch(s=>B(w("menolak yang dipilih",s),"err","x-circle"))}async function et(){if(m){I(!0),ue(null),Q(null);try{const t=await p.pullGithubIssues(m);Q(`${t.repo}: ${t.created} baru, ${t.updated} diperbarui`+(t.skippedPullRequests?` · ${t.skippedPullRequests} pull request dilewati`:"")),T(!0)}catch(t){ue(`Gagal menarik issue: ${Oe(t)}`)}finally{I(!1)}}}const tt=t=>F(s=>s.includes(t)?s.filter(n=>n!==t):[...s,t]),at=t=>{var n,i;const s=v.findIndex(b=>b.key===t);(i=(n=Te.current)==null?void 0:n.querySelectorAll("button.hn-row-main")[s])==null||i.focus()},it=t=>{if(v.length===0)return;const s=v.findIndex(i=>i.key===$),n=v[s<0?t>0?0:v.length-1:Math.min(v.length-1,Math.max(0,s+t))];n&&(G(n.key),at(n.key))},st=t=>{if(t.defaultPrevented||t.ctrlKey||t.metaKey||t.altKey||t.target.closest("input, textarea, select, [contenteditable='true']")||document.querySelector('[role="dialog"]'))return;if(t.key==="Escape"){$&&(t.preventDefault(),G(null));return}const n=t.key.toLowerCase();if(n==="j"||n==="k"){t.preventDefault(),it(n==="j"?1:-1);return}!le||le.status!=="new"||P||(n==="a"?(t.preventDefault(),Le(le)):n==="r"&&(t.preventDefault(),Be(le)))},nt=[...m?[{key:"project",label:`Project: ${d(m)}`,onRemove:()=>se("")}]:[],...L!=="semua"?[{key:"source",label:`Sumber: ${me[L]}`,onRemove:()=>ie("semua")}]:[]],lt=e.jsxs(_e,{gap:3,children:[e.jsx(Z,{label:"Project",children:e.jsx(ce,{size:"sm",value:m,"aria-label":"Project triase",onChange:t=>se(t.target.value),options:[{value:"",label:"Semua project"},...a.map(t=>({value:t.id,label:t.name}))]})}),e.jsx(Z,{label:"Sumber",children:e.jsx(ce,{size:"sm",value:L,"aria-label":"Sumber triase",onChange:t=>ie(t.target.value),options:[{value:"semua",label:me.semua},{value:"tiket",label:me.tiket},{value:"issue",label:me.issue}]})})]}),rt=H&&W?e.jsx(Mt,{page:k,pageCount:Math.max(we(g,k,Y).pageCount,we(x,k,Y).pageCount),onPage:U}):H?e.jsx(He,{total:g,page:k,onPage:U}):W?e.jsx(He,{total:x,page:k,onPage:U,unit:"issue"}):null,ct=J?v.length===0&&(M||O)?e.jsx(_,{kind:"error",hint:M??O??"Gagal memuat.",action:()=>T(),actionLabel:"Coba lagi"}):v.length===0?L==="issue"&&!m?e.jsx(_,{kind:"empty",icon:"inbox",title:"Pilih satu project",hint:"Issue GitHub milik satu repo, jadi pilih project-nya lebih dulu di penyaring."}):Ce>0?e.jsx(_,{kind:"empty",icon:"filter",title:"Tak ada yang cocok",hint:"Tidak ada tiket atau issue yang cocok dengan penyaring atau kata kunci saat ini.",action:Pe,actionLabel:"Reset penyaring"}):A==="new"?e.jsx(_,{kind:"empty",icon:"inbox",title:"Belum ada keluhan",hint:"Aktifkan Help Center di detail project, lalu sebar link publiknya agar keluhan mulai masuk."}):e.jsx(_,{kind:"empty",icon:"inbox",title:`Belum ada yang ${oe[A].toLowerCase()}`}):e.jsx(bt,{label:"Keluhan dan issue",children:v.map(t=>e.jsx(Ot,{row:t,selected:t.key===$,picked:xe.has(t.key),busy:P,onOpen:()=>G(t.key),onPick:()=>tt(t.key),onAccept:()=>void Le(t),onReject:()=>void Be(t)},t.key))}):e.jsx(pt,{rows:4,label:"Memuat keluhan dan issue…"}),ot=e.jsxs("div",{className:"hn-triage-list-panel",children:[(M||O)&&v.length>0&&e.jsx(Ae,{tone:"err",title:"Sebagian data gagal dimuat",children:M??O}),ae.length>0&&e.jsxs("div",{className:"hn-triage-bulk",role:"region","aria-label":"Aksi massal",children:[e.jsxs("span",{className:"hn-triage-bulk-count",children:[ae.length," dipilih"]}),e.jsx(f,{size:"sm",leftIcon:"arrow-up-right",onClick:()=>void Ye(),disabled:P,children:"Terima terpilih"}),e.jsx(f,{size:"sm",variant:"secondary",leftIcon:"ban",onClick:()=>void Ze(),disabled:P,children:"Tolak terpilih"}),e.jsx(f,{size:"sm",variant:"ghost",onClick:()=>F([]),disabled:P,children:"Batal pilih"})]}),e.jsx("div",{ref:Ue,"data-testid":"triage-scroll",className:"hn-triage-scroll",children:ct}),rt]}),Re=$&&($.startsWith("i:")?le?e.jsx(Ut,{issue:z.find(t=>Se("issue",t.id)===$),projectName:d,onBack:()=>G(null),onAccepted:r,onReject:Ee,onToast:h}):e.jsx(_,{kind:"empty",icon:"inbox",title:"Issue ini tak ada di daftar",hint:"Pilih ulang dari daftar di sebelahnya.",action:()=>G(null),actionLabel:"Kembali ke daftar"}):e.jsx(Ft,{id:$.slice(2),projectName:d,onBack:()=>G(null),onAccepted:r,onDeleted:()=>{G(null),T(!0)},onReject:t=>ye([t]),onToast:h},`${$}-${de}`));return e.jsxs("div",{className:"hn-triage",onKeyDown:st,children:[e.jsxs("div",{className:"hn-triage-status-row",children:[e.jsx("div",{className:"hn-triage-segment",role:"group","aria-label":"Status keluhan dan issue",children:Ht.map(t=>e.jsxs("button",{type:"button",className:"hn-triage-segment-btn","aria-pressed":A===t.key,onClick:()=>fe(t.key),children:[t.label,t.key==="new"&&$e>0&&e.jsx(qe,{tone:"warn",size:"sm",children:$e})]},t.key))}),m&&L!=="tiket"&&e.jsx(f,{size:"sm",variant:"secondary",onClick:()=>void et(),disabled:P,children:"Tarik issue"})]}),(c||te)&&(te?e.jsx(Ae,{tone:"err",role:"alert",children:te}):e.jsx("span",{className:"hn-triage-meta",children:c})),e.jsx(ft,{label:"Filter keluhan dan issue",search:{value:E,onChange:o,label:"Cari tiket",placeholder:"mis. gagal login atau budi@contoh.id"},chips:nt,filters:lt,filtersLabel:"Filter",onReset:Pe,resetLabel:"Hapus semua filter",actions:e.jsxs(e.Fragment,{children:[e.jsx(jt,{onDone:()=>T(!0),onToast:h}),e.jsx(xt,{screen:"triage",active:Ce}),e.jsx(Rt,{})]})}),e.jsx(yt,{ariaLabel:"Panel triase",active:$?"detail":"list",onActiveChange:t=>{t==="list"&&G(null)},splitAt:"tablet",masterWidth:360,panels:[{id:"list",label:"Daftar",content:ot,className:"hn-panel-flex"},...$&&Re?[{id:"detail",label:"Detail",className:"hn-panel-flex",content:Re}]:[]]}),e.jsx(vt,{toast:Je}),Ve]})}export{Zt as TriageScreen};
|
|
1
|
+
import{q as X,r as De,J as dt,d as Ke,p as ht,h as p,K as mt,G as kt,j as e,w as _e,e as Z,g as ce,L as pt,m as _,N as gt,R as bt,C as Ae,B as f,n as qe,x as ft,y as jt,Q as xt,U as yt,z as vt,D as ze,V as wt,i as St,W as Ct,X as It,Y as Tt,Z as we,_ as ke,O as Me,f as Nt,H as Pt,$ as Ge,a0 as $t,a1 as Lt,a2 as Et,b as Bt}from"./index-R2HBkTbR.js";import{R as l}from"./react-DfGhg7ZW.js";import{L as Rt}from"./live-V9nWiHoE.js";import"./markdown-CWEY34jk.js";import"./xterm-3VOAfa_q.js";function Dt(a,r){return a==="rejected"?"Ditutup":a!=="accepted"?"Sedang ditinjau":r==="done"?"Selesai":r==="executing"?"Sedang dikerjakan":"Diterima"}const At=5e3,Y=20,zt=400,Gt=6e3,Ht=[{key:"new",label:"Belum ditinjau"},{key:"accepted",label:"Diterima"},{key:"rejected",label:"Ditutup"}],Kt={new:"drift",accepted:"ok",rejected:"idle"},oe=gt,me={semua:"Semua sumber",tiket:"Help Center",issue:"GitHub"},Oe=a=>{var d;const r=(d=a==null?void 0:a.detail)==null?void 0:d.error;if(typeof r=="string"&&r.trim())return r;const h=a==null?void 0:a.status;return typeof h=="number"?`server menolak permintaan (HTTP ${h})`:a instanceof Error?a.message:""},w=(a,r)=>St(a,new Error(Oe(r))),pe=(a,r=Date.now())=>Lt(a,r)||"—",Se=(a,r)=>`${a==="tiket"?"t":"i"}:${r}`;function _t(a,r){return{key:Se("tiket",a.id),kind:"tiket",id:a.id,number:a.number,title:a.title,status:a.status,specId:a.specId,at:a.createdAt,meta:[`#${a.number}`,a.category,r(a.projectId),a.reporterEmail,pe(a.createdAt),...a.attachmentCount>0?[`${a.attachmentCount} lampiran`]:[],...a.specId?[`→ ${a.specId}`]:[]]}}function qt(a,r){return{key:Se("issue",a.id),kind:"issue",id:a.id,number:a.number,title:a.title,status:a.status,specId:a.specId,at:a.issueCreatedAt,meta:[`#${a.number}`,`@${a.authorLogin}`,...a.labels,r(a.projectId),pe(a.issueCreatedAt),...a.specId?[`→ ${a.specId}`]:[]]}}function Mt({page:a,pageCount:r,onPage:h}){return r<=1?null:e.jsxs("div",{className:"hn-triage-footer",children:[e.jsxs("span",{children:["Halaman ",a," dari ",r," · tiket dan issue"]}),e.jsxs("span",{className:"hn-triage-acts",children:[e.jsx(f,{size:"sm",variant:"ghost","aria-label":"Sebelumnya",disabled:a<=1,onClick:()=>h(a-1),children:"Sebelumnya"}),e.jsx(f,{size:"sm",variant:"ghost","aria-label":"Berikutnya",disabled:a>=r,onClick:()=>h(a+1),children:"Berikutnya"})]})]})}function He({total:a,page:r,onPage:h,unit:d="tiket"}){const j=we(a,r,Y);return e.jsx(Et,{page:j.page,pageCount:j.pageCount,total:a,from:j.from,to:j.to,onPage:h,unit:d})}function Ot({row:a,selected:r,picked:h,busy:d,onOpen:j,onPick:R,onAccept:g,onReject:N}){const D=a.status==="new",S=a.kind==="tiket"?"tiket":"issue";return e.jsxs(It,{selected:r,onClick:j,actions:e.jsxs(e.Fragment,{children:[D&&e.jsx("label",{className:"hn-triage-check hn-touch-target",children:e.jsx("input",{type:"checkbox","aria-label":`Pilih ${S} ${a.number}`,checked:h,onChange:R})}),e.jsx(qe,{tone:"neutral",size:"sm",children:a.kind==="tiket"?"Help Center":"GitHub"}),D&&e.jsxs(e.Fragment,{children:[e.jsx(f,{size:"sm","aria-label":`Terima ${S} ${a.number}`,disabled:d,onClick:g,children:"Terima"}),e.jsx(f,{size:"sm",variant:"ghost","aria-label":`Tolak ${S} ${a.number}`,disabled:d,onClick:N,children:"Tolak"})]})]}),children:[e.jsxs("span",{className:"hn-triage-title-line",children:[e.jsx(Tt,{variant:"dot",status:Kt[a.status],children:oe[a.status]}),e.jsx("span",{className:"hn-triage-title",children:a.title})]}),e.jsx("span",{className:"hn-triage-meta",children:a.meta.join(" · ")})]})}function Fe(a,r){const h=Bt();l.useEffect(()=>{if(h!=="mobile"||!a)return;const d=j=>{j.key!=="Escape"||document.querySelector('[role="dialog"]')||r()};return window.addEventListener("keydown",d),()=>window.removeEventListener("keydown",d)},[h,a,r])}function Ft({id:a,projectName:r,onBack:h,onAccepted:d,onDeleted:j,onReject:R,onToast:g}){var E;const[N,D]=l.useState(null),[S,z]=l.useState("loading"),[y,x]=l.useState(!1),[C,ge]=l.useState("sedang"),[V,J]=l.useState(!1),[q,M]=l.useState(!1),{confirm:ee,dialog:O}=Ke(),[u,P]=l.useState({title:"",detail:"",category:"bug",status:"new"}),I=l.useCallback(()=>{p.getTicket(a).then(o=>{D(o),z("ready")}).catch(()=>z("error"))},[a]);if(l.useEffect(()=>{I()},[I]),Fe(!V,h),S==="loading")return e.jsx(_,{kind:"loading"});if(S==="error"||!N)return e.jsx(_,{kind:"error",hint:"Gagal memuat tiket.",action:I,actionLabel:"Coba lagi"});const c=N,Q=!!c.specId,te=c.status!=="new",ue=u.title!==c.title||u.detail!==c.detail||u.category!==c.category||u.status!==c.status;async function ae(){x(!0);try{const o=await p.acceptTicket(a,C);d(o.spec,!!o.alreadyPromoted)}catch(o){g(w("menerima tiket",o),"err","x-circle")}finally{x(!1)}}async function F(){x(!0);try{await R(a),I()}finally{x(!1)}}async function de(o,k){try{await navigator.clipboard.writeText(o),g(k,"ok","copy")}catch(U){g(w("menyalin link",U),"err","x-circle")}}async function be(){x(!0);try{const o=await p.unlinkTicket(a);D({...c,specId:o.specId,spec:null,status:o.status}),g("Tautan backlog dilepas","ok","unlink")}catch(o){g(w("melepas tautan",o),"err","x-circle")}finally{x(!1)}}function A(){P({title:c.title,detail:c.detail,category:c.category,status:c.status}),J(!0)}async function fe(){ue&&!await ee({title:"Buang perubahan?",message:"Perubahan pada tiket ini belum disimpan.",impact:["Judul, detail, kategori, dan status kembali ke nilai tersimpan."],confirmLabel:"Buang perubahan",tone:"danger"})||J(!1)}async function L(){if(u.title.trim()){x(!0);try{const o=await p.editTicket(a,{title:u.title,detail:u.detail,category:u.category,status:u.status});D(o),J(!1),g("Tiket diperbarui","ok")}catch(o){g(w("menyimpan tiket",o),"err","x-circle")}finally{x(!1)}}}async function ie(){x(!0);try{await p.deleteTicket(a),g("Tiket dihapus","ok","trash-2"),j()}catch(o){g(w("menghapus tiket",o),"err","x-circle"),x(!1)}}if(V){const o=!u.title.trim();return e.jsxs("div",{className:"hn-triage-detail",children:[e.jsx("div",{className:"hn-triage-detail-scroll",children:e.jsxs(_e,{gap:4,children:[e.jsxs("div",{className:"hn-triage-status-row",children:[e.jsx(f,{size:"sm",variant:"ghost",leftIcon:"arrow-left",onClick:()=>void fe(),disabled:y,children:"Batal"}),e.jsx(f,{size:"sm",variant:"primary",leftIcon:"check",onClick:L,disabled:y||o,children:"Simpan"})]}),e.jsx(Z,{label:"Judul",error:o?"Judul tiket wajib diisi.":void 0,children:e.jsx(Nt,{value:u.title,invalid:o,placeholder:"mis. Tombol Simpan tak berfungsi di HP",onChange:k=>P({...u,title:k.target.value})})}),e.jsxs("div",{className:"hn-triage-status-row",children:[e.jsx(Z,{label:"Kategori",children:e.jsx(ce,{value:u.category,onChange:k=>P({...u,category:k.target.value}),options:[{value:"bug",label:"bug"},{value:"fitur",label:"fitur"},{value:"pertanyaan",label:"pertanyaan"},{value:"lainnya",label:"lainnya"}]})}),e.jsx(Z,{label:"Status",children:e.jsx(ce,{value:u.status,onChange:k=>P({...u,status:k.target.value}),options:[{value:"new",label:oe.new},{value:"accepted",label:oe.accepted},{value:"rejected",label:oe.rejected}]})})]}),e.jsx(Z,{label:"Detail keluhan",children:e.jsx(Pt,{value:u.detail,rows:6,placeholder:"mis. Buka halaman Pesanan di HP, tekan Simpan — layar diam dan datanya tak tersimpan.",onChange:k=>P({...u,detail:k.target.value})})})]})}),O]})}const m=c.publicStatusUrl,se=[{key:"edit",label:"Edit",icon:"pencil",onSelect:A,disabled:y},...m?[{key:"public-open",label:"Buka status publik",icon:"share-2",onSelect:()=>window.open(m,"_blank","noreferrer")},{key:"public-copy",label:"Salin link publik",icon:"link-2",onSelect:()=>void de(m,"Link publik disalin")}]:[],...Q?[{key:"spec-copy",label:"Salin link backlog",icon:"copy",onSelect:()=>void de(ke(c.specId),"Link backlog disalin")},{key:"unlink",label:"Lepas tautan",icon:"unlink",onSelect:()=>void be(),disabled:y}]:[],{key:"delete",label:"Hapus",icon:"trash-2",onSelect:()=>M(!0),disabled:y}];return e.jsxs("div",{className:"hn-triage-detail",children:[e.jsx("div",{className:"hn-triage-detail-scroll",children:e.jsxs("div",{className:"hn-triage-detail-body",children:[e.jsxs("div",{children:[e.jsxs("span",{className:"hn-triage-meta",children:["#",c.number," · ",c.category]}),e.jsx("h2",{className:"hn-triage-detail-title",children:c.title})]}),e.jsxs("ul",{className:"hn-triage-facts",children:[e.jsxs("li",{children:["pelapor: ",e.jsx("b",{children:c.reporterEmail})]}),e.jsxs("li",{children:["project: ",e.jsx("b",{children:r(c.projectId)})]}),e.jsxs("li",{children:["masuk ",pe(c.createdAt)]}),Q&&e.jsxs("li",{children:["backlog: ",e.jsx("b",{children:c.specId})," · ",e.jsx("span",{children:Dt(c.status,(E=c.spec)==null?void 0:E.stage)})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"hn-eyebrow hn-triage-section-title",children:"Detail keluhan"}),e.jsx("div",{className:"hn-triage-body-text",children:c.detail})]}),c.attachments.length>0&&e.jsxs("details",{className:"hn-triage-disclosure",open:!0,children:[e.jsxs("summary",{children:["Lampiran (",c.attachments.length,")"]}),e.jsx("ul",{className:"hn-triage-attachments",children:c.attachments.map(o=>e.jsx("li",{children:e.jsx("a",{href:Ge.ticketAttachment(c.id,o.id),target:"_blank",rel:"noreferrer",className:"hn-triage-attachment-link",children:e.jsx("img",{src:Ge.ticketAttachment(c.id,o.id),alt:o.filename})})},o.id))})]})]})}),e.jsxs("div",{className:"hn-triage-decision",role:"group","aria-label":"Keputusan",children:[Q?e.jsx(f,{size:"sm",leftIcon:"external-link",onClick:()=>window.open(ke(c.specId),"_blank","noreferrer"),children:"Buka backlog"}):!te&&e.jsxs(e.Fragment,{children:[e.jsx(f,{size:"sm",leftIcon:"arrow-up-right",onClick:ae,disabled:y,children:"Terima → backlog"}),e.jsx(f,{size:"sm",variant:"secondary",leftIcon:"ban",onClick:F,disabled:y,children:"Tolak"}),e.jsx(ce,{size:"sm",value:C,"aria-label":"Prioritas tiket",onChange:o=>ge(o.target.value),options:[{value:"tinggi",label:"Prioritas tinggi"},{value:"sedang",label:"Prioritas sedang"},{value:"rendah",label:"Prioritas rendah"}]})]}),e.jsx("span",{className:"hn-triage-decision-spacer"}),e.jsx(Me,{label:"Aksi lainnya",items:se})]}),e.jsx($t,{open:q,title:"Hapus tiket?",eyebrow:`#${c.number}`,confirmLabel:"Hapus tiket",message:`Tiket "${c.title}" dan seluruh lampirannya akan dihapus permanen. Tindakan ini tak bisa dibatalkan.`,busy:y,onCancel:()=>M(!1),onConfirm:ie}),O]})}function Ut({issue:a,projectName:r,onBack:h,onAccepted:d,onReject:j,onToast:R}){const[g,N]=l.useState(!1);Fe(!0,h);const D=a.status==="new",S=!!a.specId;async function z(){N(!0);try{const C=await p.acceptGithubIssue(a.id);d(C.spec,!!C.alreadyPromoted)}catch(C){R(w("menerima issue",C),"err","x-circle")}finally{N(!1)}}async function y(){N(!0);try{await j(a)}finally{N(!1)}}const x=[{key:"gh",label:"Buka di GitHub",icon:"external-link",onSelect:()=>window.open(a.url,"_blank","noreferrer")},...S?[{key:"spec-copy",label:"Salin link backlog",icon:"copy",onSelect:()=>{navigator.clipboard.writeText(ke(a.specId)).then(()=>R("Link backlog disalin","ok","copy"),C=>R(w("menyalin link",C),"err","x-circle"))}}]:[]];return e.jsxs("div",{className:"hn-triage-detail",children:[e.jsx("div",{className:"hn-triage-detail-scroll",children:e.jsxs("div",{className:"hn-triage-detail-body",children:[e.jsxs("div",{children:[e.jsxs("span",{className:"hn-triage-meta",children:["#",a.number," · @",a.authorLogin]}),e.jsx("h2",{className:"hn-triage-detail-title",children:a.title})]}),e.jsxs("ul",{className:"hn-triage-facts",children:[e.jsxs("li",{children:["project: ",e.jsx("b",{children:r(a.projectId)})]}),e.jsxs("li",{children:["repo: ",e.jsx("b",{children:a.repoSlug})]}),e.jsxs("li",{children:["dibuat ",pe(a.issueCreatedAt)]}),a.labels.length>0&&e.jsxs("li",{children:["label: ",e.jsx("b",{children:a.labels.join(", ")})]}),S&&e.jsxs("li",{children:["backlog: ",e.jsx("b",{children:a.specId})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"hn-eyebrow hn-triage-section-title",children:"Isi issue"}),e.jsx("div",{className:"hn-triage-body-text",children:a.body||"Tanpa isi."})]})]})}),e.jsxs("div",{className:"hn-triage-decision",role:"group","aria-label":"Keputusan",children:[D&&e.jsxs(e.Fragment,{children:[e.jsx(f,{size:"sm",leftIcon:"arrow-up-right",onClick:z,disabled:g,children:"Terima → backlog"}),e.jsx(f,{size:"sm",variant:"secondary",leftIcon:"ban",onClick:y,disabled:g,children:"Tolak"})]}),S&&e.jsx(f,{size:"sm",leftIcon:"external-link",onClick:()=>window.open(ke(a.specId),"_blank","noreferrer"),children:"Buka backlog"}),e.jsx("span",{className:"hn-triage-decision-spacer"}),e.jsx(Me,{label:"Aksi lainnya",items:x})]})]})}function Zt({projects:a,onAccepted:r,onToast:h}){const d=l.useCallback(t=>{var s;return((s=a.find(n=>n.id===t))==null?void 0:s.name)??t},[a]),[j,R]=l.useState([]),[g,N]=l.useState(0),[D,S]=l.useState(0),[z,y]=l.useState([]),[x,C]=l.useState(0),[ge,V]=l.useState(0),[J,q]=l.useState(!1),[M,ee]=l.useState(null),[O,u]=l.useState(null),[P,I]=l.useState(!1),[c,Q]=l.useState(null),[te,ue]=l.useState(null),[ae,F]=l.useState([]),[de,be]=l.useState(0),[A,fe]=X("triage","status","new",De("new","accepted","rejected")),[L,ie]=X("triage","source","semua",De("semua","tiket","issue")),[m,se]=X("triage","project","",ze),[E,o]=X("triage","q","",ze),[k,U]=X("triage","page",1,wt),[$,G]=X("triage","openId",null,Ct),Ce=[m!=="",L!=="semua",E.trim()!==""].filter(Boolean).length,H=L!=="issue",W=L!=="tiket"&&m!=="",Ie=dt("triage","scroll",J),Te=l.useRef(null),Ue=l.useCallback(t=>{Te.current=t,Ie(t)},[Ie]),{confirm:Ne,dialog:Ve}=Ke(),[Je,B]=ht(),[je,Qe]=l.useState(E);l.useEffect(()=>{const t=setTimeout(()=>Qe(E),zt);return()=>clearTimeout(t)},[E]);const he=l.useRef(0),ne=l.useRef(0),T=l.useCallback((t=!1)=>{const s=++he.current,n=++ne.current;if(p.listTickets({project:m||void 0,status:A,q:je||void 0,page:String(k),limit:String(H?Y:1)}).then(i=>{s===he.current&&(R(H?i.items:[]),N(H?i.total:0),S(i.unreviewed),ee(null),q(!0))},i=>{s===he.current&&(t||ee(w("memuat tiket",i)),q(!0))}),!m){y([]),C(0),V(0),u(null);return}W?p.listGithubIssues(m,{status:A,page:k,limit:Y}).then(i=>{n===ne.current&&(y(i.items),C(i.total),u(null),q(!0))},i=>{n===ne.current&&(t||u(w("memuat issue",i)),q(!0))}):(y([]),C(0),u(null)),p.listGithubIssues(m,{status:"new",limit:1}).then(i=>{n===ne.current&&V(i.total)},()=>{n===ne.current&&V(null)})},[m,A,je,k,H,W]);l.useEffect(()=>{T()},[T]),mt(JSON.stringify([m,L,A,E]),()=>{U(1),F([])});const Pe=()=>{se(""),ie("semua"),o(""),U(1)};kt({topic:"tickets",params:{project:m||void 0,status:A,q:je||void 0,page:k,limit:Y},apply:t=>{he.current++,R(t.data.items),N(t.data.total),S(t.data.unreviewed),ee(null),q(!0)},refetch:()=>T(!0),pollMs:At});const v=l.useMemo(()=>{const t=E.trim().toLowerCase(),s=H?j.map(i=>_t(i,d)):[],n=W?z.filter(i=>!t||`${i.number} ${i.title} ${i.authorLogin} ${i.labels.join(" ")}`.toLowerCase().includes(t)).map(i=>qt(i,d)):[];return[...s,...n].sort((i,b)=>Date.parse(b.at)-Date.parse(i.at))},[j,z,H,W,E,d]),We=l.useMemo(()=>new Map(v.map(t=>[t.key,t])),[v]),le=$?We.get($):void 0,xe=new Set(ae),$e=D+(ge??0);async function ye(t){const s=await Promise.allSettled(t.map(b=>p.rejectTicket(b))),n=t.filter((b,K)=>s[K].status==="fulfilled"),i=s.find(b=>b.status==="rejected");n.length>0&&B(n.length===1?"Tiket ditolak":`${n.length} tiket ditolak`,"ok","ban",{action:{label:"Urungkan",onAction:()=>void Xe(n)},duration:Gt}),i&&B(w("menolak tiket",i.reason),"err","x-circle"),T(!0)}async function Xe(t){const n=(await Promise.allSettled(t.map(i=>p.editTicket(i,{status:"new"})))).filter(i=>i.status==="fulfilled").length;be(i=>i+1),T(!0),n===t.length?B("Penolakan dibatalkan","ok","check"):B(`${n} dari ${t.length} penolakan dibatalkan`,"err","x-circle")}async function Le(t){I(!0);try{const s=t.kind==="tiket"?await p.acceptTicket(t.id,"sedang"):await p.acceptGithubIssue(t.id),n=s.spec.id;B(s.alreadyPromoted?`Sudah jadi ${n}`:`Diterima → ${n}`,"ok","arrow-up-right"),T(!0)}catch(s){B(w("menerima "+(t.kind==="tiket"?"tiket":"issue"),s),"err","x-circle")}finally{I(!1)}}async function Ee(t){await Ne({title:`Tolak issue #${t.number}?`,message:t.title,impact:["Issue ditandai ditutup di hanoman.","Issue di GitHub tidak diubah."],confirmLabel:"Tolak issue",tone:"danger",icon:"x-circle",run:async()=>{await p.rejectGithubIssue(t.id),T(!0)}}).catch(s=>B(w("menolak issue",s),"err","x-circle"))}async function Be(t){if(t.kind==="tiket"){I(!0);try{await ye([t.id])}finally{I(!1)}return}const s=z.find(n=>n.id===t.id);s&&await Ee(s)}async function Ye(){const t=v.filter(i=>xe.has(i.key)&&i.status==="new"),s=t.filter(i=>i.kind==="tiket"),n=t.filter(i=>i.kind==="issue");I(!0);try{const i=await Promise.allSettled(s.map(re=>p.acceptTicket(re.id,"sedang"))),b=n.length?await p.acceptGithubIssues(n.map(re=>re.id),void 0):null,K=i.filter(re=>re.status==="fulfilled").length,ut=(b==null?void 0:b.created.length)??0,ve=i.length-K+((b==null?void 0:b.failed.length)??0);B(`${K+ut} diterima${ve?` · ${ve} gagal`:""}`,ve?"err":"ok","arrow-up-right"),F([]),T(!0)}catch(i){B(w("menerima yang dipilih",i),"err","x-circle")}finally{I(!1)}}async function Ze(){const t=v.filter(s=>xe.has(s.key)&&s.status==="new");t.length!==0&&await Ne({title:`Tolak ${t.length} item?`,message:"Item berikut ditandai ditutup di hanoman. Issue di GitHub tidak diubah.",impact:t.map(s=>`${s.kind==="tiket"?"Tiket":"Issue"} #${s.number}: ${s.title}`),confirmLabel:`Tolak ${t.length} item`,tone:"danger",icon:"x-circle",run:async()=>{const s=t.filter(i=>i.kind==="tiket").map(i=>i.id),n=t.filter(i=>i.kind==="issue").map(i=>i.id);if(s.length&&await ye(s),n.length){const b=(await Promise.allSettled(n.map(K=>p.rejectGithubIssue(K)))).filter(K=>K.status==="fulfilled").length;B(`${b} issue ditolak`,"ok","ban")}F([]),T(!0)}}).catch(s=>B(w("menolak yang dipilih",s),"err","x-circle"))}async function et(){if(m){I(!0),ue(null),Q(null);try{const t=await p.pullGithubIssues(m);Q(`${t.repo}: ${t.created} baru, ${t.updated} diperbarui`+(t.skippedPullRequests?` · ${t.skippedPullRequests} pull request dilewati`:"")),T(!0)}catch(t){ue(`Gagal menarik issue: ${Oe(t)}`)}finally{I(!1)}}}const tt=t=>F(s=>s.includes(t)?s.filter(n=>n!==t):[...s,t]),at=t=>{var n,i;const s=v.findIndex(b=>b.key===t);(i=(n=Te.current)==null?void 0:n.querySelectorAll("button.hn-row-main")[s])==null||i.focus()},it=t=>{if(v.length===0)return;const s=v.findIndex(i=>i.key===$),n=v[s<0?t>0?0:v.length-1:Math.min(v.length-1,Math.max(0,s+t))];n&&(G(n.key),at(n.key))},st=t=>{if(t.defaultPrevented||t.ctrlKey||t.metaKey||t.altKey||t.target.closest("input, textarea, select, [contenteditable='true']")||document.querySelector('[role="dialog"]'))return;if(t.key==="Escape"){$&&(t.preventDefault(),G(null));return}const n=t.key.toLowerCase();if(n==="j"||n==="k"){t.preventDefault(),it(n==="j"?1:-1);return}!le||le.status!=="new"||P||(n==="a"?(t.preventDefault(),Le(le)):n==="r"&&(t.preventDefault(),Be(le)))},nt=[...m?[{key:"project",label:`Project: ${d(m)}`,onRemove:()=>se("")}]:[],...L!=="semua"?[{key:"source",label:`Sumber: ${me[L]}`,onRemove:()=>ie("semua")}]:[]],lt=e.jsxs(_e,{gap:3,children:[e.jsx(Z,{label:"Project",children:e.jsx(ce,{size:"sm",value:m,"aria-label":"Project triase",onChange:t=>se(t.target.value),options:[{value:"",label:"Semua project"},...a.map(t=>({value:t.id,label:t.name}))]})}),e.jsx(Z,{label:"Sumber",children:e.jsx(ce,{size:"sm",value:L,"aria-label":"Sumber triase",onChange:t=>ie(t.target.value),options:[{value:"semua",label:me.semua},{value:"tiket",label:me.tiket},{value:"issue",label:me.issue}]})})]}),rt=H&&W?e.jsx(Mt,{page:k,pageCount:Math.max(we(g,k,Y).pageCount,we(x,k,Y).pageCount),onPage:U}):H?e.jsx(He,{total:g,page:k,onPage:U}):W?e.jsx(He,{total:x,page:k,onPage:U,unit:"issue"}):null,ct=J?v.length===0&&(M||O)?e.jsx(_,{kind:"error",hint:M??O??"Gagal memuat.",action:()=>T(),actionLabel:"Coba lagi"}):v.length===0?L==="issue"&&!m?e.jsx(_,{kind:"empty",icon:"inbox",title:"Pilih satu project",hint:"Issue GitHub milik satu repo, jadi pilih project-nya lebih dulu di penyaring."}):Ce>0?e.jsx(_,{kind:"empty",icon:"filter",title:"Tak ada yang cocok",hint:"Tidak ada tiket atau issue yang cocok dengan penyaring atau kata kunci saat ini.",action:Pe,actionLabel:"Reset penyaring"}):A==="new"?e.jsx(_,{kind:"empty",icon:"inbox",title:"Belum ada keluhan",hint:"Aktifkan Help Center di detail project, lalu sebar link publiknya agar keluhan mulai masuk."}):e.jsx(_,{kind:"empty",icon:"inbox",title:`Belum ada yang ${oe[A].toLowerCase()}`}):e.jsx(bt,{label:"Keluhan dan issue",children:v.map(t=>e.jsx(Ot,{row:t,selected:t.key===$,picked:xe.has(t.key),busy:P,onOpen:()=>G(t.key),onPick:()=>tt(t.key),onAccept:()=>void Le(t),onReject:()=>void Be(t)},t.key))}):e.jsx(pt,{rows:4,label:"Memuat keluhan dan issue…"}),ot=e.jsxs("div",{className:"hn-triage-list-panel",children:[(M||O)&&v.length>0&&e.jsx(Ae,{tone:"err",title:"Sebagian data gagal dimuat",children:M??O}),ae.length>0&&e.jsxs("div",{className:"hn-triage-bulk",role:"region","aria-label":"Aksi massal",children:[e.jsxs("span",{className:"hn-triage-bulk-count",children:[ae.length," dipilih"]}),e.jsx(f,{size:"sm",leftIcon:"arrow-up-right",onClick:()=>void Ye(),disabled:P,children:"Terima terpilih"}),e.jsx(f,{size:"sm",variant:"secondary",leftIcon:"ban",onClick:()=>void Ze(),disabled:P,children:"Tolak terpilih"}),e.jsx(f,{size:"sm",variant:"ghost",onClick:()=>F([]),disabled:P,children:"Batal pilih"})]}),e.jsx("div",{ref:Ue,"data-testid":"triage-scroll",className:"hn-triage-scroll",children:ct}),rt]}),Re=$&&($.startsWith("i:")?le?e.jsx(Ut,{issue:z.find(t=>Se("issue",t.id)===$),projectName:d,onBack:()=>G(null),onAccepted:r,onReject:Ee,onToast:h}):e.jsx(_,{kind:"empty",icon:"inbox",title:"Issue ini tak ada di daftar",hint:"Pilih ulang dari daftar di sebelahnya.",action:()=>G(null),actionLabel:"Kembali ke daftar"}):e.jsx(Ft,{id:$.slice(2),projectName:d,onBack:()=>G(null),onAccepted:r,onDeleted:()=>{G(null),T(!0)},onReject:t=>ye([t]),onToast:h},`${$}-${de}`));return e.jsxs("div",{className:"hn-triage",onKeyDown:st,children:[e.jsxs("div",{className:"hn-triage-status-row",children:[e.jsx("div",{className:"hn-triage-segment",role:"group","aria-label":"Status keluhan dan issue",children:Ht.map(t=>e.jsxs("button",{type:"button",className:"hn-triage-segment-btn","aria-pressed":A===t.key,onClick:()=>fe(t.key),children:[t.label,t.key==="new"&&$e>0&&e.jsx(qe,{tone:"warn",size:"sm",children:$e})]},t.key))}),m&&L!=="tiket"&&e.jsx(f,{size:"sm",variant:"secondary",onClick:()=>void et(),disabled:P,children:"Tarik issue"})]}),(c||te)&&(te?e.jsx(Ae,{tone:"err",role:"alert",children:te}):e.jsx("span",{className:"hn-triage-meta",children:c})),e.jsx(ft,{label:"Filter keluhan dan issue",search:{value:E,onChange:o,label:"Cari tiket",placeholder:"mis. gagal login atau budi@contoh.id"},chips:nt,filters:lt,filtersLabel:"Filter",onReset:Pe,resetLabel:"Hapus semua filter",actions:e.jsxs(e.Fragment,{children:[e.jsx(jt,{onDone:()=>T(!0),onToast:h}),e.jsx(xt,{screen:"triage",active:Ce}),e.jsx(Rt,{})]})}),e.jsx(yt,{ariaLabel:"Panel triase",active:$?"detail":"list",onActiveChange:t=>{t==="list"&&G(null)},splitAt:"tablet",masterWidth:360,panels:[{id:"list",label:"Daftar",content:ot,className:"hn-panel-flex"},...$&&Re?[{id:"detail",label:"Detail",className:"hn-panel-flex",content:Re}]:[]]}),e.jsx(vt,{toast:Je}),Ve]})}export{Zt as TriageScreen};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a1 as be,h as g,v as fe,d as me,aV as E,aW as Y,j as e,M as ye,c as Oe,aX as ie,aT as ue,m as F,I as ne,x as Re,B as y,i as T,q as Se,r as Me,aY as Ue,aJ as _e,e as G,f as X,aZ as He,l as Fe,aq as Ke,R as We,X as qe,O as Ge,W as Xe}from"./index-C5P4ykKO.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 Je=(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&&Je(s,t)}const Qe=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(""),[J,q]=c.useState(new Set),[M,$]=c.useState(null),[C,O]=c.useState(new Set),[D,U]=c.useState(null),[Q,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:Q==="preview",onClick:Ce,children:"Pratinjau"}),e.jsx(y,{size:"sm",leftIcon:"shield",loading:Q==="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:J.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:J}=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 Q(){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:Q,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(`
|
|
1
|
+
import{a1 as be,h as g,v as fe,d as me,aV as E,aW as Y,j as e,M as ye,c as Oe,aX as ie,aT as ue,m as F,I as ne,x as Re,B as y,i as T,q as Se,r as Me,aY as Ue,aJ as _e,e as G,f as X,aZ as He,l as Fe,aq as Ke,R as We,X as qe,O as Ge,W as Xe}from"./index-R2HBkTbR.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 Je=(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&&Je(s,t)}const Qe=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(""),[J,q]=c.useState(new Set),[M,$]=c.useState(null),[C,O]=c.useState(new Set),[D,U]=c.useState(null),[Q,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:Q==="preview",onClick:Ce,children:"Pratinjau"}),e.jsx(y,{size:"sm",leftIcon:"shield",loading:Q==="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:J.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:J}=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 Q(){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:Q,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(`
|
|
2
2
|
`)})}),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"})]}),J]})}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 J=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 J(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})})]}),Q=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 J(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:Qe(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:Q(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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{cg as R,ch as F,ci as I,cj as O,ck as M,cl as U,bZ as $,bW as P,bX as B,bY as G,cm as z,a6 as H,a7 as K,cn as V,bc as Y,co as q,bR as W,cp as X,cq as Z,j as a,B as J,h as Q,aI as ee,b2 as te,ae as T,g as A,a9 as ae,aa as se,ab as ne,ac as re,ad as ie,f as le}from"./index-C5P4ykKO.js";import{R as f}from"./react-DfGhg7ZW.js";import"./markdown-CWEY34jk.js";const xe=R,S=[{key:"sesi",label:"Sesi harian",icon:"bell",sections:[{key:"sesi",label:"Sesi harian",icon:"bell",keywords:"notifikasi suara selesai keputusan gagal full-auto scaffold agen model default effort goal kondisi verifikasi scope metode workflow"}]},{key:"model",label:"Agen & model",icon:"cpu",sections:[{key:"model",label:"Agen & model",icon:"cpu",keywords:"override konflik rebase merge lead operator obrolan portal jatah orkestrasi fase effort model runtime"}]},{key:"integrasi",label:"Integrasi & akses",icon:"webhook",sections:[{key:"agent",label:"Akses AI Agent",icon:"bot",keywords:"token agent capability mcp master switch"},{key:"telegram",label:"Telegram",icon:"send",keywords:"bot token chat allowlist gateway operator agen progress uji koneksi"},{key:"webhook",label:"Webhook",icon:"webhook",keywords:"endpoint secret peristiwa pengiriman dokumentasi"},{key:"akses-klien",label:"Akses klien",icon:"user-check",keywords:"portal klien grant lihat tulis mulai sesi"},{key:"perangkat",label:"Perangkat",icon:"key-round",keywords:"token perangkat sinkron server pusat"},{key:"kendali-jarak-jauh",label:"Kendali jarak jauh",icon:"shield",keywords:"izin server pusat perangkat kendali"}]},{key:"lanjutan",label:"Lanjutan",icon:"sliders-horizontal",collapsible:!0,sections:[{key:"akun",label:"Akun",icon:"user-round",keywords:"password email logout ganti masuk"},{key:"users",label:"Pengguna",icon:"users",keywords:"undang hapus pengguna email password"},{key:"setup",label:"Setup awal",icon:"shield",keywords:"peruntukan hardening setup ulang"},{key:"konfigurasi",label:"Konfigurasi",icon:"sliders-horizontal",keywords:"env rahasia bootstrap sinkron runtime variabel"},{key:"aktivitas",label:"Log aktivitas",icon:"activity",keywords:"log sesi project hasil commit pr hapus"},{key:"custom-agent",label:"Custom agent",icon:"bot",keywords:"persona agen mention katalog"},{key:"zona-bahaya",label:"Zona bahaya",icon:"alert-triangle",keywords:"reset default kembalikan semua setelan"}]}],L="sesi",oe=S.flatMap(e=>e.sections.map(t=>t.key)),D=e=>oe.includes(e),ue=new Map([["umum","sesi"],["orkestrasi","model"]]);function je(e){if(typeof e!="string")return L;const t=ue.get(e)??e;return D(t)?t:L}function ce(e){return S.find(t=>t.sections.some(n=>n.key===e))??S[0]}function de(e){return S.flatMap(n=>n.sections).find(n=>n.key===e)??S[0].sections[0]}function Ne(e){const t=ce(e);return t.sections.length>1?`${t.label} · ${de(e).label}`:t.label}function Ae(e){const t=new URLSearchParams(e.replace(/^#/,"")).get("bagian");return t&&D(t)?t:null}const we=e=>Z(e).map(t=>({value:t,label:t==="xhigh"?"x-high":t})),Te=e=>W(X,e),fe=(e,t)=>{const n=q(e,t);return n===t?{}:{effort:n}},Le=[{value:"blip",label:"Blip · 0.1s"},{value:"pop",label:"Pop · 0.1s"},{value:"short",label:"Short · 0.15s"},{value:"ping",label:"Ping · 0.2s"},{value:"coin",label:"Coin · 0.3s"},{value:"alert",label:"Alert · 0.3s"},{value:"medium",label:"Medium · 0.4s"},{value:"chime",label:"Chime · 0.4s"},{value:"success",label:"Success · 0.4s"},{value:"bell",label:"Bell · 0.5s"},{value:"marimba",label:"Marimba · 0.6s"},{value:"long",label:"Long · 0.8s"},{value:"fanfare",label:"Fanfare · 0.9s"},{value:"off",label:"Senyap"}],De={model:"sonnet",effort:"medium",autoDefault:!0,autoScaffold:!0,notifyFail:!0,notifyDone:!0,notifySound:"short",notifyDecision:!0,notifyDecisionSound:"alert",notifyDecisionTelegram:!0,agentAccessEnabled:!1,scheduler:Y,goal:V,agent:"claude",codex:K,antigravity:H,verifyScope:"changed",method:z,conflict:G,lead:B,telegram:P,portalChat:$,orchestration:U,remoteControl:M,logShipping:O,logRetention:I,builtinAgents:{},builtinAgentPolicies:{},builtinRuntimeDefaults:F};function ge({save:e}){if(e.status==="idle")return null;if(e.status==="error")return a.jsxs("span",{className:"hn-set-save hn-set-save--err",role:"status","data-testid":"save-status",children:["Gagal — coba lagi",a.jsx(J,{size:"sm",variant:"ghost",leftIcon:"refresh-cw",onClick:e.retry,children:"Coba lagi"})]});const t=e.status==="saved"?"Tersimpan":"Menyimpan…",n=e.status==="saved"?"hn-set-save--ok":"hn-set-save--pending";return a.jsx("span",{className:`hn-set-save ${n}`,role:"status","data-testid":"save-status",children:t})}function he({text:e}){return a.jsx(a.Fragment,{children:e.split(/`([^`]+)`/).map((t,n)=>n%2===1?a.jsx("code",{className:"hn-set-mono hn-set-codeinline",children:t},n):t)})}function x({title:e,desc:t,children:n,last:r,save:c,search:o}){return a.jsxs("div",{className:`hn-setting-row hn-set-row${r?" hn-set-row--last":""}`,"data-setting-row":!0,"data-search":`${e} ${t??""} ${o??""}`,children:[a.jsxs("div",{className:"hn-set-row-text",children:[a.jsx("div",{className:"hn-set-row-title",children:e}),t&&a.jsx("div",{className:"hn-set-row-desc",children:a.jsx(he,{text:t})}),c&&a.jsx(ge,{save:c})]}),a.jsx("div",{className:"hn-setting-control hn-set-row-control",children:n})]})}function Ce({id:e,text:t}){return t?a.jsx("div",{id:e,className:"hn-set-hint",children:t}):null}function _e({children:e}){return a.jsx("div",{className:"hn-set-note",children:e})}function me({children:e}){return a.jsx("div",{className:"hn-set-prose",children:e})}const ke=400,ve=1800;function y(e){const t=f.useRef(e);t.current=e;const[n,r]=f.useState(null),c=f.useRef(e.value),[o,l]=f.useState("idle"),u=f.useRef(0),g=f.useRef(null),s=f.useRef(null),h=f.useRef(null),m=f.useRef(null),d=f.useRef(!1),k=f.useRef(0),v=()=>{s.current&&(clearTimeout(s.current),s.current=null)},j=()=>{h.current&&(clearTimeout(h.current),h.current=null)},N=(i,p)=>{if(v(),k.current===0&&Object.is(i,t.current.value)){p===u.current&&(g.current=null,r(null),l("idle"));return}k.current++,l("saving"),Promise.resolve(t.current.save(i)).then(E=>{k.current--,!(!d.current||p!==u.current)&&(g.current=null,E?(m.current=null,r({v:i,settled:!0}),l("saved"),j(),h.current=setTimeout(()=>{h.current=null,d.current&&l(b=>b==="saved"?"idle":b)},ve)):(m.current={v:i},r(null),l("error")))})},w=i=>{const p=++u.current;g.current={v:i,id:p},m.current=null,j(),r({v:i,settled:!1}),v();const E=t.current.delayMs??ke;if(E<=0){N(i,p);return}l("pending"),s.current=setTimeout(()=>{s.current=null;const b=g.current;b&&N(b.v,b.id)},E)};f.useEffect(()=>{Object.is(c.current,e.value)||(c.current=e.value,r(i=>i&&i.settled?null:i))},[e.value]);const C=()=>{const i=g.current;!s.current||!i||N(i.v,i.id)},_=()=>{const i=m.current;i&&w(i.v)};return f.useEffect(()=>(d.current=!0,()=>{d.current=!1;const i=g.current;s.current&&i&&(v(),Promise.resolve(t.current.save(i.v))),j()}),[]),{value:n?n.v:e.value,set:w,flush:C,status:o,retry:_}}function be({model:e,codexVer:t}){var r;const n=(t==null?void 0:t.version)??null;return re(e,n)?a.jsxs("div",{"data-testid":"codex-version-note",className:"hn-set-codex-note",children:["Codex CLI terpasang ",a.jsx("b",{children:n}),", sedangkan ",a.jsx("b",{children:e})," butuh ",a.jsx("b",{children:(r=ie(e))==null?void 0:r.minClient}),". Sesi tetap boleh dijalankan, tapi modelnya belum tentu dikenali CLI ini. Perbarui dengan ",a.jsx("code",{children:"npm i -g @openai/codex@latest"}),"."]}):null}function Re({id:e,label:t,active:n}){return a.jsxs("div",{className:"hn-set-agent-head",children:[a.jsx("div",{className:"hn-set-agent-name",children:t}),a.jsx("span",{"data-testid":`agent-badge-${e}`,className:`hn-set-agent-badge${n?" hn-set-agent-badge--on":""}`,children:n?"dipakai sesi baru":"tidak dipakai sekarang"})]})}function Fe({engine:e,labels:t,defaults:n,codexVer:r,save:c}){const o=y({value:e.agent,delayMs:0,save:s=>{const h=n[s];return c({agent:s,model:h.model,effort:s==="claude"?h.effort:T(s,h.model,h.effort)},`${t.msg.agent} → ${s}`)}}),l=y({value:e.model,delayMs:0,save:s=>c({model:s,...e.agent==="claude"?fe(s,e.effort):{effort:T(e.agent,s,e.effort)}},`${t.msg.model} → ${s}`)}),u=y({value:e.effort,delayMs:0,save:s=>c({effort:s},`${t.msg.effort} → ${s}`)}),g=o.value==="codex";return a.jsxs(a.Fragment,{children:[a.jsx(x,{title:t.agentTitle,desc:t.agentDesc,save:o,children:a.jsx(A,{size:"sm","aria-label":t.aria.agent,value:o.value,className:"hn-set-w-sm",options:ae,onChange:s=>o.set(s.target.value)})}),g&&a.jsx(be,{model:l.value,codexVer:r}),o.value==="antigravity"&&a.jsx(pe,{}),a.jsx(x,{title:"Model",save:l,children:a.jsx(A,{size:"sm","aria-label":t.aria.model,value:l.value,className:"hn-set-w-sm",options:se(o.value,l.value),onChange:s=>l.set(s.target.value)})}),a.jsx(x,{title:"Effort",desc:t.effortDesc,last:!0,save:u,children:a.jsx(A,{size:"sm","aria-label":t.aria.effort,value:u.value,className:"hn-set-w-xs",options:ne(o.value,l.value).map(s=>({value:s,label:s==="xhigh"?"x-high":s})),onChange:s=>u.set(s.target.value)})})]})}function Ie({eyebrow:e,title:t,desc:n,toggleTitle:r="Pakai setelan sendiri",toggleDesc:c,toggleAria:o,enabled:l,onToggle:u,inherited:g,inheritedTestId:s,children:h}){const m=y({value:l,delayMs:0,save:d=>u(d)});return a.jsxs(ee,{eyebrow:e,title:t,"data-setting-card":!0,"data-search":`${t} ${e}`,children:[a.jsx(me,{children:n}),a.jsx(x,{title:r,desc:c,save:m,last:!m.value,children:a.jsx(te,{"aria-label":o,checked:m.value,onChange:d=>m.set(d)})}),m.value?h:g?a.jsx("div",{"data-testid":s,className:"hn-set-inherited",children:g}):null]})}function Oe({label:e,value:t,min:n,max:r,placeholder:c,width:o,onCommit:l,onToast:u}){const[g,s]=f.useState(String(t));f.useEffect(()=>s(String(t)),[t]);const h=y({value:t,delayMs:0,save:d=>l(d)}),m=()=>{const d=g.trim(),k=d===""?NaN:Math.floor(Number(d));if(!Number.isFinite(k)||k<n){u==null||u(`${e}: isi angka ${n} atau lebih. Nilai sebelumnya dipertahankan.`,"warn","alert-triangle"),s(String(t));return}const v=Math.min(k,r);v!==k&&(u==null||u(`${e} dibatasi ke ${r}.`,"warn","alert-triangle"),s(String(v))),v!==t&&h.set(v)};return a.jsx(le,{"aria-label":e,type:"number",min:n,max:r,placeholder:c,className:o??"hn-set-w-xs",value:g,onChange:d=>s(d.target.value),onBlur:m,onKeyDown:d=>{d.key==="Enter"&&m()}})}function pe({info:e}){const[t,n]=f.useState(null);f.useEffect(()=>{var o,l;if(e!==void 0)return;let c=!0;return(l=(o=Q).getAntigravityVersion)==null||l.call(o).then(u=>{c&&n(u)}).catch(()=>{c&&n({version:null,error:"Versi Antigravity tidak dapat diperiksa."})}),()=>{c=!1}},[e]);const r=e===void 0?t:e;return a.jsxs("div",{role:"status","data-testid":"antigravity-version-note",className:"hn-set-codex-note",children:["Antigravity CLI · versi ",(r==null?void 0:r.version)??"tak terdeteksi",". ",r==null?void 0:r.error,a.jsx("p",{children:"Host/lab saja; sandbox belum didukung. Mode goal native belum didukung. Telemetri native tidak diketahui."}),a.jsx("a",{href:"https://antigravity.google/docs/cli",target:"_blank",rel:"noreferrer",children:"Panduan pemasangan dan login resmi"})]})}export{pe as A,Ce as B,be as C,L as D,Fe as E,Ie as F,Oe as N,me as P,S,x as a,Le as b,fe as c,Re as d,xe as e,Te as f,we as g,_e as h,De as i,ce as j,je as n,Ae as r,Ne as s,y as u};
|
|
1
|
+
import{ci as F,cj as I,ck as O,cl as R,cm as M,cn as U,b$ as $,bY as P,bZ as B,b_ as G,co as z,a6 as H,a7 as K,cp as V,bc as Y,cq as q,bT as Z,cr as W,cs as X,j as a,B as J,h as Q,aI as ee,b2 as te,ae as w,g as A,a9 as ae,aa as se,ab as ne,ac as re,ad as ie,f as le}from"./index-R2HBkTbR.js";import{R as f}from"./react-DfGhg7ZW.js";import"./markdown-CWEY34jk.js";const xe=F,S=[{key:"sesi",label:"Sesi harian",icon:"bell",sections:[{key:"sesi",label:"Sesi harian",icon:"bell",keywords:"notifikasi suara selesai keputusan gagal full-auto scaffold agen model default effort goal kondisi verifikasi scope metode workflow"}]},{key:"model",label:"Agen & model",icon:"cpu",sections:[{key:"model",label:"Agen & model",icon:"cpu",keywords:"override konflik rebase merge lead operator obrolan portal jatah orkestrasi fase effort model runtime"}]},{key:"integrasi",label:"Integrasi & akses",icon:"webhook",sections:[{key:"agent",label:"Akses AI Agent",icon:"bot",keywords:"token agent capability mcp master switch"},{key:"telegram",label:"Telegram",icon:"send",keywords:"bot token chat allowlist gateway operator agen progress uji koneksi"},{key:"webhook",label:"Webhook",icon:"webhook",keywords:"endpoint secret peristiwa pengiriman dokumentasi"},{key:"akses-klien",label:"Akses klien",icon:"user-check",keywords:"portal klien grant lihat tulis mulai sesi"},{key:"perangkat",label:"Perangkat",icon:"key-round",keywords:"token perangkat sinkron server pusat"},{key:"kendali-jarak-jauh",label:"Kendali jarak jauh",icon:"shield",keywords:"izin server pusat perangkat kendali"}]},{key:"lanjutan",label:"Lanjutan",icon:"sliders-horizontal",collapsible:!0,sections:[{key:"akun",label:"Akun",icon:"user-round",keywords:"password email logout ganti masuk"},{key:"users",label:"Pengguna",icon:"users",keywords:"undang hapus pengguna email password"},{key:"setup",label:"Setup awal",icon:"shield",keywords:"peruntukan hardening setup ulang"},{key:"konfigurasi",label:"Konfigurasi",icon:"sliders-horizontal",keywords:"env rahasia bootstrap sinkron runtime variabel"},{key:"aktivitas",label:"Log aktivitas",icon:"activity",keywords:"log sesi project hasil commit pr hapus"},{key:"custom-agent",label:"Custom agent",icon:"bot",keywords:"persona agen mention katalog"},{key:"zona-bahaya",label:"Zona bahaya",icon:"alert-triangle",keywords:"reset default kembalikan semua setelan"}]}],L="sesi",oe=S.flatMap(e=>e.sections.map(t=>t.key)),D=e=>oe.includes(e),ue=new Map([["umum","sesi"],["orkestrasi","model"]]);function je(e){if(typeof e!="string")return L;const t=ue.get(e)??e;return D(t)?t:L}function ce(e){return S.find(t=>t.sections.some(n=>n.key===e))??S[0]}function de(e){return S.flatMap(n=>n.sections).find(n=>n.key===e)??S[0].sections[0]}function Ne(e){const t=ce(e);return t.sections.length>1?`${t.label} · ${de(e).label}`:t.label}function Ae(e){const t=new URLSearchParams(e.replace(/^#/,"")).get("bagian");return t&&D(t)?t:null}const Te=e=>X(e).map(t=>({value:t,label:t==="xhigh"?"x-high":t})),we=e=>Z(W,e),fe=(e,t)=>{const n=q(e,t);return n===t?{}:{effort:n}},Le=[{value:"blip",label:"Blip · 0.1s"},{value:"pop",label:"Pop · 0.1s"},{value:"short",label:"Short · 0.15s"},{value:"ping",label:"Ping · 0.2s"},{value:"coin",label:"Coin · 0.3s"},{value:"alert",label:"Alert · 0.3s"},{value:"medium",label:"Medium · 0.4s"},{value:"chime",label:"Chime · 0.4s"},{value:"success",label:"Success · 0.4s"},{value:"bell",label:"Bell · 0.5s"},{value:"marimba",label:"Marimba · 0.6s"},{value:"long",label:"Long · 0.8s"},{value:"fanfare",label:"Fanfare · 0.9s"},{value:"off",label:"Senyap"}],De={model:"sonnet",effort:"medium",autoDefault:!0,autoScaffold:!0,notifyFail:!0,notifyDone:!0,notifySound:"short",notifyDecision:!0,notifyDecisionSound:"alert",notifyDecisionTelegram:!0,agentAccessEnabled:!1,scheduler:Y,goal:V,agent:"claude",codex:K,antigravity:H,verifyScope:"changed",method:z,conflict:G,lead:B,telegram:P,portalChat:$,orchestration:U,remoteControl:M,logShipping:R,logRetention:O,builtinAgents:{},builtinAgentPolicies:{},builtinRuntimeDefaults:I};function ge({save:e}){if(e.status==="idle")return null;if(e.status==="error")return a.jsxs("span",{className:"hn-set-save hn-set-save--err",role:"status","data-testid":"save-status",children:["Gagal — coba lagi",a.jsx(J,{size:"sm",variant:"ghost",leftIcon:"refresh-cw",onClick:e.retry,children:"Coba lagi"})]});const t=e.status==="saved"?"Tersimpan":"Menyimpan…",n=e.status==="saved"?"hn-set-save--ok":"hn-set-save--pending";return a.jsx("span",{className:`hn-set-save ${n}`,role:"status","data-testid":"save-status",children:t})}function he({text:e}){return a.jsx(a.Fragment,{children:e.split(/`([^`]+)`/).map((t,n)=>n%2===1?a.jsx("code",{className:"hn-set-mono hn-set-codeinline",children:t},n):t)})}function x({title:e,desc:t,children:n,last:r,save:c,search:o}){return a.jsxs("div",{className:`hn-setting-row hn-set-row${r?" hn-set-row--last":""}`,"data-setting-row":!0,"data-search":`${e} ${t??""} ${o??""}`,children:[a.jsxs("div",{className:"hn-set-row-text",children:[a.jsx("div",{className:"hn-set-row-title",children:e}),t&&a.jsx("div",{className:"hn-set-row-desc",children:a.jsx(he,{text:t})}),c&&a.jsx(ge,{save:c})]}),a.jsx("div",{className:"hn-setting-control hn-set-row-control",children:n})]})}function Ce({id:e,text:t}){return t?a.jsx("div",{id:e,className:"hn-set-hint",children:t}):null}function _e({children:e}){return a.jsx("div",{className:"hn-set-note",children:e})}function me({children:e}){return a.jsx("div",{className:"hn-set-prose",children:e})}const ke=400,ve=1800;function y(e){const t=f.useRef(e);t.current=e;const[n,r]=f.useState(null),c=f.useRef(e.value),[o,l]=f.useState("idle"),u=f.useRef(0),g=f.useRef(null),s=f.useRef(null),h=f.useRef(null),m=f.useRef(null),d=f.useRef(!1),k=f.useRef(0),v=()=>{s.current&&(clearTimeout(s.current),s.current=null)},j=()=>{h.current&&(clearTimeout(h.current),h.current=null)},N=(i,p)=>{if(v(),k.current===0&&Object.is(i,t.current.value)){p===u.current&&(g.current=null,r(null),l("idle"));return}k.current++,l("saving"),Promise.resolve(t.current.save(i)).then(E=>{k.current--,!(!d.current||p!==u.current)&&(g.current=null,E?(m.current=null,r({v:i,settled:!0}),l("saved"),j(),h.current=setTimeout(()=>{h.current=null,d.current&&l(b=>b==="saved"?"idle":b)},ve)):(m.current={v:i},r(null),l("error")))})},T=i=>{const p=++u.current;g.current={v:i,id:p},m.current=null,j(),r({v:i,settled:!1}),v();const E=t.current.delayMs??ke;if(E<=0){N(i,p);return}l("pending"),s.current=setTimeout(()=>{s.current=null;const b=g.current;b&&N(b.v,b.id)},E)};f.useEffect(()=>{Object.is(c.current,e.value)||(c.current=e.value,r(i=>i&&i.settled?null:i))},[e.value]);const C=()=>{const i=g.current;!s.current||!i||N(i.v,i.id)},_=()=>{const i=m.current;i&&T(i.v)};return f.useEffect(()=>(d.current=!0,()=>{d.current=!1;const i=g.current;s.current&&i&&(v(),Promise.resolve(t.current.save(i.v))),j()}),[]),{value:n?n.v:e.value,set:T,flush:C,status:o,retry:_}}function be({model:e,codexVer:t}){var r;const n=(t==null?void 0:t.version)??null;return re(e,n)?a.jsxs("div",{"data-testid":"codex-version-note",className:"hn-set-codex-note",children:["Codex CLI terpasang ",a.jsx("b",{children:n}),", sedangkan ",a.jsx("b",{children:e})," butuh ",a.jsx("b",{children:(r=ie(e))==null?void 0:r.minClient}),". Sesi tetap boleh dijalankan, tapi modelnya belum tentu dikenali CLI ini. Perbarui dengan ",a.jsx("code",{children:"npm i -g @openai/codex@latest"}),"."]}):null}function Fe({id:e,label:t,active:n}){return a.jsxs("div",{className:"hn-set-agent-head",children:[a.jsx("div",{className:"hn-set-agent-name",children:t}),a.jsx("span",{"data-testid":`agent-badge-${e}`,className:`hn-set-agent-badge${n?" hn-set-agent-badge--on":""}`,children:n?"dipakai sesi baru":"tidak dipakai sekarang"})]})}function Ie({engine:e,labels:t,defaults:n,codexVer:r,save:c}){const o=y({value:e.agent,delayMs:0,save:s=>{const h=n[s];return c({agent:s,model:h.model,effort:s==="claude"?h.effort:w(s,h.model,h.effort)},`${t.msg.agent} → ${s}`)}}),l=y({value:e.model,delayMs:0,save:s=>c({model:s,...e.agent==="claude"?fe(s,e.effort):{effort:w(e.agent,s,e.effort)}},`${t.msg.model} → ${s}`)}),u=y({value:e.effort,delayMs:0,save:s=>c({effort:s},`${t.msg.effort} → ${s}`)}),g=o.value==="codex";return a.jsxs(a.Fragment,{children:[a.jsx(x,{title:t.agentTitle,desc:t.agentDesc,save:o,children:a.jsx(A,{size:"sm","aria-label":t.aria.agent,value:o.value,className:"hn-set-w-sm",options:ae,onChange:s=>o.set(s.target.value)})}),g&&a.jsx(be,{model:l.value,codexVer:r}),o.value==="antigravity"&&a.jsx(pe,{}),a.jsx(x,{title:"Model",save:l,children:a.jsx(A,{size:"sm","aria-label":t.aria.model,value:l.value,className:"hn-set-w-sm",options:se(o.value,l.value),onChange:s=>l.set(s.target.value)})}),a.jsx(x,{title:"Effort",desc:t.effortDesc,last:!0,save:u,children:a.jsx(A,{size:"sm","aria-label":t.aria.effort,value:u.value,className:"hn-set-w-xs",options:ne(o.value,l.value).map(s=>({value:s,label:s==="xhigh"?"x-high":s})),onChange:s=>u.set(s.target.value)})})]})}function Oe({eyebrow:e,title:t,desc:n,toggleTitle:r="Pakai setelan sendiri",toggleDesc:c,toggleAria:o,enabled:l,onToggle:u,inherited:g,inheritedTestId:s,children:h}){const m=y({value:l,delayMs:0,save:d=>u(d)});return a.jsxs(ee,{eyebrow:e,title:t,"data-setting-card":!0,"data-search":`${t} ${e}`,children:[a.jsx(me,{children:n}),a.jsx(x,{title:r,desc:c,save:m,last:!m.value,children:a.jsx(te,{"aria-label":o,checked:m.value,onChange:d=>m.set(d)})}),m.value?h:g?a.jsx("div",{"data-testid":s,className:"hn-set-inherited",children:g}):null]})}function Re({label:e,value:t,min:n,max:r,placeholder:c,width:o,onCommit:l,onToast:u}){const[g,s]=f.useState(String(t));f.useEffect(()=>s(String(t)),[t]);const h=y({value:t,delayMs:0,save:d=>l(d)}),m=()=>{const d=g.trim(),k=d===""?NaN:Math.floor(Number(d));if(!Number.isFinite(k)||k<n){u==null||u(`${e}: isi angka ${n} atau lebih. Nilai sebelumnya dipertahankan.`,"warn","alert-triangle"),s(String(t));return}const v=Math.min(k,r);v!==k&&(u==null||u(`${e} dibatasi ke ${r}.`,"warn","alert-triangle"),s(String(v))),v!==t&&h.set(v)};return a.jsx(le,{"aria-label":e,type:"number",min:n,max:r,placeholder:c,className:o??"hn-set-w-xs",value:g,onChange:d=>s(d.target.value),onBlur:m,onKeyDown:d=>{d.key==="Enter"&&m()}})}function pe({info:e}){const[t,n]=f.useState(null);f.useEffect(()=>{var o,l;if(e!==void 0)return;let c=!0;return(l=(o=Q).getAntigravityVersion)==null||l.call(o).then(u=>{c&&n(u)}).catch(()=>{c&&n({version:null,error:"Versi Antigravity tidak dapat diperiksa."})}),()=>{c=!1}},[e]);const r=e===void 0?t:e;return a.jsxs("div",{role:"status","data-testid":"antigravity-version-note",className:"hn-set-codex-note",children:["Antigravity CLI · versi ",(r==null?void 0:r.version)??"tak terdeteksi",". ",r==null?void 0:r.error,a.jsx("p",{children:"Host/lab saja; sandbox belum didukung. Mode goal native belum didukung. Telemetri native tidak diketahui."}),a.jsx("a",{href:"https://antigravity.google/docs/cli",target:"_blank",rel:"noreferrer",children:"Panduan pemasangan dan login resmi"})]})}export{pe as A,Ce as B,be as C,L as D,Ie as E,Oe as F,Re as N,me as P,S,x as a,Le as b,fe as c,Fe as d,xe as e,we as f,Te as g,_e as h,De as i,ce as j,je as n,Ae as r,Ne as s,y as u};
|