termdock 1.4.361 → 1.4.362

package/dist/client/assets/CollaborationMainWorkspace-v_Kf8bk2.js

@@ -1 +0,0 @@
-import{eu as y,cy as I,bp as O,bS as _,ec as $,cr as t,I as B,S as F}from"./app-CG7UnlvD.js";import{b as s}from"./dnd-BCFAPC0L.js";import{k as a,c as K,j as U,P as Y,W as q,C as H,o as J,f as Q}from"./App-Bb2gVHKa.js";import"./react-XDCjal2T.js";import"./terminal-DaiFCKy_.js";import"./link-DP9WqPQf.js";import"./clipboardText-CQBpBKPz.js";import"./swiper-Bge5b7oc.js";import"./AndroidMirrorView-DvaQ4bWE.js";import"./v4-EwEgHOG0.js";import"./RecordingSaveDialog-SqE6T39W.js";import"./use-gesture-react.esm-uKjWuDRY.js";import"./gestureArbiter-DszagC-d.js";import"./unplug-wUkIQYu0.js";import"./circle-BbMJmnZN.js";import"./GitLoadingSkeleton-D5nkNhPE.js";import"./clipboard-Bc3Y4SV-.js";import"./triangle-alert-DUjdvUeM.js";import"./search-g7nZaX-p.js";import"./external-link-CUbXNBYc.js";import"./maximize-2-Duk9ucVy.js";import"./git-compare-TvhljhDy.js";import"./arrow-down-C3OQpvij.js";import"./sun-Docz24Gq.js";function Ne({groupId:r,activeSessionId:l,onOpenSidebar:k,leftSidebarVisible:N=!1,onToggleRightSidebar:f,rightSidebarOpen:p=!1,defaultSessionMode:S}){const d=s.useRef(null);s.useEffect(()=>{d.current?.focus()},[]);const[n,x]=s.useState(null),[C,v]=s.useState([]),[w,c]=s.useState(null),[b,E]=s.useState(null),[m,P]=s.useState(null),[D,G]=s.useState(null);y(w?{tone:"recovering",message:"正在恢复协作同步…"}:null),y(b?{message:b}:null);const A=a(e=>e.view),L=a(e=>e.drafts),g=a(e=>e.setDraft),[R,V]=s.useState(r),u=s.useCallback(async()=>{try{const e=await I();x(e),c(null)}catch(e){c(e instanceof Error?e.message:"协作组加载失败")}},[]);s.useEffect(()=>{let e=!1;O().then(o=>{e||v(o)}).catch(()=>{}),_().then(o=>{if(e)return;const M=o.collaborationPanels?.[K()]?.drafts;for(const[j,T]of Object.entries(M??{}))a.getState().drafts[j]||g(j,T)}).catch(()=>{});const W=$(o=>{e||(x(o),c(null))}),z=U(()=>{navigator.onLine!==!1&&u()},1e4,[F,"pageshow"]);return()=>{e=!0,W(),z()}},[u]);const i=n?.groups.find(e=>e.id===r),h=async e=>{await Q(e),a.getState().terminal()};return t.jsxs("section",{"aria-label":"协作主工作区",className:"absolute inset-0 flex min-h-0 min-w-0 flex-col bg-[var(--chrome-bg)] text-foreground",children:[t.jsxs("header",{"data-termdock-window-header":"true",className:"flex min-h-14 shrink-0 items-center gap-1 border-b border-border/15 px-2 sm:min-h-16 sm:gap-3 sm:px-6",children:[!N&&t.jsx("button",{type:"button","aria-label":"打开会话侧栏",className:"inline-flex min-h-11 min-w-11 items-center justify-center rounded-lg text-muted-foreground hover:bg-surface-2",onClick:k,children:t.jsx(Y,{size:17})}),t.jsx(q,{size:18,className:"hidden shrink-0 text-primary sm:block"}),t.jsxs("div",{className:"min-w-0 flex-1",children:[t.jsx("h2",{ref:d,tabIndex:-1,className:"truncate text-base font-semibold outline-none",children:i?.name??"协作工作区"}),t.jsx("p",{className:"text-[11px] text-muted-foreground",children:i?`${i.sessionIds.length} 位成员`:"正在连接工作组"})]}),f&&t.jsx("button",{type:"button","aria-label":"文件侧栏",title:"文件侧栏","aria-pressed":p,className:`inline-flex min-h-11 min-w-11 items-center justify-center rounded-lg ${p?"bg-surface-2 text-primary":"text-muted-foreground hover:bg-surface-2"}`,onClick:f,children:t.jsx(B,{size:17})})]}),t.jsxs("div",{className:"flex min-h-0 flex-1 flex-col px-4 py-2 sm:px-6",children:[m&&t.jsx("p",{role:"status",className:"mb-3 shrink-0 text-xs text-primary",children:m}),n?i?t.jsx(H,{fullWorkspace:!0,initialView:A,active:!0,notice:m,groups:n.groups,sessions:n.sessions,agents:C,sessionsState:"loaded",selectedGroupId:R,setSelectedGroupId:V,initialGroupId:r,activeSessionId:l,initialDrafts:L,onDraftChange:g,docked:!1,inputKeySuffix:"main",floatingVisible:!0,floating:!1,onOpenSession:h,onOpenTaskSession:h,onDockMessages:l?async()=>{await J(r,l)}:void 0,defaultSessionMode:S,busy:D,setBusy:G,setError:E,setNotice:P,refresh:u}):t.jsx("p",{className:"py-10 text-center text-sm text-muted-foreground",children:"协作组已移除或暂不可用。任务记录仍保留在原服务中。"}):t.jsx("p",{role:"status",className:"py-10 text-center text-sm text-muted-foreground",children:"正在加载协作工作区…"})]})]})}export{Ne as default};

package/dist/client/assets/CollaborationTaskContent-Cm0uanGi.js

@@ -1 +0,0 @@
-import{cr as t}from"./app-CG7UnlvD.js";import{M as r}from"./Markdown-BQK61rwW.js";import"./react-XDCjal2T.js";import"./dnd-BCFAPC0L.js";import"./terminal-DaiFCKy_.js";import"./swiper-Bge5b7oc.js";import"./use-gesture-react.esm-uKjWuDRY.js";import"./referenceSelection-CYduiLc1.js";import"./list-tree-TZoK4D1s.js";function u({content:o}){return t.jsx(r,{content:o,variant:"compact"})}export{u as default};

package/dist/client/assets/ComputerControlView-BQnieqiC.js

