9remote 0.1.0

package/dist/standalone/.next/static/chunks/38dc5a4ee8924446.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,49939,62818,e=>{"use strict";var t=e.i(71645),r=e.i(18566),n=e.i(96085),l=e.i(76824),s=e.i(4823);let i={transports:["polling","websocket"],reconnection:!0,reconnectionAttempts:1/0,reconnectionDelay:1e3,reconnectionDelayMax:5e3};function a(e={}){let{namespace:c="",socketOptions:o={},redirectOnNoAuth:u="/",onConnect:d,onDisconnect:h}=e,m=(0,r.useRouter)(),{getAuth:b,setAuth:f}=(0,s.useSessionStorage)(),g=(0,t.useRef)(null),x=(0,t.useRef)(null),p=(0,t.useRef)(0),v=(0,t.useRef)(!1),[y,w]=(0,t.useState)(!1),[k,C]=(0,t.useState)(""),[j,S]=(0,t.useState)({isRetrying:!1,attempt:0,maxAttempts:10,failed:!1}),M=(0,t.useCallback)(async e=>{try{let t=await fetch(l.API_ENDPOINTS.connect,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({apiKey:e})});if(!t.ok)throw Error("Failed to get new tunnel");return(await t.json()).tunnelUrl}catch{return null}},[]),N=(0,t.useCallback)((e,t)=>{let r=c?`${e}${c}`:e;return(0,n.io)(r,{...i,...o,path:"/socket.io"})},[c,o]),T=(0,t.useCallback)(()=>{x.current&&(clearTimeout(x.current),x.current=null),p.current=0,v.current=!1,S({isRetrying:!1,attempt:0,maxAttempts:10,failed:!1})},[]),K=(0,t.useRef)(null),$=(0,t.useCallback)(async()=>{let e=b();if(!e?.apiKey){v.current=!1,S(e=>({...e,isRetrying:!1,failed:!0}));return}p.current+=1;let t=p.current;if(t>10){v.current=!1,S({isRetrying:!1,attempt:t,maxAttempts:10,failed:!0});return}S({isRetrying:!0,attempt:t,maxAttempts:10,failed:!1});let r=await M(e.apiKey);if(r){f({...e,tunnelUrl:r}),g.current&&g.current.disconnect();let t=N(r,e);K.current&&K.current(t,e),g.current=t,v.current=!1}else v.current=!1,R(!1)},[b,f,M,N]),R=(0,t.useCallback)((e=!0)=>{v.current||(v.current=!0,x.current&&clearTimeout(x.current),x.current=setTimeout($,e?5e3:1e4))},[$]),I=(0,t.useCallback)((e,t)=>{e.on("connect",()=>{w(!0),C(""),T(),d?.(e,t)}),e.on("disconnect",e=>{w(!1),h?.(e),"io client disconnect"!==e&&R()}),e.on("connect_error",()=>{C("Connection failed"),w(!1),R()})},[T,R,d,h]);return K.current=I,(0,t.useEffect)(()=>{let e=b();if(!e?.tunnelUrl)return void m.push(u);let t=N(e.tunnelUrl,e);I(t,e),g.current=t;let r=()=>{"visible"!==document.visibilityState||t.connected||t.connect()};return document.addEventListener("visibilitychange",r),()=>{document.removeEventListener("visibilitychange",r),T(),t.disconnect(),g.current=null}},[]),{socket:g.current,socketRef:g,connected:y,error:k,retryStatus:j}}e.s(["useBaseSocket",()=>a],49939);var c=e.i(43476),o=e.i(57717);function u({retryStatus:e,onLogout:t}){let n=(0,r.useRouter)();if(!e?.isRetrying&&!e?.failed)return null;let l=()=>{t?t():(sessionStorage.clear(),n.push("/login"))};return(0,c.jsx)("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/40 backdrop-blur-sm",children:(0,c.jsx)("div",{className:"bg-slate-800 border border-slate-700 rounded-xl p-6 max-w-sm w-full mx-4 shadow-2xl",children:e.isRetrying?(0,c.jsxs)("div",{className:"text-center",children:[(0,c.jsx)(o.default,{size:"lg"}),(0,c.jsx)("h3",{className:"text-white text-lg font-semibold mt-4",children:"Reconnecting..."}),(0,c.jsxs)("p",{className:"text-slate-400 mt-2",children:["Attempt ",e.attempt," of ",e.maxAttempts]}),(0,c.jsx)("div",{className:"mt-4 w-full bg-slate-700 rounded-full h-2",children:(0,c.jsx)("div",{className:"bg-blue-500 h-2 rounded-full transition-all duration-300",style:{width:`${e.attempt/e.maxAttempts*100}%`}})}),(0,c.jsx)("button",{onClick:l,className:"mt-4 w-full py-2 bg-slate-700 hover:bg-slate-600 text-slate-300 font-medium rounded-lg transition",children:"Exit"})]}):(0,c.jsxs)("div",{className:"text-center",children:[(0,c.jsx)("div",{className:"w-16 h-16 mx-auto bg-red-500/20 rounded-full flex items-center justify-center",children:(0,c.jsx)("svg",{className:"w-8 h-8 text-red-500",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,c.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})}),(0,c.jsx)("h3",{className:"text-white text-lg font-semibold mt-4",children:"Connection Failed"}),(0,c.jsxs)("p",{className:"text-slate-400 mt-2",children:["Unable to connect after ",e.maxAttempts," attempts"]}),(0,c.jsx)("button",{onClick:l,className:"mt-6 w-full py-3 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-lg transition",children:"Back to Login"})]})})})}e.s(["default",()=>u],62818)},22183,e=>{"use strict";var t=e.i(43476);function r({children:e,variant:r="primary",size:n="md",disabled:l=!1,loading:s=!1,onClick:i,className:a="",...c}){let o=`font-semibold rounded-lg transition transform active:scale-[0.98] ${{primary:"bg-blue-600 hover:bg-blue-700 disabled:bg-slate-600 text-white",secondary:"bg-slate-700 hover:bg-slate-600 disabled:bg-slate-600 text-white",danger:"bg-red-500 hover:bg-red-600 disabled:bg-slate-600 text-white",success:"bg-green-600 hover:bg-green-700 disabled:bg-slate-600 text-white"}[r]} ${{sm:"px-3 py-1.5 text-sm",md:"px-4 py-2 text-base",lg:"px-6 py-3 text-lg"}[n]} ${l||s?"cursor-not-allowed opacity-50":"hover:scale-[1.02]"} ${a}`;return(0,t.jsx)("button",{onClick:i,disabled:l||s,className:o,...c,children:s?(0,t.jsxs)("span",{className:"flex items-center justify-center gap-2",children:[(0,t.jsx)("span",{className:"animate-spin rounded-full h-4 w-4 border-b-2 border-white"}),e]}):e})}e.s(["default",()=>r])},97838,e=>{"use strict";var t=e.i(43476);function r({label:e,type:r="text",value:n,onChange:l,onKeyDown:s,placeholder:i,disabled:a=!1,error:c,className:o="",...u}){let d=c?"border-red-500 focus:border-red-500 focus:ring-red-500":"border-slate-600 focus:border-transparent focus:ring-blue-500",h=`w-full px-4 py-3 bg-slate-900 border rounded-lg text-white placeholder-slate-500 focus:outline-none focus:ring-2 transition ${d} ${a?"opacity-50 cursor-not-allowed":""} ${o}`;return(0,t.jsxs)("div",{className:"w-full",children:[e&&(0,t.jsx)("label",{className:"block text-sm font-medium text-slate-300 mb-2",children:e}),(0,t.jsx)("input",{type:r,value:n,onChange:l,onKeyDown:s,placeholder:i,disabled:a,className:h,...u}),c&&(0,t.jsx)("p",{className:"mt-1 text-sm text-red-400",children:c})]})}e.s(["default",()=>r])},62218,e=>{"use strict";var t=e.i(43476),r=e.i(71645),n=e.i(18566),l=e.i(49939),s=e.i(4823);let i={ctrl:"control",cmd:"command",alt:"alt",shift:"shift"},a={enter:"enter",return:"enter",space:" ",backspace:"backspace",tab:"tab",escape:"escape"};function c({canvasRef:e,canvasContainerRef:r,canvasZoom:n,canvasPan:l,baseCanvasSize:s,streaming:i,selectionRect:a,clickIndicator:c,onMouseDown:o,onMouseMove:u,onTouchStart:d,onTouchMove:h,onTouchEnd:m,onKeyDown:b}){return(0,t.jsxs)("div",{className:"w-full h-full overflow-hidden relative flex-1",ref:r,children:[(0,t.jsx)("canvas",{ref:e,className:"block cursor-crosshair bg-black",style:{touchAction:"none",transformOrigin:"top left",userSelect:"none",WebkitUserSelect:"none",WebkitTouchCallout:"none",WebkitTapHighlightColor:"transparent",width:`${s.width*n}px`,height:`${s.height*n}px`,transform:`translate(${l.x}px, ${l.y}px)`,imageRendering:"pixelated"},onMouseDown:o,onMouseMove:u,onTouchStart:d,onTouchMove:h,onTouchEnd:m,tabIndex:0,onKeyDown:b,onContextMenu:e=>e.preventDefault()}),a&&(0,t.jsx)("div",{className:"absolute border-2 border-blue-400 bg-blue-400/20 z-10",style:{left:`${a.x}px`,top:`${a.y}px`,width:`${a.width}px`,height:`${a.height}px`}}),c&&(0,t.jsxs)("div",{className:"absolute pointer-events-none z-20",style:{left:`${c.x-c.size/2}px`,top:`${c.y-c.size/2}px`,width:`${c.size}px`,height:`${c.size}px`},children:[(0,t.jsx)("div",{className:"w-full h-full rounded-full border-2 border-blue-400 bg-blue-400/30 animate-ping"}),(0,t.jsx)("div",{className:"absolute inset-0 w-full h-full rounded-full border-2 border-blue-400 bg-blue-400/50"})]})]})}var o=e.i(22183);function u({streaming:e,connected:r,canvasZoom:n,selectionMode:l,dragMode:s,isDragging:i,modifierKeys:a,textInputValue:c,textInputRef:u,keyboardVisible:d,onStartStreaming:h,onStopStreaming:m,onResetZoom:b,onRefresh:f,onToggleSelection:g,onToggleDrag:x,onToggleModifier:p,onScrollUp:v,onScrollDown:y,onScrollLeft:w,onScrollRight:k,onStopScrolling:C,onArrowKey:j,onEscKey:S,onTabKey:M,onEnterKey:N,onBackspace:T,onTextInputChange:K,onTextInputFocus:$,onTextInputKeyDown:R,onSendText:I,onClose:D}){let E="px-2 py-1.5 rounded text-xs font-semibold transition-all duration-200 shadow-sm disabled:opacity-50 disabled:cursor-not-allowed";return(0,t.jsxs)("div",{className:"p-3 bg-slate-800 border-t border-slate-700",children:[(0,t.jsx)("div",{className:"flex flex-row items-center justify-center mb-3",children:(0,t.jsxs)("div",{className:"flex-1 grid grid-cols-5 gap-2",children:[(0,t.jsx)("button",{onClick:D,className:`${E} bg-slate-600 hover:bg-slate-500 text-white flex items-center justify-center gap-1`,title:"Back to Terminal",children:(0,t.jsx)("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M10 19l-7-7m0 0l7-7m-7 7h18"})})}),(0,t.jsx)("div",{className:"col-span-1",children:e?(0,t.jsx)(o.default,{variant:"danger",size:"sm",onClick:m,className:"w-full",children:"Stop"}):(0,t.jsx)(o.default,{variant:"success",size:"sm",onClick:h,disabled:!r,className:"w-full",children:"Start"})}),(0,t.jsxs)("button",{onClick:b,disabled:!e,className:`${E} bg-slate-700 hover:bg-slate-600 text-slate-300`,children:[Math.round(100*n),"%"]}),(0,t.jsx)("button",{onClick:f,disabled:!e,className:`${E} bg-violet-600 hover:bg-violet-700 text-white`,children:"↻"}),(0,t.jsx)("button",{onClick:g,disabled:!e,className:`${E} ${l?"bg-amber-500 text-black":"bg-cyan-600 hover:bg-cyan-700 text-white"}`,children:"□"})]})}),(0,t.jsxs)("div",{className:"space-y-2 mb-3",children:[(0,t.jsxs)("div",{className:"grid grid-cols-6 gap-1",children:[(0,t.jsx)("button",{onClick:()=>S(e),disabled:!e,className:`${E} bg-purple-600 hover:bg-purple-700 text-white`,children:"ESC"}),(0,t.jsx)("button",{onClick:()=>j("up",e),disabled:!e,className:`${E} bg-indigo-600 hover:bg-indigo-700 text-white`,children:"↑"}),(0,t.jsx)("button",{onClick:()=>j("down",e),disabled:!e,className:`${E} bg-indigo-600 hover:bg-indigo-700 text-white`,children:"↓"}),(0,t.jsx)("button",{onMouseDown:t=>{t.preventDefault(),v(e)},onMouseUp:C,onMouseLeave:C,onTouchStart:t=>{t.preventDefault(),v(e)},onTouchEnd:C,disabled:!e,className:`${E} bg-purple-600 hover:bg-purple-700 text-white select-none`,children:"⇈"}),(0,t.jsx)("button",{onMouseDown:t=>{t.preventDefault(),y(e)},onMouseUp:C,onMouseLeave:C,onTouchStart:t=>{t.preventDefault(),y(e)},onTouchEnd:C,disabled:!e,className:`${E} bg-purple-600 hover:bg-purple-700 text-white select-none`,children:"⇊"}),(0,t.jsx)("button",{onClick:x,disabled:!e,className:`${E} ${s?i?"bg-red-500 text-white animate-pulse":"bg-green-500 text-white":"bg-slate-600 hover:bg-slate-500 text-white"}`,children:"✋"})]}),(0,t.jsxs)("div",{className:"grid grid-cols-6 gap-1",children:[(0,t.jsx)("button",{onClick:()=>M(e),disabled:!e,className:`${E} bg-purple-600 hover:bg-purple-700 text-white`,children:"TAB"}),(0,t.jsx)("button",{onClick:()=>j("left",e),disabled:!e,className:`${E} bg-indigo-600 hover:bg-indigo-700 text-white`,children:"←"}),(0,t.jsx)("button",{onClick:()=>j("right",e),disabled:!e,className:`${E} bg-indigo-600 hover:bg-indigo-700 text-white`,children:"→"}),(0,t.jsx)("button",{onMouseDown:t=>{t.preventDefault(),k(e)},onMouseUp:C,onMouseLeave:C,onTouchStart:t=>{t.preventDefault(),k(e)},onTouchEnd:C,disabled:!e,className:`${E} bg-purple-600 hover:bg-purple-700 text-white select-none`,children:"⇇"}),(0,t.jsx)("button",{onMouseDown:t=>{t.preventDefault(),w(e)},onMouseUp:C,onMouseLeave:C,onTouchStart:t=>{t.preventDefault(),w(e)},onTouchEnd:C,disabled:!e,className:`${E} bg-purple-600 hover:bg-purple-700 text-white select-none`,children:"⇉"}),(0,t.jsx)("button",{onClick:()=>T(e),disabled:!e,className:`${E} bg-red-600 hover:bg-red-700 text-white`,children:"⌫"})]})]}),(0,t.jsx)("div",{className:"border-t border-slate-600 pt-2 mb-3",children:(0,t.jsxs)("div",{className:"grid grid-cols-5 gap-1",children:[["ctrl","cmd","alt","shift"].map(r=>(0,t.jsx)("button",{onClick:()=>p(r),disabled:!e,className:`${E} ${a[r]?"bg-orange-500 text-white":"bg-slate-600 hover:bg-slate-500 text-white"}`,children:"cmd"===r?"Cmd":r.charAt(0).toUpperCase()+r.slice(1)},r)),(0,t.jsx)("button",{onClick:t=>N(t,e),disabled:!e,className:`${E} bg-green-600 hover:bg-green-700 text-white`,children:"Enter"})]})}),(0,t.jsx)("div",{className:"border-t border-slate-600 pt-3",children:(0,t.jsxs)("div",{className:"flex gap-2",children:[(0,t.jsx)("input",{ref:u,type:"text",value:c,onChange:e=>K(e.target.value),onKeyDown:R,onFocus:$,placeholder:Object.values(a).some(Boolean)?`${Object.keys(a).filter(e=>a[e]).join("+")} + key...`:"Type text to send...",className:"flex-1 px-3 py-2 bg-slate-700 border border-slate-600 rounded-lg text-white placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-blue-500 text-base",disabled:!e}),(0,t.jsx)(o.default,{variant:"primary",size:"sm",onClick:()=>I(e),disabled:!e||!c.trim(),children:"Send"})]})})]})}e.i(97838);var d=e.i(57717),h=e.i(62818);function m({onClose:e}){let{socket:o,connected:m,streaming:b,error:f,authenticated:g,retryStatus:x,startStreaming:p,stopStreaming:v,emitRequestScreenWithHashes:y,emitMousePress:w,emitMouseRelease:k,emitMouseClick:C,emitMouseMove:j,emitMouseDragSelect:S,emitKeyPress:M,emitTypeText:N,emitScroll:T}=function(){let e=(0,n.useRouter)(),{getAuth:t}=(0,s.useSessionStorage)(),[i,a]=(0,r.useState)(!1),[c,o]=(0,r.useState)(!1),u=t(),d=(0,r.useCallback)(e=>{o(!0),e.emit("get-screen-dimensions")},[]),h=(0,r.useCallback)(()=>{a(!1),o(!1)},[]),{socket:m,socketRef:b,connected:f,error:g,retryStatus:x}=(0,l.useBaseSocket)({namespace:"/remote",socketOptions:{timeout:2e4,forceNew:!0,auth:{apiKey:u?.apiKey}},redirectOnNoAuth:"/",onConnect:d,onDisconnect:h});(0,r.useEffect)(()=>{u?.apiKey?u?.tunnelUrl||e.push("/terminal"):e.push("/")},[u,e]);let p=(0,r.useCallback)(()=>{b.current&&f&&(b.current.emit("start-streaming"),a(!0))},[b,f]),v=(0,r.useCallback)(()=>{b.current&&i&&(b.current.emit("stop-streaming"),a(!1))},[b,i]),y=(0,r.useCallback)((e,t,r="left")=>{b.current&&i&&b.current.emit("mouse-press",{x:e,y:t,button:r})},[b,i]),w=(0,r.useCallback)((e,t,r="left")=>{b.current&&i&&b.current.emit("mouse-release",{x:e,y:t,button:r})},[b,i]),k=(0,r.useCallback)((e,t,r="left")=>{b.current&&i&&b.current.emit("mouse-click",{x:e,y:t,button:r})},[b,i]),C=(0,r.useCallback)((e,t)=>{b.current&&i&&b.current.emit("mouse-move",{x:e,y:t})},[b,i]),j=(0,r.useCallback)((e,t,r,n)=>{b.current&&i&&b.current.emit("mouse-drag-select",{startX:e,startY:t,endX:r,endY:n})},[b,i]),S=(0,r.useCallback)((e,t=[])=>{b.current&&i&&b.current.emit("key-press",{key:e,modifier:t})},[b,i]),M=(0,r.useCallback)(e=>{b.current&&i&&b.current.emit("type-text",{text:e})},[b,i]),N=(0,r.useCallback)((e,t=20)=>{b.current&&i&&b.current.emit("scroll",{direction:e,amount:t})},[b,i]),T=(0,r.useCallback)(e=>{b.current&&i&&b.current.emit("request-screen-with-hashes",{tileHashes:e})},[b,i]),K=(0,r.useCallback)(()=>{i&&b.current&&(b.current.emit("stop-streaming"),a(!1)),b.current&&b.current.disconnect(),e.push("/terminal")},[b,i,e]);return{socket:m,connected:f,streaming:i,error:g,authenticated:c,retryStatus:x,startStreaming:p,stopStreaming:v,handleLogout:K,emitRequestScreenWithHashes:T,emitMousePress:y,emitMouseRelease:w,emitMouseClick:k,emitMouseMove:C,emitMouseDragSelect:j,emitKeyPress:S,emitTypeText:M,emitScroll:N}}(),K={emitRequestScreenWithHashes:y,emitMousePress:w,emitMouseRelease:k,emitMouseClick:C,emitMouseMove:j,emitMouseDragSelect:S,emitKeyPress:M,emitTypeText:N,emitScroll:T},$=(0,r.useCallback)(()=>{e&&e()},[e]),{canvasRef:R,canvasContainerRef:I,canvasZoom:D,canvasPan:E,baseCanvasSize:P,zoomGestureTimeoutRef:A,clickIndicator:L,getCanvasCoordinates:z,resetZoom:B,handleCanvasInteraction:W,handleCanvasDimensions:U}=function(e){let t=(0,r.useRef)(null),n=(0,r.useRef)(null),[l,s]=(0,r.useState)(1),[i,a]=(0,r.useState)({x:0,y:0}),[c,o]=(0,r.useState)(!1),[u,d]=(0,r.useState)(!1),[h,m]=(0,r.useState)(0),[b,f]=(0,r.useState)({x:0,y:0}),[g,x]=(0,r.useState)({width:0,height:0}),[p,v]=(0,r.useState)(!1),y=(0,r.useRef)(null),[w,k]=(0,r.useState)(null),C=(0,r.useCallback)((e,r)=>{let s=t.current,a=n.current;if(!s||!a||0===g.width)return{percentX:0,percentY:0};let c=a.getBoundingClientRect(),o=e-c.left,u=r-c.top,d=o-i.x,h=u-i.y,m=d/l,b=h/l;return{percentX:Math.max(0,Math.min(100,m/g.width*100)),percentY:Math.max(0,Math.min(100,b/g.height*100))}},[i,l,g]),j=(0,r.useCallback)(e=>{let t=e[0].clientX-e[1].clientX,r=e[0].clientY-e[1].clientY;return Math.sqrt(t*t+r*r)},[]),S=(0,r.useCallback)(e=>({x:(e[0].clientX+e[1].clientX)/2,y:(e[0].clientY+e[1].clientY)/2}),[]),M=(0,r.useCallback)((e,t)=>{let r=n.current;if(!r)return;let s=r.getBoundingClientRect(),i=e-s.left;k({x:i,y:t-s.top,size:Math.max(5,Math.min(15,7.5*l))}),setTimeout(()=>k(null),500)},[l]),N=(0,r.useCallback)(()=>{s(1),a({x:0,y:0})},[]);(0,r.useEffect)(()=>{let e=()=>{let e=n.current;if(e){let{width:t,height:r}=e.getBoundingClientRect();x(e=>0===e.width&&0===e.height?{width:Math.max(t,1920),height:Math.max(r,1080)}:e)}};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let T=(0,r.useCallback)((t,r,i)=>{let x,w,{streaming:k,socket:N,selectionMode:T,selectionStart:K,dragMode:$,isDragging:R,setIsDragging:I,setDragMode:D,isMobile:E,handleSelection:P}=i;if(!k||!e)return;if(t.preventDefault(),t.type.startsWith("touch")&&t.touches?.length>=2&&!T){let e=j(t.touches),i=S(t.touches);if("touch"===r){o(!0),m(e),f(i);return}if("touchmove"===r&&c){if(h>0){let t=e/h;s(e=>Math.max(1,Math.min(4,e*t))),m(e)}let t=i.x-b.x,r=i.y-b.y,c=g.width*l,o=g.height*l,u=n.current?.clientWidth||0,d=n.current?.clientHeight||0,x=Math.min(0,u-c),p=Math.min(0,d-o);a(e=>({x:Math.max(x,Math.min(0,e.x+t)),y:Math.max(p,Math.min(0,e.y+r))})),f(i);return}}if(t.type.startsWith("touch")&&t.touches?.length===1){let e=t.touches[0];if("touch"===r){f({x:e.clientX,y:e.clientY}),T&&P(e.clientX,e.clientY,"start");return}if("touchmove"===r){if(T&&K)return void P(e.clientX,e.clientY,"move");if(l>1&&!T){let t=e.clientX-b.x,r=e.clientY-b.y;if(Math.abs(t)>5||Math.abs(r)>5){d(!0);let s=g.width*l,i=g.height*l,c=n.current?.clientWidth||0,o=n.current?.clientHeight||0,u=Math.min(0,c-s),h=Math.min(0,o-i);a(e=>({x:Math.max(u,Math.min(0,e.x+t)),y:Math.max(h,Math.min(0,e.y+r))})),f({x:e.clientX,y:e.clientY})}return}}}if("touchend"===r){if(c&&(v(!0),y.current&&clearTimeout(y.current),y.current=setTimeout(()=>{v(!1)},200)),o(!1),d(!1),c||u||p)return;if(t.type.startsWith("touch")){let r=t.changedTouches?.[0];if(r)if(T)P(r.clientX,r.clientY,"end");else{let{percentX:t,percentY:n}=C(r.clientX,r.clientY);M(r.clientX,r.clientY),$?R?(I(!1),D(!1),e.emitMouseRelease(t,n,"left")):(I(!0),e.emitMousePress(t,n,"left")):e.emitMouseClick(t,n,"left")}}return}if(c||u)return;if(t.type.startsWith("touch")){if(t.touches?.length!==1)return;x=t.touches[0].clientX,w=t.touches[0].clientY}else x=t.clientX,w=t.clientY;let{percentX:A,percentY:L}=C(x,w);if("click"===r)T?P(x,w,K?"end":"start"):(M(x,w),$?R?(I(!1),D(!1),e.emitMouseRelease(A,L,"left")):(I(!0),e.emitMousePress(A,L,"left")):e.emitMouseClick(A,L,"left"));else if("move"===r&&!E){if(T&&K)return void P(x,w,"move");e.emitMouseMove(A,L)}},[c,u,l,h,b,g,p,C,M,j,S,e]),K=(0,r.useCallback)((e,r)=>{let l=t.current,s=n.current;if(!l||!s)return!1;let i=l.width!==e.width||l.height!==e.height;l.width=e.width,l.height=e.height;let a=s.clientWidth,c=a/e.width,o=e.height*c;if(i){let e=l.getContext("2d");e.clearRect(0,0,l.width,l.height),e.fillStyle="#2a2a2a",e.fillRect(0,0,l.width,l.height),r?.current&&r.current.clear()}return x({width:a,height:o}),i},[]);return{canvasRef:t,canvasContainerRef:n,canvasZoom:l,canvasPan:i,baseCanvasSize:g,zoomGestureTimeoutRef:y,clickIndicator:w,getCanvasCoordinates:C,resetZoom:N,handleCanvasInteraction:T,handleCanvasDimensions:K}}(K),{textInputValue:X,setTextInputValue:Y,textInputRef:O,keyboardVisible:H,modifierKeys:V,selectionMode:F,selectionStart:q,selectionRect:Z,dragMode:_,isDragging:J,setIsDragging:G,setDragMode:Q,toggleModifierKey:ee,toggleSelectionMode:et,toggleDragMode:er,handleTextInputFocus:en,handleCanvasKeyPress:el,startScrollUp:es,startScrollDown:ei,startScrollLeft:ea,startScrollRight:ec,stopScrolling:eo,sendTextInput:eu,sendBackspace:ed,sendArrowKey:eh,sendEscKey:em,sendTabKey:eb,sendEnterKey:ef,handleSelection:eg,handleModifiedTextInput:ex}=function(e){let[t,n]=(0,r.useState)(""),[l,s]=(0,r.useState)(!1),[c,o]=(0,r.useState)(!1),u=(0,r.useRef)(null),[d,h]=(0,r.useState)({ctrl:!1,cmd:!1,alt:!1,shift:!1}),[m,b]=(0,r.useState)(!1),[f,g]=(0,r.useState)(null),[x,p]=(0,r.useState)(null),[v,y]=(0,r.useState)(!1),[w,k]=(0,r.useState)(!1),C=(0,r.useRef)(null);(0,r.useEffect)(()=>{let e=()=>{let e=window.innerWidth<=768||/Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);return s(e),e},t=()=>{e()?o((window.visualViewport?.height||window.innerHeight)<.75*window.screen.height):o(!1)};return e(),window.addEventListener("resize",t),window.visualViewport&&window.visualViewport.addEventListener("resize",t),()=>{window.removeEventListener("resize",t),window.visualViewport&&window.visualViewport.removeEventListener("resize",t)}},[]),(0,r.useEffect)(()=>()=>{C.current&&clearInterval(C.current)},[]);let j=(0,r.useCallback)(e=>{h(t=>({...t,[e]:!t[e]})),l&&u.current&&u.current.focus()},[l]),S=(0,r.useCallback)(()=>{b(e=>!e),g(null),p(null)},[]),M=(0,r.useCallback)(()=>{y(e=>!e),w&&k(!1)},[w]),N=(0,r.useCallback)(()=>{l&&u.current&&setTimeout(()=>{u.current?.scrollIntoView({behavior:"smooth",block:"center"})},300)},[l]),T=(0,r.useCallback)((t,r)=>{if(!r||!e?.emitKeyPress)return;(t.ctrlKey||t.metaKey||t.altKey)&&t.preventDefault();let n=t.key.toLowerCase(),l=[];t.ctrlKey&&l.push("control"),t.metaKey&&l.push("command"),t.altKey&&l.push("alt"),t.shiftKey&&l.push("shift"),e.emitKeyPress(n,l)},[e]),K=(0,r.useCallback)((t,r,n=!1)=>{r&&e?.emitScroll&&(C.current&&clearInterval(C.current),e.emitScroll(t,20,n),C.current=setInterval(()=>{e?.emitScroll&&r&&e.emitScroll(t,20,n)},100),l&&u.current&&c&&setTimeout(()=>u.current?.focus(),10))},[l,c,e]),$=(0,r.useCallback)(e=>K("up",e),[K]),R=(0,r.useCallback)(e=>K("down",e),[K]),I=(0,r.useCallback)(e=>K("left",e,!0),[K]),D=(0,r.useCallback)(e=>K("right",e,!0),[K]),E=(0,r.useCallback)(()=>{C.current&&(clearInterval(C.current),C.current=null)},[]),P=(0,r.useCallback)(r=>{t.trim()&&r&&e?.emitTypeText&&(e.emitTypeText(t),n(""))},[t,e]),A=(0,r.useCallback)(t=>{t&&e?.emitKeyPress&&(e.emitKeyPress("backspace",[]),l&&u.current&&c&&u.current.focus())},[l,c,e]),L=(0,r.useCallback)((t,r)=>{if(!r||!e?.emitKeyPress)return;let n=Object.keys(d).filter(e=>d[e]),s=n.map(e=>i[e]);e.emitKeyPress(t,s),n.length>0&&h({ctrl:!1,cmd:!1,alt:!1,shift:!1}),l&&u.current&&c&&u.current.focus()},[d,l,c,e]),z=(0,r.useCallback)(t=>{t&&e?.emitKeyPress&&(e.emitKeyPress("escape",[]),l&&u.current&&c&&u.current.focus())},[l,c,e]),B=(0,r.useCallback)(t=>{t&&e?.emitKeyPress&&(e.emitKeyPress("tab",[]),l&&u.current&&c&&u.current.focus())},[l,c,e]),W=(0,r.useCallback)((t,r)=>{r&&e?.emitKeyPress&&(e.emitKeyPress("enter",[]),t&&t.preventDefault(),l&&u.current&&c&&u.current.focus())},[l,c,e]),U=(0,r.useCallback)((t,r,n,l)=>{let{streaming:s,getCanvasCoordinates:i,baseCanvasSize:a,canvasZoom:c,canvasPan:o}=l;if(!m||!s||!e?.emitMouseDragSelect)return;let{percentX:u,percentY:d}=i(t,r);if("start"===n)g({x:u,y:d}),p(null);else if("move"===n&&f){let e=a.width*c,t=a.height*c;p({x:Math.min(f.x,u)*e/100+o.x,y:Math.min(f.y,d)*t/100+o.y,width:Math.abs(u-f.x)*e/100,height:Math.abs(d-f.y)*t/100})}else"end"===n&&f&&(e.emitMouseDragSelect(f.x,f.y,u,d),setTimeout(()=>{g(null),b(!1),p(null)},500))},[m,f,e]),X=(0,r.useCallback)((r,l)=>{if(!l||!e?.emitTypeText||!e?.emitKeyPress)return;if("Enter"===r.key){r.preventDefault(),t.trim()&&(e.emitTypeText(t),n(""));return}let s=r.key.toLowerCase();if(["shift","control","meta","alt"].includes(s))return;let c=Object.keys(d).filter(e=>d[e]),o=c.length>0,u=r.ctrlKey||r.metaKey||r.altKey||r.shiftKey,m=/^[a-z0-9]$/i.test(r.key);if((o||u)&&(!m||o)){r.preventDefault();let t=c.map(e=>i[e]);r.ctrlKey&&!t.includes("control")&&t.push("control"),r.metaKey&&!t.includes("command")&&t.push("command"),r.altKey&&!t.includes("alt")&&t.push("alt"),r.shiftKey&&!t.includes("shift")&&t.push("shift"),a[s]?s=a[s]:" "===s&&(s="space"),e.emitKeyPress(s,t),h({ctrl:!1,cmd:!1,alt:!1,shift:!1}),n("")}},[d,t,e]);return{textInputValue:t,setTextInputValue:n,textInputRef:u,keyboardVisible:c,modifierKeys:d,selectionMode:m,selectionStart:f,selectionRect:x,dragMode:v,isDragging:w,setIsDragging:k,setDragMode:y,toggleModifierKey:j,toggleSelectionMode:S,toggleDragMode:M,handleTextInputFocus:N,handleCanvasKeyPress:T,startScrollUp:$,startScrollDown:R,startScrollLeft:I,startScrollRight:D,stopScrolling:E,sendTextInput:P,sendBackspace:A,sendArrowKey:L,sendEscKey:z,sendTabKey:B,sendEnterKey:W,handleSelection:U,handleModifiedTextInput:X}}(K),{renderedTilesRef:ep,handleFullScreenData:ev,handleTilesData:ey,startStreamingWithTiles:ew,handleScreenDimensions:ek,cleanupTiles:eC,requestScreenWithHashes:ej}=function(e,t,n){let[l,s]=(0,r.useState)(126),i=(0,r.useRef)(new Set),a=(0,r.useRef)(new Map),c=(0,r.useRef)([]),o=(0,r.useRef)(!1),u=(0,r.useRef)(e),d=(0,r.useRef)(t);(0,r.useEffect)(()=>{u.current=e,d.current=t},[e,t]);let h=(0,r.useCallback)(e=>{if(n?.current)try{let t=n.current.getContext("2d");t.imageSmoothingEnabled=!1;let r=new Image;r.onload=()=>{t.drawImage(r,0,0,e.screen.width,e.screen.height),i.current.clear();for(let e=0;e<l;e++)i.current.add(e)},r.src=e.screen.imageBase64}catch(e){console.error("Full screen error:",e)}},[n,l]),m=(0,r.useCallback)(e=>{if(n?.current)try{let t=n.current.getContext("2d");for(let[r,n]of(t.imageSmoothingEnabled=!1,e.currentHashes&&Array.isArray(e.currentHashes)&&(c.current=[...e.currentHashes],o.current=!1),a.current.entries()))n.timeoutId&&clearTimeout(n.timeoutId),n.img.src="";if(a.current.clear(),!e.tiles?.length)return;let r=[];for(let t=0;t<e.tiles.length;t+=8)r.push(e.tiles.slice(t,t+8));r.forEach((e,r)=>{setTimeout(()=>{e.forEach(e=>{let r=new Image,n=setTimeout(()=>{a.current.delete(e.tileIndex),r.onload=null,r.onerror=null,r.src=""},600);a.current.set(e.tileIndex,{img:r,timeoutId:n}),r.onload=()=>{if(!a.current.get(e.tileIndex)||!r.complete||0===r.naturalWidth)return;requestAnimationFrame(()=>{t.drawImage(r,e.x,e.y,e.width,e.height),i.current.add(e.tileIndex)});let n=a.current.get(e.tileIndex);n?.timeoutId&&clearTimeout(n.timeoutId),a.current.delete(e.tileIndex),setTimeout(()=>{r.onload=null,r.onerror=null,r.src=""},1e3)},r.onerror=()=>{let t=a.current.get(e.tileIndex);t?.timeoutId&&clearTimeout(t.timeoutId),a.current.delete(e.tileIndex),r.onload=null,r.onerror=null,r.src=""},r.src=e.imageBase64})},10*r)})}catch(e){console.error("Tiles data error:",e)}},[n]),b=(0,r.useCallback)(e=>{e()},[]),f=(0,r.useCallback)(e=>{e.tileCount&&s(e.tileCount)},[]),g=(0,r.useCallback)(()=>{u.current&&d.current&&(o.current||(o.current=!0,u.current.emit("request-screen-with-hashes",{tileHashes:c.current}),setTimeout(()=>{o.current=!1},1e3)))},[]),x=(0,r.useCallback)(()=>{for(let[,e]of a.current.entries())e.timeoutId&&clearTimeout(e.timeoutId),e.img.src="";a.current.clear(),c.current=[],i.current.clear()},[]);return{renderedTilesRef:i,totalTileCount:l,handleFullScreenData:h,handleTilesData:m,startStreamingWithTiles:b,handleScreenDimensions:f,cleanupTiles:x,requestScreenWithHashes:g}}(o,b,R);(0,r.useEffect)(()=>{if(!g||!o)return;let e=e=>{ek(e),U(e,ep),setTimeout(()=>{!b&&o&&m&&ew(p)},100)},t=e=>ev(e),r=e=>ey(e),n=e=>console.error("Screen error:",e);return o.on("screen-dimensions",e),o.on("full-screen-data",t),o.on("tiles-data",r),o.on("screen-error",n),()=>{o.off("screen-dimensions",e),o.off("full-screen-data",t),o.off("tiles-data",r),o.off("screen-error",n),eC(),A.current&&clearTimeout(A.current)}},[g,o,b,m,p,ek,U,ep,ew,ev,ey,eC,A]),(0,r.useEffect)(()=>{if(!b||!o||!m)return;let e=setInterval(()=>{b&&o&&m&&ej()},200);return()=>clearInterval(e)},[b,o,m,ej]);let eS=e=>t=>{W(t,e,{streaming:b,socket:o,selectionMode:F,selectionStart:q,dragMode:_,isDragging:J,setIsDragging:G,setDragMode:Q,isMobile:e.includes("touch"),handleSelection:(e,t,r)=>eg(e,t,r,{streaming:b,getCanvasCoordinates:z,baseCanvasSize:P,canvasZoom:D,canvasPan:E})})},eM=(0,r.useCallback)(()=>{sessionStorage.clear(),window.location.href="/login"},[]);return g?(0,t.jsxs)("div",{className:"bg-slate-900 text-white flex flex-col h-[var(--app-height,100vh)] w-full",style:{userSelect:"none",WebkitUserSelect:"none",WebkitTouchCallout:"none",WebkitTapHighlightColor:"transparent",touchAction:"manipulation"},onContextMenu:e=>e.preventDefault(),children:[(0,t.jsx)(c,{canvasRef:R,canvasContainerRef:I,canvasZoom:D,canvasPan:E,baseCanvasSize:P,streaming:b,selectionRect:Z,clickIndicator:L,onMouseDown:eS("click"),onMouseMove:eS("move"),onTouchStart:eS("touch"),onTouchMove:eS("touchmove"),onTouchEnd:eS("touchend"),onKeyDown:e=>el(e,b)}),(0,t.jsx)(u,{streaming:b,connected:m,canvasZoom:D,selectionMode:F,dragMode:_,isDragging:J,modifierKeys:V,textInputValue:X,textInputRef:O,keyboardVisible:H,onStartStreaming:()=>ew(p),onStopStreaming:v,onResetZoom:B,onRefresh:()=>b&&o&&y([]),onToggleSelection:et,onToggleDrag:er,onToggleModifier:ee,onScrollUp:es,onScrollDown:ei,onScrollLeft:ea,onScrollRight:ec,onStopScrolling:eo,onArrowKey:eh,onEscKey:em,onTabKey:eb,onEnterKey:ef,onBackspace:ed,onTextInputChange:Y,onTextInputFocus:en,onTextInputKeyDown:e=>ex(e,b),onSendText:eu,onClose:$}),(0,t.jsx)(h.default,{retryStatus:x,onLogout:eM})]}):(0,t.jsxs)("div",{className:"min-h-screen bg-slate-900 flex items-center justify-center",children:[(0,t.jsx)(d.default,{size:"lg",text:"Connecting to remote..."}),(0,t.jsx)(h.default,{retryStatus:x,onLogout:eM})]})}e.s(["default",()=>m],62218)}]);

