hanoman 0.9.20 → 0.9.21

package/web/assets/TerminalScreen-QVjhjrxx.js

@@ -0,0 +1,2 @@
+import{h as M,i as ne,j as a,M as re,f as ua,g as ae,a3 as un,a4 as da,m as Ce,n as ht,I as Te,a2 as dn,Z as mn,B as K,a5 as hn,C as He,a6 as Wt,a7 as qt,e as Ge,a8 as pn,a9 as fn,aa as gn,ab as bn,ac as kn,ad as xn,ae as Ee,af as ma,ag as Re,ah as vn,r as yn,a1 as jn,Y as de,O as je,ai as wn,aj as Sn,ak as pt,al as Nn,q as ue,am as ha,b as In,an as Cn,d as Tn,ao as Rn,p as En,ap as zn,aq as Ut,ar as An,o as ct,as as Dn,at as $n,c as Mn,au as Fn,av as Ht,aw as Pn,ax as Ln,V as On,ay as Bn,az as Kn,aA as We,aB as bt,aC as _n,aD as Gn,D as Wn,aE as qn,aF as Vt,aG as Un}from"./index-DmnwLncG.js";import{R as u,r as L}from"./react-DfGhg7ZW.js";import"./markdown-CWEY34jk.js";import"./xterm-3VOAfa_q.js";function kt(e){return e.endedAt?e.endedReason==="reconciled"?"interrupted":e.exitCode===null||e.exitCode===0?"completed":"failed":"running"}const qe=new Set;let Ie;function Hn(e){return qe.add(e),Ie||(Ie=setInterval(()=>{for(const n of[...qe])n()},1e3)),()=>{qe.delete(e),qe.size===0&&Ie&&(clearInterval(Ie),Ie=void 0)}}const Yt=20;function Vn(e,n){if(!n)return"—";const i=new Date(n).getTime()-new Date(e).getTime();if(!Number.isFinite(i)||i<0)return"—";const r=Math.round(i/1e3);if(r<60)return`${r} dtk`;const l=Math.round(r/60);return l<60?`${l} mnt`:`${Math.floor(l/60)} jam ${l%60} mnt`}function Yn(e){switch(kt(e)){case"running":return{label:"berjalan",tone:"neutral"};case"interrupted":return{label:"terputus",tone:"warn"};case"failed":return{label:`exit ${e.exitCode}`,tone:"err"};default:return{label:"selesai",tone:"ok"}}}const pa=e=>kt(e)==="interrupted"?"—":Vn(e.startedAt,e.endedAt),fa=e=>da[e]??e;function Jn({projects:e,onClose:n,onRestart:i}){const[r,l]=u.useState([]),[c,k]=u.useState(0),[g,S]=u.useState(1),[h,j]=u.useState(!1),[p,b]=u.useState(""),[y,R]=u.useState(""),[T,E]=u.useState(""),[z,v]=u.useState(""),[f,$]=u.useState(null),[B,_]=u.useState(null),[x,N]=u.useState(0);u.useEffect(()=>{const o=setTimeout(()=>v(T.trim()),250);return()=>clearTimeout(o)},[T]),u.useEffect(()=>{S(1)},[p,y,z]),u.useEffect(()=>{let o=!0;return j(!0),M.listSessionHistory({projectId:p||void 0,kind:y||void 0,q:z||void 0,page:g,limit:Yt}).then(C=>{o&&(_(null),k(C.total),l(C.items))}).catch(C=>{o&&(l([]),k(0),_(ne("memuat riwayat sesi",C)))}).finally(()=>{o&&j(!1)}),()=>{o=!1}},[p,y,z,g,x]);const D=mn(c,g,Yt),w=o=>{var C;return((C=e.find(H=>H.id===o))==null?void 0:C.name)??o};return a.jsxs(re,{open:!0,title:"Riwayat sesi",icon:"history",onClose:n,width:900,children:[a.jsxs("div",{className:"hn-terminal-hist-toolbar",children:[a.jsx(ua,{size:"sm",leftIcon:"search",placeholder:"mis. spec-412 atau reverse","aria-label":"Cari riwayat sesi",value:T,onChange:o=>E(o.target.value),className:"hn-terminal-hist-search"}),a.jsx(ae,{size:"sm","aria-label":"Filter project",value:p,onChange:o=>b(o.target.value),options:[{value:"",label:"Semua project"}].concat(e.map(o=>({value:o.id,label:o.name})))}),a.jsx(ae,{size:"sm","aria-label":"Filter jenis",value:y,onChange:o=>R(o.target.value),options:[{value:"",label:"Semua jenis"}].concat(un.map(o=>({value:o,label:da[o]})))})]}),B?a.jsx(Ce,{kind:"error",icon:"history",title:"Riwayat belum bisa dimuat",hint:B,action:()=>N(o=>o+1),actionLabel:"Coba lagi"}):r.length===0&&!h?a.jsx(Ce,{kind:"empty",icon:"history",title:"Belum ada riwayat sesi",hint:"Riwayat terisi sendiri saat sesi terminal dibuka lalu ditutup — termasuk sesi backlog, terminal biasa, dan sesi project-level."}):a.jsxs("div",{className:"hn-terminal-hist-list",children:[r.map(o=>{const C=Yn(o);return a.jsx("button",{onClick:()=>$(o),className:"hn-terminal-hist-row",children:a.jsxs("span",{className:"hn-dense-row hn-picker-row hn-terminal-hist-main",children:[a.jsx("span",{className:"hn-terminal-hist-when",children:new Date(o.startedAt).toLocaleString("id-ID")}),a.jsx(ht,{size:"sm",tone:"neutral",children:fa(o.kind)}),a.jsx("span",{className:"hn-picker-title hn-terminal-hist-title",children:o.title??o.specId??w(o.projectId)}),o.transcriptBytes!==null&&a.jsx(Te,{name:"file-text",size:12,color:"var(--text-subtle)"}),a.jsx("span",{className:"hn-terminal-hist-duration",children:pa(o)}),a.jsx(ht,{size:"sm",tone:C.tone,children:C.label})]})},o.id)}),h&&a.jsx("div",{className:"hn-terminal-hist-loading",children:"memuat…"})]}),a.jsx(dn,{page:D.page,pageCount:D.pageCount,total:c,from:D.from,to:D.to,onPage:S,unit:"sesi"}),f&&a.jsx(Xn,{row:f,projectName:w(f.projectId),onBack:()=>$(null),onRestart:i})]})}function Xn({row:e,projectName:n,onBack:i,onRestart:r}){const[l,c]=u.useState(null),[k,g]=u.useState("idle"),[S,h]=u.useState(null);async function j(y){try{if(!navigator.clipboard)throw new Error("clipboard tidak tersedia di browser ini");await navigator.clipboard.writeText(y),h({tone:"ok",text:"Transkrip disalin."})}catch(R){h({tone:"err",text:ne("menyalin transkrip",R)})}}u.useEffect(()=>{if(e.transcriptBytes===null){g("none"),c(null);return}let y=!0;return g("loading"),M.sessionTranscript(e.id).then(R=>{y&&(c(R.text),g("idle"))}).catch(()=>{y&&(c(null),g("error"))}),()=>{y=!1}},[e.id,e.transcriptBytes]);const p=kt(e)==="interrupted",b=[["Project",n],["Sesi",e.sessionId],["Jenis",fa(e.kind)],["Agen",[e.agent,e.model,e.effort].filter(Boolean).join(" · ")],["Mulai",new Date(e.startedAt).toLocaleString("id-ID")],[p?"Terakhir terlihat hidup":"Selesai",e.endedAt?new Date(e.endedAt).toLocaleString("id-ID"):"berjalan"],...p&&e.reconciledAt?[["Terdeteksi mati",new Date(e.reconciledAt).toLocaleString("id-ID")]]:[],["Durasi",pa(e)],["Direktori",e.cwd]];return e.specId&&b.splice(1,0,["Backlog",`${e.specId}${e.title?` · ${e.title}`:""}`]),e.branch&&b.push(["Branch",e.branch]),a.jsxs(re,{open:!0,title:e.title??e.specId??e.sessionId,icon:"history",onClose:i,width:1e3,children:[a.jsxs("div",{className:"hn-terminal-hist-actions",children:[a.jsx(K,{size:"sm",variant:"ghost",leftIcon:"arrow-left",onClick:i,children:"Kembali"}),a.jsx("div",{className:"hn-terminal-hist-spacer"}),l&&a.jsx(K,{size:"sm",variant:"secondary",leftIcon:"copy",onClick:()=>void j(l),children:"Salin transkrip"}),hn(e.kind)&&a.jsx(K,{size:"sm",leftIcon:"play",onClick:()=>r(e),children:"Mulai lagi"})]}),p&&a.jsxs(He,{tone:"warn",title:"Sesi terputus — hasilnya tak diketahui",className:"hn-terminal-notice",children:["Panenya sudah lenyap saat hanoman menyala lagi (reboot, ",a.jsx("code",{children:"tmux kill-server"}),", atau host mati), jadi sesi ini tak meninggalkan exit code dan transkripnya kemungkinan besar tak sempat diambil — capture berjalan tepat sebelum pane dibunuh, dan di jalur ini sudah tak ada pane untuk dibaca. Periksa worktree & branch sesi ini sebelum menganggapnya selesai, lalu mulai lagi bila pekerjaannya belum tuntas."]}),a.jsx("div",{className:"hn-terminal-hist-meta",children:b.map(([y,R])=>a.jsxs(u.Fragment,{children:[a.jsx("span",{className:"hn-terminal-hist-key",children:y}),a.jsx("span",{className:"hn-terminal-hist-val",children:R})]},y))}),k==="loading"&&a.jsx("div",{className:"hn-terminal-hist-note",children:"memuat transkrip…"}),k==="none"&&a.jsx("div",{className:"hn-terminal-hist-note",children:p?"Tanpa transkrip — panenya sudah lenyap sebelum hanoman sempat mengambilnya.":"Tanpa transkrip — sesi ini ditutup sebelum fitur riwayat ada, atau panenya tak menyisakan keluaran."}),S&&a.jsx("div",{role:"status",className:S.tone==="err"?"hn-terminal-hist-copy is-err":"hn-terminal-hist-copy",children:S.text}),k==="error"&&a.jsx("div",{className:"hn-terminal-hist-error",children:"Transkrip tak terbaca lagi di server."}),l!==null&&a.jsx("pre",{className:"hn-terminal-hist-pre",children:l})]})}function Zn({open:e,projectId:n,projectName:i,projects:r,onProjectChange:l,onClose:c,onCreated:k}){var w;const[g,S]=u.useState("claude"),[h,j]=u.useState("sonnet"),[p,b]=u.useState("medium"),[y,R]=u.useState({claude:{model:"sonnet",effort:"medium"},codex:{...Wt}}),[T,E]=u.useState(!1),[z,v]=u.useState(null),[f,$]=u.useState(null),[B,_]=u.useState(null);u.useEffect(()=>{e&&(v(null),$(null),M.getSettings().then(o=>{const C={claude:{model:o.model,effort:o.effort},codex:{...Wt,...o.codex??{}}},H=o.agent==="codex"?"codex":"claude",F=qt(C,H);R(C),S(H),j(F.model),b(F.effort)}).catch(o=>{v(`${ne("memuat pengaturan",o)} · memakai default bawaan`)}),M.getCodexVersion().then(o=>_(o.version)).catch(o=>{v(C=>(C?`${C} · `:"")+ne("membaca versi Codex CLI",o))}))},[e]);const x=o=>{S(o);const C=qt(y,o);j(C.model),b(C.effort)},N=o=>{j(o),b(C=>g==="codex"?kn(o,C):xn(o,C))};async function D(){E(!0),$(null);try{const{id:o}=await M.createTerminal(n,{agent:g,model:h,effort:p});k(o),c()}catch(o){$(ne("membuka sesi",o))}finally{E(!1)}}return a.jsxs(re,{open:e,onClose:c,icon:"plus",eyebrow:i,title:"Sesi baru",footer:a.jsxs(a.Fragment,{children:[a.jsx(K,{variant:"ghost",onClick:c,children:"Batal"}),a.jsx(K,{leftIcon:"play",disabled:T,onClick:()=>void D(),children:"Buka sesi"})]}),children:[z&&a.jsx(He,{tone:"warn",title:"Pengaturan belum terbaca",className:"hn-terminal-notice",children:z}),f&&a.jsx(He,{tone:"err",title:"Sesi belum terbuka",className:"hn-terminal-notice",children:f}),a.jsxs("div",{className:"hn-terminal-intro",children:["Runtime untuk sesi ini. Default dari setelan global; ubah bila perlu. Sesi lahir dengan pilihan ini untuk seluruh hidupnya — ",a.jsx("code",{children:"/model"})," di terminal tetap bisa mengubahnya."]}),r&&l&&r.length>1&&a.jsx(Ge,{label:"Project",hint:"Direktori repo tempat sesi dibuka.",children:a.jsx(ae,{"aria-label":"Project",value:n,className:"hn-terminal-field-full",options:r.map(o=>({value:o.id,label:o.name})),onChange:o=>l(o.target.value)})}),a.jsx(Ge,{label:"Agen",hint:"Mesin yang menjalankan sesi ini. Perilaku sesi sama; hanya CLI-nya berbeda.",children:a.jsx(ae,{"aria-label":"Agen",value:g,className:"hn-terminal-field-full",options:[{value:"claude",label:"Claude Code"},{value:"codex",label:"Codex CLI"}],onChange:o=>x(o.target.value)})}),a.jsx(Ge,{label:"Model",children:a.jsx(ae,{"aria-label":"Model",value:h,className:"hn-terminal-field-full",options:pn(g,h),onChange:o=>N(o.target.value)})}),a.jsx(Ge,{label:"Effort",children:a.jsx(ae,{"aria-label":"Effort",value:p,className:"hn-terminal-field-full",options:fn(g,h).map(o=>({value:o,label:o})),onChange:o=>b(o.target.value)})}),g==="codex"&&gn(h,B)&&a.jsxs("div",{"data-testid":"codex-version-note",className:"hn-terminal-codex-note",children:["Codex CLI terpasang ",a.jsx("b",{children:B}),", sedangkan ",a.jsx("b",{children:h})," butuh ",a.jsx("b",{children:(w=bn(h))==null?void 0:w.minClient}),". Sesi tetap boleh dijalankan, tapi modelnya belum tentu dikenali CLI ini."]})]})}const ga=()=>({rows:1,cols:1,cells:[null]}),ba=(e,n)=>[...e.slice(0,n),...e.slice(n+1)],Jt=e=>({...e,rows:e.rows+1,cells:[...e.cells,...Array(e.cols).fill(null)],...e.rowSizes?{rowSizes:[...e.rowSizes,1]}:{}});function Xt(e){const n=e.cols+1,i=[];for(let r=0;r<e.rows;r++)for(let l=0;l<n;l++)i.push(l<e.cols?e.cells[r*e.cols+l]??null:null);return{...e,cols:n,cells:i,...e.colSizes?{colSizes:[...e.colSizes,1]}:{}}}function Zt(e,n){if(e.rows===1||n<0||n>=e.rows)return e;const i=[...e.cells];return i.splice(n*e.cols,e.cols),{...e,rows:e.rows-1,cells:i,...e.rowSizes?{rowSizes:ba(e.rowSizes,n)}:{}}}function Qt(e,n){if(e.cols===1||n<0||n>=e.cols)return e;const i=e.cols-1,r=[];for(let l=0;l<e.rows;l++)for(let c=0;c<e.cols;c++)c!==n&&r.push(e.cells[l*e.cols+c]??null);return{...e,cols:i,cells:r,...e.colSizes?{colSizes:ba(e.colSizes,n)}:{}}}const ka=.3,Qn=(e,n,i)=>Math.min(i,Math.max(n,e));function xt(e,n,i){if(n<0||n+1>=e.length||i===0)return e;const l=e.reduce((S,h)=>S+h,0)/e.length*ka,c=e[n]+e[n+1],k=Qn(e[n]+i,l,c-l);if(k===e[n])return e;const g=[...e];return g[n]=k,g[n+1]=c-k,g}function xa(e,n,i){const r=e.colSizes??Array(e.cols).fill(1),l=xt(r,n,i);return l===r?e:{...e,colSizes:l}}function va(e,n,i){const r=e.rowSizes??Array(e.rows).fill(1),l=xt(r,n,i);return l===r?e:{...e,rowSizes:l}}const es=.05,ts=.15,ya=(e,n)=>e.reduce((i,r)=>i+r,0)*(n?ts:es);function as(e,n,i,r=!1){const l=e.colSizes??Array(e.cols).fill(1);return xa(e,n,i*ya(l,r))}function ns(e,n,i,r=!1){const l=e.rowSizes??Array(e.rows).fill(1);return va(e,n,i*ya(l,r))}function ea(e,n){const r=e.reduce((k,g)=>k+g,0)/e.length*ka,l=e[n]+e[n+1],c=Math.round(r/l*100);return{now:Math.round(e[n]/l*100),min:c,max:100-c}}function ft(e,n,i){if(n<0||n>=e.cells.length)return e;const r=e.cells.map(l=>i!==null&&l===i?null:l);return r[n]=i,{...e,cells:r}}const ss=(e,n)=>({...e,cells:e.cells.map(i=>i&&n.has(i)?i:null)}),ja=e=>({id:crypto.randomUUID(),name:e,layout:ga()});function ta(){const e=ja("Utama");return{groups:[e],active:e.id}}const ze=e=>e.groups.find(n=>n.id===e.active)??e.groups[0];function is(e,n){const i=ja(n);return{groups:[...e.groups,i],active:i.id}}const rs=(e,n,i)=>({...e,groups:e.groups.map(r=>r.id===n?{...r,name:i}:r)});function ls(e,n){if(e.groups.length===1)return e;const i=e.groups.filter(r=>r.id!==n);return i.length===e.groups.length?e:{groups:i,active:e.active===n?i[0].id:e.active}}const os=(e,n)=>e.groups.some(i=>i.id===n)?{...e,active:n}:e;function U(e,n){const i=ze(e);return{...e,groups:e.groups.map(r=>r.id===i.id?{...r,layout:n(r.layout)}:r)}}function gt(e,n,i){const r=ze(e),l=i===null?e.groups:e.groups.map(c=>c.id===r.id?c:{...c,layout:ft(c.layout,c.layout.cells.indexOf(i),null)});return{...e,groups:l.map(c=>c.id===r.id?{...c,layout:ft(c.layout,n,i)}:c)}}function xe(e,n){const i=ze(e).layout.cells.indexOf(null);return i===-1?e:gt(e,i,n)}const cs=(e,n)=>({...e,groups:e.groups.map(i=>({...i,layout:ft(i.layout,i.layout.cells.indexOf(n),null)}))}),aa=e=>new Set(e.groups.flatMap(n=>n.layout.cells.filter(i=>i!==null))),na=(e,n)=>({...e,groups:e.groups.map(i=>({...i,layout:ss(i.layout,n)}))}),wa="hanoman.terminal.workspace",Sa="hanoman.terminal.layout",ve=e=>Ee.parse({version:1,groups:e.groups});function Ue(e,n){const i=e.groups,r=n&&i.some(l=>l.id===n)?n:i[0].id;return{groups:i,active:r}}function us(e){try{const n=JSON.parse(e);if(!n||typeof n!="object")return null;const i=n,r=Ee.parse({version:1,groups:i.groups});return{workspace:r,active:typeof i.active=="string"&&r.groups.some(l=>l.id===i.active)?i.active:r.groups[0].id}}catch{return null}}function ds(){try{const e=localStorage.getItem(wa);if(e)return us(e);const n=localStorage.getItem(Sa);if(!n)return null;const i=JSON.parse(n),r={id:crypto.randomUUID(),name:"Utama",layout:i};return{workspace:Ee.parse({version:1,groups:[r]}),active:r.id}}catch{return null}}function ut(){try{localStorage.removeItem(wa),localStorage.removeItem(Sa)}catch{}}const Na=e=>`hanoman.terminal.workspace.v2.${encodeURIComponent(e)}`;function ms(e){try{const n=localStorage.getItem(Na(e));if(!n)return null;const i=JSON.parse(n),r=Ee.parse(i.workspace);if(!Number.isInteger(i.revision)||(i.revision??-1)<0)return null;const l=typeof i.active=="string"&&r.groups.some(c=>c.id===i.active)?i.active:r.groups[0].id;return{workspace:r,revision:i.revision,active:l}}catch{return null}}function dt(e,n){try{const i=Ee.parse(n.workspace);if(!Number.isInteger(n.revision)||n.revision<0)return;const r=i.groups.some(l=>l.id===n.active)?n.active:i.groups[0].id;localStorage.setItem(Na(e),JSON.stringify({workspace:i,revision:n.revision,active:r}))}catch{}}function mt(e){if(!(e instanceof Re)||e.status!==409)return null;const n=e.detail;if((n==null?void 0:n.code)!=="revision-conflict")return null;const i=vn.safeParse(n.current);return i.success?i.data:null}function hs(e){const n=L.useRef(null);n.current||(n.current=ta());const[i,r]=L.useState(n.current),[l,c]=L.useState("loading"),[k,g]=L.useState(null),[S,h]=L.useState(!1),j=L.useRef(i),p=L.useRef(0),b=L.useRef(!1),y=L.useRef(Promise.resolve()),R=L.useRef(0),T=L.useCallback(x=>{j.current=x,r(x)},[]),E=L.useCallback(x=>{b.current=x,h(x)},[]),z=L.useCallback(x=>{const N=y.current.then(x,x);return y.current=N.then(()=>{},()=>{}),N},[]),v=L.useCallback((x,N="ready",D=null,w=j.current.active)=>{const o=x.workspace?Ue(x.workspace,w):ta();p.current=x.revision,T(o),c(N),g(D),E(!0),x.workspace&&dt(e,{workspace:x.workspace,revision:x.revision,active:o.active})},[T,E,e]),f=L.useCallback(x=>{const N=ms(e);N&&(p.current=N.revision,T(Ue(N.workspace,N.active))),E(!1),c("recovering"),g(x instanceof Error?x.message:"Layout server belum tersambung")},[T,E,e]),$=L.useCallback(()=>z(async()=>{try{v(await M.getTerminalWorkspace())}catch(x){f(x)}}),[v,z,f]);L.useEffect(()=>{const x=++R.current;return c("loading"),g(null),E(!1),z(async()=>{try{const N=await M.getTerminalWorkspace();if(x!==R.current)return;if(N.workspace){v(N),ut();return}const D=ds();if(!D){v(N);return}try{const w=await M.putTerminalWorkspace({baseRevision:N.revision,workspace:D.workspace});if(x!==R.current)return;T(Ue(w.workspace,D.active)),p.current=w.revision,dt(e,{workspace:w.workspace,revision:w.revision,active:D.active}),ut(),c("ready"),g(null),E(!0)}catch(w){const o=mt(w);o!=null&&o.workspace?(v(o,"conflict","Layout server lebih baru; layout lokal lama tidak diunggah"),ut()):f(w)}}catch(N){x===R.current&&f(N)}}),()=>{R.current+=1}},[v,z,f,T,E,e]),L.useEffect(()=>{const x=()=>{$()},N=()=>{document.visibilityState==="visible"&&$()};return window.addEventListener("focus",x),document.addEventListener("visibilitychange",N),()=>{window.removeEventListener("focus",x),document.removeEventListener("visibilitychange",N)}},[$]);const B=L.useCallback(x=>z(async()=>{if(!b.current)return!1;const N=x(j.current);let D,w;try{D=ve(N),w=ve(j.current)}catch{return c("conflict"),g("Layout tidak valid dan tidak disimpan"),!1}if(ma(D,w))return!0;try{return v(await M.putTerminalWorkspace({baseRevision:p.current,workspace:D}),"ready",null,N.active),!0}catch(o){const C=mt(o);if(!(C!=null&&C.workspace))return f(o),!1;const H=x(Ue(C.workspace,j.current.active));try{const F=await M.putTerminalWorkspace({baseRevision:C.revision,workspace:ve(H)});return v(F,"conflict","Layout berubah di perangkat lain; perubahan ini diterapkan ulang",H.active),!0}catch(F){if(!mt(F)&&!(F instanceof Re&&F.status===409))return f(F),!1;try{v(await M.getTerminalWorkspace(),"conflict","Layout berubah lagi di perangkat lain; state terbaru dimuat")}catch(me){f(me)}return!1}}}),[v,z,f]),_=L.useCallback(x=>{const N=os(j.current,x);T(N);const D=ve(N);dt(e,{workspace:D,revision:p.current,active:N.active})},[T,e]);return{workspace:i,status:l,message:k,writable:S,mutate:B,setActive:_,refresh:$}}const ps=yn("focus","grid"),sa={attention:0,running:1,failed:2,done:3};function Ia(e,n){return e.exited?e.exitCode?{tone:"failed",label:`Gagal · exit ${e.exitCode}`}:{tone:"done",label:"Selesai"}:e.deciding?{tone:"attention",label:"Lead memutuskan"}:e.decision?{tone:"attention",label:"Menunggu keputusan"}:n?{tone:"done",label:"Selesai"}:{tone:"running",label:"Berjalan"}}function fs(e){const n=e.startedAt;return typeof n=="number"&&Number.isFinite(n)&&n>0?n*1e3:null}function gs(e,n){const i=e.map((r,l)=>({session:r,index:l,rank:sa[Ia(r,n.has(r.id)).tone]}));return i.sort((r,l)=>{if(r.rank!==l.rank)return r.rank-l.rank;if(r.rank===sa.attention){const c=r.session.decisionAt?Date.parse(r.session.decisionAt):Number.NaN,k=l.session.decisionAt?Date.parse(l.session.decisionAt):Number.NaN,g=Number.isNaN(c)?Number.POSITIVE_INFINITY:c,S=Number.isNaN(k)?Number.POSITIVE_INFINITY:k;if(g!==S)return g<S?-1:1}return r.index-l.index}),i.map(r=>r.session)}function bs(e,n){if(n){const i=e.find(r=>r.id===n);if(i)return i}return e[0]??null}function ks(e,n,i){if(i<=0)return null;const r=e<0?0:e;switch(n){case"ArrowDown":return Math.min(r+1,i-1);case"ArrowUp":return Math.max(r-1,0);case"Home":return 0;case"End":return i-1;default:return null}}const Ca={attention:"awaiting",running:"running",failed:"failed",done:"done"};function xs(e){const[n,i]=u.useState(()=>Date.now());return u.useEffect(()=>{const r=setInterval(()=>i(Date.now()),e);return()=>clearInterval(r)},[e]),n}function ia({items:e,focusedId:n,onFocus:i,menuFor:r,label:l="Daftar sesi"}){const c=xs(3e4),k=u.useRef([]),g=e.findIndex(h=>h.session.id===n),S=h=>{var y;const j=k.current.indexOf(h.target);if(j<0)return;const p=ks(j,h.key,e.length);if(p===null)return;h.preventDefault();const b=e[p];b&&(i(b.session.id),(y=k.current[p])==null||y.focus())};return a.jsx("ul",{role:"list","aria-label":l,className:"hn-terminal-rail-list",onKeyDown:S,children:e.map((h,j)=>{const{session:p,status:b}=h,y=p.id===n,R=y||g<0&&j===0,T=h.startedMs!==null?jn(h.startedMs,c):"";return a.jsx("li",{className:"hn-terminal-rail-item",children:a.jsxs("div",{className:`hn-terminal-rail-row${y?" is-focused":""}`,"data-tone":b.tone,children:[a.jsxs("button",{type:"button",className:"hn-terminal-rail-main",ref:E=>{k.current[j]=E},tabIndex:R?0:-1,"aria-current":y?"true":void 0,title:h.label,onClick:()=>i(p.id),children:[a.jsx("span",{className:"hn-terminal-rail-name",children:h.label}),a.jsxs("span",{className:"hn-terminal-rail-meta",children:[a.jsx(de,{status:Ca[b.tone],variant:"dot",size:"sm",children:b.label}),T&&a.jsx("span",{className:"hn-terminal-rail-time",children:T})]})]}),a.jsx(je,{label:`Aksi sesi ${p.id} di daftar`,items:r(p)})]})},p.id)})})}const vs=[],ys=e=>!!(e.binding??e.repoDir),js=e=>{var n;return((n=e.find(ys)??e[0])==null?void 0:n.id)??""},ws=e=>e instanceof Re&&e.status===400&&typeof e.detail=="object"&&e.detail!==null&&e.detail.needsBind===!0;function Ls({userId:e="test-user",projects:n,backlog:i=vs,focusSession:r,startedSession:l,onStartedSessionHandled:c,onStartBacklog:k,onOpenReview:g,onOpenSessionReview:S,titleOf:h,onIntegrate:j,onIntegrateSession:p,specOf:b,sessions:y,setSessions:R,onOpenProject:T}){const[E,z]=u.useState([]),v=y??E,f=R??z,[$,B]=u.useState([]),_=hs(e),{workspace:x,status:N,message:D,writable:w,mutate:o,setActive:C,refresh:H}=_,[F,me]=ue("terminal","project",js(n),Wn),he=ha(),we=In(),Z=we==="mobile",[W,Ae]=ue("terminal","fontSize",he?Bn:Kn,On),[le,se]=ue("terminal","keys",he&&!Z,We),[V,Ve]=ue("terminal","predict",!0,We),[J,De]=ue("terminal","diag",!1,We),[pe,Ea]=ue("terminal","sr",!1,We),yt=t=>Ae(s=>Ln(s+t)),[oe,jt]=u.useState(!1),[Q,Ye]=u.useState(null),[za,$e]=u.useState(!1),[Aa,Me]=u.useState(null),[Da,wt]=u.useState(!1),[$a,Fe]=u.useState(!1),[Ma,Je]=ue("terminal","view","focus",ps),q=Ma==="focus",[Fa,Pe]=u.useState(null),[Xe,Pa]=u.useState(()=>new Set),[La,Oa]=u.useState(null),[St,Nt]=u.useState(!1),[Ba,It]=u.useState(!1),[Le,Ct]=u.useState(null),Ze=Cn(),{confirm:Ka,dialog:_a}=Tn(),A=ze(x).layout,Qe=A.rows===1&&A.cols===1&&!A.cells[0]&&v.length===0,et=u.useRef(null),[Ga,Wa]=u.useState(Number.POSITIVE_INFINITY);u.useEffect(()=>{const t=et.current;if(!t||typeof ResizeObserver!="function")return;const s=new ResizeObserver(d=>{var I;const m=((I=d[0])==null?void 0:I.contentRect.width)??t.getBoundingClientRect().width;m>0&&Wa(m)});return s.observe(t),()=>s.disconnect()},[Qe]);const qa=we==="tablet"&&Rn(A.cols,Ga,Pn),O=Z||qa,[X,Oe]=u.useState(0),[ee,Be]=u.useState(null),tt=u.useRef(null),Se=t=>{Pe(t),Be(t)},Ua=u.useCallback((t,s)=>{Pa(d=>{if(d.has(t)===s)return d;const m=new Set(d);return s?m.add(t):m.delete(t),m})},[]),Tt=u.useMemo(()=>gs(v,Xe),[v,Xe]),Ha=bs(Tt,Fa),[fe,Va]=u.useState(!1),[Ke,Rt]=u.useState(null),[Ya,Ja]=u.useState(0);u.useEffect(()=>{let t=!0;return M.listTerminals().then(s=>{t&&(Rt(null),f(s),Va(!0))}).catch(s=>{t&&Rt(ne("memuat daftar sesi",s))}),()=>{t=!1}},[Ya]);const[Xa,ge]=En();u.useEffect(()=>zn(t=>{t.t==="sessions"&&!y?f(t.sessions):t.t==="cleanups"&&B(t.cleanups)}),[]),u.useEffect(()=>{if(!fe||!w)return;const t=new Set(v.map(d=>d.id)),s=na(x,t);ma(ve(s),ve(x))||o(d=>na(d,t))},[o,v,fe,w,x]),u.useEffect(()=>{!l||l.specId==null||!fe||(f(t=>t.some(s=>s.id===l.id)?t:[...t,{...l,cwd:"",exited:!1}]),Pe(l.id),Be(l.id),c==null||c())},[c,fe,l]);const at=u.useRef(null);u.useEffect(()=>{if(!r){tt.current=null,at.current=null;return}if(!(!fe||tt.current===r)){if(!v.some(t=>t.id===r&&!t.exited)){if(at.current===r)return;at.current=r,M.listSessionHistory({q:r,limit:1}).then(t=>ge(Ut,"warn","history",t.total>0?{action:{label:An,onAction:()=>Fe(!0)},duration:7e3}:void 0)).catch(()=>{ge(Ut,"warn","history")});return}tt.current=r,Pe(r),Be(r)}},[r,v,fe,ge]),u.useEffect(()=>{if(!ee)return;const t=x.groups.find(s=>s.layout.cells.includes(ee));if(t){t.id!==x.active&&C(t.id);return}w&&o(s=>{if(aa(s).has(ee))return s;const d=xe(s,ee);return d!==s||!O?d:gt(s,X,ee)})},[X,O,o,ee,C,w,x]),u.useEffect(()=>{Q&&!v.some(t=>t.id===Q)&&Ye(null)},[Q,v]);const nt=$.filter(t=>t.error),ce=t=>v.find(s=>s.id===t)??null,te=u.useCallback(t=>{var s;return((s=n.find(d=>d.id===t))==null?void 0:s.name)??t},[n]);function Za(t){f(s=>s.some(d=>d.id===t)?s:[...s,{id:t,projectId:F,cwd:"",exited:!1}]),o(s=>xe(s,t)),Se(t)}async function Qa(){if(!F)return;let t;try{({id:t}=await M.createShell(F))}catch(s){ws(s)?ge(`Project ${te(F)} belum terhubung ke folder repo — hubungkan dulu.`,"err","folder-git-2",T?{action:{label:"Buka project",onAction:()=>T(F)}}:void 0):ge(ne("membuka terminal biasa",s),"err","x-circle");return}f(s=>[...s,{id:t,projectId:F,cwd:"",exited:!1}]),o(s=>xe(s,t)),Se(t)}async function Et(t,s){if(k&&!s){$e(!1),Me(null),k(t);return}const d=Gn(t.source);try{const{id:m}=await M.startSession({spec:t.id,flow:d,...s?{force:s}:{}});f(I=>I.some(P=>P.id===m)?I:[...I,{id:m,projectId:t.projectId,specId:t.id,flow:d,cwd:"",exited:!1}]),o(I=>xe(I,m)),Se(m),$e(!1),Me(null)}catch(m){if(Ze.offerRetry(m,t.id,P=>Et(t,P)))return;const I=m instanceof Re&&(m.status===400||m.status===422);Me(`${t.id} · gagal mulai${I?" · project belum punya repoDir":""}`)}}async function zt(t,s){try{const d=t.specId?await M.startSession({spec:t.specId,flow:t.flow??"feature",agent:t.agent==="codex"?"codex":"claude",...t.model?{model:t.model}:{},...t.effort?{effort:t.effort}:{},...s?{force:s}:{}}):t.kind==="shell"?await M.createShell(t.projectId):t.kind==="terminal"?await M.createTerminal(t.projectId,{agent:t.agent==="codex"?"codex":"claude",...t.model?{model:t.model}:{},...t.effort?{effort:t.effort}:{}}):await(s?M.createTerminalFlow(t.projectId,t.kind,{force:s}):M.createTerminalFlow(t.projectId,t.kind));f(m=>m.some(I=>I.id===d.id)?m:[...m,{id:d.id,projectId:t.projectId,specId:t.specId??void 0,cwd:"",exited:!1}]),o(m=>xe(m,d.id)),Se(d.id),Fe(!1)}catch(d){if((t.specId||t.kind!=="shell"&&t.kind!=="terminal")&&Ze.offerRetry(d,`${t.projectId} · ${t.title??t.specId??t.kind}`,m=>zt(t,m)))return}}const At=new Set(v.filter(t=>t.specId&&!t.exited).map(t=>t.specId)),en=i.filter(t=>t.stage!=="done"&&!At.has(t.id));function Dt(t){f(s=>s.filter(d=>d.id!==t)),M.deleteTerminal(t).catch(s=>{s instanceof Re&&s.status===404||ge(ne(`menutup sesi ${t.slice(0,6)}`,s),"err","x-circle")})}async function st(t){const s=ce(t),d=`${s?ye(s,te,h):t} · ${t.slice(0,6)}`,m=!!s&&!s.exited;await Ka({title:`Tutup sesi "${d}"?`,impact:[m?"Agen yang sedang berjalan di sesi ini akan dihentikan.":"Sesi ini sudah berhenti, jadi tidak ada agen yang perlu dihentikan.","Worktree sesi ini ikut dibersihkan dari disk."],confirmLabel:"Tutup sesi",icon:"square",tone:"danger"})&&Dt(t)}const tn=u.useCallback((t,s)=>{f(d=>d.map(m=>m.id===t?{...m,exited:!0,exitCode:s}:m))},[]),$t={killSession:Dt,requestKill:st,detach:t=>{o(s=>cs(s,t))},markExited:tn,setFullId:Ye,openDialog:(t,s)=>Ct({kind:t,sessionId:s}),props:{onOpenReview:g,onOpenSessionReview:S,titleOf:h,onIntegrate:j,onIntegrateSession:p,specOf:b}},G=u.useRef($t);G.current=$t;const Mt=u.useRef(new Map),be=t=>{let s=Mt.current.get(t);return s||(s={onClose:()=>void G.current.requestKill(t),onForget:()=>G.current.killSession(t),onDetach:()=>G.current.detach(t),onExit:d=>G.current.markExited(t,d),onFullscreen:()=>G.current.setFullId(t),onDialog:d=>G.current.openDialog(d,t)},Mt.current.set(t,s)),s},Ft=u.useRef(new Map),an=t=>{let s=Ft.current.get(t);return s||(s=(d,m)=>{Oa({sessionId:t,phases:d}),Ua(t,m)},Ft.current.set(t,s)),s},nn=t=>Ra(t,{label:ye(t,te,h),canArrange:w,specOf:b,onReview:g,onSessionReview:S,onIntegrate:j,onIntegrateSession:p,onDialog:be(t.id).onDialog,onDetach:be(t.id).onDetach,onFullscreen:be(t.id).onFullscreen,onKill:()=>void st(t.id)}),ke=u.useRef({onOpenReview:t=>{var s,d;return(d=(s=G.current.props).onOpenReview)==null?void 0:d.call(s,t)},onOpenSessionReview:(t,s)=>{var d,m;return(m=(d=G.current.props).onOpenSessionReview)==null?void 0:m.call(d,t,s)},titleOf:t=>{var s,d;return(d=(s=G.current.props).titleOf)==null?void 0:d.call(s,t)},onIntegrate:(t,s,d)=>{var m,I;return(I=(m=G.current.props).onIntegrate)==null?void 0:I.call(m,t,s,d)},onIntegrateSession:(t,s,d)=>{var m,I;return(I=(m=G.current.props).onIntegrateSession)==null?void 0:I.call(m,t,s,d)},specOf:t=>{var s,d;return(d=(s=G.current.props).specOf)==null?void 0:d.call(s,t)}}).current,sn=(t,s)=>{Oe(t),o(d=>gt(d,t,s))},rn=t=>{Se(t),o(s=>xe(s,t))},ln=aa(x),it=v.filter(t=>!ln.has(t.id));u.useEffect(()=>{if(!ee)return;const t=A.cells.indexOf(ee);t<0||(Oe(t),Be(null))},[A.cells,ee]),u.useEffect(()=>{X>=A.cells.length&&Oe(Math.max(0,A.cells.length-1))},[X,A.cells.length]);const _e=u.useRef(null),[ie,rt]=u.useState(null),lt=(ie==null?void 0:ie.axis)==="col"?ie.sizes:A.colSizes??Array(A.cols).fill(1),ot=(ie==null?void 0:ie.axis)==="row"?ie.sizes:A.rowSizes??Array(A.rows).fill(1);function Pt(t,s,d){var P,Y,Ne;if(!w)return;const m=(P=et.current)==null?void 0:P.getBoundingClientRect();if(!m)return;(Ne=(Y=d.currentTarget).setPointerCapture)==null||Ne.call(Y,d.pointerId);const I=t==="col"?lt:ot;_e.current={axis:t,index:s,pointerId:d.pointerId,start:t==="col"?d.clientX:d.clientY,extent:t==="col"?m.width:m.height,startSizes:I,latest:I},rt({axis:t,sizes:I})}function Lt(t){const s=_e.current;if(!s||s.pointerId!==t.pointerId)return;const d=s.axis==="col"?t.clientX:t.clientY,m=s.startSizes.reduce((P,Y)=>P+Y,0),I=(d-s.start)/s.extent*m;s.latest=xt(s.startSizes,s.index,I),rt({axis:s.axis,sizes:s.latest})}function Ot(t){var d,m;const s=_e.current;!s||s.pointerId!==t.pointerId||(_e.current=null,(m=(d=t.currentTarget).releasePointerCapture)==null||m.call(d,t.pointerId),rt(null),s.latest!==s.startSizes&&o(I=>U(I,P=>s.axis==="col"?{...P,colSizes:s.latest}:{...P,rowSizes:s.latest})))}function Bt(t,s,d){if(!w)return;const m=t==="col"?"ArrowRight":"ArrowDown",I=t==="col"?"ArrowLeft":"ArrowUp",P=d.key===m?1:d.key===I?-1:0;P!==0&&(d.preventDefault(),o(Y=>U(Y,Ne=>t==="col"?as(Ne,s,P,d.shiftKey):ns(Ne,s,P,d.shiftKey))))}function Kt(t,s){w&&o(d=>U(d,m=>{const I=t==="col"?m.colSizes??Array(m.cols).fill(1):m.rowSizes??Array(m.rows).fill(1),Y=(I[s]+I[s+1])/2-I[s];return t==="col"?xa(m,s,Y):va(m,s,Y)}))}const _t=a.jsxs("div",{className:"hn-terminal-display",children:[a.jsxs("div",{className:"hn-dense-row hn-terminal-display-row",children:[a.jsx("span",{className:"hn-terminal-display-label",children:"Ukuran teks terminal"}),a.jsx(ct,{size:"sm",icon:"minus",label:"Perkecil teks terminal",disabled:W<=Dn,onClick:()=>yt(-1)}),a.jsxs("span",{className:"hn-terminal-display-value",children:[W,"px"]}),a.jsx(ct,{size:"sm",icon:"plus",label:"Perbesar teks terminal",disabled:W>=$n,onClick:()=>yt(1)})]}),a.jsxs("div",{className:"hn-dense-row hn-terminal-display-row",children:[a.jsx("span",{className:"hn-terminal-display-label",children:"Papan tombol layar (Esc · panah · Enter)"}),a.jsx(K,{size:"sm",variant:"secondary","aria-pressed":le,onClick:()=>se(t=>!t),children:le?"Sembunyikan":"Tampilkan"})]}),a.jsxs("div",{className:"hn-dense-row hn-terminal-display-row",children:[a.jsx("span",{className:"hn-terminal-display-label",children:"Ketik responsif (huruf tampil sebelum echo server)"}),a.jsx(K,{size:"sm",variant:"secondary","aria-pressed":V,"aria-label":`${V?"Matikan":"Nyalakan"} ketik responsif`,onClick:()=>Ve(t=>!t),children:V?"Matikan":"Nyalakan"})]}),a.jsxs("div",{className:"hn-dense-row hn-terminal-display-row",children:[a.jsx("span",{id:"terminal-sr-label",className:"hn-terminal-display-label",children:"Mode pembaca layar"}),a.jsx(K,{size:"sm",variant:"secondary","aria-pressed":pe,"aria-describedby":"terminal-sr-hint","aria-label":`${pe?"Matikan":"Nyalakan"} mode pembaca layar`,onClick:()=>Ea(t=>!t),children:pe?"Matikan":"Nyalakan"})]}),a.jsx("p",{id:"terminal-sr-hint",className:"hn-terminal-sr-hint",children:"Untuk pembaca layar: teks terminal tersedia di DOM; kecepatan lebih rendah. Tab dikirim ke sesi (tidak memindahkan fokus). Untuk keluar dari terminal tekan Ctrl+Shift+Esc."}),!q&&a.jsxs("div",{className:"hn-dense-row hn-terminal-display-row",children:[a.jsx("span",{id:"terminal-reset-grid-hint",className:"hn-terminal-display-label",children:'Kembalikan grid ke 1 kolom × 1 baris (sesi lain pindah ke "belum di grid")'}),a.jsx(K,{size:"sm",variant:"secondary","aria-describedby":"terminal-reset-grid-hint",disabled:!w||A.cols===1&&A.rows===1,onClick:()=>void o(t=>U(t,()=>ga())),children:"Reset grid"})]}),a.jsxs("details",{className:"hn-terminal-diag",children:[a.jsxs("summary",{className:"hn-terminal-diag-summary",children:["Diagnostik",J?" · perekaman aktif":""]}),a.jsxs("div",{className:"hn-dense-row hn-terminal-display-row hn-terminal-diag-row",children:[a.jsx("span",{className:"hn-terminal-display-label",children:"Rekam jalur ketik — mencatat setiap tombol yang ditekan di pane. Nyalakan hanya saat menyelidiki masalah ketik."}),a.jsx(K,{size:"sm",variant:"secondary","aria-pressed":J,"aria-label":`${J?"Matikan":"Nyalakan"} rekam jalur ketik`,onClick:()=>De(t=>!t),children:J?"Matikan":"Nyalakan"})]})]})]}),Gt=[{key:"backlog",label:"Ambil backlog",icon:"inbox",onSelect:()=>{Me(null),$e(!0)}},{key:"history",label:"Riwayat sesi",icon:"history",onSelect:()=>Fe(!0)},{key:"shell",label:"Terminal biasa",icon:"terminal",onSelect:()=>void Qa()}],on=[{key:"col+",label:"+ Kolom",icon:"columns-2",disabled:!w,onSelect:()=>void o(t=>U(t,Xt))},{key:"row+",label:"+ Baris",icon:"rows-2",disabled:!w,onSelect:()=>void o(t=>U(t,Jt))},{key:"col-",label:"Hapus kolom aktif",icon:"columns-2",disabled:!w||A.cols===1,onSelect:()=>void o(t=>U(t,s=>Qt(s,X%s.cols)))},{key:"row-",label:"Hapus baris aktif",icon:"rows-2",disabled:!w||A.rows===1,onSelect:()=>void o(t=>U(t,s=>Zt(s,Math.floor(X/s.cols))))}],cn=[{key:"mode",label:q?"Pakai mode Grid":"Pakai mode Fokus",icon:q?"columns-2":"terminal",onSelect:()=>Je(q?"grid":"focus")},{key:"full",label:oe?"Keluar layar penuh":"Layar penuh",icon:oe?"minimize-2":"maximize-2",onSelect:()=>jt(t=>!t)},{key:"display",label:"Tampilan terminal",icon:"sliders",onSelect:()=>It(!0)}];return a.jsxs("div",{"data-testid":"terminal-root",className:oe?"hn-terminal-screen is-maxed":"hn-terminal-screen",children:[a.jsxs("div",{className:"hn-terminal-toolbar",role:"group","aria-label":"Terminal",children:[a.jsx(K,{size:"sm",leftIcon:"plus",title:"Pilih runtime lalu buka sesi agen di direktori project. Agen berjalan dengan izin penuh (claude --dangerously-skip-permissions).",onClick:()=>wt(!0),children:"Sesi baru"}),Z?a.jsxs(a.Fragment,{children:[a.jsx(ca,{compact:!0,items:Gt}),q&&v.length>0&&a.jsxs("button",{type:"button",className:"hn-terminal-rail-toggle","aria-haspopup":"dialog","aria-expanded":St,onClick:()=>Nt(!0),children:["Sesi · ",v.length]}),a.jsx(je,{label:"Menu terminal",title:"Terminal",items:cn})]}):a.jsxs(a.Fragment,{children:[a.jsx(ca,{items:Gt}),a.jsxs("div",{className:"hn-terminal-seg",role:"group","aria-label":"Mode tampilan terminal",children:[a.jsx("button",{type:"button",className:"hn-terminal-seg-btn","aria-pressed":q,title:"Satu terminal fokus dengan daftar sesi di samping",onClick:()=>Je("focus"),children:"Fokus"}),a.jsx("button",{type:"button",className:"hn-terminal-seg-btn","aria-pressed":!q,title:"Beberapa terminal sekaligus dalam grid",onClick:()=>Je("grid"),children:"Grid"})]}),a.jsx(je,{label:"Tampilan terminal",icon:"sliders",items:[],children:_t}),a.jsx(ct,{size:"sm",icon:oe?"minimize-2":"maximize-2",label:oe?"Keluar layar penuh":"Layar penuh","aria-pressed":oe,onClick:()=>jt(t=>!t)})]})]}),(N!=="ready"||$.length>0)&&a.jsxs("div",{className:"hn-terminal-status",children:[N!=="ready"&&a.jsx("span",{"data-testid":"terminal-workspace-status",title:D??void 0,className:N==="conflict"?"hn-terminal-status-warn":void 0,children:N==="loading"?"Memuat layout server…":N==="recovering"?a.jsxs(a.Fragment,{children:[a.jsx("span",{children:"Layout server belum tersambung"})," ",a.jsx("button",{type:"button",onClick:()=>void H(),children:"Coba lagi"})]}):D??"Layout berubah di perangkat lain"}),$.length>0&&a.jsx("span",{"data-testid":"worktree-cleanups",title:$.map(t=>`${t.sessionId}${t.error?` — ${t.error}`:""}`).join(`
+`),className:nt.length?"hn-terminal-status-err":void 0,children:nt.length?`${nt.length} worktree gagal dibersihkan`:`membersihkan ${$.length} worktree…`})]}),!q&&a.jsxs("div",{className:"hn-terminal-grid-bar",children:[a.jsx(Ns,{compact:oe,ws:x,writable:w,onSelect:C,onAdd:()=>void o(t=>is(t,`Grup ${t.groups.length+1}`)),onRename:(t,s)=>void o(d=>rs(d,t,s)),onRemove:t=>void o(s=>ls(s,t))}),!O&&a.jsxs(a.Fragment,{children:[a.jsx(K,{size:"sm",variant:"ghost",disabled:!w,onClick:()=>void o(t=>U(t,Xt)),children:"+ Kolom"}),a.jsx(K,{size:"sm",variant:"ghost",disabled:!w,onClick:()=>void o(t=>U(t,Jt)),children:"+ Baris"})]}),O&&a.jsx(je,{label:"Atur grid",icon:"sliders",items:on})]}),Ke&&a.jsxs(He,{tone:"err",title:"Daftar sesi belum bisa dimuat",className:"hn-terminal-notice--tight",children:[a.jsxs("span",{children:[Ke," "]}),a.jsx("button",{type:"button",className:"hn-terminal-action hn-terminal-action--text",onClick:()=>Ja(t=>t+1),children:"Coba lagi"})]}),!q&&it.length>0&&a.jsxs("div",{className:"hn-terminal-unplaced",children:[a.jsx("span",{className:"hn-terminal-unplaced-label",children:"Belum di grid:"}),it.map(t=>a.jsxs("span",{className:"hn-terminal-unplaced-chip",children:[a.jsxs("button",{className:"hn-terminal-unplaced-action",disabled:!w,onClick:()=>rn(t.id),title:"Taruh di sel kosong pertama grup ini",children:[t.specId??te(t.projectId)," · ",t.id.slice(0,6)]}),a.jsx("button",{type:"button",className:"hn-terminal-action","aria-label":`Tutup sesi ${t.id}`,onClick:()=>void st(t.id),children:"×"})]},t.id))]}),!q&&O&&!Qe&&a.jsx("div",{className:"hn-stack-mobile hn-terminal-tabs-row",children:a.jsx(Mn,{"aria-label":"Panel terminal",variant:"pill",value:String(X),onChange:t=>Oe(Number(t)),tabs:A.cells.map((t,s)=>({value:String(s),label:`Panel ${s+1}${t?` · ${t.slice(0,6)}`:" · kosong"}`}))})}),!q&&(Qe?Ke?null:a.jsx(Ce,{kind:"empty",icon:"terminal",title:"Belum ada sesi terminal",hint:"Tekan Sesi baru untuk memulai agen di project terpilih, atau Terminal biasa untuk shell."}):a.jsxs("div",{ref:et,"data-testid":"terminal-grid",className:"hn-terminal-grid",style:{"--grid-cols":O?"minmax(0, 1fr)":`18px ${lt.map(t=>`minmax(0, ${t}fr)`).join(" ")}`,"--grid-rows":O?"minmax(0, 1fr)":`16px ${ot.map(t=>`minmax(0, ${t}fr)`).join(" ")}`},children:[!O&&a.jsx("div",{className:"hn-terminal-grid-corner"}),!O&&Array.from({length:A.cols},(t,s)=>a.jsx(ra,{axis:"col",label:`Tutup kolom ${s+1}`,disabled:!w||A.cols===1,gridColumn:s+2,gridRow:1,onClick:()=>void o(d=>U(d,m=>Qt(m,s)))},`col-${s}`)),!O&&Array.from({length:A.rows},(t,s)=>a.jsx(ra,{axis:"row",label:`Tutup baris ${s+1}`,disabled:!w||A.rows===1,gridColumn:1,gridRow:s+2,onClick:()=>void o(d=>U(d,m=>Zt(m,s)))},`row-${s}`)),!O&&Array.from({length:A.cols-1},(t,s)=>{const d=ea(lt,s);return a.jsx(la,{orientation:"col",label:`Ubah lebar kolom ${s+1}/${s+2}`,now:d.now,min:d.min,max:d.max,disabled:!w,gridColumn:s+3,gridRow:"1 / -1",onPointerDown:m=>Pt("col",s,m),onPointerMove:Lt,onPointerUp:Ot,onKeyDown:m=>Bt("col",s,m),onDoubleClick:()=>Kt("col",s)},`col-div-${s}`)}),!O&&Array.from({length:A.rows-1},(t,s)=>{const d=ea(ot,s);return a.jsx(la,{orientation:"row",label:`Ubah tinggi baris ${s+1}/${s+2}`,now:d.now,min:d.min,max:d.max,disabled:!w,gridColumn:"1 / -1",gridRow:s+3,onPointerDown:m=>Pt("row",s,m),onPointerMove:Lt,onPointerUp:Ot,onKeyDown:m=>Bt("row",s,m),onDoubleClick:()=>Kt("row",s)},`row-div-${s}`)}),Array.from({length:A.rows},(t,s)=>s).flatMap(t=>Array.from({length:A.cols},(s,d)=>{const m=t*A.cols+d,I=A.cells[m]??null,P=I?ce(I):null;return a.jsx("div",{"data-terminal-cell-index":m,"aria-hidden":O&&X!==m?"true":"false",className:O&&X!==m?"hn-terminal-cell-slot is-hidden":"hn-terminal-cell-slot",style:{"--cell-col":O?"auto":d+2,"--cell-row":O?"auto":t+2},children:P?a.jsx(Ts,{session:P,nameOf:te,...be(P.id),canArrange:w,onReview:g&&ke.onOpenReview,onSessionReview:S&&ke.onOpenSessionReview,titleOf:h&&ke.titleOf,onIntegrate:j&&ke.onIntegrate,onIntegrateSession:p&&ke.onIntegrateSession,specOf:b&&ke.specOf,backlog:i,fontSize:W,showKeys:le,predict:V,diag:J,screenReader:pe,fullscreen:Q===P.id,paneHidden:O&&X!==m}):a.jsx(Ds,{disabled:!w,unplaced:it,nameOf:te,onPick:Y=>sn(m,Y)})},I??`empty-${m}`)}))]})),q&&a.jsx(zs,{sessionCount:v.length,focused:Ha,mobile:Z,railItems:Tt.map(t=>({session:t,label:ye(t,te,h),status:Ia(t,Xe.has(t.id)),startedMs:fs(t)})),listError:!!Ke,menuFor:nn,onFocus:Pe,drawerOpen:St,onDrawer:Nt,fullId:Q,focusPhases:La,paneHandlers:t=>({onExit:be(t).onExit,onPhases:an(t),onForget:be(t).onForget}),fontSize:W,showKeys:le,onToggleKeys:()=>se(t=>!t),predict:V,diag:J,screenReader:pe}),za&&a.jsx(Ss,{seed:en,activeIds:At,error:Aa,onPick:t=>void Et(t),onClose:()=>$e(!1)}),Da&&a.jsx(Zn,{open:!0,projectId:F,projectName:te(F),projects:n,onProjectChange:me,onClose:()=>wt(!1),onCreated:Za}),$a&&a.jsx(Jn,{projects:n,onClose:()=>Fe(!1),onRestart:t=>void zt(t)}),Ze.dialog,Le&&ce(Le.sessionId)&&a.jsx(Es,{kind:Le.kind,session:ce(Le.sessionId),specOf:b,onIntegrate:j,onIntegrateSession:p,onClose:()=>Ct(null)}),Q&&ce(Q)&&a.jsx(As,{session:ce(Q),label:ye(ce(Q),te,h),fontSize:W,showKeys:le,predict:V,diag:J,screenReader:pe,onClose:()=>Ye(null)}),Z&&Ba&&a.jsx(re,{open:!0,title:"Tampilan terminal",icon:"sliders",width:420,onClose:()=>It(!1),children:_t}),_a,a.jsx(Fn,{toast:Xa})]})}function ye(e,n,i){const r=n(e.projectId),l=e.specId?i==null?void 0:i(e.specId):void 0;return e.specId?`${r} · ${e.specId}${l?` · ${l}`:""}`:e.id.startsWith("xaudit-")?`${r} · audit lintas`:r}function Ss({seed:e,activeIds:n,error:i,onPick:r,onClose:l}){const[c,k]=u.useState(""),[g,S]=u.useState("all"),[h,j]=u.useState("all"),[p,b]=u.useState(e),[y,R]=u.useState(""),[T,E]=u.useState(null);u.useEffect(()=>{const f=setTimeout(()=>R(c.trim()),250);return()=>clearTimeout(f)},[c]),u.useEffect(()=>{var B,_;let f=!0;const $=(_=(B=M).listSpecs)==null?void 0:_.call(B,{startable:!0,q:y||void 0,stage:g==="all"?void 0:g,priority:h==="all"?void 0:h});return $==null||$.then(x=>{f&&(b(x.items),E(null))}).catch(x=>{f&&E(ne("memuat backlog",x))}),()=>{f=!1}},[y,g,h]);const z=p.filter(f=>!n.has(f.id)),v=i??T;return a.jsxs(re,{open:!0,title:"Ambil backlog",icon:"inbox",onClose:l,width:760,children:[v&&a.jsx("div",{role:"alert",className:"hn-terminal-pick-notice",children:v}),a.jsxs("div",{className:"hn-terminal-pick-filters",children:[a.jsx(ua,{size:"sm",leftIcon:"search",placeholder:"mis. invoice atau SPEC-412","aria-label":"Cari backlog",value:c,onChange:f=>k(f.target.value),className:"hn-terminal-pick-search"}),a.jsx(ae,{size:"sm","aria-label":"Filter stage",value:g,onChange:f=>S(f.target.value),options:[{value:"all",label:"Semua stage"}].concat(_n.filter(f=>f.key!=="done").map(f=>({value:f.key,label:f.label})))}),a.jsx(ae,{size:"sm","aria-label":"Filter prioritas",value:h,onChange:f=>j(f.target.value),options:[{value:"all",label:"Semua prioritas"},{value:"tinggi",label:"Tinggi"},{value:"sedang",label:"Sedang"},{value:"rendah",label:"Rendah"}]})]}),z.length===0?a.jsx(Ce,{kind:"empty",icon:"inbox",title:"Tak ada backlog untuk diambil",hint:"Semua item sudah selesai/aktif atau tak cocok filter — buat brief baru di halaman Backlog."}):a.jsx("div",{className:"hn-terminal-pick-list",children:z.map(f=>a.jsx("button",{onClick:()=>r(f),className:"hn-terminal-pick-row",children:a.jsxs("span",{className:"hn-dense-row hn-picker-row hn-terminal-pick-main",children:[a.jsx(Te,{name:f.source==="qa"?"bug":f.source==="audit"?"search":"lightbulb",size:14,color:f.source==="qa"?"var(--clay-500)":f.source==="audit"?"var(--wind-600)":"var(--brass-500)"}),a.jsx("span",{className:"hn-terminal-pick-id",children:f.id}),a.jsx("span",{className:"hn-picker-title hn-terminal-pick-title",children:f.title}),a.jsx(ht,{tone:f.priority==="tinggi"?"err":"neutral",size:"sm",children:f.priority}),a.jsx("span",{className:"hn-terminal-pick-project",children:f.projectId})]})},f.id))})]})}function Ns({ws:e,compact:n=!1,writable:i,onSelect:r,onAdd:l,onRename:c,onRemove:k}){const[g,S]=u.useState(null),h=ze(e),j=e.groups.length===1,b=ha()?44:24;return a.jsxs("div",{className:n?"hn-terminal-groups":"hn-terminal-groups is-bordered",style:{"--group-box":`${b}px`},children:[a.jsx("div",{role:"tablist","aria-label":"Grup terminal",className:"hn-terminal-groups-tabs",children:e.groups.map((y,R)=>{const T=y.id===h.id;return a.jsx("button",{type:"button",role:"tab","aria-selected":T,tabIndex:T?0:-1,className:"hn-terminal-group-control hn-terminal-group-tab",onClick:()=>r(y.id),onKeyDown:E=>{var v,f;let z=null;E.key==="ArrowRight"?z=(R+1)%e.groups.length:E.key==="ArrowLeft"?z=(R-1+e.groups.length)%e.groups.length:E.key==="Home"?z=0:E.key==="End"&&(z=e.groups.length-1),z!==null&&(E.preventDefault(),r(e.groups[z].id),(f=(v=E.currentTarget.closest('[role="tablist"]'))==null?void 0:v.querySelectorAll('[role="tab"]')[z])==null||f.focus())},children:y.name},y.id)})}),i&&(g===h.id?a.jsx(Is,{initial:h.name,onCommit:y=>{y.trim()&&c(h.id,y.trim()),S(null)},onCancel:()=>S(null)},h.id):a.jsxs("span",{role:"group","aria-label":`Kelola grup ${h.name}`,className:"hn-terminal-groups-actions",children:[a.jsx("button",{type:"button",className:"hn-terminal-group-control hn-terminal-group-action","aria-label":`Ganti nama grup ${h.name}`,title:"Ganti nama",onClick:()=>S(h.id),children:"✎"}),a.jsx("button",{type:"button",className:"hn-terminal-group-control hn-terminal-group-action hn-terminal-group-remove","aria-label":`Hapus grup ${h.name}`,title:j?"Grup terakhir tak bisa dihapus":"Hapus grup (sesi tetap hidup)",disabled:j,onClick:()=>k(h.id),children:"×"})]})),a.jsx("button",{type:"button",className:"hn-terminal-group-control hn-terminal-group-action hn-terminal-group-add","aria-label":"Grup baru",title:"Grup baru",disabled:!i,onClick:l,children:"+"})]})}function ra({label:e,disabled:n,onClick:i,axis:r,gridColumn:l,gridRow:c}){return a.jsx("button",{type:"button","aria-label":e,title:n?"Grid tak boleh menyusut ke nol":e,disabled:n,onClick:i,className:`hn-terminal-gutter hn-terminal-gutter--${r}`,style:{"--grid-col":l,"--grid-row":c},children:"×"})}function la({orientation:e,label:n,now:i,min:r,max:l,disabled:c,gridColumn:k,gridRow:g,onPointerDown:S,onPointerMove:h,onPointerUp:j,onKeyDown:p,onDoubleClick:b}){return a.jsx("div",{role:"separator","aria-label":n,"aria-disabled":c,"aria-orientation":e==="col"?"vertical":"horizontal","aria-valuenow":i,"aria-valuemin":r,"aria-valuemax":l,tabIndex:c?-1:0,className:`hn-terminal-divider hn-terminal-divider--${e}`,title:c?void 0:"Seret untuk ubah ukuran — panah untuk langkah kecil, Shift+panah langkah besar, klik dua kali menyamakan",style:{"--grid-col":k,"--grid-row":g},onPointerDown:c?void 0:S,onPointerMove:c?void 0:h,onPointerUp:c?void 0:j,onPointerCancel:c?void 0:j,onKeyDown:c?void 0:p,onDoubleClick:c?void 0:b})}function Is({initial:e,onCommit:n,onCancel:i}){const[r,l]=u.useState(e);return a.jsx("input",{autoFocus:!0,"aria-label":"Nama grup",value:r,placeholder:"mis. Rilis",onChange:c=>l(c.target.value),onBlur:()=>n(r),onKeyDown:c=>{c.key==="Enter"?n(r):c.key==="Escape"&&i()},className:"hn-terminal-rename"})}const Cs={done:"✓",running:"●",pending:"○",skipped:"–",failed:"✕",abandoned:"⨯"};function Ta({phases:e,compact:n=!1,now:i}){const[r,l]=u.useState(null),c=wn(r!==null,()=>l(null),"dialog"),[,k]=u.useState(0),g=!!(e!=null&&e.some(p=>{var b;return((b=p.agent)==null?void 0:b.status)==="running"}));if(u.useEffect(()=>{if(!(!g||i!==void 0))return Hn(()=>k(p=>p+1))},[g,i]),!(e!=null&&e.length))return null;const S=i??Date.now(),h=e.find(p=>p.name===r&&p.agent),j=p=>{const b=p.agent;return b?typeof b.durationMs=="number"?Ht(b.durationMs):b.status==="running"&&b.startedAt?Ht(S-Date.parse(b.startedAt)):"":""};return a.jsxs("div",{"data-testid":"phase-strip",className:"hn-terminal-phase",children:[a.jsx("div",{"data-testid":"phase-strip-scroller",className:"hn-terminal-phase-scroller",children:e.map(p=>{if(!p.agent)return a.jsx("span",{"data-state":p.state,title:p.state,className:"hn-terminal-phase-name",children:p.name},p.name);const b=p.agent,y=Sn(p),R=!n||p.state==="active",T=j(p);return a.jsxs("button",{type:"button","data-tone":y,"aria-expanded":r===p.name,ref:r===p.name?c.triggerRef:void 0,"aria-haspopup":"dialog","aria-controls":r===p.name?c.panelId:void 0,"aria-label":Nn(p,T),onClick:()=>l(r===p.name?null:p.name),className:"hn-terminal-phase-chip",children:[a.jsx("span",{"aria-hidden":!0,children:Cs[y]}),a.jsx("span",{"data-state":p.state,title:p.state,className:"hn-terminal-phase-name",children:p.name}),p.state==="skipped"&&a.jsx("span",{children:"dilewati"}),R&&b.model&&a.jsxs("span",{children:["· ",pt(b.model)]}),R&&b.effort&&a.jsxs("span",{children:["· ",b.effort]}),R&&T&&a.jsxs("span",{children:["· ",T]}),b.attempts>1&&a.jsxs("span",{children:["↻",b.attempts]}),b.evidence==="missing"&&a.jsx("span",{role:"img","aria-label":"bukti subagent tak diterima",title:"bukti subagent tak diterima",className:"hn-terminal-phase-warn",children:"⚠"})]},p.name)})}),(h==null?void 0:h.agent)&&a.jsxs("div",{ref:c.panelRef,id:c.panelId,role:"dialog","aria-label":`Detail fase ${h.name}`,tabIndex:-1,onKeyDown:c.onKeyDown,className:"hn-terminal-phase-panel",children:[a.jsx("div",{children:a.jsx("b",{children:h.agent.name})}),a.jsx("div",{children:[pt(h.agent.model),h.agent.effort,h.agent.status??"belum mulai"].filter(Boolean).join(" · ")}),a.jsxs("div",{children:["durasi ",j(h)||"—"," · percobaan ",h.agent.attempts]}),a.jsxs("div",{children:["token in ",h.agent.inputTokens??"—"," · out ",h.agent.outputTokens??"—"," · cache ",h.agent.cachedTokens??"—"]}),h.agent.resultExcerpt&&a.jsx("pre",{className:"hn-terminal-phase-excerpt",children:h.agent.resultExcerpt})]})]})}const Ts=u.memo(Rs);function Rs({session:e,nameOf:n,onClose:i,onForget:r,canArrange:l,onDetach:c,onExit:k,onReview:g,onSessionReview:S,titleOf:h,onIntegrate:j,onIntegrateSession:p,specOf:b,fontSize:y,showKeys:R,predict:T,diag:E,screenReader:z,fullscreen:v,onFullscreen:f,onDialog:$,paneHidden:B}){const[_,x]=u.useState(null),N=u.useRef(null),[D,w]=u.useState(Number.POSITIVE_INFINITY);u.useEffect(()=>{const se=N.current;if(!se||typeof ResizeObserver!="function")return;const V=new ResizeObserver(Ve=>{var De;const J=((De=Ve[0])==null?void 0:De.contentRect.width)??se.getBoundingClientRect().width;J>0&&w(J)});return V.observe(se),()=>V.disconnect()},[]);const[o,C]=u.useState(!1),H=u.useCallback((se,V)=>{x(se),C(V)},[]),F=ye(e,n,h),me=!e.exited&&!!e.decision,he=!e.exited&&!!e.deciding,we=me||he,Z=e.exited&&!!e.exitCode,W=!e.exited&&o,Ae=Z?null:e.exited||W?"PST-005":we?"PST-004":"PST-003",le=Ra(e,{label:F,canArrange:l,specOf:b,onReview:g,onSessionReview:S,onIntegrate:j,onIntegrateSession:p,onDialog:$,onDetach:c,onFullscreen:f});return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:e.exited?"hn-terminal-cell-header is-exited":"hn-terminal-cell-header","data-cell-tone":Z?"failed":e.exited||W?"done":we?"attention":"idle",children:[Ae&&a.jsx("span",{className:"hn-terminal-cell-illus",children:a.jsx(Un,{id:Ae,decorative:!0})}),a.jsxs("span",{className:"hn-terminal-cell-title",children:[F," · ",e.id.slice(0,6)]}),e.orchestrated&&e.model&&a.jsxs("span",{"data-testid":"orchestrator-chip",title:"Model & effort orchestrator",className:"hn-terminal-orch",children:["orch ",pt(e.model),e.effort?` · ${e.effort}`:""]}),e.exited&&(Z?a.jsx(de,{status:"failed",size:"sm",children:`Gagal · exit ${e.exitCode}`}):a.jsx(de,{status:"done",size:"sm",children:"Selesai"})),W&&a.jsx(de,{status:"done",size:"sm",children:"Selesai"}),he&&!W&&a.jsx(de,{status:"running",size:"sm",children:"Lead memutuskan"}),me&&!he&&!W&&a.jsx(de,{status:"awaiting",size:"sm"}),a.jsxs("span",{className:"hn-terminal-actions",children:[a.jsx(je,{label:`Aksi sesi ${e.id}`,items:le}),a.jsx("button",{type:"button",className:"hn-terminal-action","aria-label":`Tutup sesi ${e.id}`,title:"Tutup sesi (dikonfirmasi dulu)",onClick:i,children:a.jsx(Te,{name:"x",size:12})})]})]}),a.jsxs("div",{ref:N,className:"hn-terminal-cell-body",children:[e.exited&&a.jsx(vt,{}),a.jsx(Ta,{phases:_,compact:D<480}),a.jsx("div",{className:"hn-terminal-cell-pane",children:v?a.jsx("div",{className:"hn-terminal-cell-fullscreen",children:"Terbuka di layar penuh"}):a.jsx(bt,{sessionId:e.id,onExit:k,onPhases:H,fontSize:y,showKeys:R,predict:T,diag:E,screenReader:z,hidden:B,onForget:r,label:ye(e,n,h)},e.id)})]})]})}function Ra(e,n){var k;const i=[],r=e.specId?(k=n.specOf)==null?void 0:k.call(n,e.specId):void 0,l=!e.specId&&!!e.branch;e.specId&&i.push({key:"docs",label:"Lihat dokumen",icon:"file-text",title:"Lihat dokumen (audit/spec/plan)",onSelect:()=>n.onDialog("docs")});const c=e.specId;if(c&&n.onReview){const g=n.onReview;i.push({key:"review",label:"Review perubahan",icon:"git-compare",title:"Review perubahan (diff worktree)",onSelect:()=>g(c)})}if(l&&n.onSessionReview){const g=n.onSessionReview;i.push({key:"review-session",label:"Review perubahan",icon:"git-compare",title:"Review perubahan (diff worktree sesi)",onSelect:()=>g(e.id,n.label)})}return r&&n.onIntegrate&&i.push({key:"integrate",label:"Rebase / Merge branch",icon:"git-merge",title:"Rebase / Merge branch spec",onSelect:()=>n.onDialog("integrate")}),l&&n.onIntegrateSession&&i.push({key:"integrate-session",label:"Rebase / Merge branch",icon:"git-merge",title:"Rebase / Merge branch sesi",onSelect:()=>n.onDialog("sessIntegrate")}),i.push({key:"detach",label:"Lepas dari grid",icon:"unlink",disabled:!n.canArrange,title:"Lepas dari grid (sesi tetap hidup)",onSelect:n.onDetach}),i.push({key:"fullscreen",label:"Layar penuh",icon:"fullscreen",title:"Layar penuh — fokus 1 terminal",onSelect:n.onFullscreen}),n.onKill&&i.push({key:"close",label:"Tutup sesi",icon:"square",tone:"danger",title:"Tutup sesi (dikonfirmasi dulu)",onSelect:n.onKill}),i}function Es({kind:e,session:n,specOf:i,onIntegrate:r,onIntegrateSession:l,onClose:c}){if(e==="docs")return n.specId?a.jsx(qn,{specId:n.specId,onClose:c}):null;if(e==="integrate"){const k=n.specId?i==null?void 0:i(n.specId):void 0;return!k||!r?null:a.jsx(Vt,{projectId:k.projectId,ownBranch:`hanoman/${k.id.toLowerCase().replace(/[^a-z0-9_-]/g,"_")}`,eyebrow:k.id,onClose:c,onIntegrate:(g,S)=>{c(),r(k,g,S)}})}return!n.branch||n.specId||!l?null:a.jsx(Vt,{projectId:n.projectId,ownBranch:n.branch,eyebrow:n.id.slice(0,16),onClose:c,onIntegrate:(k,g)=>{c(),l(n,k,g)}})}const oa="Buka sesi lain: ambil backlog, riwayat sesi, atau terminal biasa";function ca({items:e,compact:n=!1}){const[i,r]=u.useState(!1);return a.jsxs(a.Fragment,{children:[n?a.jsxs("button",{type:"button",className:"hn-terminal-open-compact","aria-label":"Buka…",title:oa,"aria-haspopup":"dialog","aria-expanded":i,onClick:()=>r(!0),children:[a.jsx(Te,{name:"folder-open",size:16}),a.jsx("span",{className:"hn-terminal-open-text",children:"Buka…"})]}):a.jsx(K,{size:"sm",variant:"ghost","aria-haspopup":"dialog","aria-expanded":i,title:oa,onClick:()=>r(!0),children:"Buka…"}),i&&a.jsx(re,{open:!0,title:"Buka sesi",icon:"terminal",width:420,onClose:()=>r(!1),children:a.jsx("div",{className:"hn-terminal-menu-list",children:e.map(l=>a.jsxs("button",{type:"button",disabled:l.disabled,title:l.title,className:"hn-overflow-item",onClick:()=>{r(!1),l.onSelect()},children:[l.icon&&a.jsx(Te,{name:l.icon,size:15}),l.label]},l.key))})})]})}function zs({sessionCount:e,focused:n,railItems:i,mobile:r,listError:l,menuFor:c,onFocus:k,drawerOpen:g,onDrawer:S,fullId:h,focusPhases:j,paneHandlers:p,fontSize:b,showKeys:y,onToggleKeys:R,predict:T,diag:E,screenReader:z}){const v=n?i.find(f=>f.session.id===n.id):void 0;return a.jsxs("div",{className:"hn-terminal-focus","data-testid":"terminal-focus",children:[!r&&e>0&&a.jsxs("aside",{className:"hn-terminal-rail","aria-label":"Sesi terminal",children:[a.jsxs("div",{className:"hn-terminal-rail-head",children:[a.jsx("span",{children:"Sesi"}),a.jsx("span",{children:e})]}),a.jsx("div",{className:"hn-terminal-rail-scroll",children:a.jsx(ia,{items:i,focusedId:(n==null?void 0:n.id)??null,onFocus:k,menuFor:c})})]}),a.jsx("section",{className:"hn-terminal-focus-main","aria-label":"Terminal fokus",children:n&&v?a.jsxs(a.Fragment,{children:[a.jsxs("header",{className:"hn-terminal-focus-head",children:[a.jsxs("span",{className:"hn-terminal-focus-title",title:v.label,children:[v.label," · ",n.id.slice(0,6)]}),a.jsx(de,{status:Ca[v.status.tone],size:"sm",variant:"dot",children:v.status.label}),a.jsx(je,{label:`Aksi sesi ${n.id}`,items:c(n)})]}),n.exited&&a.jsx(vt,{}),a.jsx(Ta,{compact:r,phases:(j==null?void 0:j.sessionId)===n.id?j.phases:null}),a.jsx("div",{className:"hn-terminal-focus-body",children:h===n.id?a.jsx("div",{className:"hn-terminal-focus-placeholder",children:"Terbuka di layar penuh"}):a.jsx(bt,{sessionId:n.id,...p(n.id),fontSize:b,showKeys:y,predict:T,diag:E,screenReader:z,composer:!0,compact:r,onToggleKeys:R,label:v.label},n.id)})]}):l?null:a.jsx(Ce,{kind:"empty",icon:"terminal",title:"Belum ada sesi terminal",hint:"Tekan Sesi baru untuk memulai agen di project terpilih, atau Terminal biasa untuk shell."})}),r&&g&&a.jsx(re,{open:!0,title:"Sesi terminal",icon:"terminal",width:460,onClose:()=>S(!1),children:a.jsx(ia,{items:i,focusedId:(n==null?void 0:n.id)??null,onFocus:f=>{k(f),S(!1)},menuFor:c})})]})}function vt(){return a.jsxs("div",{role:"status","data-testid":"terminal-ended",className:"hn-terminal-ended",children:[a.jsx("strong",{className:"hn-terminal-ended-title",children:"Berakhir"}),a.jsx("span",{className:"hn-terminal-ended-body",children:"Agen sudah berhenti. Output tetap bisa dibaca; tutup sel bila tak diperlukan lagi."})]})}function As({session:e,label:n,fontSize:i,showKeys:r,predict:l,diag:c,screenReader:k,onClose:g}){return a.jsx(re,{open:!0,icon:"terminal",title:n,onClose:g,closeOnEscape:!1,width:1600,children:a.jsxs("div",{className:"hn-terminal-fullscreen-body",children:[e.exited&&a.jsx(vt,{}),a.jsx(bt,{sessionId:e.id,onExit:()=>{},fontSize:i,showKeys:r,predict:l,diag:c,screenReader:k},e.id)]})})}function Ds({unplaced:e,nameOf:n,onPick:i,disabled:r}){return a.jsx("div",{className:"hn-terminal-empty-cell",children:a.jsx(ae,{size:"sm",value:"","aria-label":"Pilih sesi untuk sel",disabled:r||!e.length,onChange:l=>l.target.value&&i(l.target.value),options:[{value:"",label:e.length?"Pilih sesi…":"tidak ada sesi bebas"}].concat(e.map(l=>({value:l.id,label:`${l.specId??n(l.projectId)} · ${l.id.slice(0,6)}`})))})})}export{Ta as PhaseStrip,Ls as TerminalScreen,Ra as sessionMenuItems};

