termdock 1.4.364 → 1.4.365

package/dist/client/assets/ChatVideoPreviewDialog-0c5UXoqN.js

@@ -0,0 +1 @@
+import{fr as u,cU as e,a8 as p,aC as x}from"./app-JdTbd-dH.js";import{c as t,r as f}from"./dnd-DGJJ6lEb.js";import{V as h}from"./VideoPreviewPlayer-C1KlNUaF.js";import"./react-XDCjal2T.js";import"./terminal-DaiFCKy_.js";import"./swiper-Df1KUffn.js";import"./Markdown-C-d_fdkQ.js";import"./use-gesture-react.esm-DuFdkV78.js";import"./referenceSelection-Bi25NzyF.js";import"./list-tree-A0xHQ-8i.js";import"./gestureArbiter-DszagC-d.js";import"./volume-2-FgErL1l9.js";import"./pause-BsO_8lpn.js";import"./play-D6jDKyT4.js";import"./rotate-cw-dFghoqLe.js";import"./minimize-B30YRnlR.js";import"./maximize-sVtmc06G.js";function F({file:a,close:s}){const o=t.useRef(null),[n,i]=t.useState(!1),[d,l]=t.useState(!1),[m,c]=t.useState(0);return u(o,!0,s),f.createPortal(e.jsx("div",{"data-sidebar-gesture-ignore":!0,className:"fixed inset-0 z-modal-backdrop flex items-center justify-center bg-[var(--app-backdrop)] preview-safe-area [--preview-safe-area-gap:0.5rem] sm:[--preview-safe-area-gap:1.5rem]",onMouseDown:r=>{r.target===r.currentTarget&&s()},children:e.jsxs("div",{ref:o,role:"dialog","aria-modal":"true","aria-label":"视频预览",tabIndex:-1,className:"z-modal-panel flex h-full max-h-[90dvh] min-h-0 w-full max-w-5xl flex-col overflow-hidden rounded-2xl border border-border bg-[var(--chrome-bg)] text-foreground",children:[e.jsxs("header",{className:"flex min-h-12 shrink-0 items-center gap-3 border-b border-border/50 px-3",children:[e.jsx("span",{className:"min-w-0 flex-1 truncate text-sm",title:a.name,children:a.name}),e.jsx("button",{type:"button","aria-label":"关闭视频预览",className:"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg text-muted-foreground hover:bg-surface-2",onClick:s,children:e.jsx(p,{size:17})})]}),e.jsx("div",{className:"relative min-h-0 flex-1",onLoadedDataCapture:()=>l(!0),children:n?e.jsxs("div",{role:"alert",className:"flex h-full flex-col items-center justify-center gap-3 px-4 text-center text-sm text-muted-foreground",children:[e.jsx("p",{children:"视频加载失败，请检查文件是否仍然可用。"}),e.jsx("button",{type:"button",className:"min-h-11 rounded-lg bg-surface-2 px-4 text-foreground hover:bg-surface-elevated",onClick:()=>{l(!1),i(!1),c(r=>r+1)},children:"重试加载视频"})]}):e.jsxs(e.Fragment,{children:[e.jsx(h,{url:x(a.path),onLoadError:()=>i(!0)},m),!d&&e.jsx("div",{role:"status",className:"pointer-events-none absolute inset-0 flex items-center justify-center text-sm text-muted-foreground",children:"正在加载视频…"})]})})]})}),document.body)}export{F as ChatVideoPreviewDialog};

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