package/dist/standalone/.next/static/chunks/54d5670f5fa2abbe.css

@@ -0,0 +1 @@
+.xterm{cursor:text;-webkit-user-select:none;user-select:none;position:relative}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{z-index:5;position:absolute;top:0}.xterm .xterm-helper-textarea{opacity:0;z-index:-5;white-space:nowrap;resize:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden}.xterm .composition-view{color:#fff;white-space:nowrap;z-index:1;background:#000;display:none;position:absolute}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{cursor:default;background-color:#000;position:absolute;inset:0;overflow-y:scroll}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;top:0;left:0}.xterm-char-measure-element{visibility:hidden;line-height:normal;display:inline-block;position:absolute;top:0;left:-9999em}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{z-index:10;color:#0000;pointer-events:none;position:absolute;inset:0}.xterm .xterm-accessibility-tree:not(.debug) ::selection{color:#0000}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre;font-family:monospace}.xterm .xterm-accessibility-tree>div{transform-origin:0;width:fit-content}.xterm .live-region{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:underline double;text-decoration:underline double}.xterm-underline-3{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.xterm-underline-4{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.xterm-underline-5{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:underline overline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;pointer-events:none;position:absolute;top:0;right:0}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;z-index:11;background:0 0;transition:opacity .1s linear}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{display:none;position:absolute}.xterm .xterm-scrollable-element>.shadow.top{width:100%;height:3px;box-shadow:var(--vscode-scrollbar-shadow,#000)0 6px 6px -6px inset;display:block;top:0;left:3px}.xterm .xterm-scrollable-element>.shadow.left{width:3px;height:100%;box-shadow:var(--vscode-scrollbar-shadow,#000)6px 0 6px -6px inset;display:block;top:3px;left:0}.xterm .xterm-scrollable-element>.shadow.top-left-corner{width:3px;height:3px;display:block;top:0;left:0}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow,#000)6px 0 6px -6px inset}

package/dist/standalone/.next/static/chunks/6e927426cfb7ff62.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,33525,(e,t,n)=>{"use strict";Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"warnOnce",{enumerable:!0,get:function(){return r}});let r=e=>{}},16015,(e,t,n)=>{},98547,(e,t,n)=>{var r=e.i(47167);e.r(16015);var i=e.r(71645),s=i&&"object"==typeof i&&"default"in i?i:{default:i},o=void 0!==r.default&&r.default.env&&!0,u=function(e){return"[object String]"===Object.prototype.toString.call(e)},l=function(){function e(e){var t=void 0===e?{}:e,n=t.name,r=void 0===n?"stylesheet":n,i=t.optimizeForSpeed,s=void 0===i?o:i;d(u(r),"`name` must be a string"),this._name=r,this._deletedRulePlaceholder="#"+r+"-deleted-rule____{}",d("boolean"==typeof s,"`optimizeForSpeed` must be a boolean"),this._optimizeForSpeed=s,this._serverSheet=void 0,this._tags=[],this._injected=!1,this._rulesCount=0;var l="undefined"!=typeof window&&document.querySelector('meta[property="csp-nonce"]');this._nonce=l?l.getAttribute("content"):null}var t,n=e.prototype;return n.setOptimizeForSpeed=function(e){d("boolean"==typeof e,"`setOptimizeForSpeed` accepts a boolean"),d(0===this._rulesCount,"optimizeForSpeed cannot be when rules have already been inserted"),this.flush(),this._optimizeForSpeed=e,this.inject()},n.isOptimizeForSpeed=function(){return this._optimizeForSpeed},n.inject=function(){var e=this;if(d(!this._injected,"sheet already injected"),this._injected=!0,"undefined"!=typeof window&&this._optimizeForSpeed){this._tags[0]=this.makeStyleTag(this._name),this._optimizeForSpeed="insertRule"in this.getSheet(),this._optimizeForSpeed||(o||console.warn("StyleSheet: optimizeForSpeed mode not supported falling back to standard mode."),this.flush(),this._injected=!0);return}this._serverSheet={cssRules:[],insertRule:function(t,n){return"number"==typeof n?e._serverSheet.cssRules[n]={cssText:t}:e._serverSheet.cssRules.push({cssText:t}),n},deleteRule:function(t){e._serverSheet.cssRules[t]=null}}},n.getSheetForTag=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]},n.getSheet=function(){return this.getSheetForTag(this._tags[this._tags.length-1])},n.insertRule=function(e,t){if(d(u(e),"`insertRule` accepts only strings"),"undefined"==typeof window)return"number"!=typeof t&&(t=this._serverSheet.cssRules.length),this._serverSheet.insertRule(e,t),this._rulesCount++;if(this._optimizeForSpeed){var n=this.getSheet();"number"!=typeof t&&(t=n.cssRules.length);try{n.insertRule(e,t)}catch(t){return o||console.warn("StyleSheet: illegal rule: \n\n"+e+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),-1}}else{var r=this._tags[t];this._tags.push(this.makeStyleTag(this._name,e,r))}return this._rulesCount++},n.replaceRule=function(e,t){if(this._optimizeForSpeed||"undefined"==typeof window){var n="undefined"!=typeof window?this.getSheet():this._serverSheet;if(t.trim()||(t=this._deletedRulePlaceholder),!n.cssRules[e])return e;n.deleteRule(e);try{n.insertRule(t,e)}catch(r){o||console.warn("StyleSheet: illegal rule: \n\n"+t+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),n.insertRule(this._deletedRulePlaceholder,e)}}else{var r=this._tags[e];d(r,"old rule at index `"+e+"` not found"),r.textContent=t}return e},n.deleteRule=function(e){if("undefined"==typeof window)return void this._serverSheet.deleteRule(e);if(this._optimizeForSpeed)this.replaceRule(e,"");else{var t=this._tags[e];d(t,"rule at index `"+e+"` not found"),t.parentNode.removeChild(t),this._tags[e]=null}},n.flush=function(){this._injected=!1,this._rulesCount=0,"undefined"!=typeof window?(this._tags.forEach(function(e){return e&&e.parentNode.removeChild(e)}),this._tags=[]):this._serverSheet.cssRules=[]},n.cssRules=function(){var e=this;return"undefined"==typeof window?this._serverSheet.cssRules:this._tags.reduce(function(t,n){return n?t=t.concat(Array.prototype.map.call(e.getSheetForTag(n).cssRules,function(t){return t.cssText===e._deletedRulePlaceholder?null:t})):t.push(null),t},[])},n.makeStyleTag=function(e,t,n){t&&d(u(t),"makeStyleTag accepts only strings as second parameter");var r=document.createElement("style");this._nonce&&r.setAttribute("nonce",this._nonce),r.type="text/css",r.setAttribute("data-"+e,""),t&&r.appendChild(document.createTextNode(t));var i=document.head||document.getElementsByTagName("head")[0];return n?i.insertBefore(r,n):i.appendChild(r),r},t=[{key:"length",get:function(){return this._rulesCount}}],function(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}(e.prototype,t),e}();function d(e,t){if(!e)throw Error("StyleSheet: "+t+".")}var c=function(e){for(var t=5381,n=e.length;n;)t=33*t^e.charCodeAt(--n);return t>>>0},h={};function a(e,t){if(!t)return"jsx-"+e;var n=String(t),r=e+n;return h[r]||(h[r]="jsx-"+c(e+"-"+n)),h[r]}function f(e,t){"undefined"==typeof window&&(t=t.replace(/\/style/gi,"\\/style"));var n=e+t;return h[n]||(h[n]=t.replace(/__jsx-style-dynamic-selector/g,e)),h[n]}var p=function(){function e(e){var t=void 0===e?{}:e,n=t.styleSheet,r=void 0===n?null:n,i=t.optimizeForSpeed,s=void 0!==i&&i;this._sheet=r||new l({name:"styled-jsx",optimizeForSpeed:s}),this._sheet.inject(),r&&"boolean"==typeof s&&(this._sheet.setOptimizeForSpeed(s),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),this._fromServer=void 0,this._indices={},this._instancesCounts={}}var t=e.prototype;return t.add=function(e){var t=this;void 0===this._optimizeForSpeed&&(this._optimizeForSpeed=Array.isArray(e.children),this._sheet.setOptimizeForSpeed(this._optimizeForSpeed),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),"undefined"==typeof window||this._fromServer||(this._fromServer=this.selectFromServer(),this._instancesCounts=Object.keys(this._fromServer).reduce(function(e,t){return e[t]=0,e},{}));var n=this.getIdAndRules(e),r=n.styleId,i=n.rules;if(r in this._instancesCounts){this._instancesCounts[r]+=1;return}var s=i.map(function(e){return t._sheet.insertRule(e)}).filter(function(e){return -1!==e});this._indices[r]=s,this._instancesCounts[r]=1},t.remove=function(e){var t=this,n=this.getIdAndRules(e).styleId;if(function(e,t){if(!e)throw Error("StyleSheetRegistry: "+t+".")}(n in this._instancesCounts,"styleId: `"+n+"` not found"),this._instancesCounts[n]-=1,this._instancesCounts[n]<1){var r=this._fromServer&&this._fromServer[n];r?(r.parentNode.removeChild(r),delete this._fromServer[n]):(this._indices[n].forEach(function(e){return t._sheet.deleteRule(e)}),delete this._indices[n]),delete this._instancesCounts[n]}},t.update=function(e,t){this.add(t),this.remove(e)},t.flush=function(){this._sheet.flush(),this._sheet.inject(),this._fromServer=void 0,this._indices={},this._instancesCounts={}},t.cssRules=function(){var e=this,t=this._fromServer?Object.keys(this._fromServer).map(function(t){return[t,e._fromServer[t]]}):[],n=this._sheet.cssRules();return t.concat(Object.keys(this._indices).map(function(t){return[t,e._indices[t].map(function(e){return n[e].cssText}).join(e._optimizeForSpeed?"":"\n")]}).filter(function(e){return!!e[1]}))},t.styles=function(e){var t,n;return t=this.cssRules(),void 0===(n=e)&&(n={}),t.map(function(e){var t=e[0],r=e[1];return s.default.createElement("style",{id:"__"+t,key:"__"+t,nonce:n.nonce?n.nonce:void 0,dangerouslySetInnerHTML:{__html:r}})})},t.getIdAndRules=function(e){var t=e.children,n=e.dynamic,r=e.id;if(n){var i=a(r,n);return{styleId:i,rules:Array.isArray(t)?t.map(function(e){return f(i,e)}):[f(i,t)]}}return{styleId:a(r),rules:Array.isArray(t)?t:[t]}},t.selectFromServer=function(){return Array.prototype.slice.call(document.querySelectorAll('[id^="__jsx-"]')).reduce(function(e,t){return e[t.id.slice(2)]=t,e},{})},e}(),_=i.createContext(null);function m(){return new p}function y(){return i.useContext(_)}_.displayName="StyleSheetContext";var S=s.default.useInsertionEffect||s.default.useLayoutEffect,v="undefined"!=typeof window?m():void 0;function g(e){var t=v||y();return t&&("undefined"==typeof window?t.add(e):S(function(){return t.add(e),function(){t.remove(e)}},[e.id,String(e.dynamic)])),null}g.dynamic=function(e){return e.map(function(e){return a(e[0],e[1])}).join(" ")},n.StyleRegistry=function(e){var t=e.registry,n=e.children,r=i.useContext(_),o=i.useState(function(){return r||t||m()})[0];return s.default.createElement(_.Provider,{value:o},n)},n.createStyleRegistry=m,n.style=g,n.useStyleRegistry=y},37902,(e,t,n)=>{t.exports=e.r(98547).style}]);