@@ -1,6 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/rdpSession-lNNwVCpP.js","assets/app-CG7UnlvD.js","assets/react-XDCjal2T.js","assets/dnd-BCFAPC0L.js","assets/terminal-DaiFCKy_.js","assets/index-Db6cTvcd.css","assets/chevron-left-BS8PE--U.js","assets/unplug-wUkIQYu0.js","assets/clipboard-Bc3Y4SV-.js","assets/maximize-2-Duk9ucVy.js"])))=>i.map(i=>d[i]);
-import{a$ as We,eL as Mt,b3 as nt,aP as jt,aO as Rt,dG as Wt,eA as Pt,cr as r,aI as Gt,dE as Be,cq as ot,a6 as Nt,T as St,H as Zt,w as Tt,a8 as Jt,a9 as Lt}from"./app-CG7UnlvD.js";import{b as c,r as st}from"./dnd-BCFAPC0L.js";import{C as Qt}from"./chevron-left-BS8PE--U.js";import{U as At,K as He}from"./unplug-wUkIQYu0.js";import{C as at}from"./clipboard-Bc3Y4SV-.js";import{M as er}from"./maximize-2-Duk9ucVy.js";const tr=[["path",{d:"M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z",key:"edeuup"}]],rr=We("mouse-pointer-2",tr);const nr=[["path",{d:"M14 17H5",key:"gfn3mx"}],["path",{d:"M19 7h-9",key:"6i9tg"}],["circle",{cx:"17",cy:"17",r:"3",key:"18b49y"}],["circle",{cx:"7",cy:"7",r:"3",key:"dfmy0x"}]],or=We("settings-2",nr);const sr=[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["line",{x1:"21",x2:"16.65",y1:"21",y2:"16.65",key:"13gj7c"}],["line",{x1:"11",x2:"11",y1:"8",y2:"14",key:"1vmskp"}],["line",{x1:"8",x2:"14",y1:"11",y2:"11",key:"durymu"}]],ar=We("zoom-in",sr);const cr=[["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}],["line",{x1:"21",x2:"16.65",y1:"21",y2:"16.65",key:"13gj7c"}],["line",{x1:"8",x2:"14",y1:"11",y2:"11",key:"durymu"}]],ir=We("zoom-out",cr);function lr(n){const o=Mt(),s=o?.computers?.[0],t=JSON.stringify(s),[p,v]=c.useState(nt),[i,x]=c.useState(!1),[k,f]=c.useState("loading"),[E,y]=c.useState(0),[b,h]=c.useState([]),[X,B]=c.useState("idle"),g=c.useRef(p),R=c.useRef(0),N=c.useRef(0),T=c.useRef(""),z=c.useRef(null),j=c.useRef(new Set),O=c.useCallback(S=>{g.current=S(g.current),R.current++,v(g.current),f("saving")},[]);c.useEffect(()=>{const S=++N.current;R.current=0,T.current="",z.current=null,g.current=nt(),v(g.current),x(!1),f("loading"),h([]),B("idle");const M=new AbortController;if(o){const C=nt();return s&&(C.target="remote",C.remote={...C.remote,...s,port:String(s.port),platform:s.protocol==="vnc"?"mac":"windows",rememberLogin:!1},C.viewOnly=s.access!=="control"),g.current=C,T.current=JSON.stringify(C),v(C),x(!0),f("saved"),()=>{++N.current}}return fetch("/api/computer/preferences",{signal:M.signal}).then(async C=>{if(!C.ok)throw new Error("PREFERENCES_LOAD_FAILED");return await C.json()}).then(C=>{if(S!==N.current||M.signal.aborted)return;let F=jt(C.preferences);const w=R.current>0;if(!C.configured&&!w)try{const K=localStorage.getItem(`termdock:computer-host:${n}`);if(K){const te=/^(127\.0\.0\.1|localhost|::1|\[::1\])$/i.test(K)?"local":"remote";F=jt({...F,target:te,[te]:{...F[te],host:K,platform:localStorage.getItem(`termdock:computer-platform:${n}`)||F[te].platform,protocol:localStorage.getItem(`termdock:computer-protocol:${n}`)||"vnc",port:localStorage.getItem(`termdock:computer-rdp-port:${n}`)||"3389"}}),R.current++}}catch{}w||(g.current=F),T.current=C.configured?JSON.stringify(F):"",v(g.current),x(!0),f(C.configured?"saved":"saving"),h(Array.isArray(C.credentialKeys)?C.credentialKeys.filter(K=>typeof K=="string"):[]),B(C.credentialError?"error":"idle")}).catch(()=>{!M.signal.aborted&&S===N.current&&f("error")}),()=>{++N.current,M.abort();for(const C of j.current)C.abort();j.current.clear()}},[n,E,t,!!o]);const m=c.useCallback(()=>{if(o)return T.current=JSON.stringify(g.current),f("saved"),Promise.resolve(!0);if(z.current)return z.current;if(!i)return Promise.resolve(!1);const S=N.current,M=(async()=>{for(;T.current!==JSON.stringify(g.current);){const C=JSON.stringify(g.current),F=new AbortController;j.current.add(F),f("saving");try{if(!(await fetch("/api/computer/preferences",{method:"PUT",headers:{"Content-Type":"application/json"},body:C,signal:F.signal})).ok)throw new Error("PREFERENCES_SAVE_FAILED");if(S!==N.current)return!1;T.current=C}catch{return S===N.current&&f("error"),!1}finally{j.current.delete(F)}}return S===N.current&&f("saved"),!0})();return z.current=M,M.finally(()=>{z.current===M&&(z.current=null)}),M},[i,!!o]);c.useEffect(()=>{if(!i||T.current===JSON.stringify(p))return;const S=setTimeout(()=>{m()},300);return()=>clearTimeout(S)},[i,p,m]);const $=c.useCallback(async(S,M,C)=>{const F=N.current,w=new AbortController;S!=="use"&&B("saving");try{if(!await m()||F!==N.current)throw new Error("COMPUTER_CREDENTIALS_FAILED");j.current.add(w);const K=await fetch(`/api/computer/credentials/${S}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({profile:M,...S==="save"?{password:C}:{}}),signal:w.signal});if(F!==N.current)throw new Error("COMPUTER_CREDENTIALS_FAILED");if(!K.ok)throw new Error(S==="use"&&K.status===404?"COMPUTER_CREDENTIALS_MISSING":"COMPUTER_CREDENTIALS_FAILED");const H=await K.json();if(F!==N.current)throw new Error("COMPUTER_CREDENTIALS_FAILED");const te=Rt(M);if(S==="save"&&h(ce=>[...new Set([...ce,te])]),S==="forget"&&h(ce=>ce.filter(Le=>Le!==te)),S==="use"&&(typeof H.password!="string"||!H.password))throw new Error("COMPUTER_CREDENTIALS_MISSING");return B("idle"),H.password}catch(K){throw F===N.current&&!w.signal.aborted&&B("error"),K}finally{j.current.delete(w)}},[m]);return{preferences:p,change:O,loaded:i,saveState:k,flush:m,credentialKeys:b,loginState:X,credentialRequest:$,retry:()=>i?void m():y(S=>S+1)}}const ur=1464686180;function dr(n){if(n.length<4||n[0]!==2)return n;const o=new DataView(n.buffer,n.byteOffset,n.byteLength),s=o.getUint16(2);if(n.length!==4+s*4)return n;const t=[];for(let i=4;i<n.length;i+=4){const x=o.getInt32(i);x!==ur&&t.push(x)}if(t.length===s)return n;const p=new Uint8Array(4+t.length*4),v=new DataView(p.buffer);return p.set(n.subarray(0,2)),v.setUint16(2,t.length),t.forEach((i,x)=>v.setInt32(4+x*4,i)),p}function pr(n,o){const s=n,t=s._sendEncodings;s._sendEncodings=()=>o.withMacCursorEncodings(()=>t.call(n))}class mr{binaryType="arraybuffer";protocol="";CONNECTING=0;OPEN=1;CLOSING=2;CLOSED=3;onopen=null;onmessage=null;onerror=null;onclose=null;socket;sendingMacEncodings=!1;withMacCursorEncodings(o){const s=this.sendingMacEncodings;this.sendingMacEncodings=!0;try{o()}finally{this.sendingMacEncodings=s}}get readyState(){return this.socket.readyState}constructor(o,s){this.socket=Wt(`/api/computer/ws?host=${encodeURIComponent(o)}`),this.socket.onopen=t=>this.onopen?.(t),this.socket.onerror=t=>this.onerror?.(t),this.socket.onclose=t=>{(t.code!==1e3||t.reason)&&s(t.reason||"COMPUTER_DISCONNECTED"),this.onclose?.(t)},this.socket.onmessage=t=>{try{const p=JSON.parse(t.data);if(p.type!=="data"||typeof p.data!="string"||!Number.isSafeInteger(p.seq))throw new Error("Invalid VNC record");const v=Uint8Array.from(atob(p.data),i=>i.charCodeAt(0));this.onmessage?.(new MessageEvent("message",{data:v.buffer})),this.socket.readyState===1&&this.socket.send(JSON.stringify({type:"ack",seq:p.seq}))}catch{s("COMPUTER_INVALID_MESSAGE"),this.close(),this.onclose?.(new CloseEvent("close",{code:4400}))}}}send(o){let s=ArrayBuffer.isView(o)?new Uint8Array(o.buffer,o.byteOffset,o.byteLength):new Uint8Array(o);this.sendingMacEncodings&&(s=dr(s));for(let t=0;t<s.length;t+=32*1024){const p=s.subarray(t,t+32768);let v="";for(const i of p)v+=String.fromCharCode(i);this.socket.send(JSON.stringify({type:"data",data:btoa(v)}))}}close(){this.socket.close()}}function fr(n){return n==="mac"||n==="linux"||n==="windows"}function hr(n){const o=n==="mac"?[65513,"MetaLeft"]:[65507,"ControlLeft"],s=n==="mac"?o:[65515,"MetaLeft"];return{escape:[[65307,"Escape"]],enter:[[65293,"Enter"]],backspace:[[65288,"Backspace"]],tab:[n==="mac"?o:[65513,"AltLeft"],[65289,"Tab"]],search:n==="mac"?[s,[32,"Space"]]:[s],copy:[o,[99,"KeyC"]],paste:[o,[118,"KeyV"]],up:[[65362,"ArrowUp"]],down:[[65364,"ArrowDown"]],left:[[65361,"ArrowLeft"]],right:[[65363,"ArrowRight"]]}}function gr(n){n._cursor?._hideCursor?.()}function xr(n){const o=n;return{position:()=>({x:Number.isFinite(o._mousePos.x)?o._display.absX(o._mousePos.x):o._fbWidth/2,y:Number.isFinite(o._mousePos.y)?o._display.absY(o._mousePos.y):o._fbHeight/2}),size:()=>({width:o._fbWidth,height:o._fbHeight}),surface:()=>o._canvas,send:(s,t,p)=>{const v=o._display.scale,i=(s-o._display.absX(0))*v,x=(t-o._display.absY(0))*v;o._mousePos={x:i,y:x},o._mouseMoveTimer!==null&&clearTimeout(o._mouseMoveTimer),o._mouseMoveTimer=null,o._mouseButtonMask=p,o._mouseLastMoveTime=Date.now(),o._sendMouse(i,x,p);const k=o._canvas.getBoundingClientRect();o._cursor?.move(k.left+i,k.top+x)}}}function br(n,o,s){const t=new AbortController,p=new Set,v=new Set;let i,x,k=!1,f=performance.now();const E=()=>p.size>0||v.size>0,y=g=>{i=void 0,!(k||!E())&&(performance.now()-f>1e3||(s.record("browser-frame",{time:g,interval:x===void 0?null:g-x,logical:o.position?.(),renderer:o.observeCursor?.()}),x=g,i=requestAnimationFrame(y)))},b=()=>{E()?i===void 0&&(x=void 0,i=requestAnimationFrame(y)):(i!==void 0&&cancelAnimationFrame(i),i=void 0,x=void 0)},h=g=>{if(g.pointerType!=="touch"&&g.pointerType!=="pen")return;f=performance.now(),g.type==="pointerdown"?p.add(g.pointerId):(g.type==="pointerup"||g.type==="pointercancel"||g.type==="lostpointercapture")&&p.delete(g.pointerId);const R=g.getCoalescedEvents?.()??[];s.record("raw-pointer",{type:g.type,time:g.timeStamp,id:g.pointerId,pointerType:g.pointerType,client:[g.clientX,g.clientY],trusted:g.isTrusted,coalesced:R.slice(-16).map(N=>[N.timeStamp,N.clientX,N.clientY])}),b()},X=g=>{f=performance.now(),v.clear();for(const R of Array.from(g.touches))v.add(R.identifier);s.record("raw-touch",{type:g.type,time:g.timeStamp,trusted:g.isTrusted,touches:Array.from(g.touches,R=>[R.identifier,R.clientX,R.clientY]),changed:Array.from(g.changedTouches,R=>[R.identifier,R.clientX,R.clientY])}),b()},B={capture:!0,passive:!0,signal:t.signal};for(const g of["pointerdown","pointermove","pointerup","pointercancel","lostpointercapture"])n.addEventListener(g,h,B);for(const g of["touchstart","touchmove","touchend","touchcancel"])n.addEventListener(g,X,B);return s.record("observation-start",{version:2,pointerEvents:typeof PointerEvent<"u",touchEvents:"ontouchstart"in window}),()=>{k=!0,t.abort(),i!==void 0&&cancelAnimationFrame(i),s.record("observation-stop"),s.flush("observation-stop")}}const Dt="termdock:computer-touch-mode:v1";function yr(){try{const n=localStorage.getItem(Dt);if(n==="trackpad"||n==="direct")return n}catch{}return navigator.maxTouchPoints>0&&window.matchMedia("(any-pointer: coarse)").matches?"trackpad":"direct"}function vr(n){try{localStorage.setItem(Dt,n)}catch{}}const Fe=8,wr=300,Cr=450,ct=18,Er=50,Ye=(n,o)=>Math.max(0,Math.min(n,Math.max(0,o-1)));function kr(n,o,s,t={}){const p=new AbortController,v=t.trace?br(n,o,t.trace):void 0,i=new Map;let x=0,k=0,f=!1,E=!1,y=!1,b=!1,h=0,X=1,B="pending",g=[],R={x:0,y:0},N={x:0,y:0},T,z=0,j=0,O,m=!0,$,S=!1;const M=()=>{const a=o.size(),u=s.current??={x:a.width/2,y:a.height/2};return u.x=Ye(u.x,a.width),u.y=Ye(u.y,a.height),u};let C;const F=()=>{const a=o.size();if((!C||C.width!==a.width||C.height!==a.height)&&(m=!0),!m&&C)return C;const u=o.surface(),d=n.getBoundingClientRect(),A=u.getBoundingClientRect(),D=[];for(let I=u.parentElement;I&&I!==n;I=I.parentElement){const ne=getComputedStyle(I),Y=/auto|scroll/.test(ne.overflowX)?Math.max(0,I.scrollWidth-I.clientWidth):0,be=/auto|scroll/.test(ne.overflowY)?Math.max(0,I.scrollHeight-I.clientHeight):0;if(!Y&&!be)continue;const Re=I.getBoundingClientRect();D.push({element:I,left:Re.left-d.left,top:Re.top-d.top,right:Re.right-d.left,bottom:Re.bottom-d.top,maxX:Y,maxY:be})}return C={...a,left:A.left-d.left,top:A.top-d.top,scaleX:a.width&&A.width?A.width/a.width:1,scaleY:a.height&&A.height?A.height/a.height:1,viewportWidth:d.width,viewportHeight:d.height,clientLeft:d.left,clientTop:d.top,scrollers:D},m=!1,C},w=(a,u)=>{if(!t.trace)return;const d=C;t.trace.record(a,{mode:t.mode,pointerType:u?.pointerType,pointerId:u?.pointerId,client:u?[u.clientX,u.clientY]:void 0,inputTime:u?.timeStamp,target:s.current?[s.current.x,s.current.y]:null,actual:o.position?.(),buttons:j,fingers:i.size,moved:f,pinching:b,scrolling:y,zoom:t.zoom?.get(),scale:d?[d.scaleX,d.scaleY]:void 0,surface:d?[d.left,d.top,d.width,d.height]:void 0,viewport:d?[d.clientLeft,d.clientTop,d.viewportWidth,d.viewportHeight]:void 0})};t.trace?.record("touchpad-attached",{mode:t.mode,viewOnly:t.viewOnly});const K=()=>{const a=F(),u=M();if(!a.width||!a.height||b||t.viewOnly)return;let d=a.left+u.x*a.scaleX,A=a.top+u.y*a.scaleY;for(const D of a.scrollers){if(D.maxX){const I=D.element.scrollLeft,ne=d<D.left+20?d-D.left-20:d>D.right-20?d-D.right+20:0,Y=Math.max(0,Math.min(D.maxX,I+ne));I!==Y&&(D.element.scrollLeft=Y,d-=Y-I,a.left-=Y-I)}if(D.maxY){const I=D.element.scrollTop,ne=A<D.top+20?A-D.top-20:A>D.bottom-20?A-D.bottom+20:0,Y=Math.max(0,Math.min(D.maxY,I+ne));I!==Y&&(D.element.scrollTop=Y,A-=Y-I,a.top-=Y-I)}}},H=(a=j)=>{if(t.viewOnly)return;const u=M(),d=t.trace?o.position?.():void 0;o.send(Math.round(u.x),Math.round(u.y),a),t.trace?.record("send",{target:[Math.round(u.x),Math.round(u.y)],buttons:a,before:d,after:o.position?.()})},te=()=>{O=void 0,K();let a=0;for(;Math.abs(z)>=ct&&a++<8;){const u=z>0?16:8;H(u),H(0),z-=Math.sign(z)*ct}},ce=(a=!1)=>{S||!a&&Math.abs(z)<ct&&!C?.scrollers.length||(O??=requestAnimationFrame(te))},Le=()=>{O!==void 0&&(cancelAnimationFrame(O),te())},Ke=()=>{O!==void 0&&cancelAnimationFrame(O),O=void 0,z=0},Ae=()=>{clearTimeout($),Le(),j&&(j=0,H())},ke=a=>{a.cancelable&&a.preventDefault(),a.stopImmediatePropagation()},_e=()=>{const[a,u]=[...i.values()];return{distance:Math.hypot(a.x-u.x,a.y-u.y),x:(a.x+u.x)/2,y:(a.y+u.y)/2}},q=(a=!1)=>{if(S||E||i.size!==2||k!==2)return;const u=_e();if(B==="pending"){const d=[...i.values()].map((Y,be)=>({x:Y.x-g[be].x,y:Y.y-g[be].y})),A=d.map(Y=>Math.hypot(Y.x,Y.y));if(Math.max(...A)<Fe)return;if(!a&&Math.min(...A)<Fe){T??=setTimeout(()=>{T=void 0,q(!0)},Er);return}clearTimeout(T),T=void 0;const D=Math.abs(u.distance-h),I=d[0].x*d[1].x+d[0].y*d[1].y<0,ne=Math.min(...A)>=Fe?I:D>Math.max(Math.abs(u.x-R.x),Math.abs(u.y-R.y));B=t.zoom&&D>=Fe&&ne?"pinch":t.mode==="direct"&&t.zoom&&t.zoom.get()>1?"pan":"scroll",b=B==="pinch",f=!0,w("two-finger-classified")}B==="pinch"&&h>0?(t.zoom?.set(X*u.distance/h,u),t.zoom?.pan(u.x-N.x,u.y-N.y),m=!0):B==="pan"?(t.zoom?.pan(u.x-N.x,u.y-N.y),m=!0):z+=N.y-u.y,N=u,ce()},Me=a=>{const u=F();s.current={x:Ye((a.clientX-u.clientLeft-u.left)/u.scaleX,u.width),y:Ye((a.clientY-u.clientTop-u.top)/u.scaleY,u.height)}},xe=a=>{if(!(a.pointerType!=="touch"&&a.pointerType!=="pen")){ke(a),i.size||(m=!0,clearTimeout(T),T=void 0,x=performance.now(),k=0,f=!1,E=!1,y=!1,b=!1,z=0,t.mode==="direct"?Me(a):o.position&&(s.current={...o.position()},M())),i.set(a.pointerId,{x:a.clientX,y:a.clientY,startX:a.clientX,startY:a.clientY}),k=Math.max(k,i.size),w("down",a);try{n.setPointerCapture(a.pointerId)}catch{}if(clearTimeout($),i.size===1&&k===1)$=setTimeout(()=>{!S&&i.size===1&&!f&&!E&&(j=1,H())},Cr);else if(Ae(),y=!0,i.size===2&&k===2){const u=_e();h=u.distance,X=t.zoom?.get()??1,R=N=u,B="pending",g=[...i.values()].map(({x:d,y:A})=>({x:d,y:A}))}else E=!0,clearTimeout(T),T=void 0}},re=a=>{if(a.pointerType==="mouse")return;const u=i.get(a.pointerId);if(!u)return;ke(a);const d=a.clientX-u.x,A=a.clientY-u.y;if(u.x=a.clientX,u.y=a.clientY,w("move-input",a),Math.hypot(u.x-u.startX,u.y-u.startY)>Fe&&(f=!0,clearTimeout($)),i.size===2&&!E)q();else if(i.size===1&&!y&&!E){if(t.mode==="direct"){Me(a),f&&(j=1),H(),ce();return}const D=M(),I=F();D.x+=d/I.scaleX,D.y+=A/I.scaleY,M(),H(),ce()}},U=a=>{if(!i.has(a.pointerId))return;ke(a),w(a.type,a),clearTimeout(T),T=void 0;const u=j!==0;a.type!=="pointerup"&&(E=!0,Ke()),Ae(),i.delete(a.pointerId);try{n.hasPointerCapture(a.pointerId)&&n.releasePointerCapture(a.pointerId)}catch{}i.size||(z=0,!E&&!u&&!f&&k<=2&&performance.now()-x<=wr&&(t.mode!=="direct"||k===1)&&(H(k===2?4:1),H(0)),w("gesture-end",a),t.trace?.flush("gesture-end"))},ee=()=>{E=!0,Ke(),clearTimeout(T),T=void 0,Ae();const a=[...i.keys()];i.clear(),z=0;for(const u of a)try{n.hasPointerCapture(u)&&n.releasePointerCapture(u)}catch{}},J={capture:!0,passive:!1,signal:p.signal};n.addEventListener("pointerdown",xe,J),n.addEventListener("pointermove",re,J),n.addEventListener("pointerup",U,J),n.addEventListener("pointercancel",U,J),n.addEventListener("lostpointercapture",U,J);for(const a of["touchstart","touchmove","touchend","touchcancel","contextmenu"])n.addEventListener(a,ke,J);const ie=()=>{m=!0,ce(!0)};n.addEventListener("scroll",ie,{capture:!0,signal:p.signal}),window.addEventListener("blur",ee,{signal:p.signal});const Ge=()=>{document.hidden&&ee()};document.addEventListener("visibilitychange",Ge,{signal:p.signal});const je=new ResizeObserver(ie);return je.observe(n),je.observe(o.surface()),!s.current&&o.position&&(s.current={...o.position()}),K(),()=>{S||(S=!0,w("touchpad-detached"),p.abort(),ee(),je.disconnect(),v?.(),t.trace?.flush("touchpad-detached"))}}function jr(n,o){n=Math.max(1,n||1280),o=Math.max(1,o||800);const s=Math.max(1,640/n,480/o);return{width:Math.max(640,Math.min(2560,Math.round(n*s))),height:Math.max(480,Math.min(1600,Math.round(o*s)))}}function Nr(n,o){const s=Array.from(n),t=Array.from(o);let p=0;for(;p<s.length&&p<t.length&&s[p]===t[p];)p++;return{backspaces:s.length-p,text:t.slice(p).join("")}}const it="​",Sr={Enter:"enter",Backspace:"backspace",Delete:"delete",Tab:"tab",ArrowUp:"up",ArrowDown:"down",ArrowLeft:"left",ArrowRight:"right"};function Tr({sendText:n,sendKey:o,sendChord:s,pasteText:t,commandKey:p=[65515,"MetaLeft"],inputRef:v,onFocusChange:i}){const{t:x}=Pt(),k=c.useRef(null),f=c.useRef(!1),E=v??k,y=c.useRef({sendText:n,sendKey:o});y.current={sendText:n,sendKey:o};const b=c.useRef(""),h=c.useRef(!1),X=c.useRef(),[B,g]=c.useState(!1),R=()=>(E.current?.value||"").replace(/^\u200b/,""),N=m=>{if(b.current=Array.from(m).slice(-256).join(""),E.current){E.current.value=it+b.current;const $=E.current.value.length;E.current.setSelectionRange($,$)}g(!!b.current)},T=()=>N(""),z=()=>{if(f.current)return;const m=R(),$=Nr(b.current,m);N(m);for(let S=0;S<$.backspaces;S++)y.current.sendKey("backspace");$.text&&y.current.sendText($.text)},j=()=>{f.current||z()},O=m=>{j(),m==="backspace"?N(Array.from(b.current).slice(0,-1).join("")):T(),y.current.sendKey(m)};return c.useLayoutEffect(()=>{const m=E.current;m.value=it,m.setSelectionRange(1,1),m.focus({preventScroll:!0});const $=M=>{if(f.current||M.isComposing)return;const C=M.inputType==="deleteContentBackward"?"backspace":M.inputType==="deleteContentForward"?"delete":null;if(C){if(C==="backspace"&&b.current)return;M.preventDefault(),O(C);return}["insertLineBreak","insertParagraph"].includes(M.inputType)&&(M.preventDefault(),h.current||O("enter"),h.current=!1)},S=()=>{f.current||T()};return m.addEventListener("beforeinput",$),m.addEventListener("termdock:computer-input-reset",S),()=>{m.removeEventListener("beforeinput",$),m.removeEventListener("termdock:computer-input-reset",S),clearTimeout(X.current)}},[]),r.jsxs("div",{className:"relative shrink-0 border-t border-border bg-surface px-2 py-1",children:[!B&&r.jsx("span",{"aria-hidden":"true",className:"pointer-events-none absolute inset-y-1 left-5 flex items-center truncate pr-5 text-sm text-muted-foreground",children:x("computer.keyboardPlaceholder")}),r.jsx("input",{ref:E,className:"min-h-11 w-full rounded-md border border-border bg-background px-3 text-base outline-none focus:border-primary","aria-label":x("computer.keyboardInput"),autoCapitalize:"none",autoCorrect:"off",autoComplete:"off",spellCheck:!1,inputMode:"text",enterKeyHint:"enter",maxLength:1025,defaultValue:it,onPaste:m=>{if(f.current||!m.clipboardData.types.includes("text/plain"))return;m.preventDefault(),j(),T();const $=m.clipboardData.getData("text/plain");t?t($):y.current.sendText($)},onChange:m=>{g(!!m.target.value.replace(/^\u200b/,"")),!(f.current||m.nativeEvent.isComposing)&&(m.nativeEvent.inputType==="deleteContentBackward"&&!b.current&&!m.target.value?O("backspace"):z())},onCompositionStart:()=>{f.current=!0,h.current=!1},onCompositionEnd:()=>{f.current=!1,z(),h.current=!0,clearTimeout(X.current),X.current=setTimeout(()=>{h.current=!1},0)},onFocus:()=>i?.(!0),onBlur:()=>{f.current||(j(),T()),i?.(!1)},onKeyDown:m=>{if(f.current||m.nativeEvent.isComposing||m.keyCode===229)return;const $=m.ctrlKey||m.altKey||m.metaKey,S=(m.ctrlKey||m.metaKey)&&!m.altKey&&m.key.toLowerCase()==="v";if(s&&!S&&!m.getModifierState("AltGraph")&&($||m.shiftKey)){const F={Enter:65293,Backspace:65288,Delete:65535,Tab:65289,ArrowUp:65362,ArrowDown:65364,ArrowLeft:65361,ArrowRight:65363,Home:65360,End:65367,PageUp:65365,PageDown:65366}[m.key]??($&&m.key.length===1?m.key.toLowerCase().codePointAt(0):void 0);if(F!==void 0){m.preventDefault(),j();const w=[];m.ctrlKey&&w.push([65507,"ControlLeft"]),m.altKey&&w.push([65513,"AltLeft"]),m.metaKey&&!w.some(([K])=>K===p[0])&&w.push(p),m.shiftKey&&w.push([65505,"ShiftLeft"]),w.push([F,m.code||m.key]),T(),s(w);return}}const M=Sr[m.key];M&&(m.preventDefault(),O(M))}})]})}function Lr(n){let o=[],s=null;const t=new Map,p=()=>{s=null,o.splice(0,32).forEach(v=>{n(v),v[2]?t.set(v[0],v):t.delete(v[0])}),o.length&&(s=requestAnimationFrame(p))};return{send(v){o.push(...v),s===null&&p()},clear(){s!==null&&cancelAnimationFrame(s),s=null,o=[];const v=[...t.values()].reverse();t.clear();for(const[i,x]of v)try{n([i,x,!1])}catch{}}}}const Ar=n=>Math.max(1,Math.min(8,Number.isFinite(n)?n:1));function _r(n,o){let s=1;const t="viewportZoom"in n,p=n,v=()=>t?n.pointerTarget.surface():p._canvas,i=()=>t?n.viewportScroller:p._screen,x=t?void 0:p._updateScale;return x&&(p._updateScale=function(){x.call(p),p._display.scale*=s}),{get:()=>s,set(k,f){const E=Ar(k),y=v(),b=i(),h=y.getBoundingClientRect(),X=b.getBoundingClientRect(),B=f??{x:X.left+X.width/2,y:X.top+X.height/2},g={x:(B.x-h.left)/(h.width||1),y:(B.y-h.top)/(h.height||1)};s=E,t?n.viewportZoom=s:p._updateScale();const R=y.getBoundingClientRect();b.scrollLeft+=R.left+g.x*R.width-B.x,b.scrollTop+=R.top+g.y*R.height-B.y,s===1&&(b.scrollLeft=0,b.scrollTop=0),o(s)},pan(k,f){const E=i();E.scrollLeft-=k,E.scrollTop-=f},dispose(){x&&(p._updateScale=x)}}}function Mr(n,o){const s=n,t=s._keyboard,p=t._target,v=n.focus,i=document.createElement("textarea");i.tabIndex=-1,i.setAttribute("aria-label","Remote desktop keyboard"),i.autocapitalize="off",i.autocomplete="off",i.spellcheck=!1,Object.assign(i.style,{position:"absolute",left:"0",top:"0",width:"1px",height:"1px",fontSize:"16px",opacity:"0",pointerEvents:"none"}),s._screen.append(i);const x=new AbortController;let k=!1,f=null,E=!1;const y=()=>{s._mouseMoveTimer!==null&&clearTimeout(s._mouseMoveTimer),s._mouseMoveTimer=null,s._mouseButtonMask&&(s._mouseButtonMask=0,s._sendMouse(s._mousePos.x,s._mousePos.y,0))};window.addEventListener("blur",y,{signal:x.signal}),document.addEventListener("visibilitychange",()=>{document.hidden&&(t._allKeysUp(),y())},{signal:x.signal});const b=()=>{f!==null&&cancelAnimationFrame(f),f=null;const h=i.value;i.value="",h&&!n.viewOnly&&o(h)};return i.addEventListener("keydown",h=>{(k||h.isComposing||h.keyCode===229)&&h.stopImmediatePropagation()},{capture:!0,signal:x.signal}),i.addEventListener("compositionstart",()=>{f!==null&&b(),k=!0,t._allKeysUp()},{signal:x.signal}),i.addEventListener("compositionend",()=>{k=!1,f!==null&&cancelAnimationFrame(f),f=requestAnimationFrame(b)},{signal:x.signal}),i.addEventListener("input",h=>{!k&&!h.isComposing&&f===null&&b()},{signal:x.signal}),i.addEventListener("blur",()=>{!k&&f!==null&&b(),t._allKeysUp()},{signal:x.signal}),t.ungrab(),t._target=i,n.viewOnly||t.grab(),n.focus=h=>{!E&&!n.viewOnly&&i.focus(h)},document.activeElement===p&&n.focus({preventScroll:!0}),()=>{E||(E=!0,f!==null&&(k?cancelAnimationFrame(f):b()),y(),x.abort(),t.ungrab(),t._target=p,n.viewOnly||t.grab(),n.focus=v,i.remove())}}function*_t(n){for(const o of n.replace(/\r\n?/g,`
-`)){const s=o.codePointAt(0);yield o===`
-`?65293:o==="	"?65289:s<256?s:16777216|s}}const qe=1048576,It="termdock:computer-copy";function Rr(n,o,s){const t=new AbortController;let p=!1,v=-1/0,i=!0;const x=new Set,k=b=>{if(!(b.ctrlKey||b.metaKey)||b.altKey||b.isComposing)return;const h=b.key.toLowerCase();h==="v"?(p=b.shiftKey,x.add(b.code||b.key),b.stopImmediatePropagation()):(h==="c"||h==="x")&&(v=performance.now())},f=b=>{b.preventDefault(),b.stopImmediatePropagation();const h=b.clipboardData;if(!h||!Array.from(h.types).includes("text/plain")){s.failed();return}const X=h.getData("text/plain");if(X.length>qe){s.failed();return}try{s.paste(X,p)}catch{s.failed()}p=!1},E=b=>{const h=b.detail?.text;if(typeof h!="string"||h.length>qe){s.failed();return}s.receive(h),performance.now()-v<2e3&&(v=-1/0,navigator.clipboard?.writeText?navigator.clipboard.writeText(h).catch(()=>{i&&s.failed()}):s.failed())},y={capture:!0,signal:t.signal};return n.addEventListener(It,()=>{v=performance.now()},y),n.addEventListener("keydown",k,y),n.addEventListener("keyup",b=>{x.delete(b.code||b.key)&&b.stopImmediatePropagation()},y),n.addEventListener("paste",f,y),o.addEventListener("clipboard",E,{signal:t.signal}),o.addEventListener("clipboarderror",s.failed,{signal:t.signal}),window.addEventListener("blur",()=>{x.clear(),p=!1,v=-1/0},{signal:t.signal}),()=>{i=!1,t.abort()}}function Pr(){try{if(sessionStorage.getItem("termdock:computer-motion-trace")==="1")return Dr()}catch{}}function Dr(){const n=performance.now(),o=n+15*6e4,s=`motion-${Date.now()}-${Math.random().toString(36).slice(2,8)}`;let t=[],p=0,v=0,i=!1,x;const k=f=>{if(clearTimeout(x),x=void 0,!t.length)return;const E=t;t=[];for(let y=0;y<E.length;y+=64)Gt("info","COMPUTER_MOTION_TRACE",{version:2,id:s,sequence:++v,startedAt:performance.timeOrigin+n,reason:f,dropped:y?0:p,samples:E.slice(y,y+64)});p=0};return{record(f,E={}){if(i)return;const y=performance.now()-n;if(performance.now()>=o){k("expired"),i=!0;return}t.length>=8192&&(t.splice(2048,1),p++),t.push([Math.round(y*10)/10,f,E]),clearTimeout(x),x=setTimeout(()=>k("idle"),750)},flush:k,dispose(){i||(i=!0,k("dispose"))}}}const he="inline-flex min-h-9 items-center justify-center gap-1.5 rounded-md border border-border px-2.5 text-xs hover:bg-surface-2 disabled:opacity-40",ge="min-h-11 w-full rounded-md border border-border bg-background px-2 text-sm outline-none focus:border-primary";function Xe(n){return/API_NOT_ALLOWED|AUTHORIZATION|revoked|PAIRING/.test(n)?"computer.permission":n.includes("READ_ONLY_PROTOCOL")?"computer.sharedViewUnsupported":n.includes("RDP_BACKEND_UNAVAILABLE")?"computer.rdpBackendUnavailable":n.includes("RDP_CERTIFICATE")?"computer.rdpCertificate":n.includes("CREDENTIALS_MISSING")?"computer.loginExpired":n.includes("CREDENTIALS_FAILED")?"computer.loginSaveFailed":n.includes("AUTH_FAILED")?"computer.authFailed":n.includes("RDP_FAILED")?"computer.rdpFailed":n.includes("SCREEN_SHARING_OFF")?"computer.sharingOff":n.includes("PRIVATE_HOST_ONLY")?"computer.privateOnly":n.includes("INVALID_HOST")?"computer.invalidHost":n.includes("TIMEOUT")?"computer.timeout":n.includes("UNREACHABLE")?"computer.unreachable":n.includes("DISCONNECTED")?"computer.disconnected":"computer.failed"}const Ot=30*6e4;function Ir({active:n=!0}){const o=Mt(),s=!!o&&o.computers?.[0]?.access!=="control",{t}=Pt(),p=c.useMemo(()=>Pr(),[]);c.useEffect(()=>(p?.record("panel-open",{viewport:[window.innerWidth,window.innerHeight],dpr:window.devicePixelRatio}),p?.flush("panel-open"),()=>p?.dispose()),[p]);const[v,i]=c.useState(()=>Be()?.targetPeerId??""),[x,k]=c.useState(null),{preferences:f,change:E,loaded:y,saveState:b,flush:h,retry:X,credentialKeys:B,loginState:g,credentialRequest:R}=lr(v),N=f.target==="local",T=f[f.target],{host:z,platform:j,protocol:O,port:m,domain:$,ignoreCert:S,username:M}=T,C=O==="rdp"&&x?.rdpAvailable===!1,{fit:F}=f,w=s||f.viewOnly,K=T.rememberLogin&&B.includes(Rt(T)),H=e=>E(l=>({...l,[l.target]:{...l[l.target],...e}})),te=e=>H({username:e}),ce=e=>H({domain:e}),Le=e=>{H({ignoreCert:e}),h()},Ke=e=>H({port:e}),Ae=e=>{s&&!e||(e&&(me.current(),Se.clear(),A(null)),E(l=>({...l,viewOnly:e})),h())},[ke,_e]=c.useState(!1),q=hr(j),Me=j==="mac"?"⌘V":"Ctrl+V",[xe,re]=c.useState(""),[U,ee]=c.useState("idle"),[J,ie]=c.useState(null),[Ge,je]=c.useState(""),[a,u]=c.useState(!1),[d,A]=c.useState(null),D=c.useRef(null),[I,ne]=c.useState([]);c.useEffect(()=>{ne([])},[d,w,v]);const[Y,be]=c.useState(!1),[Re,lt]=c.useState(!1),ut=c.useRef(0),[Z,zt]=c.useState(()=>navigator.maxTouchPoints>0||window.innerWidth<=640);c.useEffect(()=>{const e=()=>zt(navigator.maxTouchPoints>0||window.innerWidth<=640);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);const Ue=d==="keyboard"&&Y&&(!Z||!window.visualViewport||Re),[Oe,dt]=c.useState(1),le=c.useRef(null),pt=c.useRef(null),[Ne,mt]=c.useState(""),[Ft,ye]=c.useState(!1),[Ze,ft]=c.useState(null),[Kt,oe]=c.useState(!1),[Ut,Je]=c.useState(!1),[$t,Vt]=c.useState(!1),[pe,Bt]=c.useState(yr),ht=c.useRef(null),me=c.useRef(()=>{}),Pe=c.useRef(()=>{}),[G,Ht]=c.useState(ot),De=c.useRef(!1),ve=c.useRef(""),gt=c.useRef(()=>{}),xt=c.useRef(null),$e=c.useRef(null),ue=c.useMemo(()=>{const e=document.createElement("div");return e.className="h-full w-full min-h-0 overflow-hidden",e},[]),V=c.useRef(null),Qe=c.useRef(!1);Qe.current=n&&G&&U==="connected"&&!w;const Se=c.useMemo(()=>Lr(([e,l,L])=>V.current?.sendKey(e,l,L)),[]),et=c.useRef(null),fe=c.useRef(0),tt=c.useRef(void 0),de=c.useCallback(()=>{me.current(),Pe.current(),le.current?.dispose(),le.current=null,Se.clear(),ht.current=null,fe.current++,clearTimeout(tt.current);const e=V.current;V.current=null,e?.disconnect(),et.current?.close(),et.current=null,ue.replaceChildren()},[ue,Se]);c.useLayoutEffect(()=>($e.current?.appendChild(ue),()=>{ue.remove()}),[ue,a]),c.useEffect(()=>()=>de(),[de]),c.useEffect(()=>{const e=()=>{const l=ot();Ht(l),!l&&(u(!1),A(null))};return window.addEventListener(Nt,e),()=>window.removeEventListener(Nt,e)},[]),c.useEffect(()=>{if(n&&G||(me.current(),Pe.current(),Se.clear(),u(!1),A(null),U==="idle"||U==="error"))return;const e=setTimeout(()=>{De.current=!1,ve.current="",de(),ee("idle"),re("")},Ot);return()=>clearTimeout(e)},[n,G,U,de,Se]),c.useEffect(()=>{const e=()=>i(Be()?.targetPeerId??"");return window.addEventListener(St,e),()=>window.removeEventListener(St,e)},[]),c.useEffect(()=>{de(),De.current=!1,ve.current="",ee("idle"),ie(null),re(""),k(null),u(!1),A(null),_e(!1),je(""),mt(""),ye(!1);const e=new AbortController;return fetch("/api/computer/status",{signal:e.signal}).then(async l=>{if(!l.ok)throw new Error(l.status===403?"API_NOT_ALLOWED":"COMPUTER_FAILED");return await l.json()}).then(l=>{e.signal.aborted||k(l)}).catch(l=>{e.signal.aborted||ie(Xe(String(l)))}),()=>{e.abort(),de()}},[v,de]),c.useEffect(()=>{const e=V.current;(w||!n||!G)&&Pe.current(),e&&((!n||!G)&&!("pointerTarget"in e)&&gr(e),e.viewOnly=w||!n||!G)},[w,n,G,U]),c.useEffect(()=>{V.current&&(V.current.scaleViewport=F)},[F]),c.useEffect(()=>{V.current&&"pauseResize"in V.current&&(V.current.pauseResize=!!d||!n||!G)},[d,n,G,U]),c.useEffect(()=>{const e=V.current;e&&("keyboardActive"in e?e.keyboardActive=d==="keyboard":e.focusOnClick=d!=="keyboard")},[d]);const bt=e=>{e===N||Q||!y||(re(""),ie(null),E(l=>({...l,target:e?"local":"remote"})),h())},yt=()=>{De.current=!0,ve.current="",de(),ee("idle"),re(""),u(!1),A(null),ye(!1)},vt=async e=>{if(e?.preventDefault(),C)return;if(De.current=!0,U==="credentials"&&V.current&&"sendCredentials"in V.current){ve.current=xe,V.current.sendCredentials({username:M,password:xe}),ee("connecting");return}if(!n||!ot()||!y||!xe&&!K)return;h(),ft(null),oe(!1),Je(!1),de(),ie(null),je(""),ee("connecting"),ye(!1);const l=fe.current,L=_=>{l===fe.current&&(de(),ee("error"),ie(_),A(null),ve.current="",(_==="computer.authFailed"||_==="computer.permission"||_==="computer.loginExpired")&&re(""),K&&(_==="computer.authFailed"||_==="computer.loginExpired")&&R("forget",T).catch(()=>{}))};tt.current=setTimeout(()=>L("computer.timeout"),6e4);try{let _=xe||await R("use",T);if(l!==fe.current)return;ve.current=_||"";let W;if(O==="rdp"){const{RdpSession:se}=await Lt(async()=>{const{RdpSession:Te}=await import("./rdpSession-lNNwVCpP.js");return{RdpSession:Te}},__vite__mapDeps([0,1,2,3,4,5,6,7,8,9]));if(l!==fe.current)return;document.activeElement?.blur?.(),st.flushSync(()=>{ee("connecting")});const Ce=$e.current?.getBoundingClientRect(),Ee=jr(Ce?.width||1280,Ce?.height||800);W=new se(ue,{host:z.trim(),port:Number(m),username:M.trim(),password:_||"",domain:$.trim(),ignoreCert:S,...Ee},Te=>L(Xe(Te)),p)}else{const{default:se}=await Lt(async()=>{const{default:Te}=await import("./rfb-CxsXsMUX.js");return{default:Te}},[]);if(l!==fe.current)return;const Ce=new mr(z.trim(),Te=>L(Xe(Te)));et.current=Ce;const Ee=new se(ue,Ce,{shared:!0,credentials:{username:M.trim()||void 0,password:_}});j==="mac"&&pr(Ee,Ce),Ee.background="var(--chrome-bg)",Ee.resizeSession=!1,Ee.qualityLevel=6,Ee.compressionLevel=2,W=Ee}_=void 0,V.current=W,W.scaleViewport=F,W.viewOnly=w,W.addEventListener("connect",()=>{if(l!==fe.current)return;clearTimeout(tt.current),ee("connected"),re(""),window.innerWidth<=640&&document.activeElement?.blur?.();const se=ve.current;ve.current="",T.rememberLogin&&se&&R("save",T,se).catch(()=>{})}),W.addEventListener("credentialsrequired",se=>{if(l!==fe.current)return;const Ce=se.detail.types;Vt(Ce.includes("username")),ee("credentials")}),W.addEventListener("securityfailure",()=>L("computer.authFailed")),W.addEventListener("disconnect",()=>L("computer.disconnected")),W.addEventListener("desktopname",se=>{l===fe.current&&je(se.detail.name)})}catch(_){L(Xe(String(_)))}},ze=e=>{const l=V.current;!n||!G||!l||U!=="connected"||w||(d==="keyboard"?D.current?.focus({preventScroll:!0}):d!=="clipboard"&&!Z&&l.focus?.({preventScroll:!0}),Se.send([...e.map(([L,_])=>[L,_,!0]),...[...e].reverse().map(([L,_])=>[L,_,!1])]))},P=U==="connected",Q=U==="connecting"||U==="credentials",Ve=P||U==="connecting";c.useEffect(()=>{const e=V.current;if(!P||!e||!("viewportZoom"in e)&&!("_display"in e))return;const l=_r(e,dt);return le.current=l,dt(1),()=>{l.dispose(),le.current===l&&(le.current=null)}},[P]),c.useEffect(()=>{const e=V.current,l=$e.current;if(!n||!G||!P||d&&d!=="keyboard"||pe!=="trackpad"&&!(navigator.maxTouchPoints>0)||!e||!l)return;const L="pointerTarget"in e?e.pointerTarget:xr(e),_=kr(l,L,ht,{mode:pe,zoom:le.current??void 0,viewOnly:w,trace:p});return me.current=_,()=>{_(),me.current===_&&(me.current=()=>{})}},[n,G,P,w,pe,a,d,p]),c.useEffect(()=>{const e=V.current;if(!(!n||!G||!P||w||!e))return Rr(ue,e,{paste:(l,L)=>{e.clipboardPasteFrom(l),ze(L?[...q.paste.slice(0,1),[65505,"ShiftLeft"],...q.paste.slice(1)]:q.paste),ye(!0),oe(!1)},receive:l=>{ft(l),Je(!1)},failed:()=>{oe(!0),A("clipboard")}})},[n,G,P,w,j,ue]),c.useEffect(()=>{const e=V.current;if(!n||!G||!P||w||!e||"pointerTarget"in e||!("_keyboard"in e))return;const l=Mr(e,rt);return Pe.current=l,()=>{l(),Pe.current===l&&(Pe.current=()=>{})}},[n,G,P,w]);const wt=e=>{e!==pe&&(me.current(),Bt(e),vr(e))};gt.current=()=>{vt()},c.useEffect(()=>{n&&G&&y&&x&&!C&&f.autoConnect&&K&&U==="idle"&&!De.current&&gt.current()},[n,G,y,x,C,f.autoConnect,K,U]);const Ct=()=>{De.current=!0,R("forget",T).catch(()=>{})},we=e=>{if(e==="keyboard"){if(d==="keyboard"&&!Ue){D.current?.blur(),D.current?.focus({preventScroll:!0});return}me.current(),ut.current=window.visualViewport?.height??window.innerHeight,st.flushSync(()=>{be(!1),lt(!1),A(l=>l===e?null:e)})}else me.current(),A(l=>l===e?null:e)},ae=e=>{D.current?.dispatchEvent(new Event("termdock:computer-input-reset"));const l=[...I,...e].filter(([L],_,W)=>W.findIndex(([se])=>se===L)===_);l.some(([L])=>L===q.copy[0][0])&&l.some(([L])=>L===99||L===120)&&ue.dispatchEvent(new Event(It)),ne([]),ze(l)},Yt=()=>{le.current?.set(1),E(e=>({...e,fit:!0})),h()},rt=e=>{if(!V.current||!Qe.current)return;const l=[];for(const L of _t(e))l.push([L,null,!0],[L,null,!1]);Se.send(l)},Xt=e=>{if(!(!V.current||!Qe.current))try{if(e.length>qe)throw new Error("Clipboard limit");V.current.clipboardPasteFrom(e),ae(q.paste),oe(!1),ye(!0)}catch{oe(!0),A("clipboard")}},qt=e=>{if(!I.length){rt(e);return}const[l,...L]=Array.from(e);l&&ae([[Array.from(_t(l))[0],""]]),L.length&&rt(L.join(""))};c.useEffect(()=>{if(!P||d!=="keyboard"&&d!=="clipboard"||!window.visualViewport)return;const e=window.visualViewport,l=pt.current,L=()=>{if(d==="keyboard"&&lt(Y&&ut.current-e.height>100),l&&e.height>=160)if(a)l.style.height=`${e.height}px`,l.style.top=`${e.offsetTop}px`;else{const _=e.offsetTop+e.height,W=Math.max(0,_-l.getBoundingClientRect().top);l.style.height=`${Math.min(l.parentElement?.clientHeight||W,W)}px`}};return L(),e.addEventListener("resize",L),e.addEventListener("scroll",L),()=>{e.removeEventListener("resize",L),e.removeEventListener("scroll",L),l&&(l.style.height="",l.style.top="")}},[P,d,a,Y]);const Et=r.jsxs("div",{className:"flex shrink-0 items-center text-xs",role:"group","aria-label":t("computer.desktopZoom"),title:Z?t("computer.pinchHint"):void 0,children:[r.jsx("button",{type:"button",className:"flex min-h-11 min-w-11 items-center justify-center","aria-label":t("computer.zoomOut"),disabled:!P||Oe<=1,onPointerDown:e=>e.preventDefault(),onClick:()=>le.current?.set(Oe/1.25),children:r.jsx(ir,{size:16})}),r.jsxs("button",{type:"button",className:"min-h-11 min-w-11","aria-label":t("computer.resetZoom"),disabled:!P,onPointerDown:e=>e.preventDefault(),onClick:Yt,children:[Math.round(Oe*100),"%"]}),r.jsx("button",{type:"button",className:"flex min-h-11 min-w-11 items-center justify-center","aria-label":t("computer.zoomIn"),disabled:!P||Oe>=8,onPointerDown:e=>e.preventDefault(),onClick:()=>le.current?.set(Oe*1.25),children:r.jsx(ar,{size:16})}),Z&&r.jsx("span",{className:"hidden pr-2 text-[10px] text-muted-foreground sm:inline",children:t("computer.pinchHint")})]}),Ie=`flex shrink-0 items-center justify-center rounded-md hover:bg-surface-2 focus-visible:outline focus-visible:outline-2 focus-visible:outline-primary ${Z?"min-h-11 min-w-11":"h-8 min-w-8"}`,kt=r.jsxs("div",{ref:pt,className:`flex min-h-0 flex-col bg-surface text-foreground ${a?"fixed inset-0 z-modal-panel h-dvh pb-[env(safe-area-inset-bottom)] pt-[env(safe-area-inset-top)]":"relative h-full"}`,role:a?"dialog":void 0,"aria-modal":a||void 0,"aria-label":t("computer.title"),onKeyDown:e=>{e.stopPropagation(),e.key==="Escape"&&!e.nativeEvent.isComposing&&d&&(e.preventDefault(),A(null))},onKeyUp:e=>e.stopPropagation(),children:[r.jsxs("div",{className:`relative z-30 flex shrink-0 items-center gap-2 border-b border-border bg-surface px-2 ${Z?"min-h-12":"min-h-8"}`,children:[a&&r.jsx("button",{type:"button",className:Ie,onClick:()=>{u(!1),A(null)},"aria-label":t("computer.exitFullscreen"),children:r.jsx(Qt,{size:20})}),r.jsx(Zt,{size:16,className:"shrink-0 text-muted-foreground"}),r.jsx("span",{className:"min-w-0 flex-1 truncate text-xs font-medium",children:P&&(Ge||(N?x?.hostname||Be()?.serviceName:z))||t("computer.title")}),P&&r.jsx("span",{className:"text-[11px] text-primary",children:t("computer.connected")}),P&&g==="error"&&r.jsx("span",{role:"alert",className:"text-[11px] text-destructive",children:t("computer.loginSaveFailed")}),P&&b==="saving"&&r.jsx("span",{role:"status","aria-label":t("computer.settingsSaving"),title:t("computer.settingsSaving"),children:r.jsx(Tt,{size:12,className:"animate-spin text-muted-foreground"})}),P&&b==="error"&&r.jsxs("button",{type:"button",className:he,title:t("computer.settingsSaveFailed"),"aria-label":t("computer.settingsSaveFailed"),onClick:X,children:["! ",t("computer.retry")]}),Q&&r.jsxs("button",{type:"button",className:`${Ie} gap-1 px-1 text-xs`,onClick:yt,children:[r.jsx(At,{size:14}),t("computer.cancel")]}),P&&!Z&&d==="keyboard"&&r.jsx("button",{type:"button",className:Ie,onPointerDown:e=>e.preventDefault(),onClick:()=>we("keyboard"),"aria-label":t("computer.keyboard"),"aria-pressed":Ue,children:r.jsx(He,{size:18})}),P&&!Z&&r.jsx("button",{type:"button",className:`${Ie} ${d==="clipboard"?"bg-surface-2 text-primary":""}`,disabled:w,onClick:()=>we("clipboard"),"aria-label":t("computer.clipboardTool"),title:t("computer.clipboardTool"),"aria-pressed":d==="clipboard",children:r.jsx(at,{size:18})}),P&&!a&&r.jsxs("button",{type:"button",className:`${Ie} gap-1 px-1 text-xs`,onClick:()=>u(!0),"aria-label":t("computer.fullscreen"),children:[r.jsx(er,{size:16}),t("computer.expand")]}),P&&r.jsx("button",{type:"button",className:Ie,onClick:()=>we("tools"),"aria-label":t("computer.tools"),"aria-expanded":d==="tools",children:r.jsx(or,{size:18})})]}),!Ve&&r.jsx("div",{className:"min-h-0 flex-1 overflow-y-auto p-4 sm:p-6",children:r.jsxs("div",{className:"mx-auto w-full max-w-md",children:[r.jsxs("form",{className:"space-y-3",onSubmit:e=>{vt(e)},children:[r.jsxs("div",{hidden:!!o,className:"grid grid-cols-2 gap-1 rounded-lg bg-background p-1",role:"group","aria-label":t("computer.target"),children:[r.jsx("button",{type:"button",className:`min-h-11 rounded-md px-3 text-sm font-medium ${N?"bg-surface-2 text-foreground":"text-muted-foreground hover:bg-surface"}`,"aria-pressed":N,disabled:Q||!x||!y,onClick:()=>bt(!0),children:t("computer.thisComputer")}),r.jsx("button",{type:"button",className:`min-h-11 rounded-md px-3 text-sm font-medium ${N?"text-muted-foreground hover:bg-surface":"bg-surface-2 text-foreground"}`,"aria-pressed":!N,disabled:Q||!y,onClick:()=>bt(!1),children:t("computer.otherComputer")})]}),N?r.jsx("p",{className:"text-xs leading-relaxed text-muted-foreground",role:"status",children:x?t("computer.localService",{name:Be()?.serviceName||x.hostname}):t("computer.loading")}):r.jsxs("label",{className:"block space-y-1 text-xs",children:[r.jsx("span",{children:t("computer.host")}),r.jsx("input",{className:ge,value:z,disabled:!!o||Q||!y,onChange:e=>{H({host:e.target.value,domain:"",ignoreCert:!1}),re(""),ie(null)},placeholder:t("computer.hostPlaceholder"),onBlur:()=>{h()},autoCapitalize:"none",autoCorrect:"off",spellCheck:!1,required:!0,maxLength:253})]}),r.jsxs("p",{className:"text-xs text-muted-foreground",children:[j==="mac"?"macOS":j==="linux"?"Ubuntu / Linux":"Windows"," · ",O.toUpperCase()," · ",O==="rdp"?m||"3389":"5900",w?` · ${t("computer.viewOnly")}`:""]}),r.jsxs("label",{className:"block space-y-1 text-xs",children:[r.jsx("span",{children:t(O==="rdp"?"computer.rdpUsername":"computer.username")}),r.jsx("input",{className:ge,value:M,disabled:!y,onChange:e=>te(e.target.value),onBlur:()=>{h()},autoCapitalize:"none",autoCorrect:"off",autoComplete:"off",required:O==="rdp"||U==="credentials"&&$t,maxLength:255})]}),r.jsxs("label",{className:"block space-y-1 text-xs",children:[r.jsx("span",{children:t("computer.password")}),r.jsx("input",{className:ge,type:"password",value:xe,disabled:!y,onChange:e=>re(e.target.value),placeholder:K&&U!=="credentials"?t("computer.savedPassword"):void 0,autoComplete:"new-password",required:!K||U==="credentials",maxLength:1024})]}),r.jsx("p",{className:"text-[11px] leading-relaxed text-muted-foreground",children:t(O==="rdp"?"computer.rdpLoginHint":"computer.vncLoginHint")}),r.jsxs("div",{hidden:!!o,className:"flex min-h-11 items-center justify-between gap-2 text-xs",children:[r.jsxs("label",{className:"flex min-h-11 items-center gap-2",children:[r.jsx("input",{type:"checkbox",checked:T.rememberLogin,disabled:!!o||Q||!y||g==="saving",onChange:e=>{const l=e.target.checked;H({rememberLogin:l}),!l&&K?R("forget",{...T,rememberLogin:l}).catch(()=>{}):h()}}),t("computer.rememberLogin")]}),K&&r.jsx("button",{type:"button",className:"min-h-11 text-muted-foreground underline",disabled:Q||g==="saving",onClick:Ct,children:t("computer.forgetLogin")})]}),g==="error"&&!J&&r.jsx("p",{role:"alert",className:"text-xs text-destructive",children:t("computer.loginSaveFailed")}),C&&r.jsxs("div",{role:"status",className:"space-y-1 text-xs leading-relaxed text-muted-foreground",children:[r.jsx("p",{children:t("computer.rdpBackendUnavailable")}),r.jsx("p",{children:t("computer.rdpBackendRecovery")})]}),U==="credentials"&&r.jsx("p",{className:"text-xs text-primary",children:t("computer.credentials")}),J&&r.jsxs("div",{role:"alert",className:"rounded-md bg-surface-2 p-3 text-xs leading-relaxed text-destructive",children:[t(J),J==="computer.rdpCertificate"&&r.jsxs("label",{className:"mt-1 flex min-h-11 items-center gap-2 text-foreground",children:[r.jsx("input",{type:"checkbox",checked:S,onChange:e=>Le(e.target.checked)}),t("computer.trustCertificateHere")]}),U==="error"&&J!=="computer.rdpCertificate"&&r.jsx("button",{type:"button",className:"mt-1 block min-h-9 text-foreground underline",onClick:()=>{_e(!0),requestAnimationFrame(()=>xt.current?.scrollIntoView?.({block:"nearest",behavior:"smooth"}))},children:t("computer.checkSettings")})]}),r.jsx("button",{type:"submit",className:"inline-flex min-h-11 w-full items-center justify-center gap-2 rounded-md bg-primary px-3 text-sm font-medium text-primary-foreground disabled:opacity-40",disabled:!y||C||g==="saving"||N&&!x||!z.trim()||!xe&&(!K||U==="credentials")||O==="rdp"&&(!M.trim()||!Number.isInteger(Number(m))||Number(m)<1||Number(m)>65535),children:t(U==="credentials"?"computer.authenticate":U==="error"?"computer.retryConnect":"computer.connect")}),r.jsxs("details",{hidden:!!o,ref:xt,className:"border-b border-border text-xs",open:ke,onToggle:e=>_e(e.currentTarget.open),children:[r.jsxs("summary",{className:"flex min-h-11 cursor-pointer list-none items-center justify-between text-muted-foreground",children:[r.jsx("span",{children:t("computer.advanced")}),r.jsx("span",{"aria-hidden":"true",children:ke?"−":"+"})]}),r.jsxs("div",{className:"space-y-3 pb-4",children:[r.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[r.jsxs("label",{className:"block space-y-1",children:[r.jsx("span",{children:t("computer.platform")}),r.jsxs("select",{className:ge,value:j,disabled:Q||!y,onChange:e=>{fr(e.target.value)&&H({platform:e.target.value,protocol:e.target.value==="mac"?"vnc":"rdp",ignoreCert:!1}),re(""),h()},children:[r.jsx("option",{value:"mac",children:"macOS"}),r.jsx("option",{value:"linux",children:"Ubuntu / Linux"}),r.jsx("option",{value:"windows",children:"Windows"})]})]}),r.jsxs("label",{className:"block space-y-1",children:[r.jsx("span",{children:t("computer.protocol")}),r.jsxs("select",{className:ge,value:O,disabled:Q||!y,onChange:e=>{H({protocol:e.target.value==="rdp"?"rdp":"vnc"}),re(""),ie(null),h()},children:[r.jsx("option",{value:"rdp",children:"RDP"}),r.jsx("option",{value:"vnc",children:"VNC"})]})]})]}),O==="rdp"&&r.jsxs(r.Fragment,{children:[r.jsxs("label",{className:"block space-y-1",children:[r.jsx("span",{children:t("computer.port")}),r.jsx("input",{className:ge,type:"number",min:1,max:65535,step:1,value:m,disabled:Q||!y,onBlur:()=>{h()},onChange:e=>Ke(e.target.value)})]}),r.jsxs("label",{className:"block space-y-1",children:[r.jsx("span",{children:t("computer.domain")}),r.jsx("input",{className:ge,value:$,disabled:Q||!y,onBlur:()=>{h()},onChange:e=>ce(e.target.value),autoComplete:"off",maxLength:255})]}),r.jsxs("label",{className:"flex min-h-11 items-center gap-2",children:[r.jsx("input",{type:"checkbox",checked:S,disabled:Q||!y,onChange:e=>Le(e.target.checked)}),t("computer.trustCertificate")]})]}),r.jsxs("label",{className:"flex min-h-11 items-center gap-2",children:[r.jsx("input",{type:"checkbox",checked:w,disabled:s||Q||!y,onChange:e=>Ae(e.target.checked)}),t("computer.viewOnly")]}),r.jsxs("label",{className:"flex min-h-11 items-center gap-2",children:[r.jsx("input",{type:"checkbox",checked:f.autoConnect,disabled:Q||!y,onChange:e=>{E(l=>({...l,autoConnect:e.target.checked})),h()}}),t("computer.autoConnect")]})]})]})]}),r.jsxs("p",{role:"status",className:"mt-2 text-[11px] leading-relaxed text-muted-foreground",children:[t(b==="saved"?"computer.settingsSaved":b==="error"?y?"computer.settingsSaveFailed":"computer.settingsLoadFailed":b==="loading"?"computer.settingsLoading":"computer.settingsSaving"),b==="error"&&r.jsx("button",{type:"button",className:"ml-2 min-h-9 text-primary underline",onClick:X,children:t("computer.retry")})]}),r.jsxs("details",{className:"text-xs",children:[r.jsx("summary",{className:"flex min-h-11 cursor-pointer items-center text-muted-foreground",children:t("computer.setup")}),r.jsxs("ol",{className:"ml-4 list-decimal space-y-2 pt-2 leading-relaxed text-muted-foreground",children:[r.jsx("li",{children:t(O==="rdp"?j==="linux"?"computer.rdpLinuxStep1":"computer.rdpStep1":j==="mac"?"computer.step1":j==="linux"?"computer.linuxStep1":"computer.windowsStep1")}),r.jsx("li",{children:t(O==="rdp"?"computer.rdpStep2":j==="mac"?"computer.step2":j==="linux"?"computer.linuxStep2":"computer.windowsStep2")}),r.jsx("li",{children:t("computer.step3")})]}),O==="vnc"&&j==="linux"&&r.jsxs(r.Fragment,{children:[r.jsx("p",{className:"mt-3 leading-relaxed text-muted-foreground",children:t("computer.linuxCommandHint")}),r.jsx("pre",{className:"mt-2 overflow-x-auto rounded-md bg-background p-2 text-[11px]",children:r.jsx("code",{children:`sudo apt install x11vnc
-x11vnc -storepasswd
-x11vnc -display "$DISPLAY" -auth guess -localhost -usepw -forever -shared -rfbport 5900`})}),r.jsx("p",{className:"mt-2 leading-relaxed text-muted-foreground",children:t("computer.linuxProtocolHint")})]}),r.jsx("p",{className:"mt-3 leading-relaxed text-muted-foreground",children:t(O==="rdp"?"computer.rdpNetworkHint":"computer.networkHint")})]})]})}),P&&d==="tools"&&r.jsx("button",{type:"button",className:`absolute inset-x-0 ${Z?"bottom-14 top-12":"bottom-0 top-8"} z-20 bg-background/40`,"aria-label":t("computer.returnToDesktop"),onClick:()=>A(null)}),P&&r.jsxs("div",{hidden:d!=="tools",className:`${d==="tools"?"flex":"hidden"} absolute inset-x-3 ${Z?"top-14":"top-10"} z-30 max-h-[calc(100%-7rem)] flex-wrap items-center gap-3 overflow-y-auto rounded-lg border border-border bg-surface px-4 py-3 text-xs shadow-lg [&_button]:min-h-11 [&_select]:min-h-11 [&_label]:min-h-11`,role:"region","aria-label":t("computer.tools"),children:[r.jsxs("div",{className:"flex w-full items-center justify-between",children:[r.jsx("span",{className:"font-medium",children:t("computer.tools")}),r.jsx("button",{type:"button",className:"flex min-w-11 items-center justify-center","aria-label":t("computer.closeTools"),onClick:()=>A(null),children:r.jsx(Jt,{size:18})})]}),Z&&r.jsx("div",{className:"flex w-full items-center gap-2",children:r.jsx("div",{className:"inline-flex rounded-md bg-background p-0.5",role:"group","aria-label":t("computer.touchMode"),children:["trackpad","direct"].map(e=>r.jsx("button",{type:"button",className:`min-h-9 rounded px-3 text-xs ${pe===e?"bg-surface-2 text-foreground":"text-muted-foreground hover:bg-surface"}`,"aria-pressed":pe===e,onClick:()=>wt(e),children:t(e==="trackpad"?"computer.trackpadMode":"computer.directTouchMode")},e))})}),!Z&&r.jsxs(r.Fragment,{children:[Et,r.jsxs("button",{type:"button",className:he,disabled:w,onClick:()=>we("keyboard"),children:[r.jsx(He,{size:14}),t("computer.keyboard")]})]}),r.jsxs("label",{className:"flex min-h-9 items-center gap-1.5",children:[r.jsx("input",{type:"checkbox",checked:w,disabled:s,onChange:e=>Ae(e.target.checked)}),t("computer.viewOnly")]}),r.jsx("button",{type:"button",className:he,onClick:()=>{le.current?.set(1),E(e=>({...e,fit:!e.fit})),h()},children:t(F?"computer.actualSize":"computer.fit")}),r.jsxs("select",{className:`${he} min-w-0 bg-surface`,"aria-label":t("computer.shortcuts"),value:"",disabled:w,onChange:e=>{ze(q[e.target.value]??[])},children:[r.jsx("option",{value:"",disabled:!0,children:t("computer.shortcuts")}),r.jsxs("option",{value:"tab",children:[j==="mac"?"⌘ Tab":"Alt+Tab"," · ",t("computer.switchApps")]}),r.jsxs("option",{value:"search",children:[j==="mac"?"⌘ Space":"Super / Win"," · ",t(j==="mac"?"computer.spotlight":"computer.systemSearch")]}),r.jsx("option",{value:"copy",children:j==="mac"?"⌘C":"Ctrl+C"}),r.jsx("option",{value:"paste",children:Me}),r.jsx("option",{value:"escape",children:"Esc"}),r.jsx("option",{value:"enter",children:"Enter"}),r.jsx("option",{value:"backspace",children:"⌫"}),r.jsx("option",{value:"up",children:"↑"}),r.jsx("option",{value:"down",children:"↓"}),r.jsx("option",{value:"left",children:"←"}),r.jsx("option",{value:"right",children:"→"})]}),r.jsxs("div",{className:"flex w-full items-center justify-between border-t border-border pt-2",children:[K&&r.jsx("button",{type:"button",className:he,disabled:g==="saving",onClick:Ct,children:t("computer.forgetLogin")}),r.jsxs("button",{type:"button",className:`${he} ml-auto text-destructive`,onClick:yt,children:[r.jsx(At,{size:14}),t("computer.disconnect")]})]})]}),r.jsx("div",{ref:$e,"data-sidebar-gesture-ignore":"",className:`relative z-10 min-h-0 flex-1 overflow-hidden bg-[var(--chrome-bg)] ${Ve?"":"hidden"}`,onPointerDownCapture:()=>D.current?.dispatchEvent(new Event("termdock:computer-input-reset")),onMouseDownCapture:e=>{d==="keyboard"&&e.preventDefault()},style:{touchAction:P?"none":void 0},"aria-label":t("computer.remoteTitle"),children:!P&&Ve&&r.jsxs("div",{role:"status",className:"absolute inset-0 z-20 flex items-center justify-center gap-2 bg-surface text-xs text-muted-foreground",children:[r.jsx(Tt,{size:16,className:"animate-spin"}),t("computer.connecting")]})}),r.jsx("div",{hidden:d!=="tools",children:P&&Z&&!w&&r.jsx("p",{className:"shrink-0 border-t border-border px-2 py-1 text-[10px] leading-relaxed text-muted-foreground",children:t(pe==="trackpad"?"computer.trackpadHint":"computer.directTouchHint")})}),P&&d==="keyboard"&&!w&&r.jsxs(r.Fragment,{children:[r.jsx(Tr,{sendChord:ae,pasteText:Xt,commandKey:q.copy[0],inputRef:D,onFocusChange:be,sendText:qt,sendKey:e=>(I.length?ae:ze)(e==="tab"?[[65289,"Tab"]]:e==="delete"?[[65535,"Delete"]]:q[e])}),!Z&&r.jsx("div",{className:"grid shrink-0 grid-cols-6 gap-1 bg-surface px-1",role:"group","aria-label":t("computer.keyboardNavigation"),children:["escape","left","down","up","right","selectAll"].map(e=>r.jsx("button",{type:"button",className:"min-h-11 rounded-md text-sm hover:bg-surface-2","aria-label":t(`computer.key${e[0].toUpperCase()}${e.slice(1)}`),onPointerDown:l=>l.preventDefault(),onClick:()=>ae(e==="selectAll"?[...q.copy.slice(0,1),[97,"KeyA"]]:q[e]),children:{escape:"Esc",left:"←",down:"↓",up:"↑",right:"→",selectAll:j==="mac"?"⌘A":"Ctrl+A"}[e]},e))})]}),P&&d==="clipboard"&&!w&&r.jsxs("form",{className:"shrink-0 space-y-2 border-t border-border p-3",onSubmit:e=>{if(e.preventDefault(),!(!Ne||!V.current))try{V.current.clipboardPasteFrom(Ne),ye(!0),oe(!1)}catch{oe(!0)}},children:[r.jsx("textarea",{className:`${ge} min-w-0 resize-none py-2 text-base`,rows:2,"aria-label":t("computer.clipboard"),placeholder:t("computer.clipboardPlaceholder"),value:Ne,onChange:e=>{mt(e.target.value),ye(!1)},maxLength:qe}),r.jsxs("div",{className:"flex gap-2",children:[r.jsx("button",{type:"submit",className:`${he} min-h-11 flex-1`,disabled:!Ne,children:t("computer.clipboard")}),r.jsx("button",{type:"button",className:`${he} min-h-11`,onClick:()=>{try{Ne&&V.current?.clipboardPasteFrom(Ne),ze(q.paste),oe(!1),ye(!!Ne)}catch{oe(!0)}},children:Me})]}),r.jsx("p",{role:"status",className:"text-[10px] leading-relaxed text-muted-foreground",children:Ft?t("computer.clipboardSent"):t("computer.clipboardHint",{shortcut:Me})}),Ze!==null&&r.jsxs("div",{className:"space-y-1",children:[r.jsx("textarea",{className:`${ge} resize-none py-2 text-base`,rows:2,readOnly:!0,value:Ze,"aria-label":t("computer.remoteClipboard"),onFocus:e=>e.currentTarget.select()}),r.jsx("button",{type:"button",className:he,onClick:()=>{if(!navigator.clipboard?.writeText){oe(!0);return}navigator.clipboard.writeText(Ze).then(()=>{Je(!0),oe(!1)},()=>oe(!0))},children:t(Ut?"computer.clipboardCopied":"computer.copyToDevice")})]}),Kt&&r.jsx("p",{role:"alert",className:"text-xs text-destructive",children:t("computer.clipboardAccessFailed")}),J&&r.jsx("p",{role:"alert",className:"text-xs text-destructive",children:t(J)})]}),Ve&&Z&&r.jsx("div",{className:"relative z-30 flex shrink-0 items-center gap-1 border-t border-border bg-surface px-1 py-1 text-[11px]",children:d==="keyboard"?r.jsxs(r.Fragment,{children:[r.jsx("button",{type:"button",className:"flex min-h-11 min-w-11 items-center justify-center rounded-md bg-surface-2 text-primary",onPointerDown:e=>e.preventDefault(),onClick:()=>we("keyboard"),"aria-label":t("computer.keyboard"),title:t("computer.hideKeyboard"),"aria-pressed":Ue,children:r.jsx(He,{size:18})}),r.jsx("button",{type:"button",className:"min-h-11 min-w-11 shrink-0 rounded-md",onClick:()=>we("clipboard"),"aria-label":t("computer.clipboardTool"),children:r.jsx(at,{size:18,className:"mx-auto"})}),r.jsxs("div",{className:"flex min-w-0 flex-1 items-center overflow-x-auto",role:"group","aria-label":t("computer.keyboardNavigation"),children:[r.jsx("button",{type:"button",className:"min-h-11 min-w-11 shrink-0 rounded-md px-2 text-sm",onPointerDown:e=>e.preventDefault(),onClick:()=>ae([[65289,"Tab"]]),children:"Tab"}),r.jsx("button",{type:"button",className:"min-h-11 min-w-11 shrink-0 rounded-md px-2 text-sm","aria-label":t("computer.keyEscape"),onPointerDown:e=>e.preventDefault(),onClick:()=>ae(q.escape),children:"Esc"}),[[65507,"ControlLeft","Ctrl"],[65513,"AltLeft","Alt"],[65505,"ShiftLeft","Shift"]].map(([e,l,L])=>r.jsx("button",{type:"button",className:`min-h-11 min-w-11 shrink-0 rounded-md px-2 text-sm ${I.some(([_])=>_===e)?"bg-surface-2 text-primary":""}`,"aria-pressed":I.some(([_])=>_===e),onPointerDown:_=>_.preventDefault(),onClick:()=>ne(_=>_.some(([W])=>W===e)?_.filter(([W])=>W!==e):[..._,[e,l]]),children:L},l)),["selectAll","left","down","up","right"].map(e=>r.jsx("button",{type:"button",className:"min-h-11 min-w-11 shrink-0 rounded-md px-2 text-sm hover:bg-surface-2","aria-label":t(`computer.key${e[0].toUpperCase()}${e.slice(1)}`),onPointerDown:l=>l.preventDefault(),onClick:()=>ae(e==="selectAll"?[...q.copy.slice(0,1),[97,"KeyA"]]:q[e]),children:{left:"←",down:"↓",up:"↑",right:"→",selectAll:j==="mac"?"⌘A":"Ctrl+A"}[e]},e)),r.jsx("button",{type:"button",className:"min-h-11 min-w-11 shrink-0 rounded-md px-2",onPointerDown:e=>e.preventDefault(),onClick:()=>ae(q.copy),children:j==="mac"?"⌘C":"Ctrl+C"})]}),r.jsx("button",{type:"button",className:"min-h-11 min-w-11 shrink-0 rounded-md text-lg",onPointerDown:e=>e.preventDefault(),onClick:()=>ae(q.backspace),children:"⌫"}),r.jsx("button",{type:"button",className:"min-h-11 min-w-11 shrink-0 rounded-md text-lg",onPointerDown:e=>e.preventDefault(),onClick:()=>ae(q.enter),children:"↵"})]}):r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:"grid min-w-0 flex-1 grid-cols-3",children:[r.jsxs("button",{type:"button",className:"flex min-h-11 flex-col items-center justify-center gap-0.5 rounded-md",disabled:!P||w,onClick:()=>we("keyboard"),"aria-pressed":Ue,children:[r.jsx(He,{size:18}),t("computer.keyboard")]}),r.jsxs("button",{type:"button",className:`flex min-h-11 flex-col items-center justify-center gap-0.5 rounded-md ${d==="clipboard"?"bg-surface-2 text-primary":""}`,disabled:!P||w,onClick:()=>we("clipboard"),"aria-pressed":d==="clipboard",children:[r.jsx(at,{size:18}),t("computer.clipboardTool")]}),r.jsxs("button",{type:"button",className:"flex min-h-11 flex-col items-center justify-center gap-0.5 rounded-md",disabled:!P||w,onClick:()=>wt(pe==="trackpad"?"direct":"trackpad"),"aria-label":t("computer.switchTouchMode"),children:[r.jsx(rr,{size:18}),t(pe==="trackpad"?"computer.trackpadMode":"computer.directTouchMode")]})]}),Et]})})]});return a?st.createPortal(kt,document.body):kt}const Vr=Object.freeze(Object.defineProperty({__proto__:null,COMPUTER_BACKGROUND_RETENTION_MS:Ot,default:Ir},Symbol.toStringTag,{value:"Module"}));export{qe as C,Vr as a,_t as b,jr as c};

package/dist/client/assets/DagPlayground-DditHOVX.js

@@ -1 +0,0 @@
-import{cr as t}from"./app-CG7UnlvD.js";import{C as s}from"./ChangeWalkthroughPanel-BC7zpkq3.js";import"./react-XDCjal2T.js";import"./dnd-BCFAPC0L.js";import"./terminal-DaiFCKy_.js";import"./chevron-left-BS8PE--U.js";import"./maximize-2-Duk9ucVy.js";import"./triangle-alert-DUjdvUeM.js";const e="/tmp/termdock-dag-playground",i={version:1,id:"dag-playground",repoRoot:e,workspaceRoot:e,title:"改动解释升级为可点击导览",summary:"这是一页免登录 playground，用真实 ChangeWalkthroughPanel 调 DAG 的节点、边、label 和密度。",generatedBy:"dag-playground",injectedAt:Date.now(),highlights:[{what:"先看总览，再看链路",effect:"读者不用先进入 diff，也能理解整批改动目的。",tag:"理解"},{what:"多条链路直接画出来",effect:"分支、汇合、验证路径不再靠 next 文本猜。",tag:"链路"},{what:"点击节点跳回证据",effect:"导览和真实 diff 之间形成闭环。",tag:"导航"}],nodes:[{id:"export",title:"导出 section 级 diff",kind:"source",business:"CLI 把 hunk 拆成多个连续改动 section，并为每个 section 生成稳定 fingerprint。这里故意写长一点，用来验证 DAG 节点是否会按照真实文本高度撑开，而不是被固定高度裁掉。",anchor:{repoRoot:e,filePath:"src/server/cli.ts",hunkIndex:0,sectionIndex:0}},{id:"prompt",title:"约束 AI 输出",kind:"process",business:"提示词要求先写总览，再逐 section 生成解释。",anchor:{repoRoot:e,filePath:"src/lib/components/sidebar/RightSidebar.tsx",hunkIndex:0}},{id:"schema",title:"校验导览结构",kind:"process",business:"检查节点、边和锚点字段是否完整。",anchor:{repoRoot:e,filePath:"src/server/utils/changeAuditStore.ts",hunkIndex:0}},{id:"fallback",title:"补齐兼容字段",kind:"process",business:"旧版结果缺字段时生成稳定回退值。",anchor:{repoRoot:e,filePath:"src/server/utils/changeAuditStore.ts",hunkIndex:1}},{id:"store",title:"保存整批导览结构",kind:"process",business:"服务端把 walkthrough 作为一等数据持久化。",anchor:{repoRoot:e,filePath:"src/server/utils/changeAuditStore.ts",hunkIndex:0}},{id:"api",title:"前端读取总览",kind:"api",business:"一次请求拿到 records 和 walkthroughs。",anchor:{repoRoot:e,filePath:"src/lib/terminal/api.ts",hunkIndex:0}},{id:"panel",title:"渲染 DAG 导览",kind:"ui",business:"用节点和边表达实现链路，节点可点击。节点内容可能是一两句话，也可能包含较长的业务解释；布局需要先测量 DOM 高度，再重新计算每一行节点的 y 坐标和连线端点。",anchor:{repoRoot:e,filePath:"src/lib/components/sidebar/ChangeWalkthroughPanel.tsx",hunkIndex:0}},{id:"jump",title:"跳回真实 diff",kind:"ui",business:"点击节点后定位到文件、hunk 或 section。",anchor:{repoRoot:e,filePath:"src/lib/components/sidebar/RightSidebar.tsx",hunkIndex:1}},{id:"section",title:"贴近改动展示解释",kind:"ui",business:"section 解释跟在对应 diff 块后面，而不是堆在 hunk 顶部。这个节点也故意写得更长，用来观察右侧分支和下方验证节点的连线是否会避让变高后的卡片。",anchor:{repoRoot:e,filePath:"src/lib/components/sidebar/DiffViewer.tsx",hunkIndex:0,sectionIndex:1}},{id:"verify",title:"验证导出和注入",kind:"test",business:"跑 lint、install、health、资源检查和注入自测。"}],edges:[{from:"export",to:"prompt",label:"提供输入",desc:"sectionFingerprint 让 AI 可以稳定引用。"},{from:"export",to:"schema",label:"结构校验",desc:"先确认输入可以稳定落库。"},{from:"export",to:"fallback",label:"兼容旧数据",desc:"为历史记录补齐必要字段。"},{from:"prompt",to:"store",label:"注入",desc:"AI payload 写回本地服务。"},{from:"schema",to:"store",label:"通过后保存",desc:"合法结构进入存储层。"},{from:"fallback",to:"store",label:"归一化后保存",desc:"兼容数据与新数据走同一链路。"},{from:"store",to:"api",label:"读取",desc:"浏览器从服务端拿到导览。"},{from:"api",to:"panel",label:"渲染",desc:"结构化数据变成导览图。"},{from:"panel",to:"jump",label:"点击",desc:"节点驱动 diff 定位。"},{from:"jump",to:"section",label:"定位",desc:"落到对应 section 解释。"},{from:"export",to:"verify",label:"验证",desc:"导出结构要覆盖 tracked/untracked。"},{from:"section",to:"verify",label:"回归",desc:"确认展示位置和交互。"}],sections:[],risks:[{title:"边和 label 不能遮住节点主体。"},{title:"窄侧栏下横向滚动要可控。"}],checks:["在 360px、560px、900px 宽度下截图检查。","确认边的箭头、label 背板和节点层级清楚。","确认节点点击区域和 hover 状态可感知。"]};function u(){return t.jsx("div",{className:"min-h-screen bg-background p-5 text-foreground","data-dag-playground":!0,children:t.jsxs("div",{className:"mx-auto max-w-[72rem]",children:[t.jsxs("div",{className:"mb-3",children:[t.jsx("h1",{className:"text-sm font-semibold",children:"DAG Playground"}),t.jsx("p",{className:"mt-1 text-xs text-muted-foreground",children:"Auth-free playground for tuning the real ChangeWalkthroughPanel."})]}),t.jsxs("div",{className:"grid gap-4 lg:grid-cols-[360px_minmax(0,1fr)]",children:[t.jsx("div",{className:"min-w-0",children:t.jsx(s,{walkthroughs:[i],repoRoot:e,onNavigate:o=>{console.info("[DagPlayground] navigate",o)}})}),t.jsx("div",{className:"min-w-0",children:t.jsx(s,{walkthroughs:[i],repoRoot:e,onNavigate:o=>{console.info("[DagPlayground] navigate",o)}})})]})]})})}export{u as DagPlayground};