hanoman 0.9.26 → 0.9.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/build-info.json +3 -3
- package/dist/server.js +10 -5
- package/package.json +1 -1
- package/web/assets/{DalangHanomanScreen-BMQjWbwC.js → DalangHanomanScreen-wJskhX1_.js} +1 -1
- package/web/assets/{DocPreviewModal-Vysb114M.js → DocPreviewModal-ClHbRVmQ.js} +1 -1
- package/web/assets/{DocsWorkspace-Bo2dJRqt.js → DocsWorkspace-Db_g219X.js} +1 -1
- package/web/assets/{IdeScreen-1V2L_82g.js → IdeScreen-CfX1HEtj.js} +1 -1
- package/web/assets/{LeadScreen-D7njTsNH.js → LeadScreen-BIpisTdG.js} +1 -1
- package/web/assets/{ReviewScreen-BytyE-o3.js → ReviewScreen-DMGTLCki.js} +1 -1
- package/web/assets/{SchedulerScreen-b4hvb1Sy.js → SchedulerScreen-CSaFiXc9.js} +1 -1
- package/web/assets/{SettingsScreen-C9YeMz1R.js → SettingsScreen-C4chALvS.js} +1 -1
- package/web/assets/{TeamScreen-WvQNIYf0.js → TeamScreen-CS9osC8I.js} +1 -1
- package/web/assets/TerminalScreen-C0fHHsUa.js +2 -0
- package/web/assets/{TriageScreen-CfzqvbI2.js → TriageScreen-Eh8BoPTm.js} +1 -1
- package/web/assets/{VpsScreen-XWHjdq4i.js → VpsScreen-CweCi934.js} +1 -1
- package/web/assets/{index-BvFCEJud.js → index-Av-RfHXX.js} +2 -2
- package/web/assets/{live-B2RFSX3l.js → live-Bfx0Oehi.js} +1 -1
- package/web/assets/{sched-lead-shared-0mpQqjza.js → sched-lead-shared-DJn2D3VE.js} +1 -1
- package/web/assets/{settings-rebase-BVFljdPX.js → settings-rebase-Bbz53ceL.js} +1 -1
- package/web/index.html +1 -1
- package/web/assets/TerminalScreen-BYx1OK27.js +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
import{u as l,j as s,n as f}from"./index-
|
|
1
|
+
import{u as l,j as s,n as f}from"./index-Av-RfHXX.js";import{R as o}from"./react-DfGhg7ZW.js";const m=6e3;function p({className:a="",style:r={}}){const e=l(),t=!e.idle&&!e.connected&&!e.paused,[i,n]=o.useState(()=>Date.now());o.useEffect(()=>{if(!t)return;n(Date.now());const u=setInterval(()=>n(Date.now()),1e3);return()=>clearInterval(u)},[t,e.since]);const c=t&&i-e.since>=m;return s.jsx("span",{role:"status","aria-live":"polite",className:`hn-live-status ${a}`.trim(),style:r,children:c&&s.jsx(f,{tone:"warn",variant:"soft",icon:"wifi-off",children:"koneksi terputus · menyambung ulang…"})})}export{p as L};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as s,B as m,a1 as f}from"./index-
|
|
1
|
+
import{j as s,B as m,a1 as f}from"./index-Av-RfHXX.js";import{R as c}from"./react-DfGhg7ZW.js";import"./markdown-CWEY34jk.js";/* empty css */function p(t,e=Date.now()){return f(t,e)||"—"}function b(t,e=Date.now()){if(!t)return"—";const r=new Date(t).getTime()-e;if(r<=0)return"jatuh tempo";const n=Math.ceil(r/6e4);return n<60?`${n} menit lagi`:`${Math.ceil(n/60)} jam lagi`}function g(t,e,r,n,a=!0){const i=t.trim()===""?NaN:Number(t.replace(",","."));if(!Number.isFinite(i))return n;const o=a?Math.round(i):i;return Math.min(r,Math.max(e,o))}function D(){return Intl.DateTimeFormat().resolvedOptions().timeZone}function y(t,e){if(!t)return"—";const r=new Date(t);if(Number.isNaN(r.getTime()))return"—";const n={dateStyle:"medium",timeStyle:"short"};try{return new Intl.DateTimeFormat("id-ID",e?{...n,timeZone:e}:n).format(r)}catch(a){if(a instanceof RangeError)return new Intl.DateTimeFormat("id-ID",n).format(r);throw a}}function w({message:t,onRetry:e,busy:r=!1}){return s.jsxs("div",{role:"alert",className:"hn-sched-error",children:[s.jsx("span",{className:"hn-sched-error-text",children:t}),s.jsx(m,{size:"sm",variant:"secondary",leftIcon:"rotate-ccw",disabled:r,onClick:e,children:"Coba lagi"})]})}function x(t){const[e,r]=c.useState(t),n=c.useRef(t),a=JSON.stringify(t);c.useEffect(()=>{const o=JSON.stringify(n.current);n.current=t,r(u=>JSON.stringify(u)===o?t:u)},[a]);const i=JSON.stringify(e)!==a;return{draft:e,setDraft:r,dirty:i}}export{w as I,p as a,D as b,g as c,b as d,y as f,x as u};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as a,cm as j,aH as g,F as u,bO as p,b1 as C,cn as N,g as x,aJ as $,bJ as k,co as S,cp as A,a9 as L,ac as F,ad as M}from"./index-
|
|
1
|
+
import{j as a,cm as j,aH as g,F as u,bO as p,b1 as C,cn as N,g as x,aJ as $,bJ as k,co as S,cp as A,a9 as L,ac as F,ad as M}from"./index-Av-RfHXX.js";import{R as O}from"./react-DfGhg7ZW.js";import"./markdown-CWEY34jk.js";/* empty css */const v=[{id:"claude",label:k.claude},{id:"codex",label:k.codex}],T=[{value:"inline",label:"Inline — agen fase mengerjakan task sendiri (cepat)"},{value:"subagent",label:"Subagen per task — implementer + review tiap task (lebih lambat)"}],_={model:null,effort:null};function I({flow:s,phase:n,runtime:r,cell:e,disabled:t,onPick:l}){const d=A(r),i=L(r,e.model??""),m=r==="codex"?F:M,b=[{value:"",label:"— warisi orchestrator"},...e.model&&!d.some(o=>o.id===e.model)?[{value:e.model,label:e.model}]:[],...d.map(o=>({value:o.id,label:o.label}))],E=[{value:"",label:"— warisi"},...e.effort&&!i.includes(e.effort)?[{value:e.effort,label:e.effort}]:[],...i.map(o=>({value:o,label:o}))];return a.jsxs("div",{className:"hn-sched-picks",children:[a.jsx(x,{size:"sm","aria-label":`Model ${s} ${n} ${r}`,value:e.model??"",className:"hn-sched-pick-model",options:b,disabled:t,onChange:o=>{const h=o.target.value||null;l({model:h,effort:h&&e.effort?m(h,e.effort):e.effort},`${n} (${r}) → ${h??"warisi"}`)}}),a.jsx(x,{size:"sm","aria-label":`Effort ${s} ${n} ${r}`,value:e.effort??"",className:"hn-sched-pick-effort",options:E,disabled:t,onChange:o=>l({...e,effort:o.target.value||null},`${n} (${r}) effort → ${o.target.value||"warisi"}`)})]})}function y({flow:s,f:n,putFlow:r}){return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"hn-sched-flow-row",children:[a.jsx("span",{className:"hn-sched-flow-status",children:n.enabled?"Fase dikerjakan subagen":"Satu sesi biasa (subagen nonaktif)"}),a.jsx(C,{checked:n.enabled,"aria-label":`Orkestrasi ${s}`,onChange:e=>r(s,{...n,enabled:e},`Orkestrasi ${u[s]} · ${e?"aktif":"nonaktif"}`)})]}),N.has(s)&&a.jsxs("div",{className:"hn-sched-flow-mode",children:[a.jsx("span",{className:"hn-sched-flow-mode-label",children:"Cara mengerjakan rencana"}),a.jsx(x,{size:"sm","aria-label":`Mode Execute ${s}`,value:n.executeMode??"inline",className:"hn-sched-flow-mode-select",options:T,disabled:!n.enabled,onChange:e=>{const t=e.target.value==="subagent"?"subagent":"inline";r(s,{...n,executeMode:t},`Mode Execute ${u[s]} · ${t==="subagent"?"subagen per task":"inline"}`)}}),a.jsx("span",{className:"hn-sched-flow-mode-note",children:"khusus sesi Claude · Codex selalu inline"})]}),a.jsx($,{children:a.jsxs("table",{className:"hn-sched-matrix",children:[a.jsx("thead",{children:a.jsxs("tr",{children:[a.jsx("th",{children:"Fase"}),v.map(e=>a.jsx("th",{children:e.label},e.id))]})}),a.jsx("tbody",{children:S[s].map(e=>a.jsxs("tr",{children:[a.jsx("td",{children:e}),v.map(t=>a.jsx("td",{children:a.jsx(I,{flow:s,phase:e,runtime:t.id,cell:n[t.id][e]??_,disabled:!n.enabled,onPick:(l,d)=>r(s,{...n,[t.id]:{...n[t.id],[e]:l}},d)})},t.id))]},e))})]})})]})}function R({flow:s,f:n,putFlow:r}){const[e,t]=O.useState(!1),l=O.useId();return a.jsxs("div",{className:"hn-sched-flow","data-testid":`orch-flow-${s}`,children:[a.jsxs("button",{type:"button",className:"hn-sched-flow-head hn-touch-target","aria-expanded":e,"aria-controls":l,onClick:()=>t(d=>!d),children:[a.jsx("span",{children:u[s]}),a.jsx("span",{className:"hn-sched-flow-state",children:n.enabled?"aktif":"nonaktif"})]}),a.jsx("div",{id:l,className:"hn-sched-flow-body",hidden:!e,children:a.jsx(y,{flow:s,f:n,putFlow:r})})]})}function z({orchestration:s,onChange:n,variant:r="cards"}){const e=s??p,t=i=>e[i]??p[i],l=(i,m,b)=>n({...e,[i]:m},b),d=a.jsxs("div",{className:"hn-sched-group-hint",children:["Sesi utama berperan sebagai ",a.jsx("b",{children:"pengatur"}),"; setiap fase dikerjakan subagen dengan model & effort di bawah. ",a.jsx("b",{children:"Warisi"})," memakai pengaturan sesi utama yang dipilih saat ",a.jsx("b",{children:"Start"}),". Subagen selalu berjalan di runtime yang sama dengan sesi utama: sesi Claude memakai kolom Claude Code, sesi Codex kolom Codex CLI. Flow yang dimatikan berjalan sebagai satu sesi biasa seperti sebelumnya."]});return r==="accordion"?a.jsxs("div",{className:"hn-sched-panel",children:[d,j.map(i=>a.jsx(R,{flow:i,f:t(i),putFlow:l},i))]}):a.jsxs(a.Fragment,{children:[a.jsx(g,{eyebrow:"orkestrasi",title:"Orkestrasi subagen per fase",children:d}),j.map(i=>a.jsx("div",{"data-testid":`orch-flow-${i}`,children:a.jsx(g,{eyebrow:"flow",title:u[i],children:a.jsx(y,{flow:i,f:t(i),putFlow:l})})},i))]})}const c=s=>!!s&&typeof s=="object"&&!Array.isArray(s)&&Object.getPrototypeOf(s)===Object.prototype,f=(s,n)=>{if(s===n)return!0;if(Array.isArray(s)&&Array.isArray(n))return s.length===n.length&&s.every((r,e)=>f(r,n[e]));if(c(s)&&c(n)){const r=Object.keys(s).filter(t=>s[t]!==void 0),e=Object.keys(n).filter(t=>n[t]!==void 0);return r.length===e.length&&r.every(t=>f(s[t],n[t]))}return!1};function w(s,n,r){if(f(n,s)&&r!==void 0)return r;if(!c(s)||!c(n)||!c(r))return n;const e={...r};for(const t of Object.keys(n))e[t]=w(s[t],n[t],r[t]);return e}export{z as O,w as r};
|
package/web/index.html
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Serif:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;1,400&display=swap" /></noscript>
|
|
13
13
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
14
14
|
<title>hanoman</title>
|
|
15
|
-
<script type="module" crossorigin src="/assets/index-
|
|
15
|
+
<script type="module" crossorigin src="/assets/index-Av-RfHXX.js"></script>
|
|
16
16
|
<link rel="modulepreload" crossorigin href="/assets/react-DfGhg7ZW.js">
|
|
17
17
|
<link rel="modulepreload" crossorigin href="/assets/markdown-CWEY34jk.js">
|
|
18
18
|
<link rel="modulepreload" crossorigin href="/assets/xterm-3VOAfa_q.js">
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
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 pt,I as Te,a2 as dn,Z as mn,B as K,a5 as pn,C as He,a6 as Wt,a7 as qt,e as Ge,a8 as hn,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 ht,al as Nn,q as ue,am as pa,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-BvFCEJud.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 ha=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),[p,j]=u.useState(!1),[h,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)},[h,y,z]),u.useEffect(()=>{let o=!0;return j(!0),M.listSessionHistory({projectId:h||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}},[h,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:h,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&&!p?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(pt,{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:ha(o)}),a.jsx(pt,{size:"sm",tone:C.tone,children:C.label})]})},o.id)}),p&&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,p]=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),p({tone:"ok",text:"Transkrip disalin."})}catch(R){p({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 h=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")],[h?"Terakhir terlihat hidup":"Selesai",e.endedAt?new Date(e.endedAt).toLocaleString("id-ID"):"berjalan"],...h&&e.reconciledAt?[["Terdeteksi mati",new Date(e.reconciledAt).toLocaleString("id-ID")]]:[],["Durasi",ha(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"}),pn(e.kind)&&a.jsx(K,{size:"sm",leftIcon:"play",onClick:()=>r(e),children:"Mulai lagi"})]}),h&&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:h?"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"),[p,j]=u.useState("sonnet"),[h,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:p,effort:h});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:p,className:"hn-terminal-field-full",options:hn(g,p),onChange:o=>N(o.target.value)})}),a.jsx(Ge,{label:"Effort",children:a.jsx(ae,{"aria-label":"Effort",value:h,className:"hn-terminal-field-full",options:fn(g,p).map(o=>({value:o,label:o})),onChange:o=>b(o.target.value)})}),g==="codex"&&gn(p,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:p})," butuh ",a.jsx("b",{children:(w=bn(p))==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,p)=>S+p,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 ps(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,p]=L.useState(!1),j=L.useRef(i),h=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,p(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();h.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&&(h.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)),h.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:h.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:h.current,active:N.active})},[T,e]);return{workspace:i,status:l,message:k,writable:S,mutate:B,setActive:_,refresh:$}}const hs=yn("focus","grid"),sa={attention:0,running:1,open: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"}:e.specId?{tone:"running",label:"Berjalan"}:{tone:"open",label:"Terbuka"}}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",open:"idle",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(p=>p.session.id===n),S=p=>{var y;const j=k.current.indexOf(p.target);if(j<0)return;const h=ks(j,p.key,e.length);if(h===null)return;p.preventDefault();const b=e[h];b&&(i(b.session.id),(y=k.current[h])==null||y.focus())};return a.jsx("ul",{role:"list","aria-label":l,className:"hn-terminal-rail-list",onKeyDown:S,children:e.map((p,j)=>{const{session:h,status:b}=p,y=h.id===n,R=y||g<0&&j===0,T=p.startedMs!==null?jn(p.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:p.label,onClick:()=>i(h.id),children:[a.jsx("span",{className:"hn-terminal-rail-name",children:p.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 ${h.id} di daftar`,items:r(h)})]})},h.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:p,onIntegrate:j,onIntegrateSession:h,specOf:b,sessions:y,setSessions:R,onOpenProject:T}){const[E,z]=u.useState([]),v=y??E,f=R??z,[$,B]=u.useState([]),_=ps(e),{workspace:x,status:N,message:D,writable:w,mutate:o,setActive:C,refresh:H}=_,[F,me]=ue("terminal","project",js(n),Wn),pe=pa(),we=In(),Z=we==="mobile",[W,Ae]=ue("terminal","fontSize",pe?Bn:Kn,On),[le,se]=ue("terminal","keys",pe&&!Z,We),[V,Ve]=ue("terminal","predict",!0,We),[J,De]=ue("terminal","diag",!1,We),[he,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",hs),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,p):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:p,onIntegrate:j,onIntegrateSession:h,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,p),canArrange:w,specOf:b,onReview:g,onSessionReview:S,onIntegrate:j,onIntegrateSession:h,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":he,"aria-describedby":"terminal-sr-hint","aria-label":`${he?"Matikan":"Nyalakan"} mode pembaca layar`,onClick:()=>Ea(t=>!t),children:he?"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(`
|
|
2
|
-
`),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:p&&ke.titleOf,onIntegrate:j&&ke.onIntegrate,onIntegrateSession:h&&ke.onIntegrateSession,specOf:b&&ke.specOf,backlog:i,fontSize:W,showKeys:le,predict:V,diag:J,screenReader:he,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,p),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:he}),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:h,onClose:()=>Ct(null)}),Q&&ce(Q)&&a.jsx(As,{session:ce(Q),label:ye(ce(Q),te,p),fontSize:W,showKeys:le,predict:V,diag:J,screenReader:he,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"),[p,j]=u.useState("all"),[h,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:p==="all"?void 0:p});return $==null||$.then(x=>{f&&(b(x.items),E(null))}).catch(x=>{f&&E(ne("memuat backlog",x))}),()=>{f=!1}},[y,g,p]);const z=h.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:p,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(pt,{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),p=ze(e),j=e.groups.length===1,b=pa()?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===p.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===p.id?a.jsx(Is,{initial:p.name,onCommit:y=>{y.trim()&&c(p.id,y.trim()),S(null)},onCancel:()=>S(null)},p.id):a.jsxs("span",{role:"group","aria-label":`Kelola grup ${p.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 ${p.name}`,title:"Ganti nama",onClick:()=>S(p.id),children:"✎"}),a.jsx("button",{type:"button",className:"hn-terminal-group-control hn-terminal-group-action hn-terminal-group-remove","aria-label":`Hapus grup ${p.name}`,title:j?"Grup terakhir tak bisa dihapus":"Hapus grup (sesi tetap hidup)",disabled:j,onClick:()=>k(p.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:p,onPointerUp:j,onKeyDown:h,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:p,onPointerUp:c?void 0:j,onPointerCancel:c?void 0:j,onKeyDown:c?void 0:h,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(h=>{var b;return((b=h.agent)==null?void 0:b.status)==="running"}));if(u.useEffect(()=>{if(!(!g||i!==void 0))return Hn(()=>k(h=>h+1))},[g,i]),!(e!=null&&e.length))return null;const S=i??Date.now(),p=e.find(h=>h.name===r&&h.agent),j=h=>{const b=h.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(h=>{if(!h.agent)return a.jsx("span",{"data-state":h.state,title:h.state,className:"hn-terminal-phase-name",children:h.name},h.name);const b=h.agent,y=Sn(h),R=!n||h.state==="active",T=j(h);return a.jsxs("button",{type:"button","data-tone":y,"aria-expanded":r===h.name,ref:r===h.name?c.triggerRef:void 0,"aria-haspopup":"dialog","aria-controls":r===h.name?c.panelId:void 0,"aria-label":Nn(h,T),onClick:()=>l(r===h.name?null:h.name),className:"hn-terminal-phase-chip",children:[a.jsx("span",{"aria-hidden":!0,children:Cs[y]}),a.jsx("span",{"data-state":h.state,title:h.state,className:"hn-terminal-phase-name",children:h.name}),h.state==="skipped"&&a.jsx("span",{children:"dilewati"}),R&&b.model&&a.jsxs("span",{children:["· ",ht(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:"⚠"})]},h.name)})}),(p==null?void 0:p.agent)&&a.jsxs("div",{ref:c.panelRef,id:c.panelId,role:"dialog","aria-label":`Detail fase ${p.name}`,tabIndex:-1,onKeyDown:c.onKeyDown,className:"hn-terminal-phase-panel",children:[a.jsx("div",{children:a.jsx("b",{children:p.agent.name})}),a.jsx("div",{children:[ht(p.agent.model),p.agent.effort,p.agent.status??"belum mulai"].filter(Boolean).join(" · ")}),a.jsxs("div",{children:["durasi ",j(p)||"—"," · percobaan ",p.agent.attempts]}),a.jsxs("div",{children:["token in ",p.agent.inputTokens??"—"," · out ",p.agent.outputTokens??"—"," · cache ",p.agent.cachedTokens??"—"]}),p.agent.resultExcerpt&&a.jsx("pre",{className:"hn-terminal-phase-excerpt",children:p.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:p,onIntegrate:j,onIntegrateSession:h,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,p),me=!e.exited&&!!e.decision,pe=!e.exited&&!!e.deciding,we=me||pe,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:h,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 ",ht(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"}),pe&&!W&&a.jsx(de,{status:"running",size:"sm",children:"Lead memutuskan"}),me&&!pe&&!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,p)},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:p,focusPhases:j,paneHandlers:h,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:p===n.id?a.jsx("div",{className:"hn-terminal-focus-placeholder",children:"Terbuka di layar penuh"}):a.jsx(bt,{sessionId:n.id,...h(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};
|