termdock 1.4.364 → 1.4.365

package/dist/server/routes/terminal.js

@@ -1,3 +1,4 @@
+import { TerminalOutputActivity } from '../utils/terminalOutputActivity.js';
 import { createTodoWebhookRouter } from '../todos/webhook.js';
 import { readCollectionOutputTime } from '../todos/tmuxOutput.js';
 import { sessionViewModeRoutes, SessionViewModeStore } from '../agent/sessionViewModeRoutes.js';
@@ -28,7 +29,6 @@ import { TerminalClientAttachment } from '../utils/terminalClientAttachment.js';
 import { TerminalPasteBuffer } from '../utils/terminalPasteBuffer.js';
 import { SharedSessionSampler, SharedSnapshotCache } from '../utils/sharedSampling.js';
 import { batchTmuxOptions, TmuxMetadataWriter } from '../utils/tmuxMetadataWriter.js';
-import { redrawTmuxClient } from '../utils/tmuxClientRedraw.js';
 import { TmuxDisplayGeometry } from '../utils/tmuxDisplayGeometry.js';
 import { TmuxInitialScreen } from '../utils/tmuxInitialScreen.js';
 import { readTmuxObserverSize } from '../utils/tmuxObserverSize.js';
@@ -5350,6 +5350,7 @@ function cleanupSession(sessionId, options) {
     const sampler = terminalSamplers.get(sessionId);
     sampler?.sampler.stop();
     terminalSamplers.delete(sessionId);
+    session.outputActivity?.dispose();
     session.dataDisposable?.dispose();
     session.exitDisposable?.dispose();
     cancelLongRunningAutoTitle(session);
@@ -5455,6 +5456,8 @@ function applyPtyResize(sessionId, session, cols, rows, source, originClientId)
     const cleanCols = Math.floor(cols);
     const cleanRows = Math.floor(rows);
     const changed = session.cols !== cleanCols || session.rows !== cleanRows;
+    if (!changed)
+        return true;
     try {
         session.ptyProcess.resize(cleanCols, cleanRows);
     }
@@ -5636,6 +5639,14 @@ function processSessionOutput(sessionId, session, data, opts) {
         session.lastActivity = Date.now();
         session.lastOutputAt = Date.now();
         session.hasWrittenData = true;
+        // Observe the persistent session PTY once, never each display client or replay.
+        if (data.length > 0 && terminalSessions.get(sessionId) === session) {
+            session.outputActivity ??= new TerminalOutputActivity(active => {
+                if (terminalSessions.get(sessionId) === session)
+                    broadcastEvent(sessionId, { type: 'terminal-output-activity', active });
+            });
+            session.outputActivity.record();
+        }
     }
     let seq;
     if (session.mode === 'shell') {
@@ -8705,6 +8716,7 @@ router.get('/:sessionId/stream', async (req, res) => {
     const ptyBackend = session.ptyBackend || 'unknown';
     writeSse(res, {
         type: 'connected',
+        terminalOutputActive: session.outputActivity?.active ?? false,
         runtime,
         ptyBackend,
         mode: session.mode,
@@ -9326,7 +9338,6 @@ export function handleTerminalWebSocket(ws, sessionId, clientId, options = {}, i
             attachment.close();
             initialScreen?.cancel();
             initialScreen = null;
-            displayGeometry.reset();
             delivery.setActive(false); // Discard only this observer's obsolete stream.
         }
         replayRequest = (async () => {
@@ -9410,14 +9421,18 @@ export function handleTerminalWebSocket(ws, sessionId, clientId, options = {}, i
                 replayOutOfWindow = true;
             }
             // Send connected event (after initial detection)
+            const connectedSize = displayGeometry ? await displayGeometry.readServerSize() : session;
+            if (ws.readyState !== ws.OPEN)
+                return;
             const runtime = globalThis.Bun ? 'bun' : 'node';
             ws.send(JSON.stringify({
                 type: 'connected',
+                terminalOutputActive: session.outputActivity?.active ?? false,
                 streamEpoch: TERMINAL_STREAM_EPOCH,
                 outputProtocol: options.flowControl ? 2 : undefined,
                 copyModeInput: ownTmux,
-                cols: displayGeometry?.size.cols ?? session.cols,
-                rows: displayGeometry?.size.rows ?? session.rows,
+                cols: connectedSize.cols,
+                rows: connectedSize.rows,
                 runtime,
                 ptyBackend: session.ptyBackend || 'unknown',
                 mode: session.mode,
@@ -9552,13 +9567,11 @@ export function handleTerminalWebSocket(ws, sessionId, clientId, options = {}, i
                         if (attachment) {
                             await enqueueTmuxIo(session, async () => {
                                 const result = await displayGeometry.resize(attachment, { cols, rows }, tmuxSizeOwnershipSupported);
-                                if (result.ok) {
+                                if (result.ok && result.changed) {
                                     session.lastActivity = Date.now();
                                     broadcastJsonWs(sessionId, {
                                         type: 'pty-size', cols: result.cols, rows: result.rows, source: `ws-resize:${clientId}`,
                                     }, clientId);
-                                    if (result.redraw)
-                                        await redrawTmuxClient(runTmux, session.tmuxSessionName, attachment.pid);
                                 }
                                 if (ws.readyState === ws.OPEN)
                                     ws.send(JSON.stringify({
@@ -9568,15 +9581,9 @@ export function handleTerminalWebSocket(ws, sessionId, clientId, options = {}, i
                             });
                             break;
                         }
-                        const sameSize = session.cols === Math.floor(cols) && session.rows === Math.floor(rows);
                         const ok = session.mode === 'tmux'
                             ? await enqueueTmuxIo(session, () => applyPtyResize(sessionId, session, cols, rows, `ws-resize:${clientId}`, clientId))
                             : applyPtyResize(sessionId, session, cols, rows, `ws-resize:${clientId}`, clientId);
-                        // Same-size requests explicitly recover the display; actual geometry
-                        // changes already cause tmux to redraw its attached client.
-                        if (ok && session.mode === 'tmux' && sameSize) {
-                            await enqueueTmuxIo(session, () => redrawTmuxClient(runTmux, session.tmuxSessionName, session.ptyProcess.pid));
-                        }
                         ws.send(JSON.stringify({
                             type: 'resize-ack',
                             seq: typeof msg.seq === 'number' ? msg.seq : undefined,

package/dist/server/utils/terminalOutputActivity.js

@@ -0,0 +1,77 @@
+/** Terminal byte activity only; no agent hooks, transcript inspection or polling. */
+export const OUTPUT_START_DELAY_MS = 2_000;
+export const OUTPUT_START_RECENCY_MS = 500;
+export const OUTPUT_IDLE_MS = 2_000;
+export class TerminalOutputActivity {
+    publish;
+    now;
+    phase = 'idle';
+    lastOutput = 0;
+    deadline = 0;
+    timer;
+    disposed = false;
+    constructor(publish, now = () => performance.now()) {
+        this.publish = publish;
+        this.now = now;
+    }
+    get active() {
+        // A delayed event loop must not put an expired value in a reconnect snapshot.
+        this.settle();
+        return this.phase === 'active';
+    }
+    record() {
+        if (this.disposed)
+            return;
+        // Expire the previous window before accepting a packet after a long stall.
+        this.settle();
+        this.lastOutput = this.now();
+        if (this.phase === 'idle') {
+            this.phase = 'pending';
+            this.deadline = this.lastOutput + OUTPUT_START_DELAY_MS;
+            this.schedule(this.deadline);
+        }
+        // Active/pending windows retain one timer; packets only update this number.
+    }
+    dispose() {
+        this.disposed = true;
+        this.phase = 'idle';
+        if (this.timer !== undefined)
+            clearTimeout(this.timer);
+        this.timer = undefined;
+    }
+    settle() {
+        if (this.disposed || this.phase === 'idle')
+            return;
+        const now = this.now();
+        if (this.phase === 'pending') {
+            if (now < this.deadline)
+                return;
+            if (this.timer !== undefined)
+                clearTimeout(this.timer);
+            this.timer = undefined;
+            if (now - this.lastOutput > OUTPUT_START_RECENCY_MS) {
+                this.phase = 'idle';
+                return;
+            }
+            this.phase = 'active';
+            this.schedule(this.lastOutput + OUTPUT_IDLE_MS);
+            this.publish(true);
+        }
+        else if (now - this.lastOutput >= OUTPUT_IDLE_MS) {
+            if (this.timer !== undefined)
+                clearTimeout(this.timer);
+            this.timer = undefined;
+            this.phase = 'idle';
+            this.publish(false);
+        }
+    }
+    schedule(deadline) {
+        this.timer = setTimeout(() => {
+            this.timer = undefined;
+            this.settle();
+            if (this.phase === 'active' && this.timer === undefined)
+                this.schedule(this.lastOutput + OUTPUT_IDLE_MS);
+        }, Math.max(1, deadline - this.now()));
+        this.timer.unref?.();
+    }
+}

package/dist/server/utils/tmuxDisplayGeometry.js

@@ -1,5 +1,5 @@
 import { claimTmuxSize } from './tmuxSizeOwnership.js';
-import { retainTmuxObserverSize } from './tmuxObserverSize.js';
+import { readTmuxObserverSize, retainTmuxObserverSize } from './tmuxObserverSize.js';
 /** All tmux display entries use this owner/observer transaction. Resizing a
  * display without its observer makes refreshing the page shrink the window.
  * The session's existing I/O queue serializes these operations across clients.
@@ -11,7 +11,6 @@ export class TmuxDisplayGeometry {
     displayPids;
     initialSize;
     current;
-    firstResize = true;
     constructor(observer, run, sessionName, displayPids, initialSize) {
         this.observer = observer;
         this.run = run;
@@ -21,7 +20,7 @@ export class TmuxDisplayGeometry {
         this.current = { cols: initialSize?.cols ?? observer.cols, rows: initialSize?.rows ?? observer.rows };
     }
     get size() { return { cols: this.current.cols, rows: this.current.rows }; }
-    reset() { this.firstResize = true; }
+    readServerSize() { return readTmuxObserverSize(this.run, this.sessionName); }
     async prepareAttach(size, supportsOwnership) {
         const clients = (await this.run(['list-clients', '-t', this.sessionName, '-F', '#{client_pid} #{client_tty} #{client_flags}']))
             .split('\n').map(line => line.trim().split(/\s+/));
@@ -36,19 +35,23 @@ export class TmuxDisplayGeometry {
     }
     async resize(display, requested, supportsOwnership) {
         if (!display.attached || !Number.isFinite(requested.cols) || !Number.isFinite(requested.rows) || requested.cols < 1 || requested.rows < 1) {
-            return { ok: false, ...this.size, redraw: false };
+            return { ok: false, ...this.size, redraw: false, changed: false };
         }
         const size = { cols: Math.floor(requested.cols), rows: Math.floor(requested.rows) };
-        if (supportsOwnership)
-            await claimTmuxSize(this.run, this.sessionName, display.pid, this.displayPids());
         const same = this.current.cols === size.cols && this.current.rows === size.rows;
+        const server = await this.readServerSize();
+        const serverMatches = server.cols === size.cols && server.rows === size.rows;
+        if (same && serverMatches) {
+            retainTmuxObserverSize(this.observer, size.cols, size.rows);
+            return { ok: true, ...this.size, redraw: false, changed: false };
+        }
+        if (supportsOwnership && !serverMatches)
+            await claimTmuxSize(this.run, this.sessionName, display.pid, this.displayPids());
         const ok = same ? display.attached : display.resize(size.cols, size.rows);
         if (!ok)
-            return { ok: false, ...this.size, redraw: false };
+            return { ok: false, ...this.size, redraw: false, changed: false };
         retainTmuxObserverSize(this.observer, size.cols, size.rows);
-        const redraw = same && !this.firstResize;
-        this.firstResize = false;
         this.current = size;
-        return { ok: true, ...this.size, redraw };
+        return { ok: true, ...this.size, redraw: false, changed: !serverMatches };
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "termdock",
-  "version": "1.4.364",
+  "version": "1.4.365",
   "description": "A complete web-based terminal application with modern UI",
   "type": "module",
   "main": ".desktop-dist/main.js",

package/runtime-manifest.json

@@ -1,13 +1,13 @@
 {
   "schemaVersion": 1,
   "packageName": "termdock",
-  "version": "1.4.364",
+  "version": "1.4.365",
   "runtimeProtocolVersion": 1,
   "minimumDesktopVersion": "1.4.46",
   "nodeMajor": 22,
   "dependencyHash": "sha256-Y8lMrpp3Lu4r/I8Zx3R59DZsC3RtYVYC7b/kH84ZMeY=",
-  "serverBundleHash": "sha256-vl105M1D0RiLtAqDhrtw224u78SL/F0fxLEq2YZZ0VU=",
-  "clientBundleHash": "sha256-WuzF0IB5GXPxjNYncXoecUgNgAqfDGsLT5Ajjq2+pMw=",
+  "serverBundleHash": "sha256-WPlsc+uWaIgTRS+vxMLxbRNZISNTS/Cl3wc38UbOa5E=",
+  "clientBundleHash": "sha256-P/i0p9D1Xxn3R0g/M/4jagjsqQufOm6nJqU7wXkzJRY=",
   "entrypoint": "dist/server/cli.js",
   "clientEntrypoint": "dist/client/index.html"
 }

package/dist/client/assets/AndroidMirrorView-CjNriuAy.js

@@ -1,3 +0,0 @@
-import{cu as qn,bb as Jt,eh as Vn,af as Yn,aA as Hn,dT as Wn,fc as pe,f9 as Kn,cf as on,cQ as s,ft as Qn,fh as Xn,cY as Gn,ae as Ft,f8 as Jn,d9 as Qt,A as Ur,D as Xt,dY as Br,eR as Zn,X as es,x as Ue,R as ts,a5 as rs,p as ns,a8 as Fr,g as zr,ad as lt,c as ss,O as is,aF as cn,cZ as as,eQ as os,C as cs,b6 as ls}from"./app-D1jQUgS3.js";import{c as o,r as dt}from"./dnd-DGJJ6lEb.js";import{v as ds}from"./v4-EwEgHOG0.js";import{R as us}from"./RecordingSaveDialog-Kk7ROxsS.js";import fs from"./grip-vertical-C8X9kp3u.js";import hs from"./unplug-v3oYQAWA.js";import ps from"./plug-DEVoAsUb.js";import ms from"./camera-DIM_6oAK.js";import ln from"./square-uXOzdfFT.js";import $r from"./columns-2-C730EDKv.js";import xs from"./minimize-dyY87hM7.js";import gs from"./maximize-Dw9lRBsR.js";import ys from"./panel-right-close-DPTQZFTW.js";import bs from"./panel-right-open-D3vER0mf.js";import vs from"./circle-Cb-RMyNb.js";import ws from"./monitor-smartphone-Bv4qrTtV.js";import Ss from"./house-BhigSc2G.js";import Es from"./layers-CaYYd15A.js";import Cs from"./bell-DX5VUfVf.js";import Rs from"./rotate-cw-CmQ4rg-T.js";import Ns from"./volume-1-Cw_CFI2W.js";import Ds from"./volume-2-DvWlUKst.js";import ks from"./power-CMhgAiUw.js";import As from"./keyboard-CiI1QWKR.js";import Ts from"./minus-CqHpYj9q.js";import Os from"./send-BoZZfOhd.js";function Is(n,t){return qn(n,t).map(r=>r.device)}const qr=Jt(n=>({overlay:"off",setOverlay:t=>n({overlay:t})}));function js(n){let t=1,r="terminal";for(;;){let i=!1;for(const d of n.values())if(d.name===r){i=!0;break}if(!i)break;r=`terminal-${t}`,t++}return r}const Ms=Jt((n,t)=>({sessions:new Map,activeSessionId:null,nextSessionNumber:1,createSession:r=>{const i=ds(),d=Date.now(),u=t().sessions,p=js(u),x={id:i,cwd:r,sessionId:null,name:p,customName:!1,createdAt:d,lastActivity:d};return n(b=>{const v=new Map(b.sessions);return v.set(i,x),{sessions:v,activeSessionId:b.activeSessionId??i,nextSessionNumber:b.nextSessionNumber+1}}),i},closeSession:r=>{n(i=>{const d=new Map(i.sessions),u=i.activeSessionId===r;d.delete(r);let p=i.activeSessionId;if(u){const x=Array.from(d.keys());p=x.length>0?x[0]:null}return{sessions:d,activeSessionId:p}})},switchSession:r=>{n(i=>i.sessions.has(r)?{activeSessionId:r}:i)},updateSession:(r,i)=>{n(d=>{const u=d.sessions.get(r);if(!u)return d;const p=new Map(d.sessions);return p.set(r,{...u,...i,lastActivity:Date.now()}),{sessions:p}})},setTerminalSession:(r,i)=>{t().updateSession(r,{sessionId:i.sessionId})},getActiveSession:()=>{const r=t();if(r.activeSessionId)return r.sessions.get(r.activeSessionId)},getSessionCount:()=>t().sessions.size,clearAllSessions:()=>{n({sessions:new Map,activeSessionId:null,nextSessionNumber:1})}})),Ps=[7e5,1e6,14e5,18e5,24e5,32e5,4e6,5e6,6e6,8e6,1e7,12e6].map(n=>({id:"auto",maxSize:1600,bitRate:n,maxFps:30}));class _s{level=6;badSince=null;goodSince=null;connectedAt=0;lastSample=-1/0;lastChange=-1/0;lastUpgrade=-1/0;upgradeAfter=0;failedProbes=0;baselineRtt=1/0;get quality(){return Ps[this.level]}connected(t){this.connectedAt=t,this.badSince=this.goodSince=null,this.lastSample=-1/0}sample(t,r,i=1600){if(r-this.lastSample>2500&&(this.badSince=this.goodSince=null),this.lastSample=r,t.rttMs!==null&&(this.baselineRtt=Math.min(this.baselineRtt,t.rttMs)),r-this.connectedAt<3e3)return null;const d=t.rttMs!==null&&t.rttMs>this.baselineRtt+150,u=t.deliveryDelayMs>250||t.decodeQueue>=4||d&&t.frames>0&&t.deliveryDelayMs>100,p=t.deliveryDelayMs>800||t.decodeQueue>=8,x=t.rttMs!==null&&t.rttMs<this.baselineRtt+100&&t.deliveryDelayMs<80&&t.decodeQueue<=1;this.badSince=u?this.badSince??r:null,this.goodSince=x?this.goodSince??r:null;const b=i<=1080?7:i<=1600?9:11;if(this.badSince!==null&&r-this.badSince>=(p?1e3:2e3)&&r-this.lastChange>=(p?2e3:3e3)&&this.level>0){this.level=Math.max(0,this.level-(p?2:1));const v=r-this.lastUpgrade<2e4;this.failedProbes=v?this.failedProbes+1:0,this.upgradeAfter=r+(v?Math.min(3e4,8e3*2**(this.failedProbes-1)):5e3),this.lastUpgrade=-1/0}else if(this.goodSince!==null&&r-this.goodSince>=3e3&&r-this.lastChange>=4e3&&r>=this.upgradeAfter&&this.level<b)this.level++,this.lastUpgrade=r;else return null;return this.lastChange=r,this.badSince=this.goodSince=null,this.quality}}function Ls(n,t){const[r,i]=o.useState(new Map),d=o.useRef(new Map),u=o.useMemo(()=>{let b=d.current.get(n);return b||(b={physicalId:{current:null},edited:{current:!1}},d.current.set(n,b)),b},[n]),p=o.useCallback(b=>{i(v=>new Map(v).set(n,{serial:b,loaded:v.get(n)?.loaded??!1}))},[n]),x=o.useCallback(b=>{i(v=>new Map(v).set(n,{serial:v.get(n)?.serial??"",loaded:b}))},[n]);return{selectedSerial:r.get(n)?.serial??"",preferencesLoaded:t||(r.get(n)?.loaded??!1),selectedPhysicalId:u.physicalId,selectionEdited:u.edited,setSelectedSerial:p,setPreferencesLoaded:x}}const Us=0,Bs=1,Fs=2,zs=3,$s=4,qs=5,Vs=7,Ys=10,Hs=11,Ws=16,zt=17,Vr=0,$t=1,Ks=2,Yr=3,qt=0,Hr=1,Wr=1,ve=0xffffffffffffffffn,ut=0xfffffffffffffffen,Be={HOME:3,APP_SWITCH:187,POWER:26,VOLUME_UP:24,VOLUME_DOWN:25};function dn(n,t,r){n.setUint32(t,Math.max(0,Math.round(r.x))&4294967295),n.setUint32(t+4,Math.max(0,Math.round(r.y))&4294967295),n.setUint16(t+8,Math.min(65535,Math.round(r.screenWidth))),n.setUint16(t+10,Math.min(65535,Math.round(r.screenHeight)))}function Qs(n,t,r,i,d,u){const p=new Uint8Array(32),x=new DataView(p.buffer);return x.setUint8(0,Fs),x.setUint8(1,n),x.setBigUint64(2,t),dn(x,10,r),x.setUint16(22,Math.max(0,Math.min(65535,Math.round(i*65536)))),x.setUint32(24,d>>>0),x.setUint32(28,u>>>0),p}function Vt(n,t,r=0,i=0){const d=new Uint8Array(14),u=new DataView(d.buffer);return u.setUint8(0,Us),u.setUint8(1,n),u.setUint32(2,t>>>0),u.setUint32(6,r>>>0),u.setUint32(10,i>>>0),d}function Xs(n,t,r,i=0){const d=new Uint8Array(21),u=new DataView(d.buffer);u.setUint8(0,zs),dn(u,1,n);const p=x=>Math.max(-32768,Math.min(32767,Math.round(Math.max(-1,Math.min(1,x/16))*32768)));return u.setInt16(13,p(t)),u.setInt16(15,p(r)),u.setUint32(17,i>>>0),d}function Gs(n){const t=new TextEncoder().encode(n);if(!t.length)return null;const r=t.subarray(0,300),i=new Uint8Array(5+r.length),d=new DataView(i.buffer);return d.setUint8(0,Bs),d.setUint32(1,r.length),i.set(r,5),i}function Js(n){const t=new TextEncoder().encode(n);if(!t.length||t.length>255)return null;const r=new Uint8Array(2+t.length);return r[0]=Ws,r[1]=t.length,r.set(t,2),r}function Fe(n){return new Uint8Array([n])}function Kr(n){return new Uint8Array([$s,n])}function Zs(n){return new Uint8Array([Ys,n?1:0])}function ei(n){let t="";for(let r=0;r<n.length;r+=32768)t+=String.fromCharCode(...n.subarray(r,r+32768));return btoa(t)}function ti(n){const t=atob(n),r=new Uint8Array(t.length);for(let i=0;i<t.length;i++)r[i]=t.charCodeAt(i);return r}function Yt(n){return n.toString(16).padStart(2,"0")}function un(n,t,r){for(let i=0;i+4<n.length;i++){const d=n[i]===0&&n[i+1]===0&&n[i+2]===1,p=n[i]===0&&n[i+1]===0&&n[i+2]===0&&n[i+3]===1?i+4:d?i+3:-1;if(p<0||p>=n.length)continue;if((r?n[p]>>1&63:n[p]&31)!==t){i=p-1;continue}let b=p+1;for(;b+2<n.length&&!(n[b]===0&&n[b+1]===0&&(n[b+2]===1||n[b+2]===0&&n[b+3]===1));)b++;return n.subarray(p,Math.min(n.length,b))}return null}function ri(n){const t=n?un(n,7,!1):null;return t&&t.length>=4?`avc1.${Yt(t[1])}${Yt(t[2])}${Yt(t[3])}`:"avc1.42e01e"}function ni(n){const t=n?un(n,32,!0):null;if(t&&t.length>=13){const r=t[1]>>6&3,i=t[1]&31,d=t[12];return`hev1.${r}.${i}.L${d}.B0`}return"hev1.1.6.L120.B0"}class si{constructor(t,r){this.canvas=t,this.callbacks=r}canvas;callbacks;readOnly=!1;setReadOnly(t){this.readOnly=t}liveBitrate=!1;bitrateFailureDetail;get lastBitrateFailure(){return this.bitrateFailureDetail}bitrateRequestId=0;bitratePending=null;get supportsLiveBitrate(){return this.liveBitrate}get canSetBitrate(){return this.liveBitrate&&!this.bitratePending&&this.socket?.readyState===1}setBitrate(t){return!this.canSetBitrate||!Number.isInteger(t)||t<3e5||t>3e7?Promise.resolve(!1):new Promise(r=>{const i=++this.bitrateRequestId,d=setTimeout(()=>this.finishBitrate(!1,`BITRATE_CLIENT_TIMEOUT: requested=${t} bps; no server confirmation within 4000ms`),4e3);this.bitratePending={id:i,value:t,resolve:r,timer:d},this.send({type:"bitrate",requestId:i,bitRate:t})})}finishBitrate(t,r){const i=this.bitratePending;i&&(this.bitratePending=null,clearTimeout(i.timer),t||(this.liveBitrate=!1,this.bitrateFailureDetail=r??this.bitrateFailureDetail??"BITRATE_REASON_UNAVAILABLE: server rejected adjustment without a diagnostic",this.closedByUser||this.callbacks.onBitrateSupport?.(!1,this.bitrateFailureDetail)),i.resolve(t))}socket=null;decoder=null;configured=!1;configData=null;header=null;closedByUser=!1;failureReason=null;lastMessageAt=0;lastFrameAt=0;lastResetAt=0;heartbeat=null;statsTimer=null;stallTimer=null;pendingConfig=null;needsKeyframe=!1;frameCount=0;receivedFrames=0;decodedFrames=0;controlsSent=0;lastSeq=0;lastType="";bytesSinceSample=0;warnedUnsupported=!1;lastSampleAt=0;serial="";autoQuality=!1;pingAt=null;rttMs=null;rttAt=0;minimumFrameOffset=1/0;deliveryDelayMs=0;peakDecodeQueue=0;sampleFrames=0;get currentHeader(){return this.header}connect(t,r){this.liveBitrate=!1,this.bitrateFailureDetail=void 0,this.serial=t,this.autoQuality=r?.id==="auto",this.closedByUser=!1,this.failureReason=null,this.callbacks.onState("connecting");let i;try{i=Vn(Yn(t,r))}catch(d){this.reportError(d instanceof Error?d.message:"ANDROID_STREAM_FAILED");return}this.socket=i,i.onopen=()=>{this.lastMessageAt=Date.now()},i.onmessage=d=>{this.closedByUser||this.handleMessage(d.data)},i.onerror=()=>{!this.closedByUser&&!this.failureReason&&this.reportError("SCRCPY_CONNECTION_LOST")},i.onclose=d=>{if(this.finishBitrate(!1,"BITRATE_CONNECTION_CLOSED: preview connection closed"),this.liveBitrate=!1,this.teardownTimers(),this.closedByUser)this.callbacks.onState("idle");else{const u=`WebSocket close code=${d.code}${d.reason?`: ${d.reason}`:""}`;this.reportError(`${this.failureReason||"SCRCPY_CONNECTION_CLOSED"}
-${u}`)}},this.startTimers()}reportError(t){this.failureReason=t,this.callbacks.onState("error",t)}disconnect(){this.closedByUser=!0,this.finishBitrate(!1),this.liveBitrate=!1,this.teardownTimers();try{this.decoder?.close()}catch{}this.decoder=null,this.configured=!1;try{this.socket?.close()}catch{}this.socket=null,this.callbacks.onState("idle")}teardownTimers(){this.heartbeat&&clearInterval(this.heartbeat),this.statsTimer&&clearInterval(this.statsTimer),this.stallTimer&&clearInterval(this.stallTimer),this.heartbeat=null,this.statsTimer=null,this.stallTimer=null}startTimers(){this.lastSampleAt=Date.now(),this.heartbeat=setInterval(()=>{if(!(!this.socket||this.socket.readyState!==1)){if(Date.now()-this.lastMessageAt>45e3){try{this.socket.close()}catch{}return}this.pingAt===null&&(this.pingAt=performance.now(),this.send({type:"ping"}))}},this.autoQuality?2e3:15e3),this.stallTimer=setInterval(()=>{if(!this.header||this.closedByUser)return;const t=Date.now();t-this.lastFrameAt>8e3&&t-this.lastResetAt>8e3&&(this.lastResetAt=t,console.warn("[android] no frames for 8s; requesting keyframe reset"),this.sendControl(Fe(zt)))},2e3),this.statsTimer=setInterval(()=>{const t=Date.now(),r=(t-this.lastSampleAt)/1e3;r<=0||(this.callbacks.onStats({fps:Math.round(this.frameCount/r*10)/10,kbps:Math.round(this.bytesSinceSample*8/r/1e3),width:this.header?.width??0,height:this.header?.height??0,received:this.receivedFrames,decoded:this.decodedFrames,controls:this.controlsSent,last:this.lastType,adaptation:this.autoQuality?{rttMs:this.pingAt!==null&&performance.now()-this.pingAt>2e3?performance.now()-this.pingAt:performance.now()-this.rttAt<6e3?this.rttMs:null,deliveryDelayMs:this.sampleFrames?this.deliveryDelayMs:0,decodeQueue:Math.max(this.peakDecodeQueue,this.decoder?.decodeQueueSize??0),frames:this.sampleFrames}:void 0}),this.sampleFrames=0,this.peakDecodeQueue=0,this.frameCount=0,this.bytesSinceSample=0,this.lastSampleAt=t)},1e3)}send(t){if(!(!this.socket||this.socket.readyState!==1))try{this.socket.send(JSON.stringify(t))}catch{}}sendControl(t){!t||this.readOnly&&!(t.length===1&&t[0]===zt)||(this.controlsSent++,this.send({type:"control",data:ei(t)}))}ack(){this.send({type:"ack",seq:this.lastSeq})}handleMessage(t){if(typeof t!="string")return;this.lastMessageAt=Date.now();let r;try{r=JSON.parse(t)}catch{return}this.lastType=`${r.type??"?"}${r.config?":cfg":""}${r.key?":key":""}`;try{this.dispatchMessage(r)}catch(i){console.warn("[android] message handling failed",i),this.callbacks.onWarning(`处理消息失败：${i instanceof Error?i.message:String(i)}`)}}dispatchMessage(t){switch(t.type){case"bitrate-support":this.liveBitrate=t.supported===!0,this.bitrateFailureDetail=this.liveBitrate?void 0:typeof t.detail=="string"?t.detail.slice(0,4096):"BITRATE_REASON_UNAVAILABLE: server did not provide diagnostics",this.liveBitrate||this.finishBitrate(!1,this.bitrateFailureDetail),this.callbacks.onBitrateSupport?.(this.liveBitrate,this.bitrateFailureDetail);break;case"bitrate-result":t.requestId===this.bitratePending?.id&&this.finishBitrate(t.applied===!0&&t.bitRate===this.bitratePending?.value,typeof t.detail=="string"?t.detail.slice(0,4096):void 0);break;case"header":this.header={deviceName:t.deviceName??this.serial,codec:t.codec??"h264",width:t.width??0,height:t.height??0},this.lastFrameAt=Date.now(),this.callbacks.onHeader(this.header),this.failureReason=null,this.callbacks.onState("streaming");break;case"frame":this.handleFrame(t);break;case"error":this.reportError(t.message||"SCRCPY_ERROR");break;case"closed":this.reportError(this.failureReason||"SCRCPY_SESSION_CLOSED");break;case"pong":this.pingAt!==null&&(this.rttMs=performance.now()-this.pingAt,this.rttAt=performance.now(),this.pingAt=null);break}}handleFrame(t){if(typeof t.data!="string")return;typeof t.seq=="number"&&(this.lastSeq=t.seq);const r=ti(t.data);if(this.bytesSinceSample+=t.data.length,this.receivedFrames++,this.lastFrameAt=Date.now(),this.decoder?.state==="closed"&&(this.decoder=null,this.configured=!1),t.config){this.configData=r,this.pendingConfig=r,this.configureDecoder(),this.ack();return}this.sampleFrames++;const i=Number(t.pts);if(t.pts!==void 0&&Number.isFinite(i)){const p=performance.now()-i/1e3;this.minimumFrameOffset=Math.min(this.minimumFrameOffset,p),this.deliveryDelayMs=Math.max(0,p-this.minimumFrameOffset)}this.configured||this.configureDecoder();const d=t.key===!0;if(this.needsKeyframe&&!d){this.ack();return}let u=r;this.pendingConfig&&(u=new Uint8Array(this.pendingConfig.length+r.length),u.set(this.pendingConfig,0),u.set(r,this.pendingConfig.length),this.pendingConfig=null),d&&(this.needsKeyframe=!1),this.decode(u,d,t.pts),this.ack()}configureDecoder(){const t=this.header?.codec??"h264";if(!this.decoder||this.decoder.state==="closed"){if(typeof VideoDecoder>"u"){this.warnedUnsupported||(this.warnedUnsupported=!0,this.callbacks.onWarning("当前浏览器不支持 WebCodecs（VideoDecoder），无法解码投屏画面。")),this.reportError("VIDEO_DECODER_UNSUPPORTED");return}try{this.decoder=new VideoDecoder({output:u=>this.onDecodedFrame(u),error:u=>{this.closedByUser||(this.configured=!1,this.decoderRecovering=!0,console.warn("[android] video decoder error",u),this.reportError(`VIDEO_DECODER_ERROR: ${u.message}`),this.sendControl(Fe(zt)))}})}catch(u){console.warn("[android] VideoDecoder unavailable",u),this.callbacks.onWarning(`创建 VideoDecoder 失败：${u instanceof Error?u.message:String(u)}`),this.reportError("VIDEO_DECODER_UNSUPPORTED");return}}const r={codec:"avc1.42e01e",optimizeForLatency:!0};let i;t==="h264"?(i=[ri(this.configData),"avc1.42e01e","avc1.4d401e","avc1.64001f"].filter((p,x,b)=>b.indexOf(p)===x),r.avc={format:"annexb"}):t==="h265"?(i=[ni(this.configData),"hev1.1.6.L120.B0","hvc1.1.6.L120.B0"],r.hevc={format:"annexb"}):i=["av01.0.04M.08"];const d=[];for(const u of i)try{this.decoder.configure({...r,codec:u}),this.configured=!0,this.needsKeyframe=!0,u!==i[0]&&console.warn("[android] decoder configured with fallback codec",u);return}catch(p){d.push(`${u}: ${p instanceof Error?p.message:String(p)}`),console.warn("[android] decoder configure failed",u,p)}this.callbacks.onWarning(`解码器配置失败（${d.join("；")}）`),this.reportError("VIDEO_DECODER_UNSUPPORTED")}decode(t,r,i){if(!(!this.decoder||this.decoder.state!=="configured"))try{this.decoder.decode(new EncodedVideoChunk({type:r?"key":"delta",timestamp:i?Number(i):this.lastTimestamp+1,data:t})),this.peakDecodeQueue=Math.max(this.peakDecodeQueue,this.decoder.decodeQueueSize),this.lastTimestamp=i?Number(i):this.lastTimestamp+1}catch(d){this.decodeFailureCount++<3&&(console.warn("[android] decode threw",d),this.callbacks.onWarning(`送入解码器失败：${d instanceof Error?d.message:String(d)}`))}}decoderRecovering=!1;decodeFailureCount=0;lastTimestamp=0;onDecodedFrame(t){if(this.closedByUser){t.close();return}this.frameCount++,this.decodedFrames++;const r=t.displayWidth||t.codedWidth,i=t.displayHeight||t.codedHeight,d=this.canvas;(d.width!==r||d.height!==i)&&(d.width=r,d.height=i,this.header&&(this.header={...this.header,width:r,height:i},this.callbacks.onHeader(this.header)));const u=d.getContext("2d");u&&u.drawImage(t,0,0,d.width,d.height),t.close(),this.decoderRecovering&&(this.decoderRecovering=!1,this.failureReason=null,this.callbacks.onState("streaming"))}pointerPoint(t,r){return{x:t,y:r,screenWidth:this.header?.width??0,screenHeight:this.header?.height??0}}touch(t,r,i,d){const u=t===$t||t===Yr,p=u?0:1,x=d===ve&&!u?Wr:0,b=(t===Vr||t===$t)&&d===ve?Wr:0;this.sendControl(Qs(t,d,this.pointerPoint(r,i),p,b,x))}pointerDown(t,r,i){this.touch(Vr,t,r,i==="mouse"?ve:ut)}pointerMove(t,r,i){this.touch(Ks,t,r,i==="mouse"?ve:ut)}pointerUp(t,r,i){this.touch($t,t,r,i==="mouse"?ve:ut)}pointerCancel(t,r,i){this.touch(Yr,t,r,i==="mouse"?ve:ut)}scroll(t,r,i,d){this.sendControl(Xs(this.pointerPoint(t,r),i,d))}key(t,r=qt){this.sendControl(Vt(r,t))}tapKey(t){this.sendControl(Vt(qt,t)),this.sendControl(Vt(Hr,t))}back(){this.sendControl(Kr(qt)),this.sendControl(Kr(Hr))}home(){this.tapKey(Be.HOME)}recents(){this.tapKey(Be.APP_SWITCH)}power(){this.tapKey(Be.POWER)}volumeUp(){this.tapKey(Be.VOLUME_UP)}volumeDown(){this.tapKey(Be.VOLUME_DOWN)}rotate(){this.sendControl(Fe(Hs))}expandNotifications(){this.sendControl(Fe(qs))}collapsePanels(){this.sendControl(Fe(Vs))}setDisplayPower(t){this.sendControl(Zs(t))}sendText(t){this.sendControl(Gs(t))}startApp(t){this.sendControl(Js(t))}}function ii(){try{return crypto.randomUUID().slice(0,8)}catch{return Math.random().toString(36).slice(2,10)}}function ai(){return`termdock-mirror-shot-${new Date().toISOString().replace(/[-:T]/g,"").slice(0,14)}-${ii()}.png`}function Qr(n){const t=Math.max(0,Math.floor(n/1e3)),r=Math.floor(t/60),i=t%60;return`${String(r).padStart(2,"0")}:${String(i).padStart(2,"0")}`}async function oi(n,t=ai()){const r=n.width,i=n.height;if(!r||!i)throw new Error("投屏画面尚未就绪");const d=document.createElement("canvas");d.width=r,d.height=i;const u=d.getContext("2d");if(!u)throw new Error("无法读取投屏画面");u.drawImage(n,0,0);const p=await new Promise(x=>d.toBlob(x,"image/png"));if(!p||p.size===0)throw new Error("截图失败，请重试");return new File([p],t,{type:"image/png"})}function fn(n,t,r){const i=r.contentWidth*(t-1)/2,d=r.contentHeight*(t-1)/2;return{x:Math.max(-i,Math.min(i,n.x)),y:Math.max(-d,Math.min(d,n.y))}}function Xr(n,t,r,i,d){const u=Math.max(1,Math.min(8,n.zoom*d)),p=u/n.zoom;return{zoom:u,pan:fn({x:i.x-t.cx-(r.x-t.cx-n.pan.x)*p,y:i.y-t.cy-(r.y-t.cy-n.pan.y)*p},u,t)}}async function hn(n,t,r){if(!t)throw new Error("没有可接收内容的终端");if(!await Wn(n,t,()=>!0,r))throw new Error("目标终端不可用，内容尚未插入，请连接终端后重试")}function Gr(n,t,r){return hn(Hn(n,null),t,r)}const Gt=new Map;function ci(n,t){Gt.set(n,t)}function li(n,t){const r=Gt.get(n.id)??t;r?.(n),r&&Gt.delete(n.id)}const Ht=Jt(n=>({pending:[],enqueue:(t,r,i="/",d)=>n(u=>u.pending.some(p=>p.file.id===t.id)?u:{pending:[...u.pending,{file:t,sessionId:r,initialPath:i,insert:d}]}),remove:t=>n(r=>({pending:r.pending.filter(i=>i.file.id!==t)}))})),we="android-mirror",ze=we,pn="termdock:android:quality:v1",Wt=176,di=204,G=1,xt=8,Jr=[1,1.25,1.5,2,2.5,3,4,6,8],ui=n=>Math.max(G,Math.min(xt,n));function fi(n){return`${Number.isInteger(n)?n:n.toFixed(1)}×`}function ft(n){const t=n.parentElement;if(!t)return null;const r=t.getBoundingClientRect(),i=getComputedStyle(t),d=parseFloat(i.paddingLeft)||0,u=parseFloat(i.paddingTop)||0,p=t.clientWidth-d-(parseFloat(i.paddingRight)||0),x=t.clientHeight-u-(parseFloat(i.paddingBottom)||0);return{cx:r.left+t.clientLeft+d+p/2,cy:r.top+t.clientTop+u+x/2,width:p,height:x,contentWidth:n.offsetWidth,contentHeight:n.offsetHeight}}function hi(n,t){try{n.setPointerCapture?.(t)}catch{}}function Zr(n,t){try{n.releasePointerCapture?.(t)}catch{}}const en=n=>typeof requestAnimationFrame=="function"?requestAnimationFrame(n):window.setTimeout(n,16),ht=n=>{typeof cancelAnimationFrame=="function"?cancelAnimationFrame(n):window.clearTimeout(n)},Kt={auto:"android.qualityAuto",low:"android.qualityLow",medium:"android.qualityMedium",high:"android.qualityHigh",custom:"android.qualityCustom"},pi=()=>{try{const n=localStorage.getItem(pn);return n?Qt(JSON.parse(n)):Xt}catch{return Xt}},$e=n=>{try{localStorage.setItem(pn,JSON.stringify(n))}catch{}};function mn({sessionId:n,dockOnly:t=!1,onInsertPrompt:r,onInsertFile:i,onRecordingComplete:d,onCloseTab:u}){const p=Qn(),x=o.useRef(p);x.current=p;const b=Ms(e=>e.activeSessionId??e.sessions.keys().next().value??null),v=n??b,{selectedSerial:m,setSelectedSerial:R,selectedPhysicalId:E,selectionEdited:me,preferencesLoaded:ae,setPreferencesLoaded:Zt}=Ls(v,!!p),{t:f}=Xn(),j=qr(e=>e.overlay),Se=qr(e=>e.setOverlay),N=o.useRef(null),y=o.useRef(null),Ee=o.useRef(null),Ce=o.useMemo(pi,[]),Y=o.useRef(Ce),oe=o.useRef(null),qe=o.useRef(null),[er,tr]=o.useState(4e6),J=o.useRef(null),A=o.useRef(new Map),H=o.useRef(null),Ve=o.useRef(!1),[gt,Ye]=o.useState(G),M=o.useRef(gt),W=o.useRef({x:0,y:0}),rr=o.useRef(null),K=o.useRef(0),He=o.useRef(0),yt=o.useRef(null),xe=o.useRef(0),[L,xn]=o.useState(null),[Z,bt]=o.useState(null),[gn,nr]=o.useState(!0),[ee,ge]=o.useState(Ce.id),[Q,vt]=o.useState([]),[U,ce]=o.useState(null),[We,sr]=o.useState(""),[wt,St]=o.useState(!0),[D,le]=o.useState({maxSize:Ce.maxSize,bitRate:Ce.bitRate,maxFps:Ce.maxFps}),[B,ir]=o.useState("idle"),[Et,Ct]=o.useState(null),[Re,Ke]=o.useState(null),[Rt,Nt]=o.useState(null),[de,yn]=o.useState({fps:0,kbps:0,width:0,height:0,received:0,decoded:0,controls:0,last:""}),[te,Qe]=o.useState(null),[ar,or]=o.useState(null),[Dt,kt]=o.useState(null),[bn,cr]=o.useState([]),[Ne,De]=o.useState(null),[Xe,ke]=o.useState([]),[vn,Ae]=o.useState(!1),Te=o.useRef(null),wn=o.useRef(0),Oe=o.useRef([]),[Ge,lr]=o.useState(!1),[dr,ur]=o.useState(""),[fr,hr]=o.useState(!1),[At,Sn]=o.useState(!1),[Tt,pr]=o.useState(""),[Ot,mr]=o.useState(null),[xr,re]=o.useState(null),[F,Je]=o.useState(!1),[En,gr]=o.useState(0),q=o.useRef(null),Ie=o.useRef(null),[yr,Ze]=o.useState(!1),ne=o.useRef(!1),br=o.useRef(new Set),It=o.useRef(null),ye=o.useRef(null),jt=o.useRef(!1),[je,vr]=o.useState(!1),Me=o.useRef(d);Me.current=d;const[be,se]=o.useState(!1),[Mt,Cn]=o.useState(null),Pt=o.useRef(null),wr=o.useRef(null),z=pe(e=>!!e.docks[ze]),et=pe(e=>e.hosts[ze]),_t=pe(e=>e.setDock),Pe=o.useRef(0);o.useEffect(()=>()=>{Pe.current++},[]);const ie=o.useCallback(async()=>{const e=++Pe.current;nr(!0);try{const a=await Gn();return e!==Pe.current?void 0:(xn(a),bt(null),a)}catch(a){e===Pe.current&&bt(a instanceof Error?a.message:"ADB_UNAVAILABLE")}finally{e===Pe.current&&nr(!1)}},[]);o.useEffect(()=>{ie()},[ie]);const _e=o.useMemo(()=>Is(L?.devices??[],m),[L?.devices,m]),ue=_e.find(e=>e.serial===m)??null,tt=!!(Z&&/ADB_NOT_FOUND|ADB_UNAVAILABLE/i.test(Z)),Sr=!!(L?.adbAvailable&&!L.scrcpyVersion),I=o.useCallback(()=>{const e=J.current,a=[...A.current.keys()];J.current=null,A.current.clear(),H.current=null,Ve.current=!1,Te.current=null,ht(K.current),K.current=0,e&&y.current?.pointerCancel(e.x,e.y,e.type);const c=N.current;if(c)for(const l of a)Zr(c,l);De(null),Ae(!1),ke([]),Ye(M.current)},[]);o.useEffect(()=>{const e=l=>{A.current.has(l.pointerId)&&(l.type==="pointercancel"||l.target!==N.current)&&I()},a=()=>I(),c=()=>{document.hidden&&I()};return window.addEventListener("pointerup",e,!0),window.addEventListener("pointercancel",e,!0),window.addEventListener("blur",a),document.addEventListener("visibilitychange",c),()=>{window.removeEventListener("pointerup",e,!0),window.removeEventListener("pointercancel",e,!0),window.removeEventListener("blur",a),document.removeEventListener("visibilitychange",c),I()}},[I]);const Lt=o.useCallback(()=>{I(),y.current?.disconnect(),y.current=null,ir("idle"),Ct(null),Ke(null),Nt(null)},[I]);o.useLayoutEffect(()=>{Lt(),Ee.current=null;const e=N.current;e&&(e.width=e.width)},[v,Lt]);const P=o.useCallback((e,a=!1)=>{const c=N.current;if(!c||!e)return;I(),y.current?.disconnect(),Ct(null),Ee.current!==e&&(Ke(null),xe.current=0),!a&&Ee.current!==e&&Nt(null),Ee.current=e,or(null),Qe(null);const l=new si(c,{onBitrateSupport:(g,w)=>{y.current!==l||Y.current.id!=="auto"||Qe(g?null:w??"BITRATE_REASON_UNAVAILABLE")},onState:(g,w)=>{y.current===l&&(ir(g),Ct(w??null),g==="error"?Ke(w||"SCRCPY_ERROR"):g==="streaming"&&Ke(null))},onHeader:g=>{y.current===l&&Nt(g)},onStats:g=>{y.current===l&&yn(g)},onWarning:g=>{y.current===l&&or(g)}});l.setReadOnly(!!x.current&&Ft(x.current.android,e)!=="control"),y.current=l;let h=Y.current;h.id==="auto"?(oe.current?.serial!==e&&(oe.current={serial:e,policy:new _s}),oe.current.policy.connected(performance.now()),h=oe.current.policy.quality,tr(h.bitRate)):oe.current=null,qe.current=h,l.connect(e,h)},[I]);o.useEffect(()=>{if(ee!=="auto"||Y.current.id!=="auto"||B!=="streaming"||!de.adaptation||document.hidden)return;const e=oe.current,a=y.current;if(!e||e.serial!==m||!a?.canSetBitrate)return;const c=N.current,l=c?Math.max(c.clientWidth,c.clientHeight)*(window.devicePixelRatio||1)*M.current:1600,h=e.policy.sample(de.adaptation,performance.now(),l||1600);h&&a.setBitrate(h.bitRate).then(g=>{g&&y.current===a&&(qe.current=h,tr(h.bitRate))})},[de,ee,B,m,P]);const O=o.useCallback(e=>{if(x.current)return;const a={...e.quality?{quality:{id:e.quality.id,maxSize:e.quality.maxSize,bitRate:e.quality.bitRate,maxFps:e.quality.maxFps}}:{},...e.activePresetId!==void 0?{activePresetId:e.activePresetId}:{},...e.presets!==void 0?{presets:e.presets}:{},...e.docked!==void 0?{docked:e.docked}:{},...e.deviceSerial!==void 0||e.devicePhysicalId!==void 0?v?{sessionDevices:{[v]:{deviceSerial:e.deviceSerial??null,devicePhysicalId:e.devicePhysicalId??null}}}:{deviceSerial:e.deviceSerial??null,devicePhysicalId:e.devicePhysicalId??null}:{}};Jn({androidPanel:a}).catch(()=>{})},[v]);o.useEffect(()=>{let e=!1;if(!x.current)return on().then(a=>{if(e)return;const c=a.androidPanel;if(c?.quality){const h=Qt(c.quality);Y.current=h,ge(h.id),le({maxSize:h.maxSize,bitRate:h.bitRate,maxFps:h.maxFps}),$e(h)}vt(c?.presets??[]),ce(c?.activePresetId??null);const l=v?c?.sessionDevices?.[v]:c;l&&!me.current&&(E.current=l.devicePhysicalId||null,yt.current=l.deviceSerial,R(l.deviceSerial||""))}).catch(()=>{}).finally(()=>{e||Zt(!0)}),()=>{e=!0}},[v,E,me,Zt,R]);const Rn=o.useCallback(e=>{const a=++wn.current;cr(l=>[...l,{id:a,left:e.left,top:e.top}]);const c=window.setTimeout(()=>{cr(l=>l.filter(h=>h.id!==a)),Oe.current=Oe.current.filter(l=>l!==c)},300);Oe.current.push(c)},[]),rt=o.useCallback((e,a)=>{const c=y.current,l=qe.current;c?.supportsLiveBitrate&&Ee.current===e&&l&&l.maxSize===a.maxSize&&l.maxFps===a.maxFps?c.setBitrate(a.bitRate).then(h=>{y.current===c&&(h?(qe.current=a,Qe(null)):Qe(c.lastBitrateFailure??"BITRATE_REASON_UNAVAILABLE"))}):P(e)},[P,f]),Nn=o.useCallback(e=>{if(oe.current=null,e.startsWith("user:")){const c=Q.find(h=>h.id===e.slice(5));if(!c)return;const l={id:"custom",maxSize:c.maxSize,bitRate:c.bitRate,maxFps:c.maxFps};Y.current=l,ge("custom"),ce(c.id),le({maxSize:c.maxSize,bitRate:c.bitRate,maxFps:c.maxFps}),St(!0),$e(l),O({quality:l,activePresetId:c.id}),m&&P(m);return}if(e==="custom"){const c=Y.current;ge("custom"),ce(null),le({maxSize:c.maxSize,bitRate:c.bitRate,maxFps:c.maxFps}),St(!0);return}const a=e==="auto"?Qt({id:"auto"}):Ur.find(c=>c.id===e)??Xt;Y.current=a,ge(a.id),ce(null),$e(a),O({quality:a,activePresetId:null}),m&&P(m)},[P,m,Q,O]),Dn=o.useCallback(()=>{const e={id:"custom",maxSize:D.maxSize,bitRate:D.bitRate,maxFps:D.maxFps};Y.current=e,$e(e),O({quality:e,activePresetId:null}),ge("custom"),ce(null),m&&rt(m,e)},[rt,m,D,O]),Er=o.useCallback(()=>{const e=We.trim();if(!e)return;const a=`p${Date.now().toString(36)}${Math.random().toString(36).slice(2,6)}`,c={id:a,name:e,maxSize:D.maxSize,bitRate:D.bitRate,maxFps:D.maxFps},l=[...Q.filter(g=>g.name!==e),c].slice(-12),h={id:"custom",maxSize:D.maxSize,bitRate:D.bitRate,maxFps:D.maxFps};vt(l),sr(""),ce(a),ge("custom"),Y.current=h,$e(h),O({quality:h,activePresetId:a,presets:l}),m&&rt(m,h)},[We,D,Q,m,rt,O]),kn=o.useCallback(()=>{if(!U)return;const e=Q.filter(a=>a.id!==U);vt(e),ce(null),O({activePresetId:null,presets:e})},[U,Q,O]);o.useEffect(()=>()=>{y.current?.disconnect(),y.current=null;for(const e of Oe.current)window.clearTimeout(e);Oe.current=[]},[]),o.useEffect(()=>{if(j==="off")return;const e=a=>{a.key==="Escape"&&Se("off")};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[j,Se]),o.useEffect(()=>{if(!L||!ae&&!me.current)return;const e=Br(L.devices,m,E.current);if(!e){L.devices.some(l=>l.serial===m&&l.physicalId&&E.current&&l.physicalId!==E.current)&&(y.current?.disconnect(),R(""));return}const a=E.current!==(e.physicalId||null);E.current=e.physicalId||null,e.serial!==m&&(yt.current=e.serial,R(e.serial)),(e.serial!==m||a)&&O({deviceSerial:e.serial,devicePhysicalId:e.physicalId||null})},[L,m,ae,O]);const nt=!!L?.devices.some(e=>e.serial===m&&e.state==="device"&&(!E.current||e.physicalId===E.current));o.useEffect(()=>{if(!m||!nt){y.current?.disconnect();return}P(m)},[v,m,nt,P]),o.useEffect(()=>{if(nt||!ae||!m&&!E.current||Z&&/NOT_ALLOWED|DENIED|UNAUTHORIZED|403/i.test(Z))return;const e=()=>{document.hidden||ie()},a=window.setInterval(e,3e3);return window.addEventListener("online",e),document.addEventListener("visibilitychange",e),()=>{window.clearInterval(a),window.removeEventListener("online",e),document.removeEventListener("visibilitychange",e)}},[nt,m,ae,Z,ie]),o.useEffect(()=>{if(B==="streaming"&&(xe.current=0),B!=="error"||!m||!gi(Et??"")){kt(null);return}const e=Math.min(8e3,700*2**xe.current),a=xe.current+1;kt({attempt:a,delayMs:e});let c=!1;const l=window.setTimeout(()=>{xe.current=a,kt(null),ie().then(h=>{if(c||!h)return;const g=Br(h.devices,m,E.current);g?.serial===m&&g.state==="device"&&P(m)})},e);return()=>{c=!0,window.clearTimeout(l)}},[B,Et,m,P,ie]);const Cr=o.useCallback((e,a,c)=>{const l=N.current,h=c??(l?ft(l):null);return!l||!h?{x:0,y:0}:fn(e,a,h)},[]),_=o.useCallback(()=>{const e=N.current;if(!e)return;const{x:a,y:c}=W.current,l=M.current,h=l===G&&a===0&&c===0?"":`translate3d(${a}px, ${c}px, 0) scale(${l})`;e.style.transform!==h&&(e.style.transform=h);const g=rr.current;g&&(g.textContent=l>G?fi(l):"")},[]),st=o.useCallback((e,a,c=!0)=>{const l=N.current,h=M.current,g=ui(e);if(!l||g===h)return;const w=ft(l);if(!w)return;const C=a??{x:w.cx,y:w.cy},k=Xr({zoom:h,pan:W.current},w,C,C,g/h);M.current=k.zoom,W.current=k.pan,c&&_()},[_]),Ut=o.useCallback(()=>{const e=M.current;Ye(a=>a<=G+.01==e<=G+.01&&a>=xt-.01==e>=xt-.01?a:e)},[]);o.useEffect(()=>()=>{ht(K.current),ht(He.current)},[]);const Rr=()=>{let e=0,a=0;for(const l of A.current.values())e+=l.x,a+=l.y;const c=A.current.size;return c?{x:e/c,y:a/c}:null},Nr=()=>{const[e,a]=Array.from(A.current.values());return e&&a?Math.hypot(e.x-a.x,e.y-a.y):0},Dr=()=>{const e=Rr(),a=N.current?ft(N.current):null;!e||!a||(H.current={startCentroid:e,startDistance:Nr(),box:a})},it=o.useCallback(()=>{const e=H.current,a=Rr();if(!e||!a)return;const c=Nr(),l=e.startDistance>0&&c>0?c/e.startDistance:1,h=Xr({zoom:M.current,pan:W.current},e.box,e.startCentroid,a,l);M.current=h.zoom,W.current=h.pan,e.startCentroid=a,e.startDistance=c},[]),An=o.useCallback(()=>{K.current||(K.current=en(()=>{K.current=0,it(),_()}))},[it,_]),at=o.useCallback(()=>{K.current&&(ht(K.current),K.current=0,it(),_())},[it,_]);o.useEffect(()=>{const e=N.current;if(!e)return;const a=e.parentElement;if(!a)return;const c=h=>{if(h.ctrlKey||h.metaKey){if(h.preventDefault(),!h.deltaY||H.current)return;const C=h.deltaMode===1?16:h.deltaMode===2?e.parentElement?.clientHeight||600:1,k=Math.max(-600,Math.min(600,h.deltaY*C));st(M.current*Math.exp(-k*.002),{x:h.clientX,y:h.clientY},!1),He.current||(He.current=en(()=>{He.current=0,_(),Ut()}));return}const g=y.current;if(!g||h.target!==e)return;h.preventDefault();const w=mt(e,h.clientX,h.clientY);g.scroll(w.x,w.y,h.deltaX,h.deltaY)},l=h=>h.preventDefault();return a.addEventListener("wheel",c,{passive:!1}),a.addEventListener("gesturestart",l,{passive:!1}),a.addEventListener("gesturechange",l,{passive:!1}),()=>{a.removeEventListener("wheel",c),a.removeEventListener("gesturestart",l),a.removeEventListener("gesturechange",l)}},[st,_,Ut]),o.useEffect(()=>{const e=N.current,a=e?.parentElement;if(!e||!a||typeof ResizeObserver>"u")return;const c=new ResizeObserver(()=>{H.current&&(H.current.box=ft(e));const l=Cr(W.current,M.current);l.x===W.current.x&&l.y===W.current.y||(W.current=l,_())});return c.observe(e),c.observe(a),()=>c.disconnect()},[Cr,_]),o.useLayoutEffect(()=>{_()});const Tn=e=>{const a=y.current,c=N.current;if(!a||!c)return;if(e.pointerType==="mouse"&&e.button!==0){e.preventDefault(),e.button===2?a.back():e.button===1&&a.home();return}e.preventDefault(),c.closest(".android-mirror-panel")?.focus({preventScroll:!0}),_(),Ut(),at(),hi(c,e.pointerId),A.current.set(e.pointerId,{x:e.clientX,y:e.clientY});const l=e.pointerType==="mouse"&&e.altKey;if(A.current.size>=2||l){const w=J.current;w&&(a.pointerCancel(w.x,w.y,w.type),J.current=null,Te.current=null,De(null),Ae(!1),ke([])),Ve.current=!0,Dr();return}if(Ve.current)return;const h=mt(c,e.clientX,e.clientY);J.current={id:e.pointerId,type:e.pointerType,x:h.x,y:h.y},a.pointerDown(h.x,h.y,e.pointerType);const g=sn(c,e.clientX,e.clientY);g&&(Te.current={left:g.left,top:g.top},ke([]),Ae(!1),De(g))},On=e=>{const a=y.current,c=N.current;if(!c||!A.current.has(e.pointerId))return;if(e.pointerType==="mouse"){const C=c.getBoundingClientRect(),k=c.parentElement?.getBoundingClientRect()??C;if(!(e.buttons&1)||e.clientX<Math.max(C.left,k.left)||e.clientX>=Math.min(C.right,k.right)||e.clientY<Math.max(C.top,k.top)||e.clientY>=Math.min(C.bottom,k.bottom)){I();return}}if(e.preventDefault(),A.current.set(e.pointerId,{x:e.clientX,y:e.clientY}),H.current){An();return}const l=J.current;if(!a||!l||l.id!==e.pointerId)return;const h=mt(c,e.clientX,e.clientY);l.x=h.x,l.y=h.y,a.pointerMove(h.x,h.y,l.type);const g=sn(c,e.clientX,e.clientY),w=Te.current;!g||!w||(De(g),Math.hypot(g.left-w.left,g.top-w.top)>=6&&(Ae(!0),ke(C=>{const k=C[C.length-1];if(k&&Math.hypot(g.left-k.x,g.top-k.y)<4)return C;const he=[...C,{x:g.left,y:g.top}];return he.length>12?he.slice(he.length-12):he})))},In=e=>{const a=y.current,c=N.current;if(!c||!A.current.has(e.pointerId))return;if(at(),A.current.delete(e.pointerId),Zr(c,e.pointerId),A.current.size===0&&(Ve.current=!1),H.current){A.current.size===0?(H.current=null,Ye(M.current)):Dr();return}const l=J.current;if(!l||l.id!==e.pointerId)return;const h=mt(c,e.clientX,e.clientY);a?.pointerUp(h.x,h.y,l.type),Ne&&Rn(Ne),De(null),Ae(!1),window.setTimeout(()=>ke([]),200),J.current=null,Te.current=null},jn=e=>{if(be||Ge||At)return;const a=y.current;a&&(e.key==="Backspace"?(e.preventDefault(),a.key(67)):e.key==="Escape"?(e.preventDefault(),a.back()):e.key==="Enter"&&(e.preventDefault(),a.key(66)))},kr=async()=>{const e=dr.trim();if(e){hr(!0);try{const a=await ls(e);ur(""),lr(!1),await ie(),me.current=!0,E.current=null,R(a.serial)}catch(a){bt(a instanceof Error?a.message:"ADB_CONNECT_FAILED")}finally{hr(!1)}}},Ar=()=>{const e=y.current,a=Tt;!e||!a||(e.sendText(a),pr(""))},ot=o.useCallback(e=>{mr(e),ye.current!==null&&window.clearTimeout(ye.current),ye.current=window.setTimeout(()=>{ye.current=null,mr(null)},2500)},[]),Tr=o.useCallback(e=>{const a=M.current,c=e==="in"?Jr.find(l=>l>a+.01):[...Jr].reverse().find(l=>l<a-.01);c!==void 0&&(a<=G&&c>G&&ot(f("android.zoomPanHint")),at(),st(c),Ye(c))},[st,at,ot,f]),Or=(e,a)=>{Promise.resolve().then(()=>r?.(e,a)).catch(c=>{re(c instanceof Error?c.message:String(c))})},Mn=o.useCallback(async(e,a,c)=>{try{if(!i)throw new Error(f("android.captureUnavailable"));if(await i(e,c)===!1)throw new Error(f("android.captureUnavailable"));ot(a)}catch(l){re(f("android.captureFailed")+(l instanceof Error?`：${l.message}`:""))}},[i,ot,f]),Pn=async e=>{const a=cn(e),c=N.current;if(!(!c||jt.current)){jt.current=!0,vr(!0),re(null);try{const l=await oi(c);if(!a())throw new Error(f("android.captureUnavailable"));await Mn(l,f("android.captureInserted"),e)}catch(l){re(l instanceof Error?l.message:String(l))}finally{jt.current=!1,vr(!1)}}},Le=o.useCallback(e=>{(e.status==="ready"||e.status==="error")&&Me.current&&!br.current.has(e.id)&&(br.current.add(e.id),x.current?Me.current(e):li(e,Me.current))},[]),Ir=o.useCallback(async e=>{const a=q.current;if(!(!a||ne.current)){ne.current=!0,Ze(!0),re(null);try{const c=await Zn(a.id);q.current=null,Je(!1),Le(c)}catch(c){re(c instanceof Error?c.message:String(c))}finally{ne.current=!1,Ze(!1)}}},[Le]),_n=async()=>{if(!m||ne.current||q.current)return;const e=Me.current;ne.current=!0,Ze(!0),re(null);try{const a=await os(m);e&&!x.current&&ci(a.id,e),a.status==="recording"||a.status==="starting"||a.status==="stopping"?(q.current=a,Ie.current=E.current,Je(!0),gr(Math.max(0,Date.now()-a.startedAt))):Le(a)}catch(a){re(a instanceof Error?a.message:String(a))}finally{ne.current=!1,Ze(!1)}},X=!!p&&Ft(p.android,m)!=="control",jr=JSON.stringify((L?.devices||[]).filter(e=>e.serial===m||E.current&&e.physicalId===E.current).map(e=>e.serial).sort());o.useEffect(()=>{if(!m)return;let e=!1,a=!1;const c=q.current,l=c&&(!Ie.current&&c.serial===m||Ie.current&&Ie.current===E.current)&&(!x.current||Ft(x.current.android,c.serial))?c:null;q.current=l,Je(!!l);const h=new Set(JSON.parse(jr));m&&h.add(m),l&&h.add(l.serial);const g=async()=>{if(!(!m||a||ne.current)){a=!0;try{const C=[...h],k=await Promise.allSettled(C.map(V=>as(V)));if(e||ne.current||k.every(V=>V.status==="rejected"))return;const he=k.flatMap(V=>V.status==="fulfilled"?V.value.recordings:[]),Bt=q.current,$n=Bt&&k[C.indexOf(Bt.serial)]?.status==="rejected",Lr=he.find(V=>["starting","recording","stopping"].includes(V.status))??($n?Bt:null);Ie.current=E.current,q.current=Lr??null,Je(!!Lr);for(const V of he)Le(V)}catch{}finally{a=!1}}};g();const w=window.setInterval(()=>{g()},2e3);return It.current=window.setInterval(()=>{q.current&&gr(Math.max(0,Date.now()-q.current.startedAt))},500),()=>{e=!0,window.clearInterval(w),It.current!==null&&window.clearInterval(It.current)}},[m,jr,Le]),o.useEffect(()=>{if(!be)return;const e=()=>se(!1),a=l=>{const h=l.target;h instanceof Node&&(Pt.current?.contains(h)||wr.current?.contains(h)||e())},c=l=>{l.key==="Escape"&&(l.preventDefault(),l.stopPropagation(),e())};return document.addEventListener("pointerdown",a,!0),document.addEventListener("keydown",c,!0),window.addEventListener("resize",e),()=>{document.removeEventListener("pointerdown",a,!0),document.removeEventListener("keydown",c,!0),window.removeEventListener("resize",e)}},[be]),o.useEffect(()=>()=>{ye.current!==null&&window.clearTimeout(ye.current)},[]);const T=B==="streaming",S=z,fe=S?"inline-flex h-5 w-5 shrink-0 items-center justify-center rounded hover:bg-surface-2 disabled:opacity-40":"rounded p-1.5 hover:bg-surface-2 disabled:opacity-40",Ln=ue?(ue.model||ue.serial)+an(ue,f):_e.length?f("android.selectDevice"):f("android.noDevices"),Un=(U?Q.find(e=>e.id===U):null)?.name??(ee==="auto"?`${f("android.qualityAuto")} · ${er/1e6} Mbps`:f(Kt[ee])),Mr=S?"relative flex h-5 min-w-0 items-center rounded bg-surface-2 focus-within:ring-1 focus-within:ring-primary/50":"relative flex h-7 min-w-0 items-center rounded bg-surface-2 focus-within:ring-1 focus-within:ring-primary/50",Pr=S?"pointer-events-none block min-w-0 truncate px-1 text-[10px] leading-none text-foreground":"pointer-events-none block min-w-0 truncate px-2 text-[11px] leading-none text-foreground",_r="absolute inset-0 h-full w-full cursor-pointer opacity-0",Bn=()=>{const e=Pt.current?.getBoundingClientRect();e&&Cn({left:Math.max(8,Math.min(e.right-Wt,window.innerWidth-Wt-8)),top:Math.min(e.bottom+4,Math.max(8,window.innerHeight-di-8))}),se(!0)},Fn=()=>{if(z){_t(ze,null),O({docked:null});return}if(!v)return;const e={sessionId:v,side:"right"};_t(ze,e),O({docked:e})},zn=Ge||z||j!=="off",ct=s.jsxs("div",{className:"android-mirror-panel flex h-full min-h-0 min-w-0 flex-col bg-surface text-foreground","data-sidebar-gesture-ignore":"true",onKeyDown:jn,tabIndex:-1,children:[s.jsxs("div",{"data-panel-drag-title":z?"true":void 0,className:S?"flex h-6 min-h-6 shrink-0 flex-nowrap items-center gap-1 overflow-hidden border-b border-border/15 bg-[var(--chrome-bg)] px-1.5 cursor-grab select-none active:cursor-grabbing":"flex flex-wrap items-center gap-1.5 border-b border-border px-2 py-2",children:[z&&s.jsx("span",{"data-panel-drag-title":"true",role:"button","aria-label":f("android.splitDrag"),title:f("android.splitDrag"),className:"flex h-4 w-4 shrink-0 cursor-grab items-center justify-center rounded text-muted-foreground hover:text-foreground active:cursor-grabbing",children:s.jsx(fs,{size:12})}),s.jsx(es,{size:S?12:14,className:"shrink-0 text-muted-foreground"}),s.jsxs("div",{className:`${Mr} flex-1`,children:[s.jsx("span",{"aria-hidden":"true",className:`${Pr} w-full`,children:Ln}),s.jsxs("select",{value:m,onChange:e=>{const a=e.target.value;me.current=!0,E.current=L?.devices.find(c=>c.serial===a)?.physicalId||null,R(a),yt.current=a,O({deviceSerial:a||null,devicePhysicalId:E.current})},className:_r,"aria-label":f("android.device"),children:[s.jsx("option",{value:"",children:_e.length?f("android.selectDevice"):f("android.noDevices")}),_e.map(e=>s.jsx("option",{value:e.serial,children:(e.model||e.serial)+an(e,f)},e.serial))]})]}),s.jsxs("div",{className:`${Mr} max-w-[45%] shrink-0`,children:[s.jsx("span",{"aria-hidden":"true",className:Pr,children:Un}),s.jsxs("select",{value:U?`user:${U}`:ee,onChange:e=>Nn(e.target.value),className:_r,title:f(ee==="auto"?"android.qualityAutoHint":"android.quality"),"aria-label":f("android.quality"),children:[s.jsxs("option",{value:"auto",children:[f("android.qualityAuto"),ee==="auto"?` · ${er/1e6} Mbps`:""]}),Ur.map(e=>s.jsx("option",{value:e.id,children:f(Kt[e.id])},e.id)),Q.map(e=>s.jsx("option",{value:`user:${e.id}`,children:e.name},e.id)),s.jsx("option",{value:"custom",children:f(Kt.custom)})]})]}),s.jsx("button",{type:"button",onClick:()=>{ie()},className:`${fe} text-muted-foreground`,title:f("android.refresh"),children:gn?s.jsx(Ue,{size:13,className:"animate-spin"}):s.jsx(ts,{size:13})}),T?s.jsx("button",{type:"button",onClick:Lt,className:`${fe} text-destructive`,title:f("android.disconnect"),children:s.jsx(hs,{size:13})}):s.jsx("button",{type:"button",onClick:()=>m&&P(m),disabled:!m,className:`${fe} text-primary`,title:f("android.connect"),children:s.jsx(ps,{size:13})}),(T||F)&&s.jsx("button",{type:"button",onClick:e=>{Pn(e.currentTarget)},disabled:!i||je,className:`${fe} text-muted-foreground`,title:f(i?"android.screenshot":"android.captureUnavailable"),"aria-label":f("android.screenshot"),children:je?s.jsx(Ue,{size:S?12:13,className:"animate-spin"}):s.jsx(ms,{size:S?12:13})}),(T||F)&&s.jsx("button",{type:"button",onClick:()=>{F?Ir("manual"):_n()},disabled:yr||!F&&!d,className:`${fe} ${F?"text-destructive":"text-muted-foreground"}`,title:f(F?"android.recordingStop":d?"android.recordingStart":"android.captureUnavailable"),"aria-label":f(F?"android.recordingStop":"android.recordingStart"),children:yr?s.jsx(Ue,{className:"animate-spin",size:13}):F?s.jsx(ln,{size:S?10:11,fill:"currentColor"}):s.jsx(rs,{size:S?12:13})}),s.jsx("button",{ref:Pt,type:"button",onClick:()=>be?se(!1):Bn(),"aria-haspopup":"menu","aria-expanded":be,className:`${fe} ${zn?"text-primary":"text-muted-foreground"}`,title:f("android.more"),"aria-label":f("android.more"),disabled:!!p,children:s.jsx(ns,{size:S?13:14})}),u&&!t&&s.jsx("button",{type:"button",onClick:()=>{se(!1),Se("off"),u()},className:`${fe} text-muted-foreground hover:bg-destructive/20 hover:text-destructive`,title:f("android.closeTab"),"aria-label":f("android.closeTab"),children:s.jsx(Fr,{size:14})})]}),!p&&be&&Mt&&dt.createPortal(s.jsxs("div",{ref:wr,role:"menu","aria-label":f("android.more"),style:{left:Mt.left,top:Mt.top,width:Wt},className:"fixed z-popover overflow-hidden rounded-md border border-border bg-surface-elevated py-1 text-[11px] shadow-lg",children:[s.jsx(pt,{icon:s.jsx(zr,{size:13}),label:f("android.addDevice"),active:Ge,onSelect:()=>{lr(e=>!e),se(!1)}}),s.jsx(pt,{icon:z?s.jsx(Fr,{size:13}):s.jsx($r,{size:13}),label:f(z?"android.splitClose":"android.splitOpen"),active:z,disabled:!z&&!v,onSelect:()=>{Fn(),se(!1)}}),s.jsx(pt,{icon:j==="window"?s.jsx(xs,{size:13}):s.jsx(gs,{size:13}),label:f(j==="window"?"android.exitFullscreen":"android.fullscreen"),active:j==="window",onSelect:()=>{Se(j==="window"?"off":"window"),se(!1)}}),!t&&s.jsx(pt,{icon:j==="sidebar"?s.jsx(ys,{size:13}):s.jsx(bs,{size:13}),label:f(j==="sidebar"?"android.exitFullscreen":"android.fillSidebar"),active:j==="sidebar",onSelect:()=>{Se(j==="sidebar"?"off":"sidebar"),se(!1)}}),Rt&&s.jsxs("div",{className:"mt-1 border-t border-border px-3 py-2 text-[10px] leading-4 tabular-nums text-muted-foreground",children:[s.jsx("div",{className:"truncate",children:`${de.fps} fps · ${de.kbps} kbps`}),s.jsx("div",{className:"truncate",children:`${de.width}×${de.height}`})]})]}),document.body),(ee==="custom"||U)&&s.jsxs("div",{className:"border-b border-border bg-surface-2/40 px-2 py-2 text-[11px]",children:[s.jsxs("button",{type:"button",onClick:()=>St(e=>!e),"aria-expanded":wt,className:"flex w-full items-center gap-1 rounded text-muted-foreground hover:text-foreground",children:[s.jsx(zr,{size:12,className:`transition-transform ${wt?"":"-rotate-90"}`}),s.jsxs("span",{children:[f("android.quality"),U?` · ${Q.find(e=>e.id===U)?.name??""}`:""]})]}),wt&&s.jsxs("div",{className:"mt-2 grid gap-2",children:[s.jsx(nn,{label:f("android.qualityResolution"),display:`${D.maxSize}px`,min:360,max:2160,step:8,value:D.maxSize,onChange:e=>le(a=>({...a,maxSize:e}))}),s.jsx(nn,{label:f("android.qualityBitRate"),display:`${(D.bitRate/1e6).toFixed(1)} Mbps`,min:.5,max:20,step:.5,value:D.bitRate/1e6,onChange:e=>le(a=>({...a,bitRate:Math.round(e*1e6)}))}),s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("span",{className:"w-14 shrink-0 text-muted-foreground",children:f("android.qualityFrameRate")}),s.jsxs("div",{className:"flex gap-1",children:[[15,30,60].map(e=>s.jsx("button",{type:"button",onClick:()=>le(a=>({...a,maxFps:e})),className:`rounded px-2 py-0.5 ${D.maxFps===e?"bg-surface-elevated text-primary":"text-muted-foreground hover:bg-surface-2"}`,children:e},e)),s.jsx("button",{type:"button",onClick:()=>le(e=>({...e,maxFps:0})),className:`rounded px-2 py-0.5 ${D.maxFps===0?"bg-surface-elevated text-primary":"text-muted-foreground hover:bg-surface-2"}`,children:f("android.qualityAuto")})]}),s.jsx("button",{type:"button",onClick:Dn,disabled:!m,className:"ml-auto rounded bg-primary/15 px-2 py-1 text-primary disabled:opacity-40",children:f("android.qualityApply")})]}),s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("input",{value:We,onChange:e=>sr(e.target.value),onKeyDown:e=>{e.key==="Enter"&&!e.nativeEvent.isComposing&&Er()},placeholder:f("android.presetNamePlaceholder"),maxLength:40,className:"min-w-0 flex-1 rounded bg-surface-2 px-2 py-1 text-[11px] outline-none placeholder:text-muted-foreground"}),s.jsx("button",{type:"button",onClick:Er,disabled:!We.trim(),className:"shrink-0 rounded bg-surface-2 px-2 py-1 text-primary disabled:opacity-40",children:f("android.presetSave")}),U&&s.jsx("button",{type:"button",onClick:kn,className:"shrink-0 rounded px-2 py-1 text-destructive hover:bg-surface-2",children:f("android.presetDelete")})]})]})]}),!p&&Ge&&s.jsxs("div",{className:"flex items-center gap-1.5 border-b border-border px-2 py-2",children:[s.jsx("input",{value:dr,onChange:e=>ur(e.target.value),onKeyDown:e=>{e.key==="Enter"&&kr()},placeholder:f("android.addressPlaceholder"),className:"min-w-0 flex-1 rounded bg-surface-2 px-2 py-1 text-[11px] outline-none placeholder:text-muted-foreground"}),s.jsx("button",{type:"button",onClick:()=>{kr()},disabled:fr,className:"rounded bg-surface-2 px-2 py-1 text-[11px] text-primary disabled:opacity-40",children:fr?s.jsx(Ue,{size:12,className:"animate-spin"}):f("android.connect")})]}),tt&&s.jsxs("div",{className:"flex items-start gap-2 border-b border-border bg-surface-2 px-2 py-1.5 text-[11px] text-destructive",children:[s.jsx("span",{className:"min-w-0 flex-1",children:f("android.adbUnavailable")}),s.jsx(tn,{label:f("android.insertFixPrompt"),onClick:e=>Or(rn("adb",Z??""),e),enabled:!!r})]}),!tt&&Sr&&s.jsxs("div",{className:"flex items-start gap-2 border-b border-border bg-surface-2 px-2 py-1.5 text-[11px] text-warning",children:[s.jsx("span",{className:"min-w-0 flex-1",children:f("android.scrcpyUnavailable")}),s.jsx(tn,{label:f("android.insertFixPrompt"),onClick:e=>Or(rn("scrcpy",""),e),enabled:!!r})]}),ue&&ue.state!=="device"&&s.jsx("div",{className:"border-b border-border bg-surface-2 px-2 py-1.5 text-[11px] text-warning",children:yi(ue,f)}),Z&&!tt&&s.jsx("div",{className:"border-b border-border bg-surface-2 px-2 py-1.5 text-[11px] text-destructive",children:lt(Z)}),te&&s.jsxs("details",{className:"border-b border-border bg-surface-2 px-2 py-1.5 text-[11px] text-warning",children:[s.jsxs("summary",{className:"cursor-pointer",children:[f("android.qualityAutoUnavailable")," ",f(te.startsWith("SCRCPY_VERSION")?"android.qualityAutoVersionError":te.startsWith("SCRCPY_BUILD")?"android.qualityAutoBuildError":/EXTENSION|SERVER_READ|PUSH/.test(te.split(":")[0])?"android.qualityAutoExtensionError":/TIMEOUT/.test(te.split(":")[0])?"android.qualityAutoTimeoutError":/ENCODER_REJECTED/.test(te.split(":")[0])?"android.qualityAutoEncoderError":/CHANNEL|TUNNEL|LISTEN|PROTOCOL|CONNECTION/.test(te.split(":")[0])?"android.qualityAutoChannelError":"android.qualityAutoUnknownError")]}),s.jsx("pre",{className:"mt-1 select-text whitespace-pre-wrap break-all text-[10px]",children:te})]}),ar&&s.jsx("div",{className:"border-b border-border bg-surface-2 px-2 py-1.5 text-[11px] text-warning",children:ar}),xr&&s.jsx("div",{role:"alert",className:"border-b border-border bg-surface-2 px-2 py-1.5 text-[11px] text-destructive",children:xr}),s.jsxs("div",{className:"relative flex min-h-0 min-w-0 flex-1 touch-none items-center justify-center overflow-hidden bg-[var(--chrome-bg)] p-1",children:[s.jsx("canvas",{ref:N,className:"max-h-full max-w-full touch-none select-none rounded",style:{display:T||Rt?"block":"none",transformOrigin:"center",transition:"none"},onPointerDown:Tn,onPointerMove:On,onPointerUp:In,onPointerCancel:()=>I(),onLostPointerCapture:e=>{A.current.has(e.pointerId)&&I()},onPointerLeave:e=>{A.current.has(e.pointerId)&&!e.currentTarget.hasPointerCapture?.(e.pointerId)&&I()},onContextMenu:e=>e.preventDefault()}),Ne&&s.jsx("span",{"aria-hidden":"true",className:"pointer-events-none absolute h-3.5 w-3.5 -translate-x-1/2 -translate-y-1/2 rounded-full border border-primary/80 bg-primary/35",style:{left:Ne.left,top:Ne.top}}),Xe.length>1&&s.jsx("svg",{"aria-hidden":"true",className:"pointer-events-none absolute inset-0 h-full w-full",style:{opacity:vn?1:0,transition:"opacity 160ms linear"},children:Xe.slice(1).map((e,a)=>{const c=Xe[a],l=(a+1)/(Xe.length-1);return s.jsx("line",{x1:c.x,y1:c.y,x2:e.x,y2:e.y,stroke:"var(--primary)",strokeWidth:1+1.6*l,strokeLinecap:"round",opacity:.06+.45*l},a)})}),bn.map(e=>s.jsx("span",{"aria-hidden":"true",className:"termdock-tap-fade pointer-events-none absolute h-4 w-4 rounded-full bg-primary",style:{left:e.left,top:e.top}},e.id)),!T&&s.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center gap-2 text-center text-[11px] text-muted-foreground",children:[B==="connecting"&&s.jsxs(s.Fragment,{children:[s.jsx(Ue,{size:18,className:"animate-spin"}),s.jsx("span",{children:f("android.connecting")})]}),B==="error"&&s.jsxs(s.Fragment,{children:[s.jsx(vs,{size:14,className:"text-destructive"}),s.jsx("span",{className:"max-w-[80%] text-destructive",children:Dt?f("android.retrySchedule",{attempt:Dt.attempt,seconds:Dt.delayMs/1e3}):lt(Et||"")}),m&&s.jsx("button",{type:"button",onClick:()=>{xe.current=0,P(m)},className:"rounded bg-surface-2 px-2 py-1 text-foreground",children:f("android.retry")})]}),Re&&(B==="error"||B==="connecting")&&s.jsxs("div",{className:"max-h-[40%] w-[90%] shrink-0 select-text overflow-auto rounded bg-surface-2 px-3 py-2 text-left",role:"status",children:[s.jsx("span",{className:"text-muted-foreground",children:f("android.lastError")}),lt(Re)!==Re&&s.jsx("p",{className:"mt-1 whitespace-pre-wrap break-words",children:lt(Re)}),s.jsx("pre",{className:"mt-1 whitespace-pre-wrap break-words font-mono text-[10px] text-foreground",children:Re})]}),B==="idle"&&!tt&&!Sr&&s.jsxs(s.Fragment,{children:[s.jsx(ws,{size:22,className:"opacity-60"}),s.jsx("span",{children:_e.length?f("android.idleHint"):f("android.noDevicesHint")})]})]})]}),s.jsxs("div",{className:`flex flex-wrap items-center gap-1 border-t border-border ${S?"px-1.5 py-0.5":"px-2 py-1.5"}`,children:[s.jsx($,{compact:S,label:f("android.back"),onClick:()=>y.current?.back(),disabled:!T||X,children:s.jsx(ss,{size:14})}),s.jsx($,{compact:S,label:f("android.home"),onClick:()=>y.current?.home(),disabled:!T||X,children:s.jsx(Ss,{size:14})}),s.jsx($,{compact:S,label:f("android.recents"),onClick:()=>y.current?.recents(),disabled:!T||X,children:s.jsx(Es,{size:14})}),s.jsx($,{compact:S,label:f("android.notifications"),onClick:()=>y.current?.expandNotifications(),disabled:!T||X,children:s.jsx(Cs,{size:14})}),s.jsx($,{compact:S,label:f("android.rotate"),onClick:()=>y.current?.rotate(),disabled:!T||X,children:s.jsx(Rs,{size:14})}),s.jsx($,{compact:S,label:f("android.volumeDown"),onClick:()=>y.current?.volumeDown(),disabled:!T||X,children:s.jsx(Ns,{size:14})}),s.jsx($,{compact:S,label:f("android.volumeUp"),onClick:()=>y.current?.volumeUp(),disabled:!T||X,children:s.jsx(Ds,{size:14})}),s.jsx($,{compact:S,label:f("android.power"),onClick:()=>y.current?.power(),disabled:!T||X,children:s.jsx(ks,{size:14})}),s.jsx($,{compact:S,label:f("android.inputText"),active:At,onClick:()=>Sn(e=>!e),disabled:!T||X,children:s.jsx(As,{size:14})}),s.jsx($,{compact:S,label:f("android.zoomIn"),onClick:()=>Tr("in"),disabled:!T||gt>=xt-.01,children:s.jsx(is,{size:14})}),s.jsx($,{compact:S,label:f("android.zoomOut"),onClick:()=>Tr("out"),disabled:!T||gt<=G+.01,children:s.jsx(Ts,{size:14})}),s.jsxs("div",{className:"relative ml-auto h-5 w-24 min-w-0 max-w-full shrink-0","data-mirror-capture-status":!0,children:[s.jsx("span",{"aria-hidden":F||!!Ot||je,className:`block truncate text-right text-[10px] leading-5 tabular-nums text-muted-foreground ${F||Ot||je?"invisible":""}`,children:Rt?s.jsx(s.Fragment,{children:s.jsx("span",{ref:rr})}):""}),s.jsx("div",{className:"absolute inset-0 flex items-center justify-end overflow-hidden",children:s.jsx(mi,{recording:F,elapsed:En,status:je?f("android.captureInserting"):Ot,stopLabel:f("android.recordingStop"),onStop:()=>{Ir("manual")}})})]})]}),At&&s.jsxs("div",{className:"flex items-center gap-1.5 border-t border-border px-2 py-1.5",children:[s.jsx("input",{value:Tt,onChange:e=>pr(e.target.value),onKeyDown:e=>{e.key==="Enter"&&!e.nativeEvent.isComposing&&(e.preventDefault(),Ar())},placeholder:f("android.inputPlaceholder"),className:"min-w-0 flex-1 rounded bg-surface-2 px-2 py-1 text-[11px] outline-none placeholder:text-muted-foreground",autoFocus:!0}),s.jsx("button",{type:"button",onClick:Ar,disabled:!Tt,className:"rounded bg-surface-2 p-1.5 text-primary disabled:opacity-40",title:f("android.send"),children:s.jsx(Os,{size:13})})]})]});return j==="window"?dt.createPortal(s.jsx("div",{className:"fixed inset-0 z-modal-panel flex flex-col bg-[var(--chrome-bg)]",style:{paddingTop:"var(--safe-top-inset, env(safe-area-inset-top, 0px))",paddingBottom:"var(--safe-bottom-inset, env(safe-area-inset-bottom, 0px))"},children:ct}),document.body):t?z&&et?dt.createPortal(ct,et):null:z&&et?s.jsxs(s.Fragment,{children:[dt.createPortal(ct,et),s.jsxs("div",{className:"flex h-full flex-col items-center justify-center gap-2 p-4 text-center text-[11px] text-muted-foreground",children:[s.jsx($r,{size:18,className:"opacity-60"}),s.jsx("span",{children:f("android.splitDockedHint")}),s.jsx("button",{type:"button",onClick:()=>{_t(ze,null),O({docked:null})},className:"rounded bg-surface-2 px-2 py-1 text-foreground",children:f("android.splitClose")})]})]}):ct}function pt({icon:n,label:t,active:r=!1,disabled:i=!1,onSelect:d}){return s.jsxs("button",{type:"button",role:"menuitem",disabled:i,onClick:d,className:`flex w-full items-center gap-2 px-2.5 py-1.5 text-left transition hover:bg-surface-2 disabled:opacity-40 disabled:hover:bg-transparent ${r?"text-primary":"text-foreground"}`,children:[s.jsx("span",{"aria-hidden":"true",className:"shrink-0",children:n}),s.jsx("span",{className:"min-w-0 flex-1 truncate",children:t}),r&&s.jsx(cs,{size:12,className:"shrink-0"})]})}function mi({recording:n,elapsed:t,status:r,stopLabel:i,onStop:d}){return n?s.jsxs("span",{role:"status","aria-live":"polite",className:"ml-auto inline-flex shrink-0 items-center gap-1 whitespace-nowrap rounded bg-destructive/15 px-1.5 py-0.5 text-[10px] tabular-nums text-destructive",children:[s.jsx("span",{"aria-hidden":"true",className:"h-1.5 w-1.5 shrink-0 animate-pulse rounded-full bg-destructive"}),Qr(t),s.jsx("button",{type:"button",onClick:d,title:i,"aria-label":`${i} · ${Qr(t)}`,className:"ml-0.5 inline-flex h-4 w-4 items-center justify-center rounded hover:bg-destructive/25",children:s.jsx(ln,{size:8,fill:"currentColor"})})]}):r?s.jsx("span",{role:"status","aria-live":"polite",title:r,className:"ml-auto truncate text-[10px] text-primary",children:r}):null}function xi({sessionId:n}){const t=pe(m=>m.docks[we]),r=!!t,i=t?.sessionId??n??null,u=Ht(m=>m.pending)[0],p=o.useCallback(async(m,R)=>{const E=cn(R);if(!i)throw new Error("没有可接收截图的终端");const ae=(await Kn("/tmp",[m])).files[0]?.path;if(!ae)throw new Error("截图上传未返回文件路径");if(!E())throw new Error("截图尚未插入，请返回原投屏面板重试");await Gr(ae,i,R)},[i]),x=o.useCallback(m=>{Ht.getState().enqueue(m,i)},[i]),b=pe(m=>!!m.hosts[we]),v=o.useRef(!1);return o.useEffect(()=>{v.current||(v.current=!0,on().then(m=>{const R=m.androidPanel?.docked;R&&(pe.getState().docks[we]||pe.getState().setDock(we,R))}).catch(()=>{}))},[]),s.jsxs(s.Fragment,{children:[r&&b&&s.jsx(mn,{sessionId:i,dockOnly:!0,onInsertFile:i?p:void 0,onInsertPrompt:i?(m,R)=>hn(m,i,R):void 0,onRecordingComplete:x}),u&&s.jsx(us,{file:u.file,initialPath:u.initialPath,onInsert:(m,R)=>u.insert?u.insert(m,R):Gr(m,u.sessionId,R),onDone:()=>Ht.getState().remove(u.file.id)},u.file.id)]})}function tn({label:n,onClick:t,enabled:r}){return r?s.jsx("button",{type:"button",onClick:i=>t(i.currentTarget),className:"shrink-0 rounded bg-surface px-1.5 py-0.5 text-[10px] text-foreground hover:bg-surface-elevated",children:n}):null}function rn(n,t){return[`Termdock 的“设备投屏”在当前服务端不可用：未找到 ${n==="adb"?"adb（Android platform-tools）":"scrcpy / scrcpy-server"}${t?`（错误：${t}）`:""}。`,"请在本机安装并让 Termdock 恢复可用：","1) 安装依赖：","   - macOS: brew install android-platform-tools scrcpy","   - Ubuntu/Debian: sudo apt install adb scrcpy","   - Windows: winget install Google.PlatformTools && winget install Genymobile.scrcpy","2) 若不在 PATH，请在 ~/.termdock/.env 指定 TERMDOCK_ADB_BIN / TERMDOCK_SCRCPY_BIN / TERMDOCK_SCRCPY_SERVER。","3) 完成后重启 Termdock 服务，并用 adb version、scrcpy --version 验证。","边界：只做本机环境安装与配置，不要改动 Termdock 仓库代码。"].join(`
-`)}function nn({label:n,display:t,min:r,max:i,step:d,value:u,onChange:p}){return s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx("span",{className:"w-14 shrink-0 text-muted-foreground",children:n}),s.jsx("input",{type:"range",min:r,max:i,step:d,value:u,onChange:x=>p(Number(x.target.value)),className:"h-1 min-w-0 flex-1 accent-primary","aria-label":n}),s.jsx("span",{className:"w-16 shrink-0 text-right tabular-nums text-muted-foreground",children:t})]})}function $({label:n,onClick:t,disabled:r,active:i,compact:d,children:u}){return s.jsx("button",{type:"button",onClick:t,disabled:r,title:n,"aria-label":n,className:`${d?"inline-flex h-5 w-5 items-center justify-center":"p-1.5"} rounded transition active:scale-95 disabled:opacity-30 ${i?"bg-surface-elevated text-primary":"text-muted-foreground hover:bg-surface-2"}`,children:u})}function sn(n,t,r){const i=n.parentElement;if(!i)return null;const d=n.getBoundingClientRect(),u=i.getBoundingClientRect();return{left:d.left-u.left+(t-d.left),top:d.top-u.top+(r-d.top)}}function mt(n,t,r){const i=n.getBoundingClientRect(),d=n.width||i.width,u=n.height||i.height,p=i.width?(t-i.left)/i.width*d:0,x=i.height?(r-i.top)/i.height*u:0;return{x:Math.max(0,Math.min(d,p)),y:Math.max(0,Math.min(u,x))}}function gi(n){return!(/ADB_NOT_FOUND|SCRCPY_NOT_FOUND|SCRCPY_SERVER_NOT_FOUND|SCRCPY_VERSION_UNKNOWN|SCRCPY_UNSUPPORTED_CODEC|VIDEO_DECODER_UNSUPPORTED/i.test(n)||/INVALID_SERIAL|INVALID_ADDRESS|API_NOT_ALLOWED|AUTHORIZATION_DENIED/i.test(n))}function an(n,t){return n.state==="device"?n.androidVersion?` · Android ${n.androidVersion}`:"":n.state==="unauthorized"?` · ${t("android.stateUnauthorized")}`:n.state==="offline"?` · ${t("android.stateOffline")}`:` · ${t("android.stateUnknown")}`}function yi(n,t){return n.state==="unauthorized"?t("android.unauthorizedHint"):n.state==="offline"?t("android.offlineHint"):t("android.stateUnknown")}const Hi=Object.freeze(Object.defineProperty({__proto__:null,ANDROID_DOCK_GROUP:we,AndroidMirrorDock:xi,AndroidMirrorView:mn},Symbol.toStringTag,{value:"Module"}));export{we as A,xi as a,mn as b,Hi as c,Ht as d,Gr as i,qr as u};