denchclaw 2.1.3 → 2.1.5

package/apps/web/.next/static/chunks/7858.23355da272f8e460.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7858],{77858:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>h});var n=r(80534),l=r(74166),i=r(50999),o=class{activate(e){this._terminal=e}dispose(){}fit(){let e=this.proposeDimensions();if(!e||!this._terminal||isNaN(e.cols)||isNaN(e.rows))return;let t=this._terminal._core;(this._terminal.rows!==e.rows||this._terminal.cols!==e.cols)&&(t._renderService.clear(),this._terminal.resize(e.cols,e.rows))}proposeDimensions(){if(!this._terminal||!this._terminal.element||!this._terminal.element.parentElement)return;let e=this._terminal._core._renderService.dimensions;if(0===e.css.cell.width||0===e.css.cell.height)return;let t=0===this._terminal.options.scrollback?0:this._terminal.options.overviewRuler?.width||14,r=window.getComputedStyle(this._terminal.element.parentElement),n=parseInt(r.getPropertyValue("height")),l=Math.max(0,parseInt(r.getPropertyValue("width"))),i=window.getComputedStyle(this._terminal.element),o={top:parseInt(i.getPropertyValue("padding-top")),bottom:parseInt(i.getPropertyValue("padding-bottom")),right:parseInt(i.getPropertyValue("padding-right")),left:parseInt(i.getPropertyValue("padding-left"))},a=o.top+o.bottom;return{cols:Math.max(2,Math.floor((l-(o.right+o.left)-t)/e.css.cell.width)),rows:Math.max(1,Math.floor((n-a)/e.css.cell.height))}}};r(95861);let a="dench-terminal-height";function s(e){return Math.min(Math.max(Math.round(Number.isFinite(e)?e:280),180),Math.max(180,Math.floor(.75*window.innerHeight)))}function c(){let e=window.localStorage.getItem(a);if(!e)return 280;let t=Number(e);return Number.isFinite(t)?s(t):280}function u(){let e=document.documentElement.classList.contains("dark"),t=getComputedStyle(document.documentElement),r=t.getPropertyValue("--color-bg").trim()||(e?"#0c0c0b":"#f5f5f4"),n=t.getPropertyValue("--color-text").trim()||(e?"#ececea":"#1c1c1a");return e?{background:r,foreground:n,cursor:"rgb(180, 203, 255)",selectionBackground:"rgba(180, 203, 255, 0.25)",scrollbarSliderBackground:"rgba(255, 255, 255, 0.1)",scrollbarSliderHoverBackground:"rgba(255, 255, 255, 0.18)",scrollbarSliderActiveBackground:"rgba(255, 255, 255, 0.22)",black:"#181e26",red:"#ff7a8e",green:"#86e795",yellow:"#f4cd72",blue:"#89beff",magenta:"#d0b0ff",cyan:"#7ce8ed",white:"#d2dae6",brightBlack:"#6e7888",brightRed:"#ffa8b4",brightGreen:"#b0f5ba",brightYellow:"#ffe095",brightBlue:"#aed2ff",brightMagenta:"#e5cbff",brightCyan:"#a7f4f7",brightWhite:"#f4f7fc"}:{background:r,foreground:n,cursor:"rgb(38, 56, 78)",selectionBackground:"rgba(37, 63, 99, 0.2)",scrollbarSliderBackground:"rgba(0, 0, 0, 0.15)",scrollbarSliderHoverBackground:"rgba(0, 0, 0, 0.25)",scrollbarSliderActiveBackground:"rgba(0, 0, 0, 0.3)",black:"#2c3542",red:"#bf4657",green:"#3c7e56",yellow:"#927023",blue:"#4866a3",magenta:"#845695",cyan:"#357f8d",white:"#d2d7df",brightBlack:"#707b8c",brightRed:"#d45f70",brightGreen:"#55946f",brightYellow:"#ad852d",brightBlue:"#5b7cc2",brightMagenta:"#996bac",brightCyan:"#4695a4",brightWhite:"#ecf0f6"}}function d(){return"undefined"!=typeof navigator&&/mac/i.test(navigator.platform)}function f(e){let{terminalId:t,active:r,focusRequestId:a,resizeEpoch:s,drawerHeight:c,cwd:f,onExited:h}=e,m=(0,l.useRef)(null),p=(0,l.useRef)(null),g=(0,l.useRef)(null),b=(0,l.useRef)(null),y=(0,l.useRef)(h);return(0,l.useEffect)(()=>{y.current=h},[h]),(0,l.useEffect)(()=>{let e=m.current;if(!e)return;let t=!1,n=new o,l=new i.B({cursorBlink:!0,lineHeight:1.2,fontSize:12,scrollback:5e3,fontFamily:'"SF Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace',theme:u()});l.loadAddon(n),l.open(e),n.fit(),p.current=l,g.current=n;let a="https:"===window.location.protocol?"wss:":"ws:",s=new WebSocket("".concat(a,"//127.0.0.1:").concat(3101));b.current=s,s.onopen=()=>{t||s.send(JSON.stringify({type:"spawn",cols:l.cols,rows:l.rows,...f?{cwd:f}:{}}))},s.onmessage=e=>{let n;if(!t){try{n=JSON.parse(e.data)}catch(e){return}"output"===n.type&&n.data?l.write(n.data):"exit"===n.type?(l.write("\r\n[process exited]\r\n"),y.current()):"ready"===n.type&&r&&window.requestAnimationFrame(()=>l.focus())}},s.onclose=()=>{t||l.write("\r\n[connection closed]\r\n")},l.onData(e=>{s.readyState===WebSocket.OPEN&&s.send(JSON.stringify({type:"input",data:e}))}),l.attachCustomKeyEventHandler(e=>{if("keydown"!==e.type)return!0;let t=e.key.toLowerCase();if(d()&&"k"===t&&e.metaKey&&!e.ctrlKey&&!e.altKey&&!e.shiftKey||"l"===t&&e.ctrlKey&&!e.metaKey&&!e.altKey&&!e.shiftKey)return e.preventDefault(),s.readyState===WebSocket.OPEN&&s.send(JSON.stringify({type:"input",data:"\f"})),!1;if("j"===t&&(d()&&e.metaKey||!d()&&e.ctrlKey)&&!e.altKey&&!e.shiftKey)return!1;if(d()&&e.altKey&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey){if("arrowleft"===t)return e.preventDefault(),s.readyState===WebSocket.OPEN&&s.send(JSON.stringify({type:"input",data:"\x1bb"})),!1;if("arrowright"===t)return e.preventDefault(),s.readyState===WebSocket.OPEN&&s.send(JSON.stringify({type:"input",data:"\x1bf"})),!1}if(d()&&e.metaKey&&!e.altKey&&!e.ctrlKey&&!e.shiftKey){if("arrowleft"===t)return e.preventDefault(),s.readyState===WebSocket.OPEN&&s.send(JSON.stringify({type:"input",data:"\x01"})),!1;if("arrowright"===t)return e.preventDefault(),s.readyState===WebSocket.OPEN&&s.send(JSON.stringify({type:"input",data:"\x05"})),!1}return!0});let c=null,h=()=>{null!==c&&cancelAnimationFrame(c),c=requestAnimationFrame(()=>{c=null;let e=p.current;e&&(e.options.theme=u(),e.refresh(0,e.rows-1))})},x=new MutationObserver(h);x.observe(document.documentElement,{attributes:!0,attributeFilter:["class","style"]}),x.observe(document.body,{attributes:!0,attributeFilter:["class","style"]});let w=window.matchMedia("(prefers-color-scheme: dark)");return w.addEventListener("change",h),()=>{t=!0,x.disconnect(),w.removeEventListener("change",h),null!==c&&cancelAnimationFrame(c),s.close(),b.current=null,p.current=null,g.current=null,l.dispose()}},[t]),(0,l.useEffect)(()=>{if(!r)return;let e=p.current;if(!e)return;let t=window.requestAnimationFrame(()=>e.focus());return()=>window.cancelAnimationFrame(t)},[r,a]),(0,l.useEffect)(()=>{let e=p.current,t=g.current,r=b.current;if(!e||!t)return;let n=window.requestAnimationFrame(()=>{let n=e.buffer.active.viewportY>=e.buffer.active.baseY;t.fit(),n&&e.scrollToBottom(),r&&r.readyState===WebSocket.OPEN&&r.send(JSON.stringify({type:"resize",cols:e.cols,rows:e.rows}))});return()=>window.cancelAnimationFrame(n)},[c,s]),(0,n.jsx)("div",{ref:m,className:"h-full w-full overflow-hidden rounded-[4px]"})}function h(e){let{onClose:t,cwd:r}=e,[i,o]=(0,l.useState)(c),[u,d]=(0,l.useState)(0),[h,x]=(0,l.useState)(0),[w,v]=(0,l.useState)(()=>[{id:crypto.randomUUID(),label:"Terminal 1"}]),[k,j]=(0,l.useState)(()=>w[0].id),N=(0,l.useRef)(i),S=(0,l.useRef)(null),C=(0,l.useRef)(!1);(0,l.useEffect)(()=>{N.current=i},[i]),(0,l.useEffect)(()=>{window.localStorage.setItem(a,String(i))},[i]),(0,l.useEffect)(()=>{let e=()=>{let e=s(N.current);e!==N.current&&(o(e),N.current=e),d(e=>e+1)};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let M=(0,l.useCallback)(e=>{0===e.button&&(e.preventDefault(),e.currentTarget.setPointerCapture(e.pointerId),C.current=!1,S.current={pointerId:e.pointerId,startY:e.clientY,startHeight:N.current})},[]),E=(0,l.useCallback)(e=>{let t=S.current;if(!t||t.pointerId!==e.pointerId)return;e.preventDefault();let r=s(t.startHeight+(t.startY-e.clientY));r!==N.current&&(C.current=!0,N.current=r,o(r))},[]),P=(0,l.useCallback)(e=>{let t=S.current;t&&t.pointerId===e.pointerId&&(S.current=null,e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId),C.current&&d(e=>e+1))},[]),_=(0,l.useCallback)(()=>{if(w.length>=8)return;let e=crypto.randomUUID(),t="Terminal ".concat(w.length+1);v(r=>[...r,{id:e,label:t}]),j(e),x(e=>e+1)},[w.length]),I=(0,l.useCallback)(e=>{v(r=>{let n=r.filter(t=>t.id!==e);return 0===n.length?(t(),r):n}),k===e&&j(t=>{var r,n;return null!=(n=null==(r=w.filter(t=>t.id!==e)[0])?void 0:r.id)?n:t})},[k,w,t]),K=(0,l.useCallback)(e=>{I(e)},[I]),B=w.length>1,L=w.length>=8,T=(0,l.useMemo)(()=>new Map(w.map((e,t)=>[e.id,"Terminal ".concat(t+1)])),[w]);return(0,n.jsxs)("aside",{className:"relative flex min-w-0 shrink-0 flex-col overflow-hidden",style:{height:"".concat(i,"px"),borderTop:"1px solid var(--color-border)",background:"var(--color-bg)"},children:[(0,n.jsx)("div",{className:"absolute inset-x-0 top-0 z-20 h-1.5 cursor-row-resize",onPointerDown:M,onPointerMove:E,onPointerUp:P,onPointerCancel:P}),!B&&(0,n.jsx)("div",{className:"pointer-events-none absolute right-2 top-2 z-20",children:(0,n.jsxs)("div",{className:"pointer-events-auto inline-flex items-center overflow-hidden rounded-md",style:{border:"1px solid var(--color-border)",background:"var(--color-surface)"},children:[(0,n.jsx)(m,{label:L?"New Terminal (max ".concat(8,")"):"New Terminal",disabled:L,onClick:_,children:(0,n.jsx)(p,{})}),(0,n.jsx)("div",{className:"h-4 w-px",style:{background:"var(--color-border)"}}),(0,n.jsx)(m,{label:"Close Terminal",onClick:t,children:(0,n.jsx)(g,{})})]})}),(0,n.jsx)("div",{className:"min-h-0 w-full flex-1",children:(0,n.jsxs)("div",{className:"flex h-full min-h-0 ".concat(B?"gap-0":""),children:[(0,n.jsx)("div",{className:"min-w-0 flex-1",children:(0,n.jsx)("div",{className:"h-full p-1",children:w.map(e=>(0,n.jsx)("div",{className:"h-full",style:{display:e.id===k?"block":"none"},children:(0,n.jsx)(f,{terminalId:e.id,active:e.id===k,focusRequestId:h,resizeEpoch:u,drawerHeight:i,cwd:r,onExited:()=>K(e.id)})},e.id))})}),B&&(0,n.jsxs)("aside",{className:"flex w-36 min-w-36 flex-col",style:{borderLeft:"1px solid var(--color-border)",background:"var(--color-surface)"},children:[(0,n.jsx)("div",{className:"flex h-[28px] items-stretch justify-end",style:{borderBottom:"1px solid var(--color-border)"},children:(0,n.jsxs)("div",{className:"inline-flex h-full items-stretch",children:[(0,n.jsx)(m,{label:L?"New Terminal (max ".concat(8,")"):"New Terminal",disabled:L,onClick:_,className:"inline-flex h-full items-center px-1.5",children:(0,n.jsx)(p,{})}),(0,n.jsx)(m,{label:"Close Terminal",onClick:()=>I(k),className:"inline-flex h-full items-center px-1.5",borderLeft:!0,children:(0,n.jsx)(g,{})})]})}),(0,n.jsx)("div",{className:"min-h-0 flex-1 overflow-y-auto px-1 py-1",children:w.map(e=>{var t,r;let l=e.id===k;return(0,n.jsxs)("div",{className:"group flex items-center gap-1 rounded px-1 py-0.5 text-[11px]",style:{background:l?"var(--color-accent-light)":"transparent",color:l?"var(--color-text)":"var(--color-text-muted)"},onMouseEnter:e=>{l||(e.currentTarget.style.background="var(--color-surface-hover)")},onMouseLeave:e=>{l||(e.currentTarget.style.background="transparent")},children:[(0,n.jsxs)("button",{type:"button",className:"flex min-w-0 flex-1 items-center gap-1 text-left",onClick:()=>{j(e.id),x(e=>e+1)},children:[(0,n.jsx)(b,{}),(0,n.jsx)("span",{className:"truncate",children:null!=(t=T.get(e.id))?t:"Terminal"})]}),B&&(0,n.jsx)("button",{type:"button",className:"inline-flex items-center justify-center rounded opacity-0 group-hover:opacity-100",style:{width:14,height:14,color:"var(--color-text-muted)"},onClick:()=>I(e.id),title:"Close ".concat(null!=(r=T.get(e.id))?r:"terminal"),children:(0,n.jsx)(y,{})})]},e.id)})})]})]})})]})}function m(e){let{label:t,disabled:r,onClick:l,children:i,className:o,borderLeft:a}=e;return(0,n.jsx)("button",{type:"button",className:null!=o?o:"p-1",onClick:r?void 0:l,"aria-label":t,title:t,style:{color:"var(--color-text-muted)",opacity:r?.45:1,cursor:r?"not-allowed":"pointer",borderLeft:a?"1px solid var(--color-border)":void 0},onMouseEnter:e=>{r||(e.currentTarget.style.background="var(--color-surface-hover)")},onMouseLeave:e=>{e.currentTarget.style.background="transparent"},children:i})}function p(){return(0,n.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M5 12h14"}),(0,n.jsx)("path",{d:"M12 5v14"})]})}function g(){return(0,n.jsxs)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M3 6h18"}),(0,n.jsx)("path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"}),(0,n.jsx)("path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"})]})}function b(){return(0,n.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("polyline",{points:"4 17 10 11 4 5"}),(0,n.jsx)("line",{x1:"12",x2:"20",y1:"19",y2:"19"})]})}function y(){return(0,n.jsxs)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,n.jsx)("path",{d:"M18 6 6 18"}),(0,n.jsx)("path",{d:"m6 6 12 12"})]})}},95861:()=>{}}]);