@@ -0,0 +1 @@
+import{fk as y,d2 as I,bS as O,cj as U,f0 as _,cU as e,I as $,S as B}from"./app-JdTbd-dH.js";import{c as o}from"./dnd-DGJJ6lEb.js";import{v as s,b as F,t as K,C as Y,o as q,k as H}from"./App-MzNpEMCd.js";import J from"./panel-left-CJ4pNVx7.js";import Q from"./workflow-B1cMwYU0.js";import"./react-XDCjal2T.js";import"./terminal-DaiFCKy_.js";import"./link-D4yDVdfg.js";import"./layout-grid-D3OvHLcu.js";import"./log-out-BSIJ0_et.js";import"./list-todo-DB-4XyWz.js";import"./clipboardText-DiYzlO-J.js";import"./maximize-2-BvuBXcs1.js";import"./swiper-Df1KUffn.js";import"./grip-vertical-Ckd-V_5P.js";import"./upload-oaV16zxK.js";import"./wand-sparkles-CChh615K.js";import"./file-up-Dths1d7X.js";import"./corner-down-left-B45FSLgC.js";import"./clipboard-CrJ12GMV.js";import"./move-DOLTICBa.js";import"./clipboard-paste-DxywOaop.js";import"./v4-EwEgHOG0.js";import"./triangle-alert-DNhumPKE.js";import"./columns-2-CK-1Qal2.js";import"./share-2-t5FDjEtU.js";import"./archive-Bo0JRk2d.js";import"./RecordingSaveDialog-fIPi2PkH.js";import"./use-gesture-react.esm-DuFdkV78.js";import"./gestureArbiter-DszagC-d.js";import"./house-CKk6_kDg.js";import"./folder-tree--IucAUqP.js";import"./circle-question-mark-2gbiW6f6.js";import"./circle-dot-CFcYD-uu.js";import"./history-BIxfKKSG.js";import"./settings-CeE_ccQ4.js";import"./search-BSeSLYuV.js";import"./layout-dashboard-XAzVTCZ_.js";import"./circle-DhQUdj0n.js";import"./play-D6jDKyT4.js";import"./sliders-horizontal-BaBmcrJi.js";import"./send-C96A-u0U.js";import"./external-link-BffBW_5s.js";import"./calendar-clock-B5UbYLyn.js";import"./pause-BsO_8lpn.js";import"./unlink-BQanZeZe.js";import"./chart-bar-CQv8pj50.js";import"./rows-2-B8YCts8o.js";import"./grid-2x2-RgBlyQka.js";import"./GitLoadingSkeleton-DYMHfRkj.js";import"./pencil-line-BMRbpaR-.js";import"./git-branch-DtTi1ruf.js";import"./git-compare-BTWk_Uod.js";import"./network-ZxEsNmHS.js";import"./AndroidMirrorView-BwWf369d.js";import"./unplug-CPfEl3ND.js";import"./plug-KCUmeIFI.js";import"./camera-CDmI8FDN.js";import"./square-pFNXRqDB.js";import"./minimize-B30YRnlR.js";import"./maximize-sVtmc06G.js";import"./panel-right-close-DWnaUA_w.js";import"./panel-right-open-C4_gOgn-.js";import"./monitor-smartphone-hu3E80hh.js";import"./layers-DWsh2-Jx.js";import"./bell-c_auf9n4.js";import"./rotate-cw-dFghoqLe.js";import"./volume-1-BT6VxcF1.js";import"./volume-2-FgErL1l9.js";import"./power-CQV4hBT8.js";import"./keyboard-P3xjU3TC.js";import"./minus-DqXiG4Z-.js";import"./arrow-down-DlKkE4Qg.js";import"./stethoscope-BxQmNBB_.js";import"./code-LxT3o6OU.js";import"./shield-alert-DuGkDJ_O.js";import"./shield-check-MmuFe64O.js";import"./moon-BDIsNRPC.js";import"./sun-C9XNHNTu.js";import"./cable-DHwGdX_0.js";import"./hash-XkofddH_.js";import"./clock-_HtceiWO.js";import"./pen-line-CH03vD6O.js";import"./type-CZtT1Wfa.js";function De({groupId:i,activeSessionId:m,onOpenSidebar:k,leftSidebarVisible:N=!1,onToggleRightSidebar:u,rightSidebarOpen:f=!1,defaultSessionMode:S}){const d=o.useRef(null);o.useEffect(()=>{d.current?.focus()},[]);const[a,x]=o.useState(null),[v,C]=o.useState([]),[w,l]=o.useState(null),[b,E]=o.useState(null),[p,D]=o.useState(null),[P,G]=o.useState(null);y(w?{tone:"recovering",message:"正在恢复协作同步…"}:null),y(b?{message:b}:null);const A=s(t=>t.view),L=s(t=>t.drafts),g=s(t=>t.setDraft),[R,V]=o.useState(i),c=o.useCallback(async()=>{try{const t=await I();x(t),l(null)}catch(t){l(t instanceof Error?t.message:"协作组加载失败")}},[]);o.useEffect(()=>{let t=!1;O().then(r=>{t||C(r)}).catch(()=>{}),U().then(r=>{if(t)return;const T=r.collaborationPanels?.[F()]?.drafts;for(const[j,W]of Object.entries(T??{}))s.getState().drafts[j]||g(j,W)}).catch(()=>{});const z=_(r=>{t||(x(r),l(null))}),M=K(()=>{navigator.onLine!==!1&&c()},1e4,[B,"pageshow"]);return()=>{t=!0,z(),M()}},[c]);const n=a?.groups.find(t=>t.id===i),h=async t=>{await H(t),s.getState().terminal()};return e.jsxs("section",{"aria-label":"协作主工作区",className:"absolute inset-0 flex min-h-0 min-w-0 flex-col bg-[var(--chrome-bg)] text-foreground",children:[e.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&&e.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:e.jsx(J,{size:17})}),e.jsx(Q,{size:18,className:"hidden shrink-0 text-primary sm:block"}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("h2",{ref:d,tabIndex:-1,className:"truncate text-base font-semibold outline-none",children:n?.name??"协作工作区"}),e.jsx("p",{className:"text-[11px] text-muted-foreground",children:n?`${n.sessionIds.length} 位成员`:"正在连接工作组"})]}),u&&e.jsx("button",{type:"button","aria-label":"文件侧栏",title:"文件侧栏","aria-pressed":f,className:`inline-flex min-h-11 min-w-11 items-center justify-center rounded-lg ${f?"bg-surface-2 text-primary":"text-muted-foreground hover:bg-surface-2"}`,onClick:u,children:e.jsx($,{size:17})})]}),e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col px-4 py-2 sm:px-6",children:[p&&e.jsx("p",{role:"status",className:"mb-3 shrink-0 text-xs text-primary",children:p}),a?n?e.jsx(Y,{fullWorkspace:!0,initialView:A,active:!0,notice:p,groups:a.groups,sessions:a.sessions,agents:v,sessionsState:"loaded",selectedGroupId:R,setSelectedGroupId:V,initialGroupId:i,activeSessionId:m,initialDrafts:L,onDraftChange:g,docked:!1,inputKeySuffix:"main",floatingVisible:!0,floating:!1,onOpenSession:h,onOpenTaskSession:h,onDockMessages:m?async()=>{await q(i,m)}:void 0,defaultSessionMode:S,busy:P,setBusy:G,setError:E,setNotice:D,refresh:c}):e.jsx("p",{className:"py-10 text-center text-sm text-muted-foreground",children:"协作组已移除或暂不可用。任务记录仍保留在原服务中。"}):e.jsx("p",{role:"status",className:"py-10 text-center text-sm text-muted-foreground",children:"正在加载协作工作区…"})]})]})}export{De as default};

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