package/web/assets/TriageScreen-B6_KrS6l.css

@@ -0,0 +1 @@
+.hn-triage{display:flex;flex-direction:column;gap:var(--space-3);min-height:0;flex:1 1 auto}.hn-triage-segment{display:inline-flex;align-self:flex-start;max-width:100%;flex-wrap:wrap;border:1px solid var(--border-hair);border-radius:var(--radius-md);background:var(--surface-card);overflow:hidden}.hn-triage-segment-btn{display:inline-flex;align-items:center;gap:var(--space-2);min-height:36px;padding:var(--space-1) var(--space-3);border:0;background:transparent;color:var(--text-muted);font:inherit;font-size:var(--text-sm);cursor:pointer}.hn-triage-segment-btn+.hn-triage-segment-btn{border-left:1px solid var(--border-hair)}.hn-triage-segment-btn:hover{background:var(--surface-sunken);color:var(--text-strong)}.hn-triage-segment-btn[aria-pressed=true]{background:var(--brass-050);color:var(--text-strong);font-weight:600;box-shadow:inset 0 -2px 0 var(--brass-600)}.hn-triage-status-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.hn-triage-bulk{position:sticky;top:0;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border-hair);border-radius:var(--radius-md);background:var(--bone-100)}.hn-triage-bulk-count{flex:1 1 auto;font-size:var(--text-sm);color:var(--text-strong);font-weight:600}.hn-triage-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;cursor:pointer}.hn-triage-title-line{display:flex;align-items:center;gap:var(--space-2);min-width:0}.hn-triage-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-strong);font-size:var(--text-sm);font-weight:500}.hn-triage-meta{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:var(--text-xs)}.hn-triage-acts{display:flex;align-items:center;flex:0 0 auto;gap:var(--space-1);flex-wrap:wrap;justify-content:flex-end}.hn-triage-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border-hair);background:var(--bone-100);font-size:var(--text-xs);color:var(--text-muted)}.hn-triage-detail{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.hn-triage-detail-scroll{flex:1 1 auto;min-height:0;overflow-y:auto}.hn-triage-detail-body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-3) 0}.hn-triage-detail-title{margin:var(--space-1) 0 0;font-size:var(--text-lg);font-weight:600;color:var(--text-strong);line-height:1.3;overflow-wrap:anywhere}.hn-triage-section-title{margin:0 0 var(--space-1)}.hn-triage-body-text{white-space:pre-wrap;font-size:var(--text-sm);line-height:1.55;color:var(--text-body);overflow-wrap:anywhere}.hn-triage-list-panel{display:flex;flex-direction:column;gap:var(--space-2);min-height:0;flex:1 1 auto;container:triage-list / inline-size}.hn-triage-scroll{overflow-y:auto;min-height:0;flex:1 1 auto}.hn-triage-decision{position:sticky;bottom:0;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) 0;border-top:1px solid var(--border-hair);background:var(--surface-card)}.hn-triage-decision-spacer{flex:1 1 auto}.hn-triage-facts{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-4);margin:0;padding:0;list-style:none;font-size:var(--text-sm);color:var(--text-muted)}.hn-triage-facts b{color:var(--text-body);font-weight:500}.hn-triage-disclosure{border-top:1px solid var(--border-hair);padding-top:var(--space-2)}.hn-triage-disclosure>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:var(--text-sm);color:var(--text-strong);font-weight:500}.hn-triage-disclosure[open]>summary{margin-bottom:var(--space-2)}.hn-triage-attachments{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.hn-triage-attachments img{display:block;max-width:180px;max-height:140px;object-fit:cover}.hn-triage-attachment-link{display:block;border:1px solid var(--border-hair);border-radius:var(--radius-sm);overflow:hidden}@media (pointer: coarse),(max-width: 767px){.hn-triage-segment-btn{min-height:44px}}@container triage-list (max-width: 899px){.hn-triage-scroll .hn-row-main{flex:1 1 100%;flex-direction:column;align-items:stretch;gap:4px}.hn-triage-scroll .hn-triage-title-line{flex-wrap:wrap;row-gap:4px}.hn-triage-scroll .hn-triage-title{flex:1 1 100%;white-space:normal;overflow-wrap:anywhere;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.hn-triage-scroll .hn-triage-meta{white-space:normal;overflow-wrap:anywhere}.hn-triage-scroll .hn-row-actions{flex:1 1 100%;width:100%;padding-bottom:var(--space-2)}.hn-triage-scroll .hn-triage-check{margin-right:auto}}

package/web/assets/TriageScreen-Dpj4YrBQ.js

@@ -0,0 +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-DmnwLncG.js";import{R as l}from"./react-DfGhg7ZW.js";import{L as Rt}from"./live-B193WtZm.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};

package/web/assets/VpsScreen-BzXpc3le.css

@@ -0,0 +1 @@
+.vps-screen{display:grid;gap:var(--space-3);min-width:0}.vps-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.vps-form-pair{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-3)}.vps-tabs{margin-bottom:var(--space-3)}.vps-row{display:flex;flex:1 1 0;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);min-width:0}.vps-row-open{display:grid;gap:2px;flex:1 1 200px;min-width:0;min-height:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.vps-row-name{font-size:var(--text-sm);font-weight:600;color:var(--text-strong);overflow-wrap:anywhere}.vps-row-addr{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-subtle);overflow-wrap:anywhere}.vps-row-score{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.vps-stepper{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:0;padding:0;list-style:none;min-width:0}.vps-step{display:grid;gap:1px;padding-left:var(--space-4);position:relative;min-width:0}.vps-step:before{content:"";position:absolute;left:0;top:4px;width:8px;height:8px;border-radius:50%;background:var(--border-strong)}.vps-step-done:before{background:var(--leaf-600)}.vps-step-gagal:before{background:var(--clay-600)}.vps-step-label{font-size:var(--text-xs);font-weight:600;color:var(--text-strong)}.vps-step-text{font-size:var(--text-xs);color:var(--text-muted);overflow-wrap:anywhere}.vps-step-gagal .vps-step-text{color:var(--clay-600)}.vps-summary{display:grid;gap:var(--space-3);min-width:0}.vps-detail-meta{font-size:var(--text-xs);color:var(--text-subtle)}.vps-summary-score{display:flex;align-items:baseline;gap:var(--space-2)}.vps-summary-score-num{font-family:var(--font-mono);font-size:var(--text-md);font-weight:600;color:var(--text-strong)}.vps-summary-comp{min-width:0}.vps-access{display:grid;gap:var(--space-3);min-width:0}.vps-access-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);margin:0}.vps-access-list>div{display:grid;gap:2px;min-width:0}.vps-access-list dt{font-size:var(--text-xs);color:var(--text-subtle)}.vps-access-list dd{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-strong);overflow-wrap:anywhere}.vps-access-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.vps-check-head{position:sticky;top:0;z-index:2;display:grid;gap:var(--space-3);background:var(--surface-card);padding-bottom:var(--space-3)}.vps-check-score{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.vps-check-score-num{font-family:var(--font-mono);font-size:var(--text-md);font-weight:600;color:var(--text-strong)}.vps-check-score-bar{flex:1 1 160px;min-width:0}.vps-drift{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--clay-600);background:var(--bone-100);border:1px solid var(--clay-600);border-radius:var(--radius-sm)}.vps-filter-fields{display:grid;gap:var(--space-2);min-width:200px}.vps-select{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border:1px solid var(--border-hair);border-radius:var(--radius-sm);background:var(--bone-000);color:var(--text-body);min-width:0}.vps-remedi{display:grid;gap:var(--space-2);padding:var(--space-3);background:var(--bone-100);border:1px solid var(--brass-300);border-radius:var(--radius-sm)}.vps-remedi-steps{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-4);margin:0;padding:0;list-style:none;font-size:var(--text-xs)}.vps-remedi-steps li{color:var(--text-subtle)}.vps-remedi-steps li[data-state=done]{color:var(--text-body)}.vps-remedi-steps li[data-state=active]{color:var(--text-strong);font-weight:600}.vps-remedi-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.vps-remedi-hint{font-size:var(--text-xs);color:var(--text-muted)}.vps-preview{display:grid;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);background:var(--bone-000);border:1px solid var(--border-hair);border-radius:var(--radius-sm)}.vps-preview-title{font-family:var(--font-ui);font-weight:600;color:var(--text-strong)}.vps-preview-line{color:var(--text-subtle);overflow-wrap:anywhere}.vps-section{margin-bottom:var(--space-2);border:1px solid var(--border-hair);border-radius:var(--radius-sm);overflow:hidden}.vps-section-head{display:flex;align-items:center;gap:var(--space-2);width:100%;min-width:0;padding:var(--space-2) var(--space-3);text-align:left;border:0;background:transparent;cursor:pointer;font:inherit}.vps-section-open{background:var(--bone-100)}.vps-section-icon{font-size:var(--text-sm)}.vps-section-title{flex:1 1 160px;min-width:0;font-size:var(--text-sm);font-weight:600;color:var(--text-strong)}.vps-section-sum{font-size:var(--text-xs);color:var(--text-subtle);white-space:nowrap}.vps-section-body{padding:var(--space-1) var(--space-3) var(--space-2)}.vps-suggest{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-2) 0;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--text-subtle);background:var(--bone-000);border:1px dashed var(--border-hair);border-radius:var(--radius-sm)}.vps-suggest-text{flex:1 1 220px;min-width:0}.vps-item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;border-bottom:1px solid var(--border-hair);font-size:var(--text-sm)}.vps-item-na{opacity:.55}.vps-item-gap{display:inline-block;width:13px}.vps-item-title{flex:1 1 180px;min-width:0;overflow-wrap:anywhere}.vps-badge{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.04em;border:1px solid currentColor;border-radius:3px;padding:0 var(--space-1);white-space:nowrap}.vps-bar-wrap{display:flex;align-items:center;gap:var(--space-2);min-width:90px}.vps-bar{flex:1;height:6px;background:var(--bone-200);border-radius:3px;overflow:hidden}.vps-bar-fill{height:100%}.vps-tone-ok{background:var(--leaf-600)}.vps-tone-warn{background:var(--amber-600)}.vps-tone-bad{background:var(--clay-600)}.vps-bar-num{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-subtle);min-width:28px;text-align:right}@media (pointer: coarse){.vps-touch{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.vps-touch-select{min-height:44px}}@media (max-width: 767px){.vps-form-pair{grid-template-columns:1fr}}.vps-prov{display:grid;gap:12px}.vps-prov-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.vps-prov-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.vps-prov-summary{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}.vps-prov-hint{font-size:11px;color:var(--text-subtle)}.vps-prov-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:18px;color:var(--text-body);background:var(--surface-sunken);border:1px solid var(--border-hair);border-radius:999px;padding:0 8px;white-space:nowrap}.vps-prov-dot{width:6px;height:6px;border-radius:50%;background:var(--text-subtle);flex:0 0 auto}.vps-prov-dot[data-status=ok]{background:var(--leaf-600)}.vps-prov-dot[data-status=partial]{background:var(--amber-600)}.vps-prov-meter{display:flex;gap:2px;align-items:center}.vps-prov-seg{width:12px;height:4px;border-radius:2px}.vps-prov-seg[data-status=ok]{background:var(--leaf-600)}.vps-prov-seg[data-status=partial]{background:var(--amber-600)}.vps-prov-seg[data-status=absent]{background:var(--border-strong)}.vps-prov-count{font-size:11px;color:var(--text-subtle);white-space:nowrap}.vps-prov-count-ok{color:var(--text-strong);font-weight:600}.vps-prov-fieldset{border:0;padding:0;margin:0;min-width:0}.vps-prov-legend{font-size:12px;font-weight:600;color:var(--text-strong);margin-bottom:6px;padding:0}.vps-prov-profiles{display:grid;gap:8px}.vps-prov-profile-hint{font-size:11px;color:var(--text-muted);margin-left:24px;line-height:1.5}.vps-prov-items{display:grid;gap:6px}.vps-prov-item{display:flex;gap:6px;align-items:center}.vps-prov-tag{font-size:10px;color:var(--text-subtle)}.vps-prov-reason{font-size:12px;color:var(--text-muted)}.vps-prov-steps{font-size:11px;font-family:var(--font-mono);max-height:220px;overflow:auto;background:var(--surface-sunken);padding:8px;border-radius:4px}.vps-prov-setup{display:grid;gap:4px;border:1px solid var(--border-strong);border-radius:4px;padding:8px}.vps-prov-setup-title{font-size:12px}.vps-prov-setup-link{font-size:12px;word-break:break-all}.vps-prov-pending{display:flex;gap:8px;align-items:center;font-size:12px}

package/web/assets/VpsScreen-DX_HEquM.js

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