package/dist/standalone/.next/static/chunks/7a813d33bab30d47.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,20222,s=>{"use strict";s.s(["AUTO_SAVE_DELAY",0,3e3,"FILE_ICONS",0,{folder:"📁",file:"📄",javascript:"🟨",html:"🟧",css:"🟦",json:"📋",markdown:"📝",image:"🖼️",binary:"📦"},"GIT_STATUS_COLORS",0,{M:"text-blue-400",A:"text-green-400",D:"text-red-400","?":"text-green-400",U:"text-orange-400"},"LANGUAGE_MAP",0,{".js":"javascript",".jsx":"javascript",".ts":"javascript",".tsx":"javascript",".mjs":"javascript",".cjs":"javascript",".html":"html",".htm":"html",".css":"css",".scss":"css",".less":"css",".json":"json",".md":"markdown",".markdown":"markdown"}])}]);

package/dist/standalone/.next/static/chunks/80468ae4928757c6.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,22183,e=>{"use strict";var t=e.i(43476);function s({children:e,variant:s="primary",size:r="md",disabled:l=!1,loading:a=!1,onClick:n,className:o="",...i}){let d=`font-semibold rounded-lg transition transform active:scale-[0.98] ${{primary:"bg-blue-600 hover:bg-blue-700 disabled:bg-slate-600 text-white",secondary:"bg-slate-700 hover:bg-slate-600 disabled:bg-slate-600 text-white",danger:"bg-red-500 hover:bg-red-600 disabled:bg-slate-600 text-white",success:"bg-green-600 hover:bg-green-700 disabled:bg-slate-600 text-white"}[s]} ${{sm:"px-3 py-1.5 text-sm",md:"px-4 py-2 text-base",lg:"px-6 py-3 text-lg"}[r]} ${l||a?"cursor-not-allowed opacity-50":"hover:scale-[1.02]"} ${o}`;return(0,t.jsx)("button",{onClick:n,disabled:l||a,className:d,...i,children:a?(0,t.jsxs)("span",{className:"flex items-center justify-center gap-2",children:[(0,t.jsx)("span",{className:"animate-spin rounded-full h-4 w-4 border-b-2 border-white"}),e]}):e})}e.s(["default",()=>s])},97838,e=>{"use strict";var t=e.i(43476);function s({label:e,type:s="text",value:r,onChange:l,onKeyDown:a,placeholder:n,disabled:o=!1,error:i,className:d="",...c}){let x=i?"border-red-500 focus:border-red-500 focus:ring-red-500":"border-slate-600 focus:border-transparent focus:ring-blue-500",m=`w-full px-4 py-3 bg-slate-900 border rounded-lg text-white placeholder-slate-500 focus:outline-none focus:ring-2 transition ${x} ${o?"opacity-50 cursor-not-allowed":""} ${d}`;return(0,t.jsxs)("div",{className:"w-full",children:[e&&(0,t.jsx)("label",{className:"block text-sm font-medium text-slate-300 mb-2",children:e}),(0,t.jsx)("input",{type:s,value:r,onChange:l,onKeyDown:a,placeholder:n,disabled:o,className:m,...c}),i&&(0,t.jsx)("p",{className:"mt-1 text-sm text-red-400",children:i})]})}e.s(["default",()=>s])},41996,e=>{"use strict";var t=e.i(43476),s=e.i(71645),r=e.i(29950);let l="custom_ports";function a(e){localStorage.setItem(l,JSON.stringify(e))}function n({tunnelUrl:e,apiKey:n}){let[o,i]=(0,s.useState)([]),[d,c]=(0,s.useState)([]),[x,m]=(0,s.useState)(!1),[h,u]=(0,s.useState)(!1),[p,f]=(0,s.useState)({}),[b,g]=(0,s.useState)(""),[j,v]=(0,s.useState)({isOpen:!1}),N=(0,s.useRef)({}),w=async()=>{u(!0);try{let t=await fetch(`${e}/api/local-sites`,{headers:{Authorization:`Bearer ${n}`}});if(t.ok){let e=await t.json();i(e)}}catch(e){console.error("Failed to load local sites:",e)}finally{u(!1)}};(0,s.useEffect)(()=>{x&&(c(function(){try{let e=localStorage.getItem(l);return e?JSON.parse(e):[]}catch{return[]}}()),w())},[x]);let k=async t=>{let{port:s}=t,r=`${e}/proxy/${s}/`;if(p[s]&&!p[s].closed)return void p[s].focus();let l=window.open("about:blank",`_proxy_${s}`);if(!l)return void alert("Popup blocked! Please allow popups for this site.");f(e=>({...e,[s]:l}));try{await fetch(`${e}/api/proxy/start`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${n}`},body:JSON.stringify({port:s})}),l.location.href=r}catch(e){console.error("[SitesList] Failed to start proxy session:",e),alert(`Failed to start proxy session for ${t.name}`),l.close(),f(e=>{let t={...e};return delete t[s],t});return}N.current[s]=setInterval(async()=>{if(l.closed){clearInterval(N.current[s]),delete N.current[s],f(e=>{let t={...e};return delete t[s],t});try{await fetch(`${e}/api/proxy/end`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${n}`},body:JSON.stringify({port:s})})}catch(e){console.error(`[SitesList] Cleanup failed for port ${s}:`,e)}}},1e3)},y=()=>{m(!1),g("")},C=()=>{let e=parseInt(b,10);if(isNaN(e)||e<1||e>65535)return;let t=o.some(t=>t.port===e),s=d.includes(e);if(t||s){k({port:e,name:`Port ${e}`,protocol:"http",isCustom:!0}),g("");return}let r=[...d,e];c(r),a(r),g(""),k({port:e,name:`Port ${e}`,protocol:"http",isCustom:!0})};return(0,s.useEffect)(()=>()=>{Object.values(N.current).forEach(e=>{clearInterval(e)})},[]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("button",{onClick:()=>m(!0),className:"px-3 sm:px-4 py-2 bg-purple-600 hover:bg-purple-700 text-white text-sm font-medium rounded transition flex items-center gap-2",children:[(0,t.jsx)("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"})}),(0,t.jsx)("span",{className:"hidden sm:inline",children:"Sites"})]}),x&&(0,t.jsx)("div",{className:"fixed inset-0 bg-black/60 backdrop-blur-sm z-50 flex items-center justify-center p-4 animate-in fade-in duration-200 modal-overlay",onClick:y,children:(0,t.jsxs)("div",{className:"bg-slate-800 border border-slate-600 rounded-xl shadow-2xl w-full max-w-md max-h-[85vh] flex flex-col animate-in zoom-in-95 slide-in-from-bottom-4 duration-300",onClick:e=>e.stopPropagation(),children:[(0,t.jsxs)("div",{className:"flex items-center justify-between px-5 py-4 border-b border-slate-700 shrink-0",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("h2",{className:"text-lg font-semibold text-white",children:"Local Sites"}),(0,t.jsx)("p",{className:"text-sm text-slate-400 mt-0.5",children:"Select a site to preview"})]}),(0,t.jsx)("button",{onClick:y,className:"p-2 text-slate-400 hover:text-white hover:bg-slate-700 rounded-lg transition",children:(0,t.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),(0,t.jsx)("div",{className:"px-4 py-3 border-b border-slate-700 shrink-0",children:(0,t.jsxs)("div",{className:"flex gap-2 items-center",children:[(0,t.jsx)("span",{className:"text-slate-400 text-sm whitespace-nowrap",children:"http://localhost:"}),(0,t.jsx)("input",{type:"number",value:b,onChange:e=>g(e.target.value),onKeyDown:e=>"Enter"===e.key&&C(),placeholder:"port",min:"1",max:"65535",className:"flex-1 px-3 py-2 bg-slate-700 border border-slate-600 rounded-lg text-white placeholder-slate-400 focus:outline-none focus:border-purple-500 text-sm min-w-0"}),(0,t.jsx)("button",{onClick:C,disabled:!b,className:"px-4 py-2 bg-purple-600 hover:bg-purple-700 disabled:bg-slate-600 disabled:cursor-not-allowed text-white text-sm font-medium rounded-lg transition",children:"Open"})]})}),(0,t.jsx)("div",{className:"p-4 modal-scrollable",style:{maxHeight:"40vh"},children:h?(0,t.jsx)("div",{className:"flex items-center justify-center py-8",children:(0,t.jsxs)("div",{className:"flex items-center gap-3 text-slate-400",children:[(0,t.jsxs)("svg",{className:"w-5 h-5 animate-spin",fill:"none",viewBox:"0 0 24 24",children:[(0,t.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,t.jsx)("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),(0,t.jsx)("span",{children:"Loading Sites..."})]})}):0===o.length?(0,t.jsxs)("div",{className:"text-center py-8",children:[(0,t.jsx)("div",{className:"w-12 h-12 mx-auto mb-3 rounded-full bg-slate-700 flex items-center justify-center",children:(0,t.jsxs)("svg",{className:"w-6 h-6 text-slate-400",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:[(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 12a9 9 0 11-18 0 9 9 0 0118 0z"}),(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 10h.01M15 10h.01M9.5 15a3.5 3.5 0 005 0"})]})}),(0,t.jsx)("p",{className:"text-slate-400 font-medium",children:"No sites found"}),(0,t.jsx)("p",{className:"text-slate-500 text-sm mt-1",children:"Start a local dev server to see it here"})]}):(0,t.jsxs)("div",{className:"space-y-2",children:[d.filter(e=>!o.some(t=>t.port===e)).map(e=>(0,t.jsxs)("div",{className:"w-full px-4 py-3 bg-slate-700/50 hover:bg-slate-700 border border-slate-600 hover:border-slate-500 rounded-lg transition group flex items-center justify-between",children:[(0,t.jsxs)("button",{onClick:()=>k({port:e,name:`Port ${e}`,protocol:"http",isCustom:!0}),className:"flex-1 flex items-center gap-3 text-left",children:[(0,t.jsx)("div",{className:"w-2.5 h-2.5 rounded-full bg-slate-500"}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-white font-medium group-hover:text-purple-300 transition",children:"Custom"}),(0,t.jsxs)("div",{className:"text-xs text-slate-400 mt-0.5 flex items-center gap-2",children:[(0,t.jsx)("span",{className:"px-1.5 py-0.5 rounded text-[10px] font-medium uppercase bg-slate-500/20 text-slate-400",children:"http"}),(0,t.jsxs)("span",{children:["Port ",e]})]})]})]}),(0,t.jsx)("button",{onClick:t=>{t.stopPropagation(),v({isOpen:!0,title:"Remove Port",message:`Remove port ${e} from saved list?`,onConfirm:()=>{let t=d.filter(t=>t!==e);c(t),a(t)}})},className:"p-2 text-slate-500 hover:text-red-400 hover:bg-slate-600 rounded transition",title:"Remove",children:(0,t.jsx)("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"})})})]},`custom-${e}`)),o.map(e=>(0,t.jsx)("button",{onClick:()=>k(e),className:"w-full px-4 py-3 text-left bg-slate-700/50 hover:bg-slate-700 border border-slate-600 hover:border-slate-500 rounded-lg transition group",children:(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("div",{className:"w-2.5 h-2.5 rounded-full bg-green-500 animate-pulse"}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-white font-medium group-hover:text-purple-300 transition",children:e.name}),(0,t.jsxs)("div",{className:"text-xs text-slate-400 mt-0.5 flex items-center gap-2",children:[(0,t.jsx)("span",{className:`px-1.5 py-0.5 rounded text-[10px] font-medium uppercase ${"https"===e.protocol?"bg-green-500/20 text-green-400":"bg-blue-500/20 text-blue-400"}`,children:e.protocol}),(0,t.jsxs)("span",{children:["Port ",e.port]})]})]})]}),(0,t.jsx)("svg",{className:"w-5 h-5 text-slate-500 group-hover:text-purple-400 transition",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})]})},`auto-${e.port}`))]})}),(0,t.jsxs)("div",{className:"px-5 py-3 border-t border-slate-700 flex items-center justify-between shrink-0",children:[(0,t.jsx)("span",{className:"text-xs text-slate-500",children:o.length>0?`${o.length} site${o.length>1?"s":""} found`:""}),(0,t.jsxs)("button",{onClick:w,disabled:h,className:"flex items-center gap-2 px-3 py-1.5 text-sm text-slate-400 hover:text-white hover:bg-slate-700 rounded-lg transition disabled:opacity-50",children:[(0,t.jsx)("svg",{className:`w-4 h-4 ${h?"animate-spin":""}`,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"})}),"Refresh"]})]})]})}),(0,t.jsx)(r.default,{isOpen:j.isOpen,onClose:()=>v({isOpen:!1}),onConfirm:j.onConfirm,title:j.title,message:j.message})]})}e.s(["default",()=>n])},1592,e=>{"use strict";var t=e.i(43476),s=e.i(71645),r=e.i(22183),l=e.i(97838),a=e.i(41996),n=e.i(29950);function o({sessions:e,connected:o,onSelect:i,onCreate:d,onDelete:c,onRename:x,onDisconnect:m,onOpenRemote:h,onOpenFiles:u,tunnelUrl:p,apiKey:f,codespaceInfo:b,codespaceDisconnected:g,onStopCodespace:j,retryStatus:v}){let[N,w]=(0,s.useState)(""),[k,y]=(0,s.useState)(!1),[C,L]=(0,s.useState)(null),[$,S]=(0,s.useState)(""),[M,B]=(0,s.useState)({isOpen:!1,title:"",message:"",onConfirm:null}),[O,z]=(0,s.useState)(!1),W=async()=>{!k&&o&&(y(!0),await d(N||`Terminal ${e.length+1}`),w(""),y(!1))},P=async e=>{$.trim()&&(await x(e,$.trim()),L(null),S(""))};return(0,t.jsxs)("div",{className:"h-full bg-slate-900 flex flex-col overflow-hidden",children:[(0,t.jsxs)("div",{className:"bg-slate-800 border-b border-slate-700 px-4 sm:px-6 py-3 flex items-center justify-between flex-shrink-0",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("h1",{className:"text-white text-lg font-semibold",children:"9Remote"}),(0,t.jsx)("span",{className:`w-2 h-2 rounded-full ${o?"bg-green-500":"bg-red-500 animate-pulse"}`,title:o?"Connected":"Disconnected"}),!o&&g&&(0,t.jsx)("span",{className:"text-red-400 text-xs",children:"Codespace stopped"})]}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[h&&(0,t.jsxs)("button",{onClick:h,disabled:!o,className:`px-3 sm:px-4 py-2 text-white text-sm font-medium rounded transition flex items-center gap-2 ${o?"bg-indigo-600 hover:bg-indigo-700":"bg-indigo-600/50 cursor-not-allowed"}`,children:[(0,t.jsx)("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"})}),(0,t.jsx)("span",{className:"hidden sm:inline",children:"Remote"})]}),(0,t.jsxs)("button",{onClick:u,disabled:!o,className:`px-3 sm:px-4 py-2 text-white text-sm font-medium rounded transition flex items-center gap-2 ${o?"bg-emerald-600 hover:bg-emerald-700":"bg-emerald-600/50 cursor-not-allowed"}`,children:[(0,t.jsx)("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"})}),(0,t.jsx)("span",{className:"hidden sm:inline",children:"Files"})]}),(0,t.jsx)(a.default,{tunnelUrl:p,apiKey:f}),b?.isCodespaces&&(0,t.jsxs)("button",{onClick:()=>z(!0),className:"px-2 sm:px-3 py-2 bg-purple-600 hover:bg-purple-700 text-white text-sm font-medium rounded transition flex items-center gap-1",title:"Codespace Info",children:[(0,t.jsx)("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"})}),(0,t.jsx)("span",{className:"hidden sm:inline",children:"Codespace"})]}),(0,t.jsx)(r.default,{variant:"danger",size:"sm",onClick:()=>{B({isOpen:!0,title:"Logout",message:"Are you sure you want to logout?",onConfirm:m})},children:"Logout"})]})]}),(0,t.jsxs)("div",{className:"flex-1 p-4 sm:p-6 overflow-auto modal-scrollable",children:[(0,t.jsxs)("div",{className:"mb-6 flex gap-2",children:[(0,t.jsx)(l.default,{value:N,onChange:e=>w(e.target.value),onKeyDown:e=>"Enter"===e.key&&W(),placeholder:"Terminal name (optional)",disabled:!o}),(0,t.jsx)(r.default,{variant:"primary",onClick:W,disabled:k||!o,loading:k,className:"whitespace-nowrap",children:"+ New"})]}),0===e.length?(0,t.jsxs)("div",{className:"text-center py-12",children:[(0,t.jsx)("p",{className:"text-slate-400 mb-4",children:"No active sessions"}),(0,t.jsx)("p",{className:"text-slate-500 text-sm",children:"Create a new session to get started"})]}):(0,t.jsx)("div",{className:"space-y-3",children:e.map(e=>(0,t.jsxs)("div",{className:`bg-slate-800 border border-slate-700 rounded-lg p-4 flex items-center justify-between transition ${o?"hover:border-slate-600":"opacity-50"}`,children:[(0,t.jsxs)("div",{className:`flex-1 flex items-center gap-3 ${o&&C!==e.id?"cursor-pointer":"cursor-default"}`,onClick:()=>o&&C!==e.id&&i(e.id),children:[(0,t.jsx)("svg",{className:"w-5 h-5 text-slate-400 flex-shrink-0",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})}),(0,t.jsx)("div",{className:"flex-1 min-w-0",children:C===e.id?(0,t.jsx)("input",{type:"text",value:$,onChange:e=>S(e.target.value),onKeyDown:t=>{"Enter"===t.key&&P(e.id),"Escape"===t.key&&(L(null),S(""))},onBlur:()=>P(e.id),className:"w-full bg-slate-700 text-white px-2 py-1 rounded border border-slate-600 focus:outline-none focus:border-blue-500",autoFocus:!0}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("h3",{className:"text-white font-medium truncate",children:e.name}),(0,t.jsxs)("p",{className:"text-slate-400 text-sm",children:["Created ",new Date(e.createdAt).toLocaleTimeString()]})]})})]}),(0,t.jsxs)("div",{className:"flex gap-2 ml-3",children:[(0,t.jsx)("button",{onClick:()=>{L(e.id),S(e.name)},disabled:!o,className:`p-2 rounded transition ${o?"bg-slate-700 hover:bg-blue-600 text-slate-300 hover:text-white":"bg-slate-700/50 text-slate-500 cursor-not-allowed"}`,title:"Edit name",children:(0,t.jsx)("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"})})}),(0,t.jsx)("button",{onClick:()=>{var t,s;return t=e.id,s=e.name,void B({isOpen:!0,title:"Delete Session",message:`Are you sure you want to delete "${s}"?`,onConfirm:()=>c(t)})},disabled:!o,className:`p-2 rounded transition ${o?"bg-slate-700 hover:bg-red-600 text-slate-300 hover:text-white":"bg-slate-700/50 text-slate-500 cursor-not-allowed"}`,title:"Delete",children:(0,t.jsx)("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]})]},e.id))})]}),(0,t.jsx)(n.default,{isOpen:M.isOpen,onClose:()=>{B({isOpen:!1,title:"",message:"",onConfirm:null})},onConfirm:M.onConfirm,title:M.title,message:M.message}),O&&(0,t.jsxs)("div",{className:"fixed inset-0 z-50 flex items-center justify-center p-4",children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-black/60 backdrop-blur-sm",onClick:()=>z(!1)}),(0,t.jsxs)("div",{className:"relative bg-slate-800 border border-slate-700 rounded-lg shadow-2xl max-w-sm w-full",children:[(0,t.jsxs)("div",{className:"px-5 py-4 border-b border-slate-700 flex items-center justify-between",children:[(0,t.jsxs)("h3",{className:"text-lg font-semibold text-white flex items-center gap-2",children:[(0,t.jsx)("svg",{className:"w-5 h-5 text-purple-400",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"})}),"Codespace"]}),(0,t.jsx)("button",{onClick:()=>z(!1),className:"text-slate-400 hover:text-white transition",children:(0,t.jsx)("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),(0,t.jsxs)("div",{className:"px-5 py-4 space-y-3",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-slate-400 text-sm",children:"Name"}),(0,t.jsx)("span",{className:"text-white font-medium",children:b?.codespaceName||"Unknown"})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-slate-400 text-sm",children:"Status"}),(0,t.jsxs)("span",{className:"text-green-400 font-medium flex items-center gap-1",children:[(0,t.jsx)("span",{className:"w-2 h-2 bg-green-400 rounded-full"}),"Running"]})]})]}),(0,t.jsxs)("div",{className:"px-5 py-4 border-t border-slate-700 space-y-3",children:[(0,t.jsxs)("p",{className:"text-slate-300 text-sm flex items-start gap-2",children:[(0,t.jsx)("span",{className:"text-yellow-400",children:"💡"}),"Stop to save usage"]}),(0,t.jsxs)("p",{className:"text-slate-400 text-xs flex items-start gap-2",children:[(0,t.jsx)("span",{className:"text-orange-400",children:"⚠️"}),"To restart, go to GitHub"]}),(0,t.jsxs)("button",{onClick:()=>{z(!1),j()},className:"w-full py-2 bg-orange-600 hover:bg-orange-700 text-white font-medium rounded transition flex items-center justify-center gap-2",children:[(0,t.jsxs)("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:[(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 12a9 9 0 11-18 0 9 9 0 0118 0z"}),(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 10a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4z"})]}),"Stop Codespace"]})]})]})]})]})}e.s(["default",()=>o])},92274,e=>{e.n(e.i(1592))}]);

package/dist/standalone/.next/static/chunks/9053b2c4bd303667.js

@@ -0,0 +1 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,22183,e=>{"use strict";var t=e.i(43476);function r({children:e,variant:r="primary",size:l="md",disabled:n=!1,loading:s=!1,onClick:i,className:a="",...o}){let c=`font-semibold rounded-lg transition transform active:scale-[0.98] ${{primary:"bg-blue-600 hover:bg-blue-700 disabled:bg-slate-600 text-white",secondary:"bg-slate-700 hover:bg-slate-600 disabled:bg-slate-600 text-white",danger:"bg-red-500 hover:bg-red-600 disabled:bg-slate-600 text-white",success:"bg-green-600 hover:bg-green-700 disabled:bg-slate-600 text-white"}[r]} ${{sm:"px-3 py-1.5 text-sm",md:"px-4 py-2 text-base",lg:"px-6 py-3 text-lg"}[l]} ${n||s?"cursor-not-allowed opacity-50":"hover:scale-[1.02]"} ${a}`;return(0,t.jsx)("button",{onClick:i,disabled:n||s,className:c,...o,children:s?(0,t.jsxs)("span",{className:"flex items-center justify-center gap-2",children:[(0,t.jsx)("span",{className:"animate-spin rounded-full h-4 w-4 border-b-2 border-white"}),e]}):e})}e.s(["default",()=>r])},97838,e=>{"use strict";var t=e.i(43476);function r({label:e,type:r="text",value:l,onChange:n,onKeyDown:s,placeholder:i,disabled:a=!1,error:o,className:c="",...u}){let d=o?"border-red-500 focus:border-red-500 focus:ring-red-500":"border-slate-600 focus:border-transparent focus:ring-blue-500",h=`w-full px-4 py-3 bg-slate-900 border rounded-lg text-white placeholder-slate-500 focus:outline-none focus:ring-2 transition ${d} ${a?"opacity-50 cursor-not-allowed":""} ${c}`;return(0,t.jsxs)("div",{className:"w-full",children:[e&&(0,t.jsx)("label",{className:"block text-sm font-medium text-slate-300 mb-2",children:e}),(0,t.jsx)("input",{type:r,value:l,onChange:n,onKeyDown:s,placeholder:i,disabled:a,className:h,...u}),o&&(0,t.jsx)("p",{className:"mt-1 text-sm text-red-400",children:o})]})}e.s(["default",()=>r])},62218,e=>{"use strict";var t=e.i(43476),r=e.i(71645),l=e.i(18566),n=e.i(49939),s=e.i(4823);let i={ctrl:"control",cmd:"command",alt:"alt",shift:"shift"},a={enter:"enter",return:"enter",space:" ",backspace:"backspace",tab:"tab",escape:"escape"};function o({canvasRef:e,canvasContainerRef:r,canvasZoom:l,canvasPan:n,baseCanvasSize:s,streaming:i,selectionRect:a,clickIndicator:o,onMouseDown:c,onMouseMove:u,onTouchStart:d,onTouchMove:h,onTouchEnd:m,onKeyDown:b}){return(0,t.jsxs)("div",{className:"w-full h-full overflow-hidden relative flex-1",ref:r,children:[(0,t.jsx)("canvas",{ref:e,className:"block cursor-crosshair bg-black",style:{touchAction:"none",transformOrigin:"top left",userSelect:"none",WebkitUserSelect:"none",WebkitTouchCallout:"none",WebkitTapHighlightColor:"transparent",width:`${s.width*l}px`,height:`${s.height*l}px`,transform:`translate(${n.x}px, ${n.y}px)`,imageRendering:"pixelated"},onMouseDown:c,onMouseMove:u,onTouchStart:d,onTouchMove:h,onTouchEnd:m,tabIndex:0,onKeyDown:b,onContextMenu:e=>e.preventDefault()}),a&&(0,t.jsx)("div",{className:"absolute border-2 border-blue-400 bg-blue-400/20 z-10",style:{left:`${a.x}px`,top:`${a.y}px`,width:`${a.width}px`,height:`${a.height}px`}}),o&&(0,t.jsxs)("div",{className:"absolute pointer-events-none z-20",style:{left:`${o.x-o.size/2}px`,top:`${o.y-o.size/2}px`,width:`${o.size}px`,height:`${o.size}px`},children:[(0,t.jsx)("div",{className:"w-full h-full rounded-full border-2 border-blue-400 bg-blue-400/30 animate-ping"}),(0,t.jsx)("div",{className:"absolute inset-0 w-full h-full rounded-full border-2 border-blue-400 bg-blue-400/50"})]})]})}var c=e.i(22183);function u({streaming:e,connected:r,canvasZoom:l,selectionMode:n,dragMode:s,isDragging:i,modifierKeys:a,textInputValue:o,textInputRef:u,keyboardVisible:d,onStartStreaming:h,onStopStreaming:m,onResetZoom:b,onRefresh:f,onToggleSelection:g,onToggleDrag:x,onToggleModifier:p,onScrollUp:v,onScrollDown:w,onScrollLeft:y,onScrollRight:k,onStopScrolling:C,onArrowKey:M,onEscKey:S,onTabKey:j,onEnterKey:T,onBackspace:N,onTextInputChange:K,onTextInputFocus:$,onTextInputKeyDown:I,onSendText:D,onClose:E}){let R="px-2 py-1.5 rounded text-xs font-semibold transition-all duration-200 shadow-sm disabled:opacity-50 disabled:cursor-not-allowed";return(0,t.jsxs)("div",{className:"p-3 bg-slate-800 border-t border-slate-700",children:[(0,t.jsx)("div",{className:"flex flex-row items-center justify-center mb-3",children:(0,t.jsxs)("div",{className:"flex-1 grid grid-cols-5 gap-2",children:[(0,t.jsx)("button",{onClick:E,className:`${R} bg-slate-600 hover:bg-slate-500 text-white flex items-center justify-center gap-1`,title:"Back to Terminal",children:(0,t.jsx)("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M10 19l-7-7m0 0l7-7m-7 7h18"})})}),(0,t.jsx)("div",{className:"col-span-1",children:e?(0,t.jsx)(c.default,{variant:"danger",size:"sm",onClick:m,className:"w-full",children:"Stop"}):(0,t.jsx)(c.default,{variant:"success",size:"sm",onClick:h,disabled:!r,className:"w-full",children:"Start"})}),(0,t.jsxs)("button",{onClick:b,disabled:!e,className:`${R} bg-slate-700 hover:bg-slate-600 text-slate-300`,children:[Math.round(100*l),"%"]}),(0,t.jsx)("button",{onClick:f,disabled:!e,className:`${R} bg-violet-600 hover:bg-violet-700 text-white`,children:"↻"}),(0,t.jsx)("button",{onClick:g,disabled:!e,className:`${R} ${n?"bg-amber-500 text-black":"bg-cyan-600 hover:bg-cyan-700 text-white"}`,children:"□"})]})}),(0,t.jsxs)("div",{className:"space-y-2 mb-3",children:[(0,t.jsxs)("div",{className:"grid grid-cols-6 gap-1",children:[(0,t.jsx)("button",{onClick:()=>S(e),disabled:!e,className:`${R} bg-purple-600 hover:bg-purple-700 text-white`,children:"ESC"}),(0,t.jsx)("button",{onClick:()=>M("up",e),disabled:!e,className:`${R} bg-indigo-600 hover:bg-indigo-700 text-white`,children:"↑"}),(0,t.jsx)("button",{onClick:()=>M("down",e),disabled:!e,className:`${R} bg-indigo-600 hover:bg-indigo-700 text-white`,children:"↓"}),(0,t.jsx)("button",{onMouseDown:t=>{t.preventDefault(),v(e)},onMouseUp:C,onMouseLeave:C,onTouchStart:t=>{t.preventDefault(),v(e)},onTouchEnd:C,disabled:!e,className:`${R} bg-purple-600 hover:bg-purple-700 text-white select-none`,children:"⇈"}),(0,t.jsx)("button",{onMouseDown:t=>{t.preventDefault(),w(e)},onMouseUp:C,onMouseLeave:C,onTouchStart:t=>{t.preventDefault(),w(e)},onTouchEnd:C,disabled:!e,className:`${R} bg-purple-600 hover:bg-purple-700 text-white select-none`,children:"⇊"}),(0,t.jsx)("button",{onClick:x,disabled:!e,className:`${R} ${s?i?"bg-red-500 text-white animate-pulse":"bg-green-500 text-white":"bg-slate-600 hover:bg-slate-500 text-white"}`,children:"✋"})]}),(0,t.jsxs)("div",{className:"grid grid-cols-6 gap-1",children:[(0,t.jsx)("button",{onClick:()=>j(e),disabled:!e,className:`${R} bg-purple-600 hover:bg-purple-700 text-white`,children:"TAB"}),(0,t.jsx)("button",{onClick:()=>M("left",e),disabled:!e,className:`${R} bg-indigo-600 hover:bg-indigo-700 text-white`,children:"←"}),(0,t.jsx)("button",{onClick:()=>M("right",e),disabled:!e,className:`${R} bg-indigo-600 hover:bg-indigo-700 text-white`,children:"→"}),(0,t.jsx)("button",{onMouseDown:t=>{t.preventDefault(),k(e)},onMouseUp:C,onMouseLeave:C,onTouchStart:t=>{t.preventDefault(),k(e)},onTouchEnd:C,disabled:!e,className:`${R} bg-purple-600 hover:bg-purple-700 text-white select-none`,children:"⇇"}),(0,t.jsx)("button",{onMouseDown:t=>{t.preventDefault(),y(e)},onMouseUp:C,onMouseLeave:C,onTouchStart:t=>{t.preventDefault(),y(e)},onTouchEnd:C,disabled:!e,className:`${R} bg-purple-600 hover:bg-purple-700 text-white select-none`,children:"⇉"}),(0,t.jsx)("button",{onClick:()=>N(e),disabled:!e,className:`${R} bg-red-600 hover:bg-red-700 text-white`,children:"⌫"})]})]}),(0,t.jsx)("div",{className:"border-t border-slate-600 pt-2 mb-3",children:(0,t.jsxs)("div",{className:"grid grid-cols-5 gap-1",children:[["ctrl","cmd","alt","shift"].map(r=>(0,t.jsx)("button",{onClick:()=>p(r),disabled:!e,className:`${R} ${a[r]?"bg-orange-500 text-white":"bg-slate-600 hover:bg-slate-500 text-white"}`,children:"cmd"===r?"Cmd":r.charAt(0).toUpperCase()+r.slice(1)},r)),(0,t.jsx)("button",{onClick:t=>T(t,e),disabled:!e,className:`${R} bg-green-600 hover:bg-green-700 text-white`,children:"Enter"})]})}),(0,t.jsx)("div",{className:"border-t border-slate-600 pt-3",children:(0,t.jsxs)("div",{className:"flex gap-2",children:[(0,t.jsx)("input",{ref:u,type:"text",value:o,onChange:e=>K(e.target.value),onKeyDown:I,onFocus:$,placeholder:Object.values(a).some(Boolean)?`${Object.keys(a).filter(e=>a[e]).join("+")} + key...`:"Type text to send...",className:"flex-1 px-3 py-2 bg-slate-700 border border-slate-600 rounded-lg text-white placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-blue-500 text-base",disabled:!e}),(0,t.jsx)(c.default,{variant:"primary",size:"sm",onClick:()=>D(e),disabled:!e||!o.trim(),children:"Send"})]})})]})}e.i(97838);var d=e.i(57717),h=e.i(62818);function m({onClose:e}){let{socket:c,connected:m,streaming:b,error:f,authenticated:g,retryStatus:x,startStreaming:p,stopStreaming:v,emitRequestScreenWithHashes:w,emitMousePress:y,emitMouseRelease:k,emitMouseClick:C,emitMouseMove:M,emitMouseDragSelect:S,emitKeyPress:j,emitTypeText:T,emitScroll:N}=function(){let e=(0,l.useRouter)(),{getAuth:t}=(0,s.useSessionStorage)(),[i,a]=(0,r.useState)(!1),[o,c]=(0,r.useState)(!1),u=t(),d=(0,r.useCallback)(e=>{c(!0),e.emit("get-screen-dimensions")},[]),h=(0,r.useCallback)(()=>{a(!1),c(!1)},[]),{socket:m,socketRef:b,connected:f,error:g,retryStatus:x}=(0,n.useBaseSocket)({namespace:"/remote",socketOptions:{timeout:2e4,forceNew:!0,auth:{apiKey:u?.apiKey}},redirectOnNoAuth:"/",onConnect:d,onDisconnect:h});(0,r.useEffect)(()=>{u?.apiKey?u?.tunnelUrl||e.push("/terminal"):e.push("/")},[u,e]);let p=(0,r.useCallback)(()=>{b.current&&f&&(b.current.emit("start-streaming"),a(!0))},[b,f]),v=(0,r.useCallback)(()=>{b.current&&i&&(b.current.emit("stop-streaming"),a(!1))},[b,i]),w=(0,r.useCallback)((e,t,r="left")=>{b.current&&i&&b.current.emit("mouse-press",{x:e,y:t,button:r})},[b,i]),y=(0,r.useCallback)((e,t,r="left")=>{b.current&&i&&b.current.emit("mouse-release",{x:e,y:t,button:r})},[b,i]),k=(0,r.useCallback)((e,t,r="left")=>{b.current&&i&&b.current.emit("mouse-click",{x:e,y:t,button:r})},[b,i]),C=(0,r.useCallback)((e,t)=>{b.current&&i&&b.current.emit("mouse-move",{x:e,y:t})},[b,i]),M=(0,r.useCallback)((e,t,r,l)=>{b.current&&i&&b.current.emit("mouse-drag-select",{startX:e,startY:t,endX:r,endY:l})},[b,i]),S=(0,r.useCallback)((e,t=[])=>{b.current&&i&&b.current.emit("key-press",{key:e,modifier:t})},[b,i]),j=(0,r.useCallback)(e=>{b.current&&i&&b.current.emit("type-text",{text:e})},[b,i]),T=(0,r.useCallback)((e,t=20)=>{b.current&&i&&b.current.emit("scroll",{direction:e,amount:t})},[b,i]),N=(0,r.useCallback)(e=>{b.current&&i&&b.current.emit("request-screen-with-hashes",{tileHashes:e})},[b,i]),K=(0,r.useCallback)(()=>{i&&b.current&&(b.current.emit("stop-streaming"),a(!1)),b.current&&b.current.disconnect(),e.push("/terminal")},[b,i,e]);return{socket:m,connected:f,streaming:i,error:g,authenticated:o,retryStatus:x,startStreaming:p,stopStreaming:v,handleLogout:K,emitRequestScreenWithHashes:N,emitMousePress:w,emitMouseRelease:y,emitMouseClick:k,emitMouseMove:C,emitMouseDragSelect:M,emitKeyPress:S,emitTypeText:j,emitScroll:T}}(),K={emitRequestScreenWithHashes:w,emitMousePress:y,emitMouseRelease:k,emitMouseClick:C,emitMouseMove:M,emitMouseDragSelect:S,emitKeyPress:j,emitTypeText:T,emitScroll:N},$=(0,r.useCallback)(()=>{e&&e()},[e]),{canvasRef:I,canvasContainerRef:D,canvasZoom:E,canvasPan:R,baseCanvasSize:P,zoomGestureTimeoutRef:z,clickIndicator:L,getCanvasCoordinates:W,resetZoom:X,handleCanvasInteraction:Y,handleCanvasDimensions:B}=function(e){let t=(0,r.useRef)(null),l=(0,r.useRef)(null),[n,s]=(0,r.useState)(1),[i,a]=(0,r.useState)({x:0,y:0}),[o,c]=(0,r.useState)(!1),[u,d]=(0,r.useState)(!1),[h,m]=(0,r.useState)(0),[b,f]=(0,r.useState)({x:0,y:0}),[g,x]=(0,r.useState)({width:0,height:0}),[p,v]=(0,r.useState)(!1),w=(0,r.useRef)(null),[y,k]=(0,r.useState)(null),C=(0,r.useCallback)((e,r)=>{let s=t.current,a=l.current;if(!s||!a||0===g.width)return{percentX:0,percentY:0};let o=a.getBoundingClientRect(),c=e-o.left,u=r-o.top,d=c-i.x,h=u-i.y,m=d/n,b=h/n;return{percentX:Math.max(0,Math.min(100,m/g.width*100)),percentY:Math.max(0,Math.min(100,b/g.height*100))}},[i,n,g]),M=(0,r.useCallback)(e=>{let t=e[0].clientX-e[1].clientX,r=e[0].clientY-e[1].clientY;return Math.sqrt(t*t+r*r)},[]),S=(0,r.useCallback)(e=>({x:(e[0].clientX+e[1].clientX)/2,y:(e[0].clientY+e[1].clientY)/2}),[]),j=(0,r.useCallback)((e,t)=>{let r=l.current;if(!r)return;let s=r.getBoundingClientRect(),i=e-s.left;k({x:i,y:t-s.top,size:Math.max(5,Math.min(15,7.5*n))}),setTimeout(()=>k(null),500)},[n]),T=(0,r.useCallback)(()=>{s(1),a({x:0,y:0})},[]);(0,r.useEffect)(()=>{let e=()=>{let e=l.current;if(e){let{width:t,height:r}=e.getBoundingClientRect();x(e=>0===e.width&&0===e.height?{width:Math.max(t,1920),height:Math.max(r,1080)}:e)}};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let N=(0,r.useCallback)((t,r,i)=>{let x,y,{streaming:k,socket:T,selectionMode:N,selectionStart:K,dragMode:$,isDragging:I,setIsDragging:D,setDragMode:E,isMobile:R,handleSelection:P}=i;if(!k||!e)return;if(t.preventDefault(),t.type.startsWith("touch")&&t.touches?.length>=2&&!N){let e=M(t.touches),i=S(t.touches);if("touch"===r){c(!0),m(e),f(i);return}if("touchmove"===r&&o){if(h>0){let t=e/h;s(e=>Math.max(1,Math.min(4,e*t))),m(e)}let t=i.x-b.x,r=i.y-b.y,o=g.width*n,c=g.height*n,u=l.current?.clientWidth||0,d=l.current?.clientHeight||0,x=Math.min(0,u-o),p=Math.min(0,d-c);a(e=>({x:Math.max(x,Math.min(0,e.x+t)),y:Math.max(p,Math.min(0,e.y+r))})),f(i);return}}if(t.type.startsWith("touch")&&t.touches?.length===1){let e=t.touches[0];if("touch"===r){f({x:e.clientX,y:e.clientY}),N&&P(e.clientX,e.clientY,"start");return}if("touchmove"===r){if(N&&K)return void P(e.clientX,e.clientY,"move");if(n>1&&!N){let t=e.clientX-b.x,r=e.clientY-b.y;if(Math.abs(t)>5||Math.abs(r)>5){d(!0);let s=g.width*n,i=g.height*n,o=l.current?.clientWidth||0,c=l.current?.clientHeight||0,u=Math.min(0,o-s),h=Math.min(0,c-i);a(e=>({x:Math.max(u,Math.min(0,e.x+t)),y:Math.max(h,Math.min(0,e.y+r))})),f({x:e.clientX,y:e.clientY})}return}}}if("touchend"===r){if(o&&(v(!0),w.current&&clearTimeout(w.current),w.current=setTimeout(()=>{v(!1)},200)),c(!1),d(!1),o||u||p)return;if(t.type.startsWith("touch")){let r=t.changedTouches?.[0];if(r)if(N)P(r.clientX,r.clientY,"end");else{let{percentX:t,percentY:l}=C(r.clientX,r.clientY);j(r.clientX,r.clientY),$?I?(D(!1),E(!1),e.emitMouseRelease(t,l,"left")):(D(!0),e.emitMousePress(t,l,"left")):e.emitMouseClick(t,l,"left")}}return}if(o||u)return;if(t.type.startsWith("touch")){if(t.touches?.length!==1)return;x=t.touches[0].clientX,y=t.touches[0].clientY}else x=t.clientX,y=t.clientY;let{percentX:z,percentY:L}=C(x,y);if("click"===r)N?P(x,y,K?"end":"start"):(j(x,y),$?I?(D(!1),E(!1),e.emitMouseRelease(z,L,"left")):(D(!0),e.emitMousePress(z,L,"left")):e.emitMouseClick(z,L,"left"));else if("move"===r&&!R){if(N&&K)return void P(x,y,"move");e.emitMouseMove(z,L)}},[o,u,n,h,b,g,p,C,j,M,S,e]),K=(0,r.useCallback)((e,r)=>{let n=t.current,s=l.current;if(!n||!s)return!1;let i=n.width!==e.width||n.height!==e.height;n.width=e.width,n.height=e.height;let a=s.clientWidth,o=a/e.width,c=e.height*o;if(i){let e=n.getContext("2d");e.clearRect(0,0,n.width,n.height),e.fillStyle="#2a2a2a",e.fillRect(0,0,n.width,n.height),r?.current&&r.current.clear()}return x({width:a,height:c}),i},[]);return{canvasRef:t,canvasContainerRef:l,canvasZoom:n,canvasPan:i,baseCanvasSize:g,zoomGestureTimeoutRef:w,clickIndicator:y,getCanvasCoordinates:C,resetZoom:T,handleCanvasInteraction:N,handleCanvasDimensions:K}}(K),{textInputValue:A,setTextInputValue:U,textInputRef:O,keyboardVisible:H,modifierKeys:V,selectionMode:q,selectionStart:F,selectionRect:Z,dragMode:G,isDragging:J,setIsDragging:Q,setDragMode:_,toggleModifierKey:ee,toggleSelectionMode:et,toggleDragMode:er,handleTextInputFocus:el,handleCanvasKeyPress:en,startScrollUp:es,startScrollDown:ei,startScrollLeft:ea,startScrollRight:eo,stopScrolling:ec,sendTextInput:eu,sendBackspace:ed,sendArrowKey:eh,sendEscKey:em,sendTabKey:eb,sendEnterKey:ef,handleSelection:eg,handleModifiedTextInput:ex}=function(e){let[t,l]=(0,r.useState)(""),[n,s]=(0,r.useState)(!1),[o,c]=(0,r.useState)(!1),u=(0,r.useRef)(null),[d,h]=(0,r.useState)({ctrl:!1,cmd:!1,alt:!1,shift:!1}),[m,b]=(0,r.useState)(!1),[f,g]=(0,r.useState)(null),[x,p]=(0,r.useState)(null),[v,w]=(0,r.useState)(!1),[y,k]=(0,r.useState)(!1),C=(0,r.useRef)(null);(0,r.useEffect)(()=>{let e=()=>{let e=window.innerWidth<=768||/Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);return s(e),e},t=()=>{e()?c((window.visualViewport?.height||window.innerHeight)<.75*window.screen.height):c(!1)};return e(),window.addEventListener("resize",t),window.visualViewport&&window.visualViewport.addEventListener("resize",t),()=>{window.removeEventListener("resize",t),window.visualViewport&&window.visualViewport.removeEventListener("resize",t)}},[]),(0,r.useEffect)(()=>()=>{C.current&&clearInterval(C.current)},[]);let M=(0,r.useCallback)(e=>{h(t=>({...t,[e]:!t[e]})),n&&u.current&&u.current.focus()},[n]),S=(0,r.useCallback)(()=>{b(e=>!e),g(null),p(null)},[]),j=(0,r.useCallback)(()=>{w(e=>!e),y&&k(!1)},[y]),T=(0,r.useCallback)(()=>{n&&u.current&&setTimeout(()=>{u.current?.scrollIntoView({behavior:"smooth",block:"center"})},300)},[n]),N=(0,r.useCallback)((t,r)=>{if(!r||!e?.emitKeyPress)return;(t.ctrlKey||t.metaKey||t.altKey)&&t.preventDefault();let l=t.key.toLowerCase(),n=[];t.ctrlKey&&n.push("control"),t.metaKey&&n.push("command"),t.altKey&&n.push("alt"),t.shiftKey&&n.push("shift"),e.emitKeyPress(l,n)},[e]),K=(0,r.useCallback)((t,r,l=!1)=>{r&&e?.emitScroll&&(C.current&&clearInterval(C.current),e.emitScroll(t,20,l),C.current=setInterval(()=>{e?.emitScroll&&r&&e.emitScroll(t,20,l)},100),n&&u.current&&o&&setTimeout(()=>u.current?.focus(),10))},[n,o,e]),$=(0,r.useCallback)(e=>K("up",e),[K]),I=(0,r.useCallback)(e=>K("down",e),[K]),D=(0,r.useCallback)(e=>K("left",e,!0),[K]),E=(0,r.useCallback)(e=>K("right",e,!0),[K]),R=(0,r.useCallback)(()=>{C.current&&(clearInterval(C.current),C.current=null)},[]),P=(0,r.useCallback)(r=>{t.trim()&&r&&e?.emitTypeText&&(e.emitTypeText(t),l(""))},[t,e]),z=(0,r.useCallback)(t=>{t&&e?.emitKeyPress&&(e.emitKeyPress("backspace",[]),n&&u.current&&o&&u.current.focus())},[n,o,e]),L=(0,r.useCallback)((t,r)=>{if(!r||!e?.emitKeyPress)return;let l=Object.keys(d).filter(e=>d[e]),s=l.map(e=>i[e]);e.emitKeyPress(t,s),l.length>0&&h({ctrl:!1,cmd:!1,alt:!1,shift:!1}),n&&u.current&&o&&u.current.focus()},[d,n,o,e]),W=(0,r.useCallback)(t=>{t&&e?.emitKeyPress&&(e.emitKeyPress("escape",[]),n&&u.current&&o&&u.current.focus())},[n,o,e]),X=(0,r.useCallback)(t=>{t&&e?.emitKeyPress&&(e.emitKeyPress("tab",[]),n&&u.current&&o&&u.current.focus())},[n,o,e]),Y=(0,r.useCallback)((t,r)=>{r&&e?.emitKeyPress&&(e.emitKeyPress("enter",[]),t&&t.preventDefault(),n&&u.current&&o&&u.current.focus())},[n,o,e]),B=(0,r.useCallback)((t,r,l,n)=>{let{streaming:s,getCanvasCoordinates:i,baseCanvasSize:a,canvasZoom:o,canvasPan:c}=n;if(!m||!s||!e?.emitMouseDragSelect)return;let{percentX:u,percentY:d}=i(t,r);if("start"===l)g({x:u,y:d}),p(null);else if("move"===l&&f){let e=a.width*o,t=a.height*o;p({x:Math.min(f.x,u)*e/100+c.x,y:Math.min(f.y,d)*t/100+c.y,width:Math.abs(u-f.x)*e/100,height:Math.abs(d-f.y)*t/100})}else"end"===l&&f&&(e.emitMouseDragSelect(f.x,f.y,u,d),setTimeout(()=>{g(null),b(!1),p(null)},500))},[m,f,e]),A=(0,r.useCallback)((r,n)=>{if(!n||!e?.emitTypeText||!e?.emitKeyPress)return;if("Enter"===r.key){r.preventDefault(),t.trim()&&(e.emitTypeText(t),l(""));return}let s=r.key.toLowerCase();if(["shift","control","meta","alt"].includes(s))return;let o=Object.keys(d).filter(e=>d[e]),c=o.length>0,u=r.ctrlKey||r.metaKey||r.altKey||r.shiftKey,m=/^[a-z0-9]$/i.test(r.key);if((c||u)&&(!m||c)){r.preventDefault();let t=o.map(e=>i[e]);r.ctrlKey&&!t.includes("control")&&t.push("control"),r.metaKey&&!t.includes("command")&&t.push("command"),r.altKey&&!t.includes("alt")&&t.push("alt"),r.shiftKey&&!t.includes("shift")&&t.push("shift"),a[s]?s=a[s]:" "===s&&(s="space"),e.emitKeyPress(s,t),h({ctrl:!1,cmd:!1,alt:!1,shift:!1}),l("")}},[d,t,e]);return{textInputValue:t,setTextInputValue:l,textInputRef:u,keyboardVisible:o,modifierKeys:d,selectionMode:m,selectionStart:f,selectionRect:x,dragMode:v,isDragging:y,setIsDragging:k,setDragMode:w,toggleModifierKey:M,toggleSelectionMode:S,toggleDragMode:j,handleTextInputFocus:T,handleCanvasKeyPress:N,startScrollUp:$,startScrollDown:I,startScrollLeft:D,startScrollRight:E,stopScrolling:R,sendTextInput:P,sendBackspace:z,sendArrowKey:L,sendEscKey:W,sendTabKey:X,sendEnterKey:Y,handleSelection:B,handleModifiedTextInput:A}}(K),{renderedTilesRef:ep,handleFullScreenData:ev,handleTilesData:ew,startStreamingWithTiles:ey,handleScreenDimensions:ek,cleanupTiles:eC,requestScreenWithHashes:eM}=function(e,t,l){let[n,s]=(0,r.useState)(126),i=(0,r.useRef)(new Set),a=(0,r.useRef)(new Map),o=(0,r.useRef)([]),c=(0,r.useRef)(!1),u=(0,r.useRef)(e),d=(0,r.useRef)(t);(0,r.useEffect)(()=>{u.current=e,d.current=t},[e,t]);let h=(0,r.useCallback)(e=>{if(l?.current)try{let t=l.current.getContext("2d");t.imageSmoothingEnabled=!1;let r=new Image;r.onload=()=>{t.drawImage(r,0,0,e.screen.width,e.screen.height),i.current.clear();for(let e=0;e<n;e++)i.current.add(e)},r.src=e.screen.imageBase64}catch(e){console.error("Full screen error:",e)}},[l,n]),m=(0,r.useCallback)(e=>{if(l?.current)try{let t=l.current.getContext("2d");for(let[r,l]of(t.imageSmoothingEnabled=!1,e.currentHashes&&Array.isArray(e.currentHashes)&&(o.current=[...e.currentHashes],c.current=!1),a.current.entries()))l.timeoutId&&clearTimeout(l.timeoutId),l.img.src="";if(a.current.clear(),!e.tiles?.length)return;let r=[];for(let t=0;t<e.tiles.length;t+=8)r.push(e.tiles.slice(t,t+8));r.forEach((e,r)=>{setTimeout(()=>{e.forEach(e=>{let r=new Image,l=setTimeout(()=>{a.current.delete(e.tileIndex),r.onload=null,r.onerror=null,r.src=""},600);a.current.set(e.tileIndex,{img:r,timeoutId:l}),r.onload=()=>{if(!a.current.get(e.tileIndex)||!r.complete||0===r.naturalWidth)return;requestAnimationFrame(()=>{t.drawImage(r,e.x,e.y,e.width,e.height),i.current.add(e.tileIndex)});let l=a.current.get(e.tileIndex);l?.timeoutId&&clearTimeout(l.timeoutId),a.current.delete(e.tileIndex),setTimeout(()=>{r.onload=null,r.onerror=null,r.src=""},1e3)},r.onerror=()=>{let t=a.current.get(e.tileIndex);t?.timeoutId&&clearTimeout(t.timeoutId),a.current.delete(e.tileIndex),r.onload=null,r.onerror=null,r.src=""},r.src=e.imageBase64})},10*r)})}catch(e){console.error("Tiles data error:",e)}},[l]),b=(0,r.useCallback)(e=>{e()},[]),f=(0,r.useCallback)(e=>{e.tileCount&&s(e.tileCount)},[]),g=(0,r.useCallback)(()=>{u.current&&d.current&&(c.current||(c.current=!0,u.current.emit("request-screen-with-hashes",{tileHashes:o.current}),setTimeout(()=>{c.current=!1},1e3)))},[]),x=(0,r.useCallback)(()=>{for(let[,e]of a.current.entries())e.timeoutId&&clearTimeout(e.timeoutId),e.img.src="";a.current.clear(),o.current=[],i.current.clear()},[]);return{renderedTilesRef:i,totalTileCount:n,handleFullScreenData:h,handleTilesData:m,startStreamingWithTiles:b,handleScreenDimensions:f,cleanupTiles:x,requestScreenWithHashes:g}}(c,b,I);(0,r.useEffect)(()=>{if(!g||!c)return;let e=e=>{ek(e),B(e,ep),setTimeout(()=>{!b&&c&&m&&ey(p)},100)},t=e=>ev(e),r=e=>ew(e),l=e=>console.error("Screen error:",e);return c.on("screen-dimensions",e),c.on("full-screen-data",t),c.on("tiles-data",r),c.on("screen-error",l),()=>{c.off("screen-dimensions",e),c.off("full-screen-data",t),c.off("tiles-data",r),c.off("screen-error",l),eC(),z.current&&clearTimeout(z.current)}},[g,c,b,m,p,ek,B,ep,ey,ev,ew,eC,z]),(0,r.useEffect)(()=>{if(!b||!c||!m)return;let e=setInterval(()=>{b&&c&&m&&eM()},200);return()=>clearInterval(e)},[b,c,m,eM]);let eS=e=>t=>{Y(t,e,{streaming:b,socket:c,selectionMode:q,selectionStart:F,dragMode:G,isDragging:J,setIsDragging:Q,setDragMode:_,isMobile:e.includes("touch"),handleSelection:(e,t,r)=>eg(e,t,r,{streaming:b,getCanvasCoordinates:W,baseCanvasSize:P,canvasZoom:E,canvasPan:R})})},ej=(0,r.useCallback)(()=>{sessionStorage.clear(),window.location.href="/login"},[]);return g?(0,t.jsxs)("div",{className:"bg-slate-900 text-white flex flex-col h-[var(--app-height,100vh)] w-full",style:{userSelect:"none",WebkitUserSelect:"none",WebkitTouchCallout:"none",WebkitTapHighlightColor:"transparent",touchAction:"manipulation"},onContextMenu:e=>e.preventDefault(),children:[(0,t.jsx)(o,{canvasRef:I,canvasContainerRef:D,canvasZoom:E,canvasPan:R,baseCanvasSize:P,streaming:b,selectionRect:Z,clickIndicator:L,onMouseDown:eS("click"),onMouseMove:eS("move"),onTouchStart:eS("touch"),onTouchMove:eS("touchmove"),onTouchEnd:eS("touchend"),onKeyDown:e=>en(e,b)}),(0,t.jsx)(u,{streaming:b,connected:m,canvasZoom:E,selectionMode:q,dragMode:G,isDragging:J,modifierKeys:V,textInputValue:A,textInputRef:O,keyboardVisible:H,onStartStreaming:()=>ey(p),onStopStreaming:v,onResetZoom:X,onRefresh:()=>b&&c&&w([]),onToggleSelection:et,onToggleDrag:er,onToggleModifier:ee,onScrollUp:es,onScrollDown:ei,onScrollLeft:ea,onScrollRight:eo,onStopScrolling:ec,onArrowKey:eh,onEscKey:em,onTabKey:eb,onEnterKey:ef,onBackspace:ed,onTextInputChange:U,onTextInputFocus:el,onTextInputKeyDown:e=>ex(e,b),onSendText:eu,onClose:$}),(0,t.jsx)(h.default,{retryStatus:x,onLogout:ej})]}):(0,t.jsxs)("div",{className:"min-h-screen bg-slate-900 flex items-center justify-center",children:[(0,t.jsx)(d.default,{size:"lg",text:"Connecting to remote..."}),(0,t.jsx)(h.default,{retryStatus:x,onLogout:ej})]})}e.s(["default",()=>m],62218)}]);

package/dist/standalone/.next/static/chunks/983bde94cd1a5eb5.css

@@ -0,0 +1 @@
+:host,:root{--d2h-bg-color:#fff;--d2h-border-color:#ddd;--d2h-dim-color:#0000004d;--d2h-line-border-color:#eee;--d2h-file-header-bg-color:#f7f7f7;--d2h-file-header-border-color:#d8d8d8;--d2h-empty-placeholder-bg-color:#f1f1f1;--d2h-empty-placeholder-border-color:#e1e1e1;--d2h-selected-color:#c8e1ff;--d2h-ins-bg-color:#dfd;--d2h-ins-border-color:#b4e2b4;--d2h-ins-highlight-bg-color:#97f295;--d2h-ins-label-color:#399839;--d2h-del-bg-color:#fee8e9;--d2h-del-border-color:#e9aeae;--d2h-del-highlight-bg-color:#ffb6ba;--d2h-del-label-color:#c33;--d2h-change-del-color:#fdf2d0;--d2h-change-ins-color:#ded;--d2h-info-bg-color:#f8fafd;--d2h-info-border-color:#d5e4f2;--d2h-change-label-color:#d0b44c;--d2h-moved-label-color:#3572b0;--d2h-dark-color:#e6edf3;--d2h-dark-bg-color:#0d1117;--d2h-dark-border-color:#30363d;--d2h-dark-dim-color:#6e7681;--d2h-dark-line-border-color:#21262d;--d2h-dark-file-header-bg-color:#161b22;--d2h-dark-file-header-border-color:#30363d;--d2h-dark-empty-placeholder-bg-color:#6e76811a;--d2h-dark-empty-placeholder-border-color:#30363d;--d2h-dark-selected-color:#388bfd1a;--d2h-dark-ins-bg-color:#2ea04326;--d2h-dark-ins-border-color:#2ea04366;--d2h-dark-ins-highlight-bg-color:#2ea04366;--d2h-dark-ins-label-color:#3fb950;--d2h-dark-del-bg-color:#f851491a;--d2h-dark-del-border-color:#f8514966;--d2h-dark-del-highlight-bg-color:#f8514966;--d2h-dark-del-label-color:#f85149;--d2h-dark-change-del-color:#d2992233;--d2h-dark-change-ins-color:#2ea04340;--d2h-dark-info-bg-color:#388bfd1a;--d2h-dark-info-border-color:#388bfd66;--d2h-dark-change-label-color:#d29922;--d2h-dark-moved-label-color:#3572b0}.d2h-wrapper{text-align:left}.d2h-file-header{background-color:#f7f7f7;background-color:var(--d2h-file-header-bg-color);border-bottom:1px solid #d8d8d8;border-bottom:1px solid var(--d2h-file-header-border-color);height:35px;padding:5px 10px;font-family:Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex}.d2h-file-header.d2h-sticky-header{z-index:1;position:sticky;top:0}.d2h-file-stats{margin-left:auto;font-size:14px;display:flex}.d2h-lines-added{border:1px solid #b4e2b4;border:1px solid var(--d2h-ins-border-color);color:var(--d2h-ins-label-color);text-align:right;vertical-align:middle;border-radius:5px 0 0 5px;padding:2px}.d2h-lines-deleted{border:1px solid #e9aeae;border:1px solid var(--d2h-del-border-color);color:var(--d2h-del-label-color);text-align:left;vertical-align:middle;border-radius:0 5px 5px 0;margin-left:1px;padding:2px}.d2h-file-name-wrapper{align-items:center;width:100%;font-size:15px;display:flex}.d2h-file-name{text-overflow:ellipsis;white-space:nowrap;overflow-x:hidden}.d2h-file-wrapper{border:1px solid #ddd;border:1px solid var(--d2h-border-color);border-radius:3px;margin-bottom:1em}.d2h-file-collapse{cursor:pointer;border:1px solid #ddd;border:1px solid var(--d2h-border-color);border-radius:3px;justify-content:flex-end;align-items:center;padding:4px 8px;font-size:12px;display:none}.d2h-file-collapse.d2h-selected{background-color:#c8e1ff;background-color:var(--d2h-selected-color)}.d2h-file-collapse-input{margin:0 4px 0 0}.d2h-diff-table{border-collapse:collapse;width:100%;font-family:Menlo,Consolas,monospace;font-size:13px}.d2h-files-diff{width:100%;display:flex}.d2h-file-diff{overflow-y:hidden}.d2h-file-diff.d2h-d-none,.d2h-files-diff.d2h-d-none{display:none}.d2h-file-side-diff{width:50%;display:inline-block;overflow:scroll hidden}.d2h-code-line{width:calc(100% - 16em);padding:0 8em}.d2h-code-line,.d2h-code-side-line{-webkit-user-select:none;user-select:none;white-space:nowrap;display:inline-block}.d2h-code-side-line{width:calc(100% - 9em);padding:0 4.5em}.d2h-code-line-ctn{word-wrap:normal;-webkit-user-select:text;user-select:text;vertical-align:middle;white-space:pre;background:0 0;width:100%;padding:0;display:inline-block}.d2h-code-line del,.d2h-code-side-line del{background-color:#ffb6ba;background-color:var(--d2h-del-highlight-bg-color)}.d2h-code-line del,.d2h-code-line ins,.d2h-code-side-line del,.d2h-code-side-line ins{border-radius:.2em;margin-top:-1px;-webkit-text-decoration:none;text-decoration:none;display:inline-block}.d2h-code-line ins,.d2h-code-side-line ins{background-color:#97f295;background-color:var(--d2h-ins-highlight-bg-color);text-align:left}.d2h-code-line-prefix{word-wrap:normal;white-space:pre;background:0 0;padding:0;display:inline}.line-num1{float:left}.line-num1,.line-num2{box-sizing:border-box;text-overflow:ellipsis;width:3.5em;padding:0 .5em;overflow:hidden}.line-num2{float:right}.d2h-code-linenumber{background-color:#fff;background-color:var(--d2h-bg-color);border:solid #eee;border:solid var(--d2h-line-border-color);box-sizing:border-box;color:var(--d2h-dim-color);cursor:pointer;text-align:right;border-width:0 1px;width:7.5em;display:inline-block;position:absolute}.d2h-code-linenumber:after{content:"​"}.d2h-code-side-linenumber{background-color:#fff;background-color:var(--d2h-bg-color);border:solid #eee;border:solid var(--d2h-line-border-color);box-sizing:border-box;color:var(--d2h-dim-color);cursor:pointer;text-align:right;text-overflow:ellipsis;border-width:0 1px;width:4em;padding:0 .5em;display:inline-block;position:absolute;overflow:hidden}.d2h-code-side-linenumber:after{content:"​"}.d2h-code-side-emptyplaceholder,.d2h-emptyplaceholder{background-color:#f1f1f1;background-color:var(--d2h-empty-placeholder-bg-color);border-color:#e1e1e1;border-color:var(--d2h-empty-placeholder-border-color)}.d2h-code-line-prefix,.d2h-code-linenumber,.d2h-code-side-linenumber,.d2h-emptyplaceholder{-webkit-user-select:none;user-select:none}.d2h-code-linenumber,.d2h-code-side-linenumber{direction:rtl}.d2h-del{background-color:#fee8e9;background-color:var(--d2h-del-bg-color);border-color:#e9aeae;border-color:var(--d2h-del-border-color)}.d2h-ins{background-color:#dfd;background-color:var(--d2h-ins-bg-color);border-color:#b4e2b4;border-color:var(--d2h-ins-border-color)}.d2h-info{background-color:#f8fafd;background-color:var(--d2h-info-bg-color);border-color:#d5e4f2;border-color:var(--d2h-info-border-color);color:var(--d2h-dim-color)}.d2h-file-diff .d2h-del.d2h-change{background-color:#fdf2d0;background-color:var(--d2h-change-del-color)}.d2h-file-diff .d2h-ins.d2h-change{background-color:#ded;background-color:var(--d2h-change-ins-color)}.d2h-file-list-wrapper{margin-bottom:10px}.d2h-file-list-wrapper a{-webkit-text-decoration:none;text-decoration:none}.d2h-file-list-wrapper a,.d2h-file-list-wrapper a:visited{color:var(--d2h-moved-label-color)}.d2h-file-list-header{text-align:left}.d2h-file-list-title{font-weight:700}.d2h-file-list-line{text-align:left;display:flex}.d2h-file-list{margin:0;padding:0;list-style:none;display:block}.d2h-file-list>li{border-bottom:1px solid #ddd;border-bottom:1px solid var(--d2h-border-color);margin:0;padding:5px 10px}.d2h-file-list>li:last-child{border-bottom:none}.d2h-file-switch{cursor:pointer;font-size:10px;display:none}.d2h-icon{vertical-align:middle;fill:currentColor;margin-right:10px}.d2h-deleted{color:var(--d2h-del-label-color)}.d2h-added{color:var(--d2h-ins-label-color)}.d2h-changed{color:var(--d2h-change-label-color)}.d2h-moved{color:var(--d2h-moved-label-color)}.d2h-tag{background-color:#fff;background-color:var(--d2h-bg-color);margin-left:5px;padding:0 2px;font-size:10px;display:flex}.d2h-deleted-tag{border:1px solid #c33;border:1px solid var(--d2h-del-label-color)}.d2h-added-tag{border:1px solid #399839;border:1px solid var(--d2h-ins-label-color)}.d2h-changed-tag{border:1px solid #d0b44c;border:1px solid var(--d2h-change-label-color)}.d2h-moved-tag{border:1px solid #3572b0;border:1px solid var(--d2h-moved-label-color)}.d2h-dark-color-scheme{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);color:var(--d2h-dark-color)}.d2h-dark-color-scheme .d2h-file-header{background-color:#161b22;background-color:var(--d2h-dark-file-header-bg-color);border-bottom:#30363d;border-bottom:var(--d2h-dark-file-header-border-color)}.d2h-dark-color-scheme .d2h-lines-added{border:1px solid #2ea04366;border:1px solid var(--d2h-dark-ins-border-color);color:var(--d2h-dark-ins-label-color)}.d2h-dark-color-scheme .d2h-lines-deleted{border:1px solid #f8514966;border:1px solid var(--d2h-dark-del-border-color);color:var(--d2h-dark-del-label-color)}.d2h-dark-color-scheme .d2h-code-line del,.d2h-dark-color-scheme .d2h-code-side-line del{background-color:#f8514966;background-color:var(--d2h-dark-del-highlight-bg-color)}.d2h-dark-color-scheme .d2h-code-line ins,.d2h-dark-color-scheme .d2h-code-side-line ins{background-color:#2ea04366;background-color:var(--d2h-dark-ins-highlight-bg-color)}.d2h-dark-color-scheme .d2h-diff-tbody{border-color:#30363d;border-color:var(--d2h-dark-border-color)}.d2h-dark-color-scheme .d2h-code-side-linenumber{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);border-color:#21262d;border-color:var(--d2h-dark-line-border-color);color:var(--d2h-dark-dim-color)}.d2h-dark-color-scheme .d2h-files-diff .d2h-code-side-emptyplaceholder,.d2h-dark-color-scheme .d2h-files-diff .d2h-emptyplaceholder{background-color:#6e76811a;background-color:var(--d2h-dark-empty-placeholder-bg-color);border-color:#30363d;border-color:var(--d2h-dark-empty-placeholder-border-color)}.d2h-dark-color-scheme .d2h-code-linenumber{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);border-color:#21262d;border-color:var(--d2h-dark-line-border-color);color:var(--d2h-dark-dim-color)}.d2h-dark-color-scheme .d2h-del{background-color:#f851491a;background-color:var(--d2h-dark-del-bg-color);border-color:#f8514966;border-color:var(--d2h-dark-del-border-color)}.d2h-dark-color-scheme .d2h-ins{background-color:#2ea04326;background-color:var(--d2h-dark-ins-bg-color);border-color:#2ea04366;border-color:var(--d2h-dark-ins-border-color)}.d2h-dark-color-scheme .d2h-info{background-color:#388bfd1a;background-color:var(--d2h-dark-info-bg-color);border-color:#388bfd66;border-color:var(--d2h-dark-info-border-color);color:var(--d2h-dark-dim-color)}.d2h-dark-color-scheme .d2h-file-diff .d2h-del.d2h-change{background-color:#d2992233;background-color:var(--d2h-dark-change-del-color)}.d2h-dark-color-scheme .d2h-file-diff .d2h-ins.d2h-change{background-color:#2ea04340;background-color:var(--d2h-dark-change-ins-color)}.d2h-dark-color-scheme .d2h-file-wrapper{border:1px solid #30363d;border:1px solid var(--d2h-dark-border-color)}.d2h-dark-color-scheme .d2h-file-collapse{border:1px solid #0d1117;border:1px solid var(--d2h-dark-bg-color)}.d2h-dark-color-scheme .d2h-file-collapse.d2h-selected{background-color:#388bfd1a;background-color:var(--d2h-dark-selected-color)}.d2h-dark-color-scheme .d2h-file-list-wrapper a,.d2h-dark-color-scheme .d2h-file-list-wrapper a:visited{color:var(--d2h-dark-moved-label-color)}.d2h-dark-color-scheme .d2h-file-list>li{border-bottom:1px solid #0d1117;border-bottom:1px solid var(--d2h-dark-bg-color)}.d2h-dark-color-scheme .d2h-deleted{color:var(--d2h-dark-del-label-color)}.d2h-dark-color-scheme .d2h-added{color:var(--d2h-dark-ins-label-color)}.d2h-dark-color-scheme .d2h-changed{color:var(--d2h-dark-change-label-color)}.d2h-dark-color-scheme .d2h-moved{color:var(--d2h-dark-moved-label-color)}.d2h-dark-color-scheme .d2h-tag{background-color:#0d1117;background-color:var(--d2h-dark-bg-color)}.d2h-dark-color-scheme .d2h-deleted-tag{border:1px solid #f85149;border:1px solid var(--d2h-dark-del-label-color)}.d2h-dark-color-scheme .d2h-added-tag{border:1px solid #3fb950;border:1px solid var(--d2h-dark-ins-label-color)}.d2h-dark-color-scheme .d2h-changed-tag{border:1px solid #d29922;border:1px solid var(--d2h-dark-change-label-color)}.d2h-dark-color-scheme .d2h-moved-tag{border:1px solid #3572b0;border:1px solid var(--d2h-dark-moved-label-color)}@media (prefers-color-scheme:dark){.d2h-auto-color-scheme{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);color:var(--d2h-dark-color)}.d2h-auto-color-scheme .d2h-file-header{background-color:#161b22;background-color:var(--d2h-dark-file-header-bg-color);border-bottom:#30363d;border-bottom:var(--d2h-dark-file-header-border-color)}.d2h-auto-color-scheme .d2h-lines-added{border:1px solid #2ea04366;border:1px solid var(--d2h-dark-ins-border-color);color:var(--d2h-dark-ins-label-color)}.d2h-auto-color-scheme .d2h-lines-deleted{border:1px solid #f8514966;border:1px solid var(--d2h-dark-del-border-color);color:var(--d2h-dark-del-label-color)}.d2h-auto-color-scheme .d2h-code-line del,.d2h-auto-color-scheme .d2h-code-side-line del{background-color:#f8514966;background-color:var(--d2h-dark-del-highlight-bg-color)}.d2h-auto-color-scheme .d2h-code-line ins,.d2h-auto-color-scheme .d2h-code-side-line ins{background-color:#2ea04366;background-color:var(--d2h-dark-ins-highlight-bg-color)}.d2h-auto-color-scheme .d2h-diff-tbody{border-color:#30363d;border-color:var(--d2h-dark-border-color)}.d2h-auto-color-scheme .d2h-code-side-linenumber{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);border-color:#21262d;border-color:var(--d2h-dark-line-border-color);color:var(--d2h-dark-dim-color)}.d2h-auto-color-scheme .d2h-files-diff .d2h-code-side-emptyplaceholder,.d2h-auto-color-scheme .d2h-files-diff .d2h-emptyplaceholder{background-color:#6e76811a;background-color:var(--d2h-dark-empty-placeholder-bg-color);border-color:#30363d;border-color:var(--d2h-dark-empty-placeholder-border-color)}.d2h-auto-color-scheme .d2h-code-linenumber{background-color:#0d1117;background-color:var(--d2h-dark-bg-color);border-color:#21262d;border-color:var(--d2h-dark-line-border-color);color:var(--d2h-dark-dim-color)}.d2h-auto-color-scheme .d2h-del{background-color:#f851491a;background-color:var(--d2h-dark-del-bg-color);border-color:#f8514966;border-color:var(--d2h-dark-del-border-color)}.d2h-auto-color-scheme .d2h-ins{background-color:#2ea04326;background-color:var(--d2h-dark-ins-bg-color);border-color:#2ea04366;border-color:var(--d2h-dark-ins-border-color)}.d2h-auto-color-scheme .d2h-info{background-color:#388bfd1a;background-color:var(--d2h-dark-info-bg-color);border-color:#388bfd66;border-color:var(--d2h-dark-info-border-color);color:var(--d2h-dark-dim-color)}.d2h-auto-color-scheme .d2h-file-diff .d2h-del.d2h-change{background-color:#d2992233;background-color:var(--d2h-dark-change-del-color)}.d2h-auto-color-scheme .d2h-file-diff .d2h-ins.d2h-change{background-color:#2ea04340;background-color:var(--d2h-dark-change-ins-color)}.d2h-auto-color-scheme .d2h-file-wrapper{border:1px solid #30363d;border:1px solid var(--d2h-dark-border-color)}.d2h-auto-color-scheme .d2h-file-collapse{border:1px solid #0d1117;border:1px solid var(--d2h-dark-bg-color)}.d2h-auto-color-scheme .d2h-file-collapse.d2h-selected{background-color:#388bfd1a;background-color:var(--d2h-dark-selected-color)}.d2h-auto-color-scheme .d2h-file-list-wrapper a,.d2h-auto-color-scheme .d2h-file-list-wrapper a:visited{color:var(--d2h-dark-moved-label-color)}.d2h-auto-color-scheme .d2h-file-list>li{border-bottom:1px solid #0d1117;border-bottom:1px solid var(--d2h-dark-bg-color)}.d2h-dark-color-scheme .d2h-deleted{color:var(--d2h-dark-del-label-color)}.d2h-auto-color-scheme .d2h-added{color:var(--d2h-dark-ins-label-color)}.d2h-auto-color-scheme .d2h-changed{color:var(--d2h-dark-change-label-color)}.d2h-auto-color-scheme .d2h-moved{color:var(--d2h-dark-moved-label-color)}.d2h-auto-color-scheme .d2h-tag{background-color:#0d1117;background-color:var(--d2h-dark-bg-color)}.d2h-auto-color-scheme .d2h-deleted-tag{border:1px solid #f85149;border:1px solid var(--d2h-dark-del-label-color)}.d2h-auto-color-scheme .d2h-added-tag{border:1px solid #3fb950;border:1px solid var(--d2h-dark-ins-label-color)}.d2h-auto-color-scheme .d2h-changed-tag{border:1px solid #d29922;border:1px solid var(--d2h-dark-change-label-color)}.d2h-auto-color-scheme .d2h-moved-tag{border:1px solid #3572b0;border:1px solid var(--d2h-dark-moved-label-color)}}