@@ -0,0 +1 @@
+import{cU as t}from"./app-JdTbd-dH.js";import{M as r}from"./Markdown-C-d_fdkQ.js";import"./react-XDCjal2T.js";import"./dnd-DGJJ6lEb.js";import"./terminal-DaiFCKy_.js";import"./swiper-Df1KUffn.js";import"./use-gesture-react.esm-DuFdkV78.js";import"./referenceSelection-Bi25NzyF.js";import"./list-tree-A0xHQ-8i.js";function u({content:o}){return t.jsx(r,{content:o,variant:"compact"})}export{u as default};

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

@@ -0,0 +1,6 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/rdpSession-Bd0O9XBh.js","assets/app-JdTbd-dH.js","assets/react-XDCjal2T.js","assets/dnd-DGJJ6lEb.js","assets/terminal-DaiFCKy_.js","assets/index-5C6wZNeo.css","assets/zoom-out-CWqSWHx5.js","assets/zoom-in-BggQL9uw.js","assets/chevron-left-4UcDtX1K.js","assets/unplug-CPfEl3ND.js","assets/keyboard-P3xjU3TC.js","assets/clipboard-CrJ12GMV.js","assets/maximize-2-BvuBXcs1.js","assets/settings-2-KsR7sO7S.js","assets/mouse-pointer-2-aJ8RQ3RK.js"])))=>i.map(i=>d[i]);
+import{fC as _t,bo as rt,b5 as kt,b4 as Mt,eq as qt,fq as Rt,cU as r,aY as Wt,eo as Be,cT as nt,a6 as jt,T as Nt,H as Gt,w as St,a8 as Zt,a9 as Tt}from"./app-JdTbd-dH.js";import{c,r as ot}from"./dnd-DGJJ6lEb.js";import Jt from"./zoom-out-CWqSWHx5.js";import Qt from"./zoom-in-BggQL9uw.js";import er from"./chevron-left-4UcDtX1K.js";import Lt from"./unplug-CPfEl3ND.js";import He from"./keyboard-P3xjU3TC.js";import st from"./clipboard-CrJ12GMV.js";import tr from"./maximize-2-BvuBXcs1.js";import rr from"./settings-2-KsR7sO7S.js";import nr from"./mouse-pointer-2-aJ8RQ3RK.js";function or(n){const o=_t(),s=o?.computers?.[0],t=JSON.stringify(s),[p,v]=c.useState(rt),[i,b]=c.useState(!1),[k,f]=c.useState("loading"),[E,y]=c.useState(0),[x,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=rt(),v(g.current),b(!1),f("loading"),h([]),B("idle");const M=new AbortController;if(o){const C=rt();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),b(!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=kt(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=kt({...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),b(!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 V=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=Mt(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:x,loginState:X,credentialRequest:V,retry:()=>i?void m():y(S=>S+1)}}const sr=1464686180;function ar(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 b=o.getInt32(i);b!==sr&&t.push(b)}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,b)=>v.setInt32(4+b*4,i)),p}function cr(n,o){const s=n,t=s._sendEncodings;s._sendEncodings=()=>o.withMacCursorEncodings(()=>t.call(n))}class ir{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=qt(`/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=ar(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 lr(n){return n==="mac"||n==="linux"||n==="windows"}function ur(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 dr(n){n._cursor?._hideCursor?.()}function pr(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,b=(t-o._display.absY(0))*v;o._mousePos={x:i,y:b},o._mouseMoveTimer!==null&&clearTimeout(o._mouseMoveTimer),o._mouseMoveTimer=null,o._mouseButtonMask=p,o._mouseLastMoveTime=Date.now(),o._sendMouse(i,b,p);const k=o._canvas.getBoundingClientRect();o._cursor?.move(k.left+i,k.top+b)}}}function mr(n,o,s){const t=new AbortController,p=new Set,v=new Set;let i,b,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:b===void 0?null:g-b,logical:o.position?.(),renderer:o.observeCursor?.()}),b=g,i=requestAnimationFrame(y)))},x=()=>{E()?i===void 0&&(b=void 0,i=requestAnimationFrame(y)):(i!==void 0&&cancelAnimationFrame(i),i=void 0,b=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])}),x()},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])}),x()},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 Pt="termdock:computer-touch-mode:v1";function fr(){try{const n=localStorage.getItem(Pt);if(n==="trackpad"||n==="direct")return n}catch{}return navigator.maxTouchPoints>0&&window.matchMedia("(any-pointer: coarse)").matches?"trackpad":"direct"}function hr(n){try{localStorage.setItem(Pt,n)}catch{}}const Fe=8,gr=300,br=450,at=18,xr=50,Ye=(n,o)=>Math.max(0,Math.min(n,Math.max(0,o-1)));function yr(n,o,s,t={}){const p=new AbortController,v=t.trace?mr(n,o,t.trace):void 0,i=new Map;let b=0,k=0,f=!1,E=!1,y=!1,x=!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,V,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,xe=/auto|scroll/.test(ne.overflowY)?Math.max(0,I.scrollHeight-I.clientHeight):0;if(!Y&&!xe)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:xe})}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:x,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||x||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)>=at&&a++<8;){const u=z>0?16:8;H(u),H(0),z-=Math.sign(z)*at}},ce=(a=!1)=>{S||!a&&Math.abs(z)<at&&!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(V),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,xe)=>({x:Y.x-g[xe].x,y:Y.y-g[xe].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)},xr);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",x=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)}},be=a=>{if(!(a.pointerType!=="touch"&&a.pointerType!=="pen")){ke(a),i.size||(m=!0,clearTimeout(T),T=void 0,b=performance.now(),k=0,f=!1,E=!1,y=!1,x=!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(V),i.size===1&&k===1)V=setTimeout(()=>{!S&&i.size===1&&!f&&!E&&(j=1,H())},br);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(V)),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()-b<=gr&&(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",be,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 We=()=>{document.hidden&&ee()};document.addEventListener("visibilitychange",We,{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 vr(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 wr(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 ct="​",Cr={Enter:"enter",Backspace:"backspace",Delete:"delete",Tab:"tab",ArrowUp:"up",ArrowDown:"down",ArrowLeft:"left",ArrowRight:"right"};function Er({sendText:n,sendKey:o,sendChord:s,pasteText:t,commandKey:p=[65515,"MetaLeft"],inputRef:v,onFocusChange:i}){const{t:b}=Rt(),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 x=c.useRef(""),h=c.useRef(!1),X=c.useRef(),[B,g]=c.useState(!1),R=()=>(E.current?.value||"").replace(/^\u200b/,""),N=m=>{if(x.current=Array.from(m).slice(-256).join(""),E.current){E.current.value=ct+x.current;const V=E.current.value.length;E.current.setSelectionRange(V,V)}g(!!x.current)},T=()=>N(""),z=()=>{if(f.current)return;const m=R(),V=wr(x.current,m);N(m);for(let S=0;S<V.backspaces;S++)y.current.sendKey("backspace");V.text&&y.current.sendText(V.text)},j=()=>{f.current||z()},O=m=>{j(),m==="backspace"?N(Array.from(x.current).slice(0,-1).join("")):T(),y.current.sendKey(m)};return c.useLayoutEffect(()=>{const m=E.current;m.value=ct,m.setSelectionRange(1,1),m.focus({preventScroll:!0});const V=M=>{if(f.current||M.isComposing)return;const C=M.inputType==="deleteContentBackward"?"backspace":M.inputType==="deleteContentForward"?"delete":null;if(C){if(C==="backspace"&&x.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",V),m.addEventListener("termdock:computer-input-reset",S),()=>{m.removeEventListener("beforeinput",V),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:b("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":b("computer.keyboardInput"),autoCapitalize:"none",autoCorrect:"off",autoComplete:"off",spellCheck:!1,inputMode:"text",enterKeyHint:"enter",maxLength:1025,defaultValue:ct,onPaste:m=>{if(f.current||!m.clipboardData.types.includes("text/plain"))return;m.preventDefault(),j(),T();const V=m.clipboardData.getData("text/plain");t?t(V):y.current.sendText(V)},onChange:m=>{g(!!m.target.value.replace(/^\u200b/,"")),!(f.current||m.nativeEvent.isComposing)&&(m.nativeEvent.inputType==="deleteContentBackward"&&!x.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 V=m.ctrlKey||m.altKey||m.metaKey,S=(m.ctrlKey||m.metaKey)&&!m.altKey&&m.key.toLowerCase()==="v";if(s&&!S&&!m.getModifierState("AltGraph")&&(V||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]??(V&&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=Cr[m.key];M&&(m.preventDefault(),O(M))}})]})}function kr(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,b]of v)try{n([i,b,!1])}catch{}}}}const jr=n=>Math.max(1,Math.min(8,Number.isFinite(n)?n:1));function Nr(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,b=t?void 0:p._updateScale;return b&&(p._updateScale=function(){b.call(p),p._display.scale*=s}),{get:()=>s,set(k,f){const E=jr(k),y=v(),x=i(),h=y.getBoundingClientRect(),X=x.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();x.scrollLeft+=R.left+g.x*R.width-B.x,x.scrollTop+=R.top+g.y*R.height-B.y,s===1&&(x.scrollLeft=0,x.scrollTop=0),o(s)},pan(k,f){const E=i();E.scrollLeft-=k,E.scrollTop-=f},dispose(){b&&(p._updateScale=b)}}}function Sr(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 b=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:b.signal}),document.addEventListener("visibilitychange",()=>{document.hidden&&(t._allKeysUp(),y())},{signal:b.signal});const x=()=>{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:b.signal}),i.addEventListener("compositionstart",()=>{f!==null&&x(),k=!0,t._allKeysUp()},{signal:b.signal}),i.addEventListener("compositionend",()=>{k=!1,f!==null&&cancelAnimationFrame(f),f=requestAnimationFrame(x)},{signal:b.signal}),i.addEventListener("input",h=>{!k&&!h.isComposing&&f===null&&x()},{signal:b.signal}),i.addEventListener("blur",()=>{!k&&f!==null&&x(),t._allKeysUp()},{signal:b.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):x()),y(),b.abort(),t.ungrab(),t._target=p,n.viewOnly||t.grab(),n.focus=v,i.remove())}}function*At(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,Dt="termdock:computer-copy";function Tr(n,o,s){const t=new AbortController;let p=!1,v=-1/0,i=!0;const b=new Set,k=x=>{if(!(x.ctrlKey||x.metaKey)||x.altKey||x.isComposing)return;const h=x.key.toLowerCase();h==="v"?(p=x.shiftKey,b.add(x.code||x.key),x.stopImmediatePropagation()):(h==="c"||h==="x")&&(v=performance.now())},f=x=>{x.preventDefault(),x.stopImmediatePropagation();const h=x.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=x=>{const h=x.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(Dt,()=>{v=performance.now()},y),n.addEventListener("keydown",k,y),n.addEventListener("keyup",x=>{b.delete(x.code||x.key)&&x.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",()=>{b.clear(),p=!1,v=-1/0},{signal:t.signal}),()=>{i=!1,t.abort()}}function Lr(){try{if(sessionStorage.getItem("termdock:computer-motion-trace")==="1")return Ar()}catch{}}function Ar(){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,b;const k=f=>{if(clearTimeout(b),b=void 0,!t.length)return;const E=t;t=[];for(let y=0;y<E.length;y+=64)Wt("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(b),b=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 It=30*6e4;function _r({active:n=!0}){const o=_t(),s=!!o&&o.computers?.[0]?.access!=="control",{t}=Rt(),p=c.useMemo(()=>Lr(),[]);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??""),[b,k]=c.useState(null),{preferences:f,change:E,loaded:y,saveState:x,flush:h,retry:X,credentialKeys:B,loginState:g,credentialRequest:R}=or(v),N=f.target==="local",T=f[f.target],{host:z,platform:j,protocol:O,port:m,domain:V,ignoreCert:S,username:M}=T,C=O==="rdp"&&b?.rdpAvailable===!1,{fit:F}=f,w=s||f.viewOnly,K=T.rememberLogin&&B.includes(Mt(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=ur(j),Me=j==="mac"?"⌘V":"Ctrl+V",[be,re]=c.useState(""),[U,ee]=c.useState("idle"),[J,ie]=c.useState(null),[We,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,xe]=c.useState(!1),[Re,it]=c.useState(!1),lt=c.useRef(0),[Z,Ot]=c.useState(()=>navigator.maxTouchPoints>0||window.innerWidth<=640);c.useEffect(()=>{const e=()=>Ot(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,ut]=c.useState(1),le=c.useRef(null),dt=c.useRef(null),[Ne,pt]=c.useState(""),[zt,ye]=c.useState(!1),[Ge,mt]=c.useState(null),[Ft,oe]=c.useState(!1),[Kt,Ze]=c.useState(!1),[Ut,Vt]=c.useState(!1),[pe,$t]=c.useState(fr),ft=c.useRef(null),me=c.useRef(()=>{}),Pe=c.useRef(()=>{}),[G,Bt]=c.useState(nt),De=c.useRef(!1),ve=c.useRef(""),ht=c.useRef(()=>{}),gt=c.useRef(null),Ve=c.useRef(null),ue=c.useMemo(()=>{const e=document.createElement("div");return e.className="h-full w-full min-h-0 overflow-hidden",e},[]),$=c.useRef(null),Je=c.useRef(!1);Je.current=n&&G&&U==="connected"&&!w;const Se=c.useMemo(()=>kr(([e,l,L])=>$.current?.sendKey(e,l,L)),[]),Qe=c.useRef(null),fe=c.useRef(0),et=c.useRef(void 0),de=c.useCallback(()=>{me.current(),Pe.current(),le.current?.dispose(),le.current=null,Se.clear(),ft.current=null,fe.current++,clearTimeout(et.current);const e=$.current;$.current=null,e?.disconnect(),Qe.current?.close(),Qe.current=null,ue.replaceChildren()},[ue,Se]);c.useLayoutEffect(()=>(Ve.current?.appendChild(ue),()=>{ue.remove()}),[ue,a]),c.useEffect(()=>()=>de(),[de]),c.useEffect(()=>{const e=()=>{const l=nt();Bt(l),!l&&(u(!1),A(null))};return window.addEventListener(jt,e),()=>window.removeEventListener(jt,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("")},It);return()=>clearTimeout(e)},[n,G,U,de,Se]),c.useEffect(()=>{const e=()=>i(Be()?.targetPeerId??"");return window.addEventListener(Nt,e),()=>window.removeEventListener(Nt,e)},[]),c.useEffect(()=>{de(),De.current=!1,ve.current="",ee("idle"),ie(null),re(""),k(null),u(!1),A(null),_e(!1),je(""),pt(""),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=$.current;(w||!n||!G)&&Pe.current(),e&&((!n||!G)&&!("pointerTarget"in e)&&dr(e),e.viewOnly=w||!n||!G)},[w,n,G,U]),c.useEffect(()=>{$.current&&($.current.scaleViewport=F)},[F]),c.useEffect(()=>{$.current&&"pauseResize"in $.current&&($.current.pauseResize=!!d||!n||!G)},[d,n,G,U]),c.useEffect(()=>{const e=$.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())},xt=()=>{De.current=!0,ve.current="",de(),ee("idle"),re(""),u(!1),A(null),ye(!1)},yt=async e=>{if(e?.preventDefault(),C)return;if(De.current=!0,U==="credentials"&&$.current&&"sendCredentials"in $.current){ve.current=be,$.current.sendCredentials({username:M,password:be}),ee("connecting");return}if(!n||!nt()||!y||!be&&!K)return;h(),mt(null),oe(!1),Ze(!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(()=>{}))};et.current=setTimeout(()=>L("computer.timeout"),6e4);try{let _=be||await R("use",T);if(l!==fe.current)return;ve.current=_||"";let W;if(O==="rdp"){const{RdpSession:se}=await Tt(async()=>{const{RdpSession:Te}=await import("./rdpSession-Bd0O9XBh.js");return{RdpSession:Te}},__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14]));if(l!==fe.current)return;document.activeElement?.blur?.(),ot.flushSync(()=>{ee("connecting")});const Ce=Ve.current?.getBoundingClientRect(),Ee=vr(Ce?.width||1280,Ce?.height||800);W=new se(ue,{host:z.trim(),port:Number(m),username:M.trim(),password:_||"",domain:V.trim(),ignoreCert:S,...Ee},Te=>L(Xe(Te)),p)}else{const{default:se}=await Tt(async()=>{const{default:Te}=await import("./rfb-CxsXsMUX.js");return{default:Te}},[]);if(l!==fe.current)return;const Ce=new ir(z.trim(),Te=>L(Xe(Te)));Qe.current=Ce;const Ee=new se(ue,Ce,{shared:!0,credentials:{username:M.trim()||void 0,password:_}});j==="mac"&&cr(Ee,Ce),Ee.background="var(--chrome-bg)",Ee.resizeSession=!1,Ee.qualityLevel=6,Ee.compressionLevel=2,W=Ee}_=void 0,$.current=W,W.scaleViewport=F,W.viewOnly=w,W.addEventListener("connect",()=>{if(l!==fe.current)return;clearTimeout(et.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=$.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",$e=P||U==="connecting";c.useEffect(()=>{const e=$.current;if(!P||!e||!("viewportZoom"in e)&&!("_display"in e))return;const l=Nr(e,ut);return le.current=l,ut(1),()=>{l.dispose(),le.current===l&&(le.current=null)}},[P]),c.useEffect(()=>{const e=$.current,l=Ve.current;if(!n||!G||!P||d&&d!=="keyboard"||pe!=="trackpad"&&!(navigator.maxTouchPoints>0)||!e||!l)return;const L="pointerTarget"in e?e.pointerTarget:pr(e),_=yr(l,L,ft,{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=$.current;if(!(!n||!G||!P||w||!e))return Tr(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=>{mt(l),Ze(!1)},failed:()=>{oe(!0),A("clipboard")}})},[n,G,P,w,j,ue]),c.useEffect(()=>{const e=$.current;if(!n||!G||!P||w||!e||"pointerTarget"in e||!("_keyboard"in e))return;const l=Sr(e,tt);return Pe.current=l,()=>{l(),Pe.current===l&&(Pe.current=()=>{})}},[n,G,P,w]);const vt=e=>{e!==pe&&(me.current(),$t(e),hr(e))};ht.current=()=>{yt()},c.useEffect(()=>{n&&G&&y&&b&&!C&&f.autoConnect&&K&&U==="idle"&&!De.current&&ht.current()},[n,G,y,b,C,f.autoConnect,K,U]);const wt=()=>{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(),lt.current=window.visualViewport?.height??window.innerHeight,ot.flushSync(()=>{xe(!1),it(!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(Dt)),ne([]),ze(l)},Ht=()=>{le.current?.set(1),E(e=>({...e,fit:!0})),h()},tt=e=>{if(!$.current||!Je.current)return;const l=[];for(const L of At(e))l.push([L,null,!0],[L,null,!1]);Se.send(l)},Yt=e=>{if(!(!$.current||!Je.current))try{if(e.length>qe)throw new Error("Clipboard limit");$.current.clipboardPasteFrom(e),ae(q.paste),oe(!1),ye(!0)}catch{oe(!0),A("clipboard")}},Xt=e=>{if(!I.length){tt(e);return}const[l,...L]=Array.from(e);l&&ae([[Array.from(At(l))[0],""]]),L.length&&tt(L.join(""))};c.useEffect(()=>{if(!P||d!=="keyboard"&&d!=="clipboard"||!window.visualViewport)return;const e=window.visualViewport,l=dt.current,L=()=>{if(d==="keyboard"&&it(Y&&lt.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 Ct=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(Jt,{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:Ht,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(Qt,{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"}`,Et=r.jsxs("div",{ref:dt,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(er,{size:20})}),r.jsx(Gt,{size:16,className:"shrink-0 text-muted-foreground"}),r.jsx("span",{className:"min-w-0 flex-1 truncate text-xs font-medium",children:P&&(We||(N?b?.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&&x==="saving"&&r.jsx("span",{role:"status","aria-label":t("computer.settingsSaving"),title:t("computer.settingsSaving"),children:r.jsx(St,{size:12,className:"animate-spin text-muted-foreground"})}),P&&x==="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:xt,children:[r.jsx(Lt,{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(st,{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(tr,{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(rr,{size:18})})]}),!$e&&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=>{yt(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||!b||!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:b?t("computer.localService",{name:Be()?.serviceName||b.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"&&Ut,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:be,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:wt,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(()=>gt.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&&!b||!z.trim()||!be&&(!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:gt,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=>{lr(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:V,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(x==="saved"?"computer.settingsSaved":x==="error"?y?"computer.settingsSaveFailed":"computer.settingsLoadFailed":x==="loading"?"computer.settingsLoading":"computer.settingsSaving"),x==="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(Zt,{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:()=>vt(e),children:t(e==="trackpad"?"computer.trackpadMode":"computer.directTouchMode")},e))})}),!Z&&r.jsxs(r.Fragment,{children:[Ct,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:wt,children:t("computer.forgetLogin")}),r.jsxs("button",{type:"button",className:`${he} ml-auto text-destructive`,onClick:xt,children:[r.jsx(Lt,{size:14}),t("computer.disconnect")]})]})]}),r.jsx("div",{ref:Ve,"data-sidebar-gesture-ignore":"",className:`relative z-10 min-h-0 flex-1 overflow-hidden bg-[var(--chrome-bg)] ${$e?"":"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&&$e&&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(St,{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(Er,{sendChord:ae,pasteText:Yt,commandKey:q.copy[0],inputRef:D,onFocusChange:xe,sendText:Xt,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||!$.current))try{$.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=>{pt(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&&$.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:zt?t("computer.clipboardSent"):t("computer.clipboardHint",{shortcut:Me})}),Ge!==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:Ge,"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(Ge).then(()=>{Ze(!0),oe(!1)},()=>oe(!0))},children:t(Kt?"computer.clipboardCopied":"computer.copyToDevice")})]}),Ft&&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)})]}),$e&&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(st,{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(st,{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:()=>vt(pe==="trackpad"?"direct":"trackpad"),"aria-label":t("computer.switchTouchMode"),children:[r.jsx(nr,{size:18}),t(pe==="trackpad"?"computer.trackpadMode":"computer.directTouchMode")]})]}),Ct]})})]});return a?ot.createPortal(Et,document.body):Et}const $r=Object.freeze(Object.defineProperty({__proto__:null,COMPUTER_BACKGROUND_RETENTION_MS:It,default:_r},Symbol.toStringTag,{value:"Module"}));export{qe as C,$r as a,At as b,vr as c};

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

@@ -0,0 +1 @@
+import{cU as t}from"./app-JdTbd-dH.js";import{C as s}from"./ChangeWalkthroughPanel-B_ZpXOoe.js";import"./react-XDCjal2T.js";import"./dnd-DGJJ6lEb.js";import"./terminal-DaiFCKy_.js";import"./chevron-left-4UcDtX1K.js";import"./minimize-2-CX6oo23s.js";import"./maximize-2-BvuBXcs1.js";import"./git-branch-DtTi1ruf.js";import"./triangle-alert-DNhumPKE.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 f(){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{f as DagPlayground};