@midscene/android-playground 0.27.1-beta-20250822094725.0 → 0.27.1-beta-20250822113042.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/package.json +4 -4
  2. package/static/index.html +1 -1
  3. package/static/static/js/index.98123188.js +15 -0
  4. package/static/static/js/index.98123188.js.map +1 -0
  5. package/static/static/js/index.6f67d7e9.js +0 -15
  6. package/static/static/js/index.6f67d7e9.js.map +0 -1
  7. /package/static/static/js/{index.6f67d7e9.js.LICENSE.txt → index.98123188.js.LICENSE.txt} +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@midscene/android-playground",
3
- "version": "0.27.1-beta-20250822094725.0",
3
+ "version": "0.27.1-beta-20250822113042.0",
4
4
  "description": "Android playground for Midscene",
5
5
  "main": "./dist/lib/index.js",
6
6
  "types": "./dist/types/index.d.ts",
@@ -25,9 +25,9 @@
25
25
  "express": "^4.21.2",
26
26
  "open": "10.1.0",
27
27
  "socket.io": "^4.8.1",
28
- "@midscene/android": "0.27.1-beta-20250822094725.0",
29
- "@midscene/shared": "0.27.1-beta-20250822094725.0",
30
- "@midscene/web": "0.27.1-beta-20250822094725.0"
28
+ "@midscene/android": "0.27.1-beta-20250822113042.0",
29
+ "@midscene/shared": "0.27.1-beta-20250822113042.0",
30
+ "@midscene/web": "0.27.1-beta-20250822113042.0"
31
31
  },
32
32
  "devDependencies": {
33
33
  "@microsoft/api-extractor": "^7.52.10",
package/static/index.html CHANGED
@@ -1 +1 @@
1
- <!doctype html><html><head><title>Midscene Android Playground</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><script defer src="/static/js/lib-react.c74a0742.js"></script><script defer src="/static/js/683.03396602.js"></script><script defer src="/static/js/index.6f67d7e9.js"></script><link href="/static/css/index.75e0981d.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
1
+ <!doctype html><html><head><title>Midscene Android Playground</title><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><script defer src="/static/js/lib-react.c74a0742.js"></script><script defer src="/static/js/683.03396602.js"></script><script defer src="/static/js/index.98123188.js"></script><link href="/static/css/index.75e0981d.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
package/static/static/js/index.98123188.js ADDED
@@ -0,0 +1,15 @@
1
+ /*! For license information please see index.98123188.js.LICENSE.txt */
2
+ (()=>{"use strict";var e={33987:function(e,t,r){var o,n=r(31549),i=r(8082);let a="MATCH_BY_POSITION",l="ANTHROPIC_API_KEY",s="MIDSCENE_RUN_DIR",c=["MIDSCENE_MCP_ANDROID_MODE","MIDSCENE_DEBUG_MODE","MIDSCENE_FORCE_DEEP_THINK","MIDSCENE_LANGSMITH_DEBUG","MIDSCENE_DEBUG_AI_PROFILE","MIDSCENE_DEBUG_AI_RESPONSE","MIDSCENE_DANGEROUSLY_PRINT_ALL_CONFIG","OPENAI_MAX_TOKENS","MIDSCENE_ADB_PATH","MIDSCENE_ADB_REMOTE_HOST","MIDSCENE_ADB_REMOTE_PORT","MIDSCENE_ANDROID_IME_STRATEGY","MIDSCENE_CACHE",a,"MIDSCENE_REPORT_TAG_NAME","MIDSCENE_MCP_USE_PUPPETEER_MODE",s,"MIDSCENE_PREFERRED_LANGUAGE","MIDSCENE_REPLANNING_CYCLE_LIMIT","MIDSCENE_CACHE_MAX_FILENAME_LENGTH","MIDSCENE_MODEL_NAME","MIDSCENE_OPENAI_INIT_CONFIG_JSON","MIDSCENE_OPENAI_API_KEY","MIDSCENE_OPENAI_BASE_URL","MIDSCENE_OPENAI_USE_AZURE","MIDSCENE_OPENAI_SOCKS_PROXY","MIDSCENE_OPENAI_HTTP_PROXY","MIDSCENE_USE_AZURE_OPENAI","MIDSCENE_AZURE_OPENAI_SCOPE","MIDSCENE_AZURE_OPENAI_INIT_CONFIG_JSON","MIDSCENE_USE_ANTHROPIC_SDK","MIDSCENE_USE_VLM_UI_TARS","MIDSCENE_USE_QWEN_VL","MIDSCENE_USE_DOUBAO_VISION","MIDSCENE_USE_GEMINI","MIDSCENE_USE_VL_MODEL",l,"MIDSCENE_AZURE_OPENAI_ENDPOINT","MIDSCENE_AZURE_OPENAI_KEY","MIDSCENE_AZURE_OPENAI_API_VERSION","MIDSCENE_AZURE_OPENAI_DEPLOYMENT","MIDSCENE_VL_MODE","OPENAI_API_KEY","OPENAI_BASE_URL","OPENAI_USE_AZURE",l,"AZURE_OPENAI_ENDPOINT","AZURE_OPENAI_KEY","AZURE_OPENAI_API_VERSION","AZURE_OPENAI_DEPLOYMENT","MIDSCENE_VQA_MODEL_NAME","MIDSCENE_VQA_OPENAI_SOCKS_PROXY","MIDSCENE_VQA_OPENAI_HTTP_PROXY","MIDSCENE_VQA_OPENAI_BASE_URL","MIDSCENE_VQA_OPENAI_API_KEY","MIDSCENE_VQA_OPENAI_INIT_CONFIG_JSON","MIDSCENE_VQA_OPENAI_USE_AZURE","MIDSCENE_VQA_USE_AZURE_OPENAI","MIDSCENE_VQA_AZURE_OPENAI_SCOPE","MIDSCENE_VQA_AZURE_OPENAI_KEY","MIDSCENE_VQA_AZURE_OPENAI_ENDPOINT","MIDSCENE_VQA_AZURE_OPENAI_API_VERSION","MIDSCENE_VQA_AZURE_OPENAI_DEPLOYMENT","MIDSCENE_VQA_AZURE_OPENAI_INIT_CONFIG_JSON","MIDSCENE_VQA_USE_ANTHROPIC_SDK","MIDSCENE_VQA_ANTHROPIC_API_KEY","MIDSCENE_VQA_VL_MODE","MIDSCENE_PLANNING_MODEL_NAME","MIDSCENE_PLANNING_OPENAI_SOCKS_PROXY","MIDSCENE_PLANNING_OPENAI_HTTP_PROXY","MIDSCENE_PLANNING_OPENAI_BASE_URL","MIDSCENE_PLANNING_OPENAI_API_KEY","MIDSCENE_PLANNING_OPENAI_INIT_CONFIG_JSON","MIDSCENE_PLANNING_OPENAI_USE_AZURE","MIDSCENE_PLANNING_USE_AZURE_OPENAI","MIDSCENE_PLANNING_AZURE_OPENAI_SCOPE","MIDSCENE_PLANNING_AZURE_OPENAI_KEY","MIDSCENE_PLANNING_AZURE_OPENAI_ENDPOINT","MIDSCENE_PLANNING_AZURE_OPENAI_API_VERSION","MIDSCENE_PLANNING_AZURE_OPENAI_DEPLOYMENT","MIDSCENE_PLANNING_AZURE_OPENAI_INIT_CONFIG_JSON","MIDSCENE_PLANNING_USE_ANTHROPIC_SDK","MIDSCENE_PLANNING_ANTHROPIC_API_KEY","MIDSCENE_PLANNING_VL_MODE","MIDSCENE_GROUNDING_MODEL_NAME","MIDSCENE_GROUNDING_OPENAI_SOCKS_PROXY","MIDSCENE_GROUNDING_OPENAI_HTTP_PROXY","MIDSCENE_GROUNDING_OPENAI_BASE_URL","MIDSCENE_GROUNDING_OPENAI_API_KEY","MIDSCENE_GROUNDING_OPENAI_INIT_CONFIG_JSON","MIDSCENE_GROUNDING_OPENAI_USE_AZURE","MIDSCENE_GROUNDING_USE_AZURE_OPENAI","MIDSCENE_GROUNDING_AZURE_OPENAI_SCOPE","MIDSCENE_GROUNDING_AZURE_OPENAI_KEY","MIDSCENE_GROUNDING_AZURE_OPENAI_ENDPOINT","MIDSCENE_GROUNDING_AZURE_OPENAI_API_VERSION","MIDSCENE_GROUNDING_AZURE_OPENAI_DEPLOYMENT","MIDSCENE_GROUNDING_AZURE_OPENAI_INIT_CONFIG_JSON","MIDSCENE_GROUNDING_USE_ANTHROPIC_SDK","MIDSCENE_GROUNDING_ANTHROPIC_API_KEY","MIDSCENE_GROUNDING_VL_MODE"];var d=r(73656);function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}let y=()=>c.reduce((e,t)=>({...e,[t]:d.env[t]}),Object.create(null)),p=new class{reset(){this.override=void 0,this.modelConfigByIntent={VQA:void 0,default:void 0,grounding:void 0,planning:void 0}}getAllConfig(){let e=y();if(!this.override)return e;{let{newConfig:t,extendMode:r}=this.override;return r?{...e,...t}:{...t}}}getConfigValue(e){if(e===a)throw Error("MATCH_BY_POSITION is deprecated, use MIDSCENE_USE_VL_MODEL instead");let t=this.getAllConfig()[e];return"string"==typeof t?t.trim():t}getConfigValueInBoolean(e){let t=this.getAllConfig()[e];return!!t&&(!!/^(true|1)$/i.test(t)||!/^(false|0)$/i.test(t)&&!!t.trim())}getConfigValueInNumber(e){return Number(this.getAllConfig()[e]||"")}getConfigValueInJson(e){let t=this.getConfigValue(e);try{return t?JSON.parse(t):void 0}catch(t){throw Error(`Failed to parse json config: ${e}. ${t.message}`,{cause:t})}}registerOverride(e,t=!1){var r;let o=t?{...null==(r=this.override)?void 0:r.newConfig,...e}:e;this.override={newConfig:o,extendMode:t}}getModelConfigFromFn(e){return this.modelConfigByIntent[e]}registerModelConfigFn(e){if("function"!=typeof e)throw Error(`modelConfigFn must be a function when registerModelConfigFn, but got with type ${typeof e}`);for(let t of["VQA","default","grounding","planning"]){let r=e({intent:t});if(!r)throw Error(`The agent has an option named modelConfig is a function, but it return ${r} when call with intent ${t}, which should be a object.`);this.modelConfigByIntent[t]=r}}constructor(){u(this,"override",void 0),u(this,"modelConfigByIntent",void 0),this.modelConfigByIntent={VQA:void 0,default:void 0,grounding:void 0,planning:void 0}}};var h=r(18113),m=r(77410),f=r(80911),g=r(81232),k=r(72715);r(93114);var C=r(73656);let A=void 0!==C&&(null==(o=C.versions)?void 0:o.node);var v=r(73656);let E="midscene_run",N=()=>A?j(s)||E:"",x=()=>{if(!A)return"";let e=m.resolve(v.cwd(),N());if(!(0,h.existsSync)(e))try{(0,h.mkdirSync)(e,{recursive:!0})}catch(t){e=m.join((0,k.tmpdir)(),E),(0,h.mkdirSync)(e,{recursive:!0})}return e},w=e=>{if(!A)return"";let t=x(),r=m.join(t,e);return(0,h.existsSync)(r)||(0,h.mkdirSync)(r,{recursive:!0}),r},S=new Map,I=new Map;function b(e){let t=`midscene:${e}`;if(!I.has(t)){let r=g(t);I.set(t,(...t)=>{A&&function(e,t){if(!A)return;let r=function(e){let t=e.replace(/:/g,"-");if(!S.has(t)){let e=m.join(w("log"),`${t}.log`),r=h.createWriteStream(e,{flags:"a"});S.set(t,r)}return S.get(t)}(e),o=new Date,n=o.toLocaleDateString("sv-SE"),i=o.toLocaleTimeString("sv-SE"),a=o.getMilliseconds().toString().padStart(3,"0"),l=o.getTimezoneOffset(),s=Math.floor(Math.abs(l)/60).toString().padStart(2,"0"),c=(Math.abs(l)%60).toString().padStart(2,"0"),d=`${l<=0?"+":"-"}${s}:${c}`,u=`${n}T${i}.${a}${d}`;r.write(`[${u}] ${t}
3
+ `)}(e,f.format(...t)),r(...t)})}return I.get(t)}let j=e=>p.getConfigValue(e),P=(e,t=!1)=>{for(let t in e){if("string"!=typeof t)throw Error(`Failed to override AI config, invalid key: ${t}`);let r=e[t];if("string"!=typeof r)throw Error(`Failed to override AI config, value for key ${t} must be a string, but got with type ${typeof r}`)}p.registerOverride(e,t)};var D=r(62858),O={};O.d=(e,t)=>{for(var r in t)O.o(t,r)&&!O.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},O.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),O.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var M={};O.r(M),O.d(M,{create:()=>D.Ue});let{create:T}=M,L="midscene-auto-zoom",K="midscene-background-visible",R="midscene-elements-visible",F=T(e=>{let t="false"!==localStorage.getItem(L);return{backgroundVisible:"false"!==localStorage.getItem(K),elementsVisible:"false"!==localStorage.getItem(R),autoZoom:t,setBackgroundVisible:t=>{e({backgroundVisible:t}),localStorage.setItem(K,t.toString())},setElementsVisible:t=>{e({elementsVisible:t}),localStorage.setItem(R,t.toString())},setAutoZoom:t=>{e({autoZoom:t}),localStorage.setItem(L,t.toString())}}}),_="midscene-env-config",Z="midscene-service-mode",U="midscene-tracking-active-tab",B="midscene-deep-think",V=()=>localStorage.getItem(_)||"",G=e=>{let t=e.split("\n"),r={};return t.forEach(e=>{let t=e.trim();if(t.startsWith("#"))return;let o=t.replace(/^export\s+/i,"").replace(/;$/,"").trim().match(/^(\w+)=(.*)$/);if(o){let[,e,t]=o,n=t.trim();(n.startsWith("'")&&n.endsWith("'")||n.startsWith('"')&&n.endsWith('"'))&&(n=n.slice(1,-1)),r[e]=n}}),r},z=T((e,t)=>{let r=V(),o=G(r),n=window.location.href.startsWith("chrome-extension"),i=localStorage.getItem(Z);return{serviceMode:n?"In-Browser-Extension":i||"Server",setServiceMode:t=>{if(n)throw Error("serviceMode cannot be set in extension");e({serviceMode:t}),localStorage.setItem(Z,t)},config:o,configString:r,setConfig:t=>e({config:t}),loadConfig:t=>{e({config:G(t),configString:t}),localStorage.setItem(_,t)},syncFromStorage:()=>{let t=V();e({config:G(t),configString:t})},forceSameTabNavigation:"false"!==localStorage.getItem(U),setForceSameTabNavigation:t=>{e({forceSameTabNavigation:t}),localStorage.setItem(U,t.toString())},deepThink:"true"===localStorage.getItem(B),setDeepThink:t=>{e({deepThink:t}),localStorage.setItem(B,t.toString())},popupTab:"playground",setPopupTab:t=>{e({popupTab:t})}}});var H=r(44194);r(15787),r(5460),r(57861).Buffer,r(73656),r(21437),r(93096),r(11260),r(75044),r(57861),r(5174),r(17444),b("img"),r(25626),r(27736),r(17374),r(27641);var Y=r(55695);new Y.Pf({template:`
4
+ Here is the item user want to find:
5
+ =====================================
6
+ {targetElementDescription}
7
+ =====================================
8
+
9
+ {pageDescription}
10
+ `,inputVariables:["pageDescription","targetElementDescription"]});var W=r(43427);function Q(e){let t=[];return!function e(r){for(let o of(r.node&&t.push(r.node),r.children))e(o)}(e),t}b("ai:common");let J=W.z.object({left:W.z.number(),top:W.z.number()}),X=W.z.object({width:W.z.number(),height:W.z.number(),dpr:W.z.number().optional()}),q=J.and(X).and(W.z.object({zoom:W.z.number().optional()})),$=W.z.object({images:W.z.array(W.z.object({name:W.z.string(),url:W.z.string()})).optional(),convertHttpImage2Base64:W.z.boolean().optional()}),ee=W.z.union([W.z.string(),W.z.object({prompt:W.z.string()}).and($.partial())]);W.z.object({midscene_location_field_flag:W.z.literal(!0),prompt:ee,deepThink:W.z.boolean().optional(),cacheable:W.z.boolean().optional(),xpath:W.z.boolean().optional(),center:W.z.tuple([W.z.number(),W.z.number()]),rect:q}).passthrough(),new Y.Pf({template:`Here is the target element user interested in:
11
+ <targetDescription>
12
+ {sectionDescription}
13
+ </targetDescription>
14
+ `,inputVariables:["sectionDescription"]}),b("ai:inspect"),b("ai:section"),b("planning");var et=r(73656);let er={0:{keyCode:48,key:"0",code:"Digit0"},1:{keyCode:49,key:"1",code:"Digit1"},2:{keyCode:50,key:"2",code:"Digit2"},3:{keyCode:51,key:"3",code:"Digit3"},4:{keyCode:52,key:"4",code:"Digit4"},5:{keyCode:53,key:"5",code:"Digit5"},6:{keyCode:54,key:"6",code:"Digit6"},7:{keyCode:55,key:"7",code:"Digit7"},8:{keyCode:56,key:"8",code:"Digit8"},9:{keyCode:57,key:"9",code:"Digit9"},Power:{key:"Power",code:"Power"},Eject:{key:"Eject",code:"Eject"},Abort:{keyCode:3,code:"Abort",key:"Cancel"},Help:{keyCode:6,code:"Help",key:"Help"},Backspace:{keyCode:8,code:"Backspace",key:"Backspace"},Tab:{keyCode:9,code:"Tab",key:"Tab"},Numpad5:{keyCode:12,shiftKeyCode:101,key:"Clear",code:"Numpad5",shiftKey:"5",location:3},NumpadEnter:{keyCode:13,code:"NumpadEnter",key:"Enter",text:"\r",location:3},Enter:{keyCode:13,code:"Enter",key:"Enter",text:"\r"},"\r":{keyCode:13,code:"Enter",key:"Enter",text:"\r"},"\n":{keyCode:13,code:"Enter",key:"Enter",text:"\r"},ShiftLeft:{keyCode:16,code:"ShiftLeft",key:"Shift",location:1},ShiftRight:{keyCode:16,code:"ShiftRight",key:"Shift",location:2},ControlLeft:{keyCode:17,code:"ControlLeft",key:"Control",location:1},ControlRight:{keyCode:17,code:"ControlRight",key:"Control",location:2},AltLeft:{keyCode:18,code:"AltLeft",key:"Alt",location:1},AltRight:{keyCode:18,code:"AltRight",key:"Alt",location:2},Pause:{keyCode:19,code:"Pause",key:"Pause"},CapsLock:{keyCode:20,code:"CapsLock",key:"CapsLock"},Escape:{keyCode:27,code:"Escape",key:"Escape"},Convert:{keyCode:28,code:"Convert",key:"Convert"},NonConvert:{keyCode:29,code:"NonConvert",key:"NonConvert"},Space:{keyCode:32,code:"Space",key:" "},Numpad9:{keyCode:33,shiftKeyCode:105,key:"PageUp",code:"Numpad9",shiftKey:"9",location:3},PageUp:{keyCode:33,code:"PageUp",key:"PageUp"},Numpad3:{keyCode:34,shiftKeyCode:99,key:"PageDown",code:"Numpad3",shiftKey:"3",location:3},PageDown:{keyCode:34,code:"PageDown",key:"PageDown"},End:{keyCode:35,code:"End",key:"End"},Numpad1:{keyCode:35,shiftKeyCode:97,key:"End",code:"Numpad1",shiftKey:"1",location:3},Home:{keyCode:36,code:"Home",key:"Home"},Numpad7:{keyCode:36,shiftKeyCode:103,key:"Home",code:"Numpad7",shiftKey:"7",location:3},ArrowLeft:{keyCode:37,code:"ArrowLeft",key:"ArrowLeft"},Numpad4:{keyCode:37,shiftKeyCode:100,key:"ArrowLeft",code:"Numpad4",shiftKey:"4",location:3},Numpad8:{keyCode:38,shiftKeyCode:104,key:"ArrowUp",code:"Numpad8",shiftKey:"8",location:3},ArrowUp:{keyCode:38,code:"ArrowUp",key:"ArrowUp"},ArrowRight:{keyCode:39,code:"ArrowRight",key:"ArrowRight"},Numpad6:{keyCode:39,shiftKeyCode:102,key:"ArrowRight",code:"Numpad6",shiftKey:"6",location:3},Numpad2:{keyCode:40,shiftKeyCode:98,key:"ArrowDown",code:"Numpad2",shiftKey:"2",location:3},ArrowDown:{keyCode:40,code:"ArrowDown",key:"ArrowDown"},Select:{keyCode:41,code:"Select",key:"Select"},Open:{keyCode:43,code:"Open",key:"Execute"},PrintScreen:{keyCode:44,code:"PrintScreen",key:"PrintScreen"},Insert:{keyCode:45,code:"Insert",key:"Insert"},Numpad0:{keyCode:45,shiftKeyCode:96,key:"Insert",code:"Numpad0",shiftKey:"0",location:3},Delete:{keyCode:46,code:"Delete",key:"Delete"},NumpadDecimal:{keyCode:46,shiftKeyCode:110,code:"NumpadDecimal",key:"\0",shiftKey:".",location:3},Digit0:{keyCode:48,code:"Digit0",shiftKey:")",key:"0"},Digit1:{keyCode:49,code:"Digit1",shiftKey:"!",key:"1"},Digit2:{keyCode:50,code:"Digit2",shiftKey:"@",key:"2"},Digit3:{keyCode:51,code:"Digit3",shiftKey:"#",key:"3"},Digit4:{keyCode:52,code:"Digit4",shiftKey:"$",key:"4"},Digit5:{keyCode:53,code:"Digit5",shiftKey:"%",key:"5"},Digit6:{keyCode:54,code:"Digit6",shiftKey:"^",key:"6"},Digit7:{keyCode:55,code:"Digit7",shiftKey:"&",key:"7"},Digit8:{keyCode:56,code:"Digit8",shiftKey:"*",key:"8"},Digit9:{keyCode:57,code:"Digit9",shiftKey:"(",key:"9"},KeyA:{keyCode:65,code:"KeyA",shiftKey:"A",key:"a"},KeyB:{keyCode:66,code:"KeyB",shiftKey:"B",key:"b"},KeyC:{keyCode:67,code:"KeyC",shiftKey:"C",key:"c"},KeyD:{keyCode:68,code:"KeyD",shiftKey:"D",key:"d"},KeyE:{keyCode:69,code:"KeyE",shiftKey:"E",key:"e"},KeyF:{keyCode:70,code:"KeyF",shiftKey:"F",key:"f"},KeyG:{keyCode:71,code:"KeyG",shiftKey:"G",key:"g"},KeyH:{keyCode:72,code:"KeyH",shiftKey:"H",key:"h"},KeyI:{keyCode:73,code:"KeyI",shiftKey:"I",key:"i"},KeyJ:{keyCode:74,code:"KeyJ",shiftKey:"J",key:"j"},KeyK:{keyCode:75,code:"KeyK",shiftKey:"K",key:"k"},KeyL:{keyCode:76,code:"KeyL",shiftKey:"L",key:"l"},KeyM:{keyCode:77,code:"KeyM",shiftKey:"M",key:"m"},KeyN:{keyCode:78,code:"KeyN",shiftKey:"N",key:"n"},KeyO:{keyCode:79,code:"KeyO",shiftKey:"O",key:"o"},KeyP:{keyCode:80,code:"KeyP",shiftKey:"P",key:"p"},KeyQ:{keyCode:81,code:"KeyQ",shiftKey:"Q",key:"q"},KeyR:{keyCode:82,code:"KeyR",shiftKey:"R",key:"r"},KeyS:{keyCode:83,code:"KeyS",shiftKey:"S",key:"s"},KeyT:{keyCode:84,code:"KeyT",shiftKey:"T",key:"t"},KeyU:{keyCode:85,code:"KeyU",shiftKey:"U",key:"u"},KeyV:{keyCode:86,code:"KeyV",shiftKey:"V",key:"v"},KeyW:{keyCode:87,code:"KeyW",shiftKey:"W",key:"w"},KeyX:{keyCode:88,code:"KeyX",shiftKey:"X",key:"x"},KeyY:{keyCode:89,code:"KeyY",shiftKey:"Y",key:"y"},KeyZ:{keyCode:90,code:"KeyZ",shiftKey:"Z",key:"z"},MetaLeft:{keyCode:91,code:"MetaLeft",key:"Meta",location:1},MetaRight:{keyCode:92,code:"MetaRight",key:"Meta",location:2},ContextMenu:{keyCode:93,code:"ContextMenu",key:"ContextMenu"},NumpadMultiply:{keyCode:106,code:"NumpadMultiply",key:"*",location:3},NumpadAdd:{keyCode:107,code:"NumpadAdd",key:"+",location:3},NumpadSubtract:{keyCode:109,code:"NumpadSubtract",key:"-",location:3},NumpadDivide:{keyCode:111,code:"NumpadDivide",key:"/",location:3},F1:{keyCode:112,code:"F1",key:"F1"},F2:{keyCode:113,code:"F2",key:"F2"},F3:{keyCode:114,code:"F3",key:"F3"},F4:{keyCode:115,code:"F4",key:"F4"},F5:{keyCode:116,code:"F5",key:"F5"},F6:{keyCode:117,code:"F6",key:"F6"},F7:{keyCode:118,code:"F7",key:"F7"},F8:{keyCode:119,code:"F8",key:"F8"},F9:{keyCode:120,code:"F9",key:"F9"},F10:{keyCode:121,code:"F10",key:"F10"},F11:{keyCode:122,code:"F11",key:"F11"},F12:{keyCode:123,code:"F12",key:"F12"},F13:{keyCode:124,code:"F13",key:"F13"},F14:{keyCode:125,code:"F14",key:"F14"},F15:{keyCode:126,code:"F15",key:"F15"},F16:{keyCode:127,code:"F16",key:"F16"},F17:{keyCode:128,code:"F17",key:"F17"},F18:{keyCode:129,code:"F18",key:"F18"},F19:{keyCode:130,code:"F19",key:"F19"},F20:{keyCode:131,code:"F20",key:"F20"},F21:{keyCode:132,code:"F21",key:"F21"},F22:{keyCode:133,code:"F22",key:"F22"},F23:{keyCode:134,code:"F23",key:"F23"},F24:{keyCode:135,code:"F24",key:"F24"},NumLock:{keyCode:144,code:"NumLock",key:"NumLock"},ScrollLock:{keyCode:145,code:"ScrollLock",key:"ScrollLock"},AudioVolumeMute:{keyCode:173,code:"AudioVolumeMute",key:"AudioVolumeMute"},AudioVolumeDown:{keyCode:174,code:"AudioVolumeDown",key:"AudioVolumeDown"},AudioVolumeUp:{keyCode:175,code:"AudioVolumeUp",key:"AudioVolumeUp"},MediaTrackNext:{keyCode:176,code:"MediaTrackNext",key:"MediaTrackNext"},MediaTrackPrevious:{keyCode:177,code:"MediaTrackPrevious",key:"MediaTrackPrevious"},MediaStop:{keyCode:178,code:"MediaStop",key:"MediaStop"},MediaPlayPause:{keyCode:179,code:"MediaPlayPause",key:"MediaPlayPause"},Semicolon:{keyCode:186,code:"Semicolon",shiftKey:":",key:";"},Equal:{keyCode:187,code:"Equal",shiftKey:"+",key:"="},NumpadEqual:{keyCode:187,code:"NumpadEqual",key:"=",location:3},Comma:{keyCode:188,code:"Comma",shiftKey:"<",key:","},Minus:{keyCode:189,code:"Minus",shiftKey:"_",key:"-"},Period:{keyCode:190,code:"Period",shiftKey:">",key:"."},Slash:{keyCode:191,code:"Slash",shiftKey:"?",key:"/"},Backquote:{keyCode:192,code:"Backquote",shiftKey:"~",key:"`"},BracketLeft:{keyCode:219,code:"BracketLeft",shiftKey:"{",key:"["},Backslash:{keyCode:220,code:"Backslash",shiftKey:"|",key:"\\"},BracketRight:{keyCode:221,code:"BracketRight",shiftKey:"}",key:"]"},Quote:{keyCode:222,code:"Quote",shiftKey:'"',key:"'"},AltGraph:{keyCode:225,code:"AltGraph",key:"AltGraph"},Props:{keyCode:247,code:"Props",key:"CrSel"},Cancel:{keyCode:3,key:"Cancel",code:"Abort"},Clear:{keyCode:12,key:"Clear",code:"Numpad5",location:3},Shift:{keyCode:16,key:"Shift",code:"ShiftLeft",location:1},Control:{keyCode:17,key:"Control",code:"ControlLeft",location:1},Alt:{keyCode:18,key:"Alt",code:"AltLeft",location:1},Accept:{keyCode:30,key:"Accept"},ModeChange:{keyCode:31,key:"ModeChange"}," ":{keyCode:32,key:" ",code:"Space"},Print:{keyCode:42,key:"Print"},Execute:{keyCode:43,key:"Execute",code:"Open"},"\0":{keyCode:46,key:"\0",code:"NumpadDecimal",location:3},a:{keyCode:65,key:"a",code:"KeyA"},b:{keyCode:66,key:"b",code:"KeyB"},c:{keyCode:67,key:"c",code:"KeyC"},d:{keyCode:68,key:"d",code:"KeyD"},e:{keyCode:69,key:"e",code:"KeyE"},f:{keyCode:70,key:"f",code:"KeyF"},g:{keyCode:71,key:"g",code:"KeyG"},h:{keyCode:72,key:"h",code:"KeyH"},i:{keyCode:73,key:"i",code:"KeyI"},j:{keyCode:74,key:"j",code:"KeyJ"},k:{keyCode:75,key:"k",code:"KeyK"},l:{keyCode:76,key:"l",code:"KeyL"},m:{keyCode:77,key:"m",code:"KeyM"},n:{keyCode:78,key:"n",code:"KeyN"},o:{keyCode:79,key:"o",code:"KeyO"},p:{keyCode:80,key:"p",code:"KeyP"},q:{keyCode:81,key:"q",code:"KeyQ"},r:{keyCode:82,key:"r",code:"KeyR"},s:{keyCode:83,key:"s",code:"KeyS"},t:{keyCode:84,key:"t",code:"KeyT"},u:{keyCode:85,key:"u",code:"KeyU"},v:{keyCode:86,key:"v",code:"KeyV"},w:{keyCode:87,key:"w",code:"KeyW"},x:{keyCode:88,key:"x",code:"KeyX"},y:{keyCode:89,key:"y",code:"KeyY"},z:{keyCode:90,key:"z",code:"KeyZ"},Meta:{keyCode:91,key:"Meta",code:"MetaLeft",location:1},"*":{keyCode:106,key:"*",code:"NumpadMultiply",location:3},"+":{keyCode:107,key:"+",code:"NumpadAdd",location:3},"-":{keyCode:109,key:"-",code:"NumpadSubtract",location:3},"/":{keyCode:111,key:"/",code:"NumpadDivide",location:3},";":{keyCode:186,key:";",code:"Semicolon"},"=":{keyCode:187,key:"=",code:"Equal"},",":{keyCode:188,key:",",code:"Comma"},".":{keyCode:190,key:".",code:"Period"},"`":{keyCode:192,key:"`",code:"Backquote"},"[":{keyCode:219,key:"[",code:"BracketLeft"},"\\":{keyCode:220,key:"\\",code:"Backslash"},"]":{keyCode:221,key:"]",code:"BracketRight"},"'":{keyCode:222,key:"'",code:"Quote"},Attn:{keyCode:246,key:"Attn"},CrSel:{keyCode:247,key:"CrSel",code:"Props"},ExSel:{keyCode:248,key:"ExSel"},EraseEof:{keyCode:249,key:"EraseEof"},Play:{keyCode:250,key:"Play"},ZoomOut:{keyCode:251,key:"ZoomOut"},")":{keyCode:48,key:")",code:"Digit0"},"!":{keyCode:49,key:"!",code:"Digit1"},"@":{keyCode:50,key:"@",code:"Digit2"},"#":{keyCode:51,key:"#",code:"Digit3"},$:{keyCode:52,key:"$",code:"Digit4"},"%":{keyCode:53,key:"%",code:"Digit5"},"^":{keyCode:54,key:"^",code:"Digit6"},"&":{keyCode:55,key:"&",code:"Digit7"},"(":{keyCode:57,key:"(",code:"Digit9"},A:{keyCode:65,key:"A",code:"KeyA"},B:{keyCode:66,key:"B",code:"KeyB"},C:{keyCode:67,key:"C",code:"KeyC"},D:{keyCode:68,key:"D",code:"KeyD"},E:{keyCode:69,key:"E",code:"KeyE"},F:{keyCode:70,key:"F",code:"KeyF"},G:{keyCode:71,key:"G",code:"KeyG"},H:{keyCode:72,key:"H",code:"KeyH"},I:{keyCode:73,key:"I",code:"KeyI"},J:{keyCode:74,key:"J",code:"KeyJ"},K:{keyCode:75,key:"K",code:"KeyK"},L:{keyCode:76,key:"L",code:"KeyL"},M:{keyCode:77,key:"M",code:"KeyM"},N:{keyCode:78,key:"N",code:"KeyN"},O:{keyCode:79,key:"O",code:"KeyO"},P:{keyCode:80,key:"P",code:"KeyP"},Q:{keyCode:81,key:"Q",code:"KeyQ"},R:{keyCode:82,key:"R",code:"KeyR"},S:{keyCode:83,key:"S",code:"KeyS"},T:{keyCode:84,key:"T",code:"KeyT"},U:{keyCode:85,key:"U",code:"KeyU"},V:{keyCode:86,key:"V",code:"KeyV"},W:{keyCode:87,key:"W",code:"KeyW"},X:{keyCode:88,key:"X",code:"KeyX"},Y:{keyCode:89,key:"Y",code:"KeyY"},Z:{keyCode:90,key:"Z",code:"KeyZ"},":":{keyCode:186,key:":",code:"Semicolon"},"<":{keyCode:188,key:"<",code:"Comma"},_:{keyCode:189,key:"_",code:"Minus"},">":{keyCode:190,key:">",code:"Period"},"?":{keyCode:191,key:"?",code:"Slash"},"~":{keyCode:192,key:"~",code:"Backquote"},"{":{keyCode:219,key:"{",code:"BracketLeft"},"|":{keyCode:220,key:"|",code:"Backslash"},"}":{keyCode:221,key:"}",code:"BracketRight"},'"':{keyCode:222,key:'"',code:"Quote"},SoftLeft:{key:"SoftLeft",code:"SoftLeft",location:4},SoftRight:{key:"SoftRight",code:"SoftRight",location:4},Camera:{keyCode:44,key:"Camera",code:"Camera",location:4},Call:{key:"Call",code:"Call",location:4},EndCall:{keyCode:95,key:"EndCall",code:"EndCall",location:4},VolumeDown:{keyCode:182,key:"VolumeDown",code:"VolumeDown",location:4},VolumeUp:{keyCode:183,key:"VolumeUp",code:"VolumeUp",location:4}};Object.entries(er).reduce((e,[t,r])=>{let o=t.toLowerCase();return o!==t&&(e[o]=r),e},{});let eo="undefined"!=typeof window?/Mac|iPod|iPhone|iPad/.test(window.navigator.platform):"darwin"===et.platform;function en(e){return e.subType&&"Plan"!==e.subType?`${e.type} / ${e.subType||""}`:e.type}function ei(e){var t,r,o,n,i,a,l,s,c,d,u,y;let p;if("Planning"===e.type&&(p=null==e||null==(t=e.param)?void 0:t.userInstruction),"Insight"===e.type&&(p=(null==e||null==(r=e.param)?void 0:r.prompt)||(null==e||null==(o=e.param)?void 0:o.id)||(null==e||null==(n=e.param)?void 0:n.dataDemand)||(null==e||null==(i=e.param)?void 0:i.assertion)),"Action"===e.type){let t=null==e?void 0:e.locate,r=t&&t?"string"==typeof t?t:"string"==typeof t.prompt?t.prompt:"object"==typeof t.prompt&&t.prompt.prompt?t.prompt.prompt:"":"";(p=e.thought||"","number"==typeof(null==e||null==(a=e.param)?void 0:a.timeMs))?p=`${null==e||null==(d=e.param)?void 0:d.timeMs}ms`:"string"==typeof(null==e||null==(l=e.param)?void 0:l.scrollType)?p=(y=null==e?void 0:e.param)?`${y.direction||"down"}, ${y.scrollType||"once"}, ${y.distance||"distance-not-set"}`:"":"string"==typeof(null==e||null==(s=e.param)?void 0:s.direction)&&(null==e?void 0:e.subType)==="AndroidPull"?p=function(e){if(!e)return"";let t=[];return t.push(`direction: ${e.direction||"down"}`),e.distance&&t.push(`distance: ${e.distance}`),e.duration&&t.push(`duration: ${e.duration}ms`),t.join(", ")}(null==e?void 0:e.param):void 0!==(null==e||null==(c=e.param)?void 0:c.value)&&(p=null==e||null==(u=e.param)?void 0:u.value),r&&(p=p?`${r} - ${p}`:r)}return void 0===p?"":"string"==typeof p?p:JSON.stringify(p,void 0,2)}er.Enter.key,er.Enter.key,eo?er.Meta.key:er.Control.key,er.Shift.key,er.Alt.key,er.Space.key,er.PageDown.key,er.PageDown.key,er.PageUp.key,er.PageUp.key,r(91488),b("ui-tars-planning"),b("ai:insight"),r(40021),r(61546),r(73656),b("yaml:utils"),r(73656),b("yaml-player"),r(87333),r(81507),r(28977),r(73656),b("web:tool:profile"),b("web:tool:utils"),r(57861).Buffer,b("cache"),b("device-task-executor"),b("agent");let ea={ZOD_TYPES:{OPTIONAL:"ZodOptional",DEFAULT:"ZodDefault",NULLABLE:"ZodNullable",OBJECT:"ZodObject",ENUM:"ZodEnum",NUMBER:"ZodNumber",STRING:"ZodString"},FIELD_FLAGS:{LOCATION:"midscene_location_field_flag"}},el=e=>"object"==typeof e&&null!==e&&"shape"in e&&"parse"in e&&"function"==typeof e.parse,es=e=>{var t,r,o,n,i;return!!((null==(t=e._def)?void 0:t.typeName)===ea.ZOD_TYPES.OBJECT&&(null==(r=(o=e._def).shape)?void 0:r.call(o))&&ea.FIELD_FLAGS.LOCATION in((null==(n=(i=e._def).shape)?void 0:n.call(i))||{}))},ec=e=>{var t,r,o,n,i;let a=e,l=!1,s=!1;for(;(null==(t=a._def)?void 0:t.typeName)===ea.ZOD_TYPES.OPTIONAL||(null==(r=a._def)?void 0:r.typeName)===ea.ZOD_TYPES.DEFAULT||(null==(o=a._def)?void 0:o.typeName)===ea.ZOD_TYPES.NULLABLE;)(null==(n=a._def)?void 0:n.typeName)===ea.ZOD_TYPES.OPTIONAL&&(l=!0),(null==(i=a._def)?void 0:i.typeName)===ea.ZOD_TYPES.DEFAULT&&(s=!0),a=a._def.innerType||a;return{actualField:a,isOptional:l,hasDefault:s}},ed=e=>{var t;let r=e;for(;null==(t=r._def)?void 0:t.innerType;){if(r._def.typeName===ea.ZOD_TYPES.DEFAULT&&r._def.defaultValue)return r._def.defaultValue();r=r._def.innerType}},eu="http://localhost:5800",ey=async()=>{try{let e=await fetch(`${eu}/status`);return 200===e.status}catch(e){return!1}},ep=async function(e,t,r){let{requestId:o,deepThink:n}=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},i={context:e,type:t,prompt:r};return o&&(i.requestId=o),n&&(i.deepThink=n),(await fetch(`${eu}/execute`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)})).json()},eh=async e=>fetch(`${eu}/config`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({aiConfig:e})}),em=async e=>{try{return(await fetch(`${eu}/cancel/${e}`)).json()}catch(e){return console.error("Failed to cancel task:",e),{error:"Failed to cancel task"}}},ef=async e=>{try{let t=await fetch(`${eu}/task-progress/${e}`);return await t.json()}catch(e){return console.error("Failed to poll task progress:",e),{tip:null}}},eg=e=>"aiAction"===e?"Action":"aiQuery"===e?"Query":"aiAssert"===e?"Assert":"aiTap"===e?"Tap":"aiHover"===e?"Hover":"aiInput"===e?"Input":"aiRightClick"===e?"Right Click":"aiKeyboardPress"===e?"Keyboard Press":"aiScroll"===e?"Scroll":"aiLocate"===e?"Locate":"aiBoolean"===e?"Boolean":"aiNumber"===e?"Number":"aiString"===e?"String":"aiAsk"===e?"Ask":"aiWaitFor"===e?"Wait For":e,ek=e=>"aiQuery"===e?"What do you want to query?":"aiAssert"===e?"What do you want to assert?":"aiTap"===e?"What element do you want to tap?":"aiHover"===e?"What element do you want to hover over?":"aiInput"===e?"Format: <value> | <element>\nExample: hello world | search box":"aiRightClick"===e?"What element do you want to right-click?":"aiKeyboardPress"===e?"Format: <key> | <element (optional)>\nExample: Enter | text field":"aiScroll"===e?"Format: <direction> <amount> | <element (optional)>\nExample: down 500 | main content":"aiLocate"===e?"What element do you want to locate?":"aiBoolean"===e?"What do you want to check (returns true/false)?":"aiNumber"===e?"What number do you want to extract?":"aiString"===e?"What text do you want to extract?":"aiAsk"===e?"What do you want to ask?":"aiWaitFor"===e?"What condition do you want to wait for?":"What do you want to do?",eC=(e,t,r,o,n,i)=>{if(!e)return!1;if(t){let e=r||{},t=null==o?void 0:o.find(e=>e.interfaceAlias===n||e.name===n);if((null==t?void 0:t.paramSchema)&&el(t.paramSchema)){let r=t.paramSchema;return Object.keys(r.shape).every(t=>{let{isOptional:o}=ec(r.shape[t]),n=e[t];return o||void 0!==n&&""!==n&&null!==n})}return!0}return i.trim().length>0},eA=function(){let e=!(arguments.length>0)||void 0===arguments[0]||arguments[0],[t,r]=(0,H.useState)(!0),{serviceMode:o}=z();return(0,H.useEffect)(()=>{let t=!1;if(e)return Promise.resolve((async()=>{for(;!t;)await ey()?r(!0):r(!1),await new Promise(e=>setTimeout(e,1e3))})()),()=>{t=!0}},[o,e]),t},ev="data:image/png;base64,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",eE="data:image/png;base64,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",eN=(e,t,r)=>{let o,n=(o=e.width/e.height>=t/r?e.width:e.height/r*t)>400?.1:o>50?.2:.3,i=Math.min(t,o+t*n*2),a=Math.min(e.left-t*n,t-i);a=Math.max(a,0);let l=Math.min(e.top-r*n,r-r/t*i);return{left:Math.round(a),top:Math.round(l=Math.max(l,0)),width:Math.round(i)}},ex=(e,t)=>{let r=Math.min(e.left,t.left),o=Math.min(e.top,t.top);return{left:r,top:o,width:Math.max(e.left+e.width,t.left+t.width)-r}},ew=e=>"string"!=typeof e||0===e.length?e:e.charAt(0).toUpperCase()+e.slice(1),eS=e=>{let t,r,o,n=new Set;if(e.executions.forEach(e=>{e.sdkVersion&&(o=e.sdkVersion),e.tasks.forEach(e=>{var o,n;(null==(n=e.pageContext)||null==(o=n.size)?void 0:o.width)&&(t=e.pageContext.size.width,r=e.pageContext.size.height)})}),!t||!r)return console.warn("width or height is missing in dump file"),{scripts:[],sdkVersion:o,modelBriefs:[]};let i=[];e.executions.forEach(e=>{let o=eI(e,-1,t,r);o&&i.push(...o),e.tasks.forEach(e=>{if(e.usage){let{model_name:t,model_description:r,intent:o}=e.usage;o&&t&&n.add(r?`${ew(o)}/${t}(${r})`:t)}})});let a=i.filter((e,t)=>t===i.length-1||"Done"!==e.title),l=(()=>{var e;let t=[...n];if(!t.length)return t;let r=null==(e=t[0])?void 0:e.split("/",2)[1];return r&&t.slice(1).every(e=>(null==e?void 0:e.split("/",2)[1])===r)?[r]:t})();return{scripts:a,width:t,height:r,sdkVersion:o,modelBriefs:l}},eI=(e,t,r,o)=>{let n;if(!e||!e.tasks.length||0===r||0===o)return null;let i=[];if(-1===t)i=e.tasks;else{let r=e.tasks.findIndex(e=>e===t);if(-1===r)return console.error("task not found, cannot generate animation scripts"),null;if(r===e.tasks.length-1)return null;for(let t=r;t<e.tasks.length&&(!(t>r)||"Planning"!==e.tasks[t].type);t++)i.push(e.tasks[t])}if(0===i.length)return null;let a=eN({left:0,top:0,width:r,height:o},r,o),l=(e,t,r)=>({type:"pointer",img:e,duration:0,title:t,subTitle:r}),s=[],c=a,d=!1,u=i.length,y="",p=!1;return i.forEach((e,t)=>{var i,h,m,f,g,k,C,A,v,E,N,x,w,S;if(!p){if(0===t&&(y=ei(e)),"Planning"===e.type)e.recorder&&e.recorder.length>0&&s.push({type:"img",img:null==(h=e.recorder)||null==(i=h[0])?void 0:i.screenshot,camera:0===t?a:void 0,duration:900,title:en(e),subTitle:ei(e)});else if("Insight"===e.type&&"Locate"===e.subType){let t=null==(m=e.output)?void 0:m.element,i=en(e),l=ei(e);(null==t?void 0:t.rect)&&(n={...eN(t.rect,r,o),pointerLeft:t.center[0],pointerTop:t.center[1]});let u=e.pageContext;if(null==u?void 0:u.screenshotBase64){let t,r=null==(f=e.log)?void 0:f.dump,o=u.tree?Q(u.tree).length:0;u.screenshotBase64&&s.push({type:"img",img:u.screenshotBase64,duration:300,title:i,subTitle:l}),t=c===a?void 0:n?ex(c,n):void 0,s.push({type:"insight",img:u.screenshotBase64,context:u,camera:t,highlightElement:(null==(g=e.output)?void 0:g.element)||void 0,searchArea:null==r||null==(k=r.taskInfo)?void 0:k.searchArea,duration:o>20?800:400,insightCameraDuration:800,title:i,subTitle:l}),s.push({type:"sleep",duration:300,title:i,subTitle:l}),d=!0}}else if("Action"===e.type&&"FalsyConditionStatement"!==e.subType){let r=en(e),o=ei(e);s.push(l(ev,r,o)),c=null!=n?n:a,s.push({type:"img",img:null==(A=e.recorder)||null==(C=A[0])?void 0:C.screenshot,duration:1e3,camera:"Sleep"===e.subType?a:n,title:r,subTitle:o}),d&&(s.push({type:"clear-insight",duration:200,title:r,subTitle:o}),d=!1);let i=900*(t<u-1);(null==(E=e.recorder)||null==(v=E[1])?void 0:v.screenshot)?(s.push({type:"spinning-pointer",duration:300,title:r,subTitle:o}),s.push(l(ev,r,o)),s.push({type:"img",img:null==(x=e.recorder)||null==(N=x[1])?void 0:N.screenshot,duration:i,title:r,subTitle:o})):s.push({type:"sleep",duration:i,title:r,subTitle:o})}else{let t=en(e),r=ei(e),o=null==(S=e.recorder)||null==(w=S[e.recorder.length-1])?void 0:w.screenshot;o&&s.push({type:"img",img:o,duration:900,camera:a,title:t,subTitle:r})}if("finished"!==e.status){p=!0;let t=en(e),r=e.errorMessage||"unknown error",o=r.indexOf("NOT_IMPLEMENTED_AS_DESIGNED")>0?"Further actions cannot be performed in the current environment":r;s.push({type:"img",img:e.recorder&&e.recorder.length>0?e.recorder[e.recorder.length-1].screenshot:"",camera:a,duration:900,title:t,subTitle:o});return}}}),p||s.push({title:"Done",subTitle:y,type:"img",duration:900,camera:a}),s},eb=["#01204E"];function ej(e){return"searchArea"===e?"#028391":"#fd5907"}let eP=e=>{let{hideLogo:t=!1}=e;return t?null:(0,n.jsx)("div",{className:"logo",children:(0,n.jsx)("a",{href:"https://midscenejs.com/",target:"_blank",rel:"noreferrer",children:(0,n.jsx)("img",{alt:"Midscene_logo",src:"https://lf3-static.bytednsdoc.com/obj/eden-cn/vhaeh7vhabf/Midscene.png"})})})};var eD=r(42968),eO=r(79055),eM=r(51946),eT=r(70021);function eL(e){let{showTooltipWhenEmpty:t=!0,showModelName:r=!0,tooltipPlacement:o="bottom",mode:i="icon"}=e,{config:a,configString:l,loadConfig:s,syncFromStorage:c}=z(),[d,u]=(0,H.useState)(!1),[y,p]=(0,H.useState)(l),h=a.MIDSCENE_MODEL_NAME,m=(0,H.useRef)(null),f=e=>{c(),u(!0),e.preventDefault(),e.stopPropagation()};return(0,H.useEffect)(()=>{d&&p(l)},[d,l]),(0,n.jsxs)("div",{style:{display:"flex",justifyContent:"flex-end",gap:"10px",alignItems:"center",height:"100%",minHeight:"32px"},ref:m,children:[r?h:null,(0,n.jsx)(eO.Z,{title:"Please set up your environment variables before using.",placement:o,align:{offset:[-10,5]},getPopupContainer:()=>m.current,open:!d&&(t?0===Object.keys(a).length:void 0),children:"icon"===i?(0,n.jsx)(eD.Z,{onClick:f}):(0,n.jsx)("span",{onClick:f,style:{color:"#006AFF",cursor:"pointer"},children:"set up"})}),(0,n.jsxs)(eM.Z,{title:"Model Env Config",open:d,onOk:()=>{u(!1),s(y)},onCancel:()=>{u(!1)},okText:"Save",style:{width:"800px",height:"100%",marginTop:"10%"},destroyOnClose:!0,maskClosable:!0,centered:!0,children:[(0,n.jsx)(eT.Z.TextArea,{rows:7,placeholder:"OPENAI_API_KEY=sk-...\nMIDSCENE_MODEL_NAME=gpt-4o-2024-08-06\n...",value:y,onChange:e=>p(e.target.value),style:{whiteSpace:"nowrap",wordWrap:"break-word"}}),(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{children:"The format is KEY=VALUE and separated by new lines."}),(0,n.jsxs)("p",{children:["These data will be saved ",(0,n.jsx)("strong",{children:"locally in your browser"}),"."]})]})]})]})}var eK=r(35725),eR=r(9004),eF=r(13098),e_=r(93080),eZ=r(18780),eU=r(7173),eB=r(18142),eV=r(39970),eG={};eG.d=(e,t)=>{for(var r in t)eG.o(t,r)&&!eG.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},eG.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),eG.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var ez={};eG.r(ez),eG.d(ez,{create:()=>D.Ue});let{create:eH}=ez,eY="midscene-prompt-history-v2",eW="midscene-last-selected-type",eQ=()=>{let e=localStorage.getItem(eY);return e?JSON.parse(e):{}},eJ=()=>localStorage.getItem(eW)||"aiAction",eX=e=>{localStorage.setItem(eW,e)},eq=eH((e,t)=>({history:eQ(),lastSelectedType:eJ(),clearHistory:r=>{let o={...t().history};delete o[r],e({history:o}),localStorage.setItem(eY,JSON.stringify(o))},addHistory:r=>{let{type:o}=r,n=t().history,i=n[o]||[],a=JSON.stringify({prompt:r.prompt,params:r.params}),l=[r,...i.filter(e=>JSON.stringify({prompt:e.prompt,params:e.params})!==a)];l.length>10&&(l.length=10);let s={...n,[o]:l};e({history:s}),localStorage.setItem(eY,JSON.stringify(s))},getHistoryForType:e=>t().history[e]||[],setLastSelectedType:t=>{e({lastSelectedType:t}),eX(t)}}));var e$=r(75091);let e0=e=>(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:27,height:27,fill:"none",viewBox:"0 0 27 27",...e,children:(0,n.jsx)("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:.85,strokeWidth:1.333,d:"M19.527 8.855h-2M14.86 7.522v2.667M14.86 8.855H7.527M10.194 13.522H7.527M12.86 12.189v2.666M20.193 13.522H12.86M19.527 18.189h-2M14.86 16.855v2.667M14.86 18.189H7.527"})});var e1=r(99598);let e2=e=>{let{text:t,disabled:r=!1,speed:o=5,className:i=""}=e,a={"--animation-duration":`${o}s`};return(0,n.jsx)("div",{className:`shiny-text ${r?"disabled":""} ${i}`,style:a,children:t})},e6=(0,n.jsxs)("span",{children:["Don't worry, just one more step to launch the playground server.",(0,n.jsx)("br",{}),"Please run one of the commands under the midscene project directory:",(0,n.jsx)("br",{}),"a. ",(0,n.jsx)("strong",{children:"npx midscene-playground"}),(0,n.jsx)("br",{}),"b. ",(0,n.jsx)("strong",{children:"npx --yes @midscene/web"})]}),e3=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:e6;return(0,n.jsx)("div",{className:"server-tip",children:(0,n.jsx)(e1.Z,{message:"Playground Server Not Ready",description:e,type:"warning"})})},e4=(0,n.jsx)("div",{className:"result-empty-tip",style:{textAlign:"center"},children:(0,n.jsx)(e2,{disabled:!0,text:"The result will be shown here"})}),e8={aiAction:{group:"interaction",title:"Auto Planning: plan the steps and execute"},aiTap:{group:"interaction",title:"Click an element"},aiHover:{group:"interaction",title:"Hover over an element"},aiInput:{group:"interaction",title:"Input text into an element"},aiRightClick:{group:"interaction",title:"Right-click an element"},aiKeyboardPress:{group:"interaction",title:"Press keyboard keys"},aiScroll:{group:"interaction",title:"Scroll the page or element"},aiLocate:{group:"interaction",title:"Locate an element on the page"},aiQuery:{group:"extraction",title:"Extract data directly from the UI"},aiBoolean:{group:"extraction",title:"Get true/false answer"},aiNumber:{group:"extraction",title:"Extract numeric value"},aiString:{group:"extraction",title:"Extract text value"},aiAsk:{group:"extraction",title:"Ask a question about the UI"},aiAssert:{group:"validation",title:"Assert a condition is true"},aiWaitFor:{group:"validation",title:"Wait for a condition to be met"}},e5=["aiAction","aiTap","aiQuery","aiAssert"],e7=e=>{let{showDeepThinkOption:t=!1,enableTracking:r=!1}=e,o=z(e=>e.forceSameTabNavigation),i=z(e=>e.setForceSameTabNavigation),a=z(e=>e.deepThink),l=z(e=>e.setDeepThink);if(!r&&!t)return null;let s=function(){let e=[];return r&&e.push({label:(0,n.jsx)(e$.Z,{onChange:e=>i(e.target.checked),checked:o,children:"limit popup to current tab"}),key:"track-config"}),t&&e.push({label:(0,n.jsx)(e$.Z,{onChange:e=>{l(e.target.checked)},checked:a,children:"deep think"}),key:"deep-think-config"}),e}();return(0,n.jsx)("div",{className:"selector-trigger",children:(0,n.jsx)(eV.Z,{menu:{items:s},trigger:["click"],children:(0,n.jsx)(e0,{width:24,height:24})})})};var e9=r(4312),te=r(80889);let{TextArea:tt}=eT.Z,tr=(e,t)=>`${e}${t?" (Optional)":""}`,to=e=>{let{name:t,label:r,isRequired:o,marginBottom:i}=e,a=`Enter ${t}`;return(0,n.jsx)(e_.Z.Item,{name:["params",t],label:tr(r,!o),rules:o?[{required:!0,message:`Please input ${t}`}]:[],style:{marginBottom:i},children:(0,n.jsx)(eT.Z,{placeholder:a})},t)},tn=e=>{let{name:t,label:r,isRequired:o,marginBottom:i}=e;return(0,n.jsx)(e_.Z.Item,{name:["params",t],label:tr(r,!o),rules:o?[{required:!0,message:`Please describe the ${t}`}]:[],style:{marginBottom:i},children:(0,n.jsx)(tt,{rows:2,placeholder:`Describe the ${t}, use natural language`})},t)},ti=e=>{let{name:t,label:r,fieldSchema:o,isRequired:i,marginBottom:a}=e,l=(o._def.values||[]).map(e=>({value:e,label:e.charAt(0).toUpperCase()+e.slice(1)}));return(0,n.jsx)(e_.Z.Item,{name:["params",t],label:r,rules:i?[{required:!0,message:`Please select ${t}`}]:[],style:{marginBottom:a},children:(0,n.jsx)(e9.Z,{placeholder:`Select ${t}`,options:l})},t)},ta=e=>{let{name:t,label:r,isRequired:o,marginBottom:i}=e,a=500*("distance"===t),l="distance"===t?1e4:void 0;return(0,n.jsx)(e_.Z.Item,{name:["params",t],label:`${r}${"distance"===t?" (px)":""}`,rules:o?[{required:!0,message:`Please input ${t}`},{type:"number",min:0,message:`${r} must be at least 0`}]:[{type:"number",min:0,message:`${r} must be at least 0`}],style:{flex:"distance"===t?1:void 0,marginBottom:i},children:(0,n.jsx)(te.Z,{placeholder:a.toString(),min:0,max:l,step:"distance"===t?10:1,style:{width:"100%"}})},t)};var tl=r(80434);let ts=e=>(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:18,height:16,fill:"none",viewBox:"0 0 18 16",...e,children:(0,n.jsx)("path",{stroke:"#333",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.333,d:"m3.124 2.667 11.162 10.666M3.124 13.333 14.286 2.667"})}),tc=e=>(0,n.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:25,height:25,fill:"none",viewBox:"0 0 25 25",...e,children:[(0,n.jsx)("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:.85,strokeWidth:1.33,d:"M6.63 9.021c-2.862 6.126 2.197 10.501 6.063 10.501a7 7 0 1 0-6.063-10.5"}),(0,n.jsx)("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:.85,strokeWidth:1.33,d:"M12.695 8.322v4.203l2.967 2.968"})]}),td=e=>(0,n.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:19,height:19,fill:"none",viewBox:"0 0 19 19",...e,children:[(0,n.jsxs)("g",{stroke:"#000",strokeLinejoin:"round",strokeOpacity:.65,strokeWidth:1.5,clipPath:"url(#magnifying-glass_svg__a)",children:[(0,n.jsx)("path",{d:"M8.397 14.29a6.375 6.375 0 1 0 0-12.75 6.375 6.375 0 0 0 0 12.75Z"}),(0,n.jsx)("path",{strokeLinecap:"round",d:"M10.519 5.42a3 3 0 0 0-2.122-.88 3 3 0 0 0-2.121.88M12.98 12.499l3.182 3.182"})]}),(0,n.jsx)("defs",{children:(0,n.jsx)("clipPath",{id:"magnifying-glass_svg__a",children:(0,n.jsx)("path",{fill:"#fff",d:"M.522.04h18v18h-18z"})})})]}),{Text:tu}=tl.Z,ty=e=>{let{onSelect:t,history:r,currentType:o}=e,[i,a]=(0,H.useState)(!1),[l,s]=(0,H.useState)(""),c=eq(e=>e.clearHistory),d=(0,H.useMemo)(()=>{let e=Date.now(),t=e-6048e5,o=e-31536e6,n=r.filter(e=>e.prompt.toLowerCase().includes(l.toLowerCase()));return{recent7Days:n.filter(e=>e.timestamp>=t),recent1Year:n.filter(e=>e.timestamp<t&&e.timestamp>=o),older:n.filter(e=>e.timestamp<o)}},[r,l]),u=e=>{t(e),a(!1)},y=(e,t)=>0===t.length?null:(0,n.jsxs)("div",{className:"history-group",children:[(0,n.jsx)("div",{className:"history-group-title",children:e}),t.map((e,t)=>(0,n.jsx)("div",{className:"history-item",onClick:()=>u(e),children:e.prompt},`${e.timestamp}-${t}`))]},e);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"selector-trigger",onClick:()=>a(!0),children:(0,n.jsx)(tc,{width:24,height:24})}),(0,n.jsx)(eM.Z,{open:i,onCancel:()=>a(!1),footer:null,width:"100%",closable:!1,centered:!1,transitionName:"",maskTransitionName:"",style:{margin:0,padding:0,maxWidth:"none",top:"auto",bottom:0},styles:{wrapper:{alignItems:"flex-end",justifyContent:"center",paddingBottom:0,display:"flex"},body:{height:"70vh",padding:0,margin:0},content:{height:"70vh",borderRadius:"12px 12px 0 0",margin:0,padding:0,marginBottom:0,position:"fixed",bottom:0,left:0,right:0}},maskClosable:!0,destroyOnClose:!0,children:(0,n.jsxs)("div",{className:"history-modal-container",children:[(0,n.jsxs)("div",{className:"history-modal-header",children:[(0,n.jsxs)(tu,{strong:!0,style:{fontSize:"16px"},children:["History (",r.length,")"]}),(0,n.jsx)(eZ.ZP,{size:"small",type:"text",icon:(0,n.jsx)(ts,{width:16,height:16}),onClick:()=>a(!1),className:"close-button"})]}),(0,n.jsx)("div",{className:"history-search-section",children:(0,n.jsxs)("div",{className:"search-input-wrapper",children:[(0,n.jsx)(eT.Z,{placeholder:"Search",value:l,onChange:e=>s(e.target.value),prefix:(0,n.jsx)(td,{width:18,height:18}),className:"search-input",allowClear:!0}),(0,n.jsx)(eZ.ZP,{type:"link",onClick:()=>{c(o),s(""),a(!1)},className:"clear-button",disabled:0===r.length,children:"Clear"})]})}),(0,n.jsx)("div",{className:"history-content",children:0===r.length?(0,n.jsx)("div",{className:"no-results",children:(0,n.jsx)(tu,{type:"secondary",children:"No history record"})}):(0,n.jsxs)(n.Fragment,{children:[y("Last 7 days",d.recent7Days),y("Last 1 year",d.recent1Year),y("Earlier",d.older),l&&0===d.recent7Days.length&&0===d.recent1Year.length&&0===d.older.length&&(0,n.jsx)("div",{className:"no-results",children:(0,n.jsx)(tu,{type:"secondary",children:"No matching history record"})})]})})]})})]})},{TextArea:tp}=eT.Z,th=e=>{let{runButtonEnabled:t,form:r,serviceMode:o,selectedType:i,dryMode:a,stoppable:l,loading:s,onRun:c,onStop:d,clearPromptAfterRun:u=!0,actionSpace:y}=e,[p,h]=(0,H.useState)(!1),[m,f]=(0,H.useState)(""),g=ek(i),k=(0,H.useRef)(null),C=e_.Z.useWatch("params",r),A=eq(e=>e.history),v=eq(e=>e.lastSelectedType),E=eq(e=>e.addHistory),N=eq(e=>e.setLastSelectedType),x=(0,H.useMemo)(()=>A[i]||[],[A,i]),w=(0,H.useMemo)(()=>{if(y){let e=y.find(e=>e.interfaceAlias===i||e.name===i);return null==e?void 0:e.paramSchema}return["aiInput","aiKeyboardPress","aiScroll"].includes(i)},[i,y]),S=(0,H.useCallback)(()=>{if(!w||!y)return{};let e=y.find(e=>e.interfaceAlias===i||e.name===i);if((null==e?void 0:e.paramSchema)&&el(e.paramSchema)){let t={},r=e.paramSchema;return Object.keys(r.shape).forEach(e=>{let o=ed(r.shape[e]);void 0!==o&&(t[e]=o)}),t}return{}},[i,w,y]);(0,H.useEffect)(()=>{!r.getFieldValue("type")&&v&&r.setFieldValue("type",v)},[r,v]),(0,H.useEffect)(()=>{i&&i!==v&&N(i)},[i,v,N]),(0,H.useEffect)(()=>{let e=x[0];if(e)r.setFieldsValue({type:e.type,prompt:e.prompt||"",params:e.params}),f(e.prompt||"");else{let e=S();r.setFieldsValue({prompt:"",params:e}),f("")}},[i,x,r,S]);let I=(0,H.useCallback)(e=>{r.setFieldsValue({prompt:e.prompt,type:e.type,params:e.params}),f(e.prompt)},[r]),b=(0,H.useCallback)(e=>{let t=e.target.value;f(t),r.setFieldValue("prompt",t)},[r]),j=(0,H.useMemo)(()=>{if(!w||!y)return!1;let e=y.find(e=>e.interfaceAlias===i||e.name===i);return!!((null==e?void 0:e.paramSchema)&&el(e.paramSchema))&&1===Object.keys(e.paramSchema.shape).length},[i,w,y]),P=(0,H.useMemo)(()=>eC(t,!!w,C,y,i,m),[t,w,i,y,m,C]),D=(0,H.useCallback)(()=>{let e=r.getFieldsValue(),t="";if(w&&e.params&&y){let r=y.find(e=>e.interfaceAlias===i||e.name===i);if((null==r?void 0:r.paramSchema)&&el(r.paramSchema)){let o="",n=[],i=r.paramSchema;Object.keys(i.shape).forEach(t=>{let r=e.params[t];if(null!=r&&""!==r){let{actualField:e}=ec(i.shape[t]);es(e)?o=String(r):"distance"===t?n.push(`${r}`):n.push(String(r))}});let a=n.join(" ");t=o?`${a} | ${o}`:a}else t=e.prompt||""}else t=e.prompt||"";if(E({type:e.type,prompt:t,params:e.params,timestamp:Date.now()}),c(),u)if(f(""),w){let e=S();r.setFieldValue("params",e)}else r.setFieldValue("prompt","")},[r,E,c,w,i,u,y,S]),O=(0,H.useCallback)(e=>{"Enter"===e.key&&e.metaKey&&P?(D(),e.preventDefault(),e.stopPropagation()):"Enter"===e.key&&setTimeout(()=>{if(k.current){let e=k.current.resizableTextArea.textArea,t=e.selectionStart,r=e.value.lastIndexOf("\n");(-1===r||t>r)&&(e.scrollTop=e.scrollHeight)}},0)},[D,P]),M=(0,H.useCallback)(e=>{"Enter"===e.key&&e.metaKey&&P&&(D(),e.preventDefault(),e.stopPropagation())},[D,P]),T=(0,H.useCallback)(()=>{if(!w)return null;if(y){let e=y.find(e=>e.interfaceAlias===i||e.name===i);if((null==e?void 0:e.paramSchema)&&el(e.paramSchema)){let t=e.paramSchema,r=Object.keys(t.shape);if(1===r.length){let e=r[0],{actualField:o,isOptional:i}=ec(t.shape[e]),a=es(o),l="";return a?l="Describe the element you want to interact with":(l=`Enter ${e}`,"keyName"===e&&(l="Enter key name or text to type"),"value"===e&&(l="Enter text to input")),(0,n.jsx)(e_.Z.Item,{name:["params",e],style:{margin:0},children:(0,n.jsx)(eT.Z.TextArea,{className:"main-side-console-input-textarea",rows:4,placeholder:l,autoFocus:!0,onKeyDown:M})})}let o=[];if(r.forEach((e,i)=>{var a,l;let{actualField:s,isOptional:c}=ec(t.shape[e]),d=es(s),u=e.charAt(0).toUpperCase()+e.slice(1),y={name:e,label:u,fieldSchema:s,isRequired:!c,marginBottom:12*(i!==r.length-1)};d?o.push((0,n.jsx)(tn,{...y})):(null==(a=s._def)?void 0:a.typeName)==="ZodEnum"?o.push((0,n.jsx)(ti,{...y})):(null==(l=s._def)?void 0:l.typeName)==="ZodNumber"?o.push((0,n.jsx)(ta,{...y})):o.push((0,n.jsx)(to,{...y}))}),"aiScroll"===i){let e=o.find(e=>H.isValidElement(e)&&"direction"===e.props.name),t=o.find(e=>H.isValidElement(e)&&"distance"===e.props.name),r=o.filter(e=>H.isValidElement(e)&&"direction"!==e.props.name&&"distance"!==e.props.name);if(e&&t)return(0,n.jsxs)("div",{className:"structured-params",children:[(0,n.jsxs)("div",{style:{display:"flex",gap:12,marginBottom:12},children:[e,t]}),r]})}return(0,n.jsx)("div",{className:"structured-params",children:o})}}return null},[i,w,y,M]),L=(0,H.useCallback)(()=>{h(!0)},[]),K=(0,H.useCallback)(()=>{h(!1)},[]),R=(0,H.useCallback)(()=>{let e=e=>(0,n.jsx)(eZ.ZP,{type:"primary",icon:(0,n.jsx)(eK.Z,{}),style:{borderRadius:20,zIndex:999},onClick:D,disabled:!P,loading:s,children:e});return a?"aiAction"===i?(0,n.jsx)(eO.Z,{title:"Start executing until some interaction actions need to be performed. You can see the process of planning and locating.",children:e("Dry Run")}):e("Run"):l?(0,n.jsx)(eZ.ZP,{icon:(0,n.jsx)(eR.Z,{}),onClick:d,style:{borderRadius:20,zIndex:999},children:"Stop"}):e("Run")},[a,s,D,d,P,i,l]);return(0,n.jsxs)("div",{className:"prompt-input-wrapper",children:[(0,n.jsxs)(eU.Z,{className:"mode-radio-group-wrapper",children:[(0,n.jsxs)("div",{className:"mode-radio-group",children:[(0,n.jsx)(e_.Z.Item,{name:"type",style:{margin:0},children:(0,n.jsx)(eB.ZP.Group,{buttonStyle:"solid",disabled:!t,children:e5.map(e=>{var t;return(0,n.jsx)(eO.Z,{title:(null==(t=e8[e])?void 0:t.title)||"",children:(0,n.jsx)(eB.ZP.Button,{value:e,children:eg(e)})},e)})})}),(0,n.jsx)(eV.Z,{menu:(()=>{let e=Object.keys(e8).filter(e=>!e5.includes(e)),t=[],o=e.filter(e=>"interaction"===e8[e].group);o.length>0&&t.push({key:"interaction-group",type:"group",label:"Interaction APIs",children:o.map(e=>({key:e,label:eg(e),title:e8[e].title,onClick:()=>{r.setFieldValue("type",e)}}))});let n=e.filter(e=>"extraction"===e8[e].group);n.length>0&&t.push({key:"extraction-group",type:"group",label:"Data Extraction APIs",children:n.map(e=>({key:e,label:eg(e),title:e8[e].title,onClick:()=>{r.setFieldValue("type",e)}}))});let i=e.filter(e=>"validation"===e8[e].group);return i.length>0&&t.push({key:"validation-group",type:"group",label:"Validation APIs",children:i.map(e=>({key:e,label:eg(e),title:e8[e].title,onClick:()=>{r.setFieldValue("type",e)}}))}),{items:t}})(),placement:"bottomLeft",trigger:["click"],disabled:!t,children:(0,n.jsxs)(eZ.ZP,{className:`more-apis-button ${!e5.includes(i)?"selected-from-dropdown":""}`,children:[i&&!e5.includes(i)?eg(i):"more",(0,n.jsx)(eF.Z,{style:{fontSize:"10px",marginLeft:"2px"}})]})})]}),(0,n.jsxs)("div",{className:"action-icons",children:[(0,n.jsx)(ty,{onSelect:I,history:x,currentType:i}),(0,n.jsx)("div",{className:p?"settings-wrapper settings-wrapper-hover":"settings-wrapper",onMouseEnter:L,onMouseLeave:K,children:(0,n.jsx)(e7,{enableTracking:"In-Browser-Extension"===o,showDeepThinkOption:"aiTap"===i||"aiHover"===i||"aiInput"===i||"aiRightClick"===i||"aiLocate"===i})})]})]}),(0,n.jsxs)("div",{className:`main-side-console-input ${!t?"disabled":""} ${s?"loading":""}`,children:[w?j?T():(0,n.jsx)("div",{className:"structured-params-container",children:T()}):(0,n.jsx)(e_.Z.Item,{name:"prompt",style:{margin:0},children:(0,n.jsx)(tp,{className:"main-side-console-input-textarea",disabled:!t,rows:4,placeholder:g,autoFocus:!0,onKeyDown:O,onChange:b,value:m,ref:k})}),(0,n.jsx)("div",{className:"form-controller-wrapper",children:R()})]})]})};var tm=r(16383),tf=r(92446);r(83264);var tg=r(15284),tk=r(11322),tC=r(50408),tA=r(94878),tv=r(47877);let tE=e=>(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16",...e,children:(0,n.jsx)("path",{fill:"#333",d:"M1.333 13v-2.5a.667.667 0 0 1 1.334 0V13c0 .184.149.333.333.333h2.5a.667.667 0 0 1 0 1.334H3c-.92 0-1.667-.746-1.667-1.667m12 0v-2.5a.667.667 0 0 1 1.334 0V13c0 .92-.746 1.667-1.667 1.667h-2.5a.667.667 0 0 1 0-1.334H13a.333.333 0 0 0 .333-.333m-12-7.5V3c0-.92.747-1.667 1.667-1.667h2.5a.667.667 0 0 1 0 1.334H3A.333.333 0 0 0 2.667 3v2.5a.667.667 0 0 1-1.334 0m12 0V3A.333.333 0 0 0 13 2.667h-2.5a.667.667 0 0 1 0-1.334H13c.92 0 1.667.747 1.667 1.667v2.5a.667.667 0 0 1-1.334 0M5.667 10.333h4.666V5.667H5.667zm6 .167c0 .644-.523 1.167-1.167 1.167h-5A1.167 1.167 0 0 1 4.333 10.5v-5c0-.644.523-1.167 1.167-1.167h5c.644 0 1.167.523 1.167 1.167z"})}),tN=e=>(0,n.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16",...e,children:[(0,n.jsx)("path",{stroke:"#333",strokeLinejoin:"round",strokeWidth:1.333,d:"M11.333 13.667 14.667 8l-3.334-5.667H4.667L1.333 8l3.334 5.667z"}),(0,n.jsx)("path",{stroke:"#333",strokeLinejoin:"round",strokeWidth:1.333,d:"M8 9.667a1.667 1.667 0 1 0 0-3.334 1.667 1.667 0 0 0 0 3.334Z"})]}),tx=e=>(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16",...e,children:(0,n.jsx)("path",{fill:"#333",d:"M13 1.835a2.165 2.165 0 0 1 .665 4.225v3.88a2.166 2.166 0 1 1-2.725 2.725H5.06a2.165 2.165 0 1 1-2.725-2.726V6.06A2.165 2.165 0 1 1 5.06 3.336h5.88c.281-.87 1.097-1.5 2.06-1.5m-10 9.33a.835.835 0 1 0 0 1.67.835.835 0 0 0 0-1.67m10 0a.835.835 0 1 0 0 1.67.835.835 0 0 0 0-1.67m-7.94-6.5A2.17 2.17 0 0 1 3.665 6.06v3.88c.66.213 1.181.734 1.395 1.395h5.88a2.17 2.17 0 0 1 1.395-1.396V6.06a2.17 2.17 0 0 1-1.395-1.394zM3 3.165a.835.835 0 1 0 0 1.67.835.835 0 0 0 0-1.67m10 0a.835.835 0 1 0 0 1.67.835.835 0 0 0 0-1.67"})});var tw=r(8811);let tS=(e,t,r)=>{let o,{left:n,top:i,width:a,height:l}=e;o="element"===r?eb[function(e){e||(e="unnamed");let t=5381;for(let r=0;r<e.length;r++)t=(t<<5)+t+e.charCodeAt(r);return t>>>0}(t)%eb.length]:"searchArea"===r?ej("searchArea"):ej("element");let s=new tg.TCu;if(s.beginFill(o,.4),s.lineStyle(1,o,1),s.drawRect(n,i,a,l),s.endFill(),s.filters=[new tw.pt({blur:2,quality:3,alpha:.4,offset:{x:4,y:4},color:3355443})],!t)return[s];let c=new tg.xvT(t,{fontSize:18,fill:0});return c.x=n,c.y=Math.max(i-22,0),[s,c]},tI=new Map,tb=async e=>{if(!tI.has(e))return tg.deM.load(e).then(t=>{tI.set(e,t)})},tj=e=>tI.get(e);function tP(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}let tD=(e,t,r,o,n)=>{let i=1-e;return t*i*i*i+3*r*e*i*i+3*o*e*e*i+n*e*e*e},tO=e=>tL(e),tM=e=>tD(e,0,.5,.5,1),tT=e=>tL(e),tL=e=>e,tK=e=>new Promise(t=>setTimeout(t,e)),tR="frame cancel (this is an error on purpose)",tF=()=>{let e=!1;return{frame:t=>{if(e)throw Error(tR);requestAnimationFrame(()=>{if(e)throw Error(tR);t(performance.now())})},timeout:(t,r)=>{if(e)throw Error(tR);setTimeout(()=>{if(e)throw Error(tR);t()},r)},cancel:()=>{e=!0}}},t_=e=>{let t=new Blob([e],{type:"text/html"}),r=URL.createObjectURL(t),o=document.createElement("a");o.href=r,o.download="midscene_report.html",o.click()};class tZ{start(){let e=new MediaRecorder(this.canvas.captureStream(60),{mimeType:"video/webm"});return e.ondataavailable=e=>{e.data.size>0&&this.chunks.push(e.data)},this.mediaRecorder=e,this.recording=!0,this.mediaRecorder.start()}stop(){var e;if(!this.recording||!this.mediaRecorder)return void console.warn("not recording");this.mediaRecorder.onstop=()=>{let e=new Blob(this.chunks,{type:"video/webm"}),t=URL.createObjectURL(e),r=document.createElement("a");r.href=t,r.download="midscene_replay.webm",r.click(),URL.revokeObjectURL(t)},null==(e=this.mediaRecorder)||e.stop(),this.recording=!1,this.mediaRecorder=null}constructor(e){tP(this,"canvas",void 0),tP(this,"mediaRecorder",null),tP(this,"chunks",void 0),tP(this,"recording",!1),this.canvas=e,this.chunks=[]}}function tU(e){var t;let r,[o,i]=(0,H.useState)(""),[a,l]=(0,H.useState)(""),{autoZoom:s,setAutoZoom:c,elementsVisible:d,setElementsVisible:u}=F();(0,H.useEffect)(()=>{(null==e?void 0:e.autoZoom)!==void 0&&c(e.autoZoom)},[null==e?void 0:e.autoZoom,c]);let y=null==e?void 0:e.replayScripts,p=(null==e?void 0:e.imageWidth)||1920,h=(null==e?void 0:e.imageHeight)||1080,m=(null==e?void 0:e.fitMode)||"height",f=(0,H.useRef)((null==y||null==(t=y[0])?void 0:t.img)||null),g=(0,H.useRef)(null),k=(0,H.useMemo)(()=>new tg.MxU,[]),C=(0,H.useRef)(null),A=(0,H.useRef)(null),[v,E]=(0,H.useState)(0),N=()=>{E(Date.now())},x=(0,H.useMemo)(()=>new tg.W20,[]),w=(0,H.useMemo)(()=>{let e=new tg.W20;return e.zIndex=1,e},[]);(0,H.useEffect)(()=>{w.visible=d},[d,w]);let S={left:0,top:0,width:p,pointerLeft:Math.round(p/2),pointerTop:Math.round(h/2)},[I,b]=(0,H.useState)(-1),j=(0,H.useRef)(!1);(0,H.useEffect)(()=>(j.current=!1,()=>{j.current=!0}),[]);let P=(0,H.useRef)({...S}),D=async()=>{let e=f.current;if(!e)return void console.warn("no image to update");tj(e)||(console.warn("image not loaded",e),await tb(e));let t=tj(e);if(!t)throw Error("texture not found");let r=tg.jyi.from(t);if(!r)throw Error("sprite not found");let o="main-img",n=x.getChildByLabel(o);n&&x.removeChild(n),r.label=o,r.zIndex=0,r.width=p,r.height=h,x.addChild(r)},O=e=>{var t,r;let o;A.current||(A.current=tg.jyi.from(eE),A.current.zIndex=3,A.current.anchor.set(.5,.5),A.current.scale.set(.5),A.current.label="spinning-pointer"),A.current.x=(null==(t=C.current)?void 0:t.x)||0,A.current.y=(null==(r=C.current)?void 0:r.y)||0,x.addChild(A.current);let n=!1,i=t=>{if(n)return;o||(o=t);let r=(Math.sin((t-o)/500-Math.PI/2)+1)/2*Math.PI*2;A.current&&(A.current.rotation=r),e(i)};return e(i),()=>{A.current&&x.removeChild(A.current),n=!0}},M=async(e,t,r)=>{var o,n;tj(e)||(console.warn("image not loaded",e),await tb(e));let i=tj(e);if(!i)throw Error("texture not found");let a=tg.jyi.from(i),l=null==(o=C.current)?void 0:o.x,s=null==(n=C.current)?void 0:n.y;if("number"==typeof t&&(l=t),"number"==typeof r&&(s=r),void 0===l||void 0===s)return void console.warn("invalid pointer position",t,r);if(C.current){let e=x.getChildByLabel("pointer");e&&x.removeChild(e)}C.current=a,C.current.x=l,C.current.y=s,C.current.label="pointer",C.current.zIndex=2,x.addChild(C.current)},T=e=>{P.current=e;let t=s?Math.max(1,p/e.width):1;x.scale.set(t),x.x=s?Math.round(0-e.left*t):0,x.y=s?Math.round(0-e.top*t):0;let r=x.getChildByLabel("pointer");r&&(r.scale.set(1/t),"number"==typeof e.pointerLeft&&"number"==typeof e.pointerTop&&(r.x=e.pointerLeft,r.y=e.pointerTop))},L=async(e,t,r)=>{if(!s){let o={...P.current},n=o.pointerLeft,i=o.pointerTop,a=performance.now();if("number"!=typeof e.pointerLeft||"number"!=typeof e.pointerTop||e.pointerLeft===n&&e.pointerTop===i)return;await new Promise(l=>{let s=c=>{let d=c-a,u=tT(Math.min(d/t,1));T({...o,pointerLeft:n+(e.pointerLeft-n)*u,pointerTop:i+(e.pointerTop-i)*u}),d<t?r(s):l()};r(s)});return}let o={...P.current},n=o.left,i=o.top,a=o.pointerLeft,l=o.pointerTop,c=o.width/p,d=performance.now(),u="number"==typeof e.pointerLeft&&"number"==typeof e.pointerTop&&(e.pointerLeft!==a||e.pointerTop!==l),y=u?.375*t:0,m=t-y;await new Promise(o=>{let s=f=>{let g={...P.current},k=f-d;if(u)if(k<=y){let t=tT(Math.min(k/y,1));g.pointerLeft=a+(e.pointerLeft-a)*t,g.pointerTop=l+(e.pointerTop-l)*t}else g.pointerLeft=e.pointerLeft,g.pointerTop=e.pointerTop;if(k>y){let t=tO(Math.min((k-y)/m,1)),r=c+(e.width/p-c)*t,o=p*r,a=h*r;g.width=o;let l=n+(e.left-n)*t,s=i+(e.top-i)*t,d=l+o-p,u=s+a-h;g.left=d>0?l+d:l,g.top=u>0?s+u:s}T(g),k<t?r(s):o()};r(s)})},K=function(e,t,r){let o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;return new Promise(n=>{let i=performance.now(),a=l=>{let s=l-i,c=Math.min(s/t,1);e.alpha=0===o?1-tL(c):tL(c),s<t?r(a):n()};r(a)})},R=async(e,t,r)=>K(e,t,r,0),_=async(e,t,r,o,n)=>{w.removeChildren();let i=[...e],a=i.length,l=0;await new Promise(e=>{let s=performance.now(),c=d=>{let u=d-s,y=Math.floor(tM(Math.min(u/o,1))*a);for(;l<y;){let e=Math.floor(Math.random()*i.length),t=i.splice(e,1)[0];if(t){let[e]=tS(t.rect,t.content,"element");e.alpha=0,w.addChild(e),l++,K(e,80,n)}}if(u<o)n(c);else{for(;i.length>0;){let e=Math.floor(Math.random()*i.length),t=i.splice(e,1)[0],[r]=tS(t.rect,t.content,"element");r.alpha=1,w.addChild(r)}if(r){let[e]=tS(r,"Search Area","searchArea");e.alpha=1,w.addChild(e)}t.map(e=>{let[t]=tS(e.rect,e.content||"","highlight");t.alpha=1,w.addChild(t)}),e()}};n(c)})},Z=async()=>{g.current&&y&&(await k.init({width:p,height:h,background:0xf4f4f4,autoDensity:!0,antialias:!0}),g.current&&(g.current.appendChild(k.canvas),x.x=0,x.y=0,k.stage.addChild(x),w.x=0,w.y=0,x.addChild(w)))},[U,B]=(0,H.useState)(!1),V=(0,H.useRef)(null),G=()=>{let e;return Promise.resolve((async()=>{if(!k)throw Error("app is not initialized");if(!y)throw Error("scripts is required");let{frame:t,cancel:r,timeout:o}=tF();e=r;let n=y.filter(e=>!!e.img).map(e=>e.img);await Promise.all([...n,eE,ev].map(tb)),w.removeChildren(),await M(ev,p/2,h/2),await D(),await T({...S});let a=y.reduce((e,t)=>e+t.duration+(t.camera&&t.insightCameraDuration?t.insightCameraDuration:0),0),s=performance.now();b(0);let c=()=>{let e=Math.min((performance.now()-s)/a,1);if(b(e),e<1)return o(c,200)};for(let e in t(c),V.current&&V.current.start(),y){let r=y[e];if(i(r.title||""),l(r.subTitle||""),"sleep"===r.type)await tK(r.duration);else if("insight"===r.type){var d;if(!r.img)throw Error("img is required");f.current=r.img,await D();let e=(null==(d=r.context)?void 0:d.tree)?Q(r.context.tree):[],o=r.highlightElement?[r.highlightElement]:[];if(await _(e,o,r.searchArea,r.duration,t),r.camera){if(!r.insightCameraDuration)throw Error("insightCameraDuration is required");await L(r.camera,r.insightCameraDuration,t)}}else if("clear-insight"===r.type)await R(w,r.duration,t),w.removeChildren(),w.alpha=1;else if("img"===r.type)r.img&&r.img!==f.current&&(f.current=r.img,await D()),r.camera?await L(r.camera,r.duration,t):await tK(r.duration);else if("pointer"===r.type){if(!r.img)throw Error("pointer img is required");await M(r.img)}else if("spinning-pointer"===r.type){let e=O(t);await tK(r.duration),e()}}V.current&&(V.current.stop(),V.current=null,B(!1))})().catch(e=>{console.error("player error",e)})),()=>{null==e||e()}};(0,H.useEffect)(()=>(Promise.resolve((async()=>{if(await Z(),g.current&&p&&h){let e=p/h;g.current.style.setProperty("--canvas-aspect-ratio",e.toString()),g.current.setAttribute("data-fit-mode",m);let t=g.current.closest(".player-container");t&&t.setAttribute("data-fit-mode",m)}N()})()),()=>{try{k.destroy(!0,{children:!0,texture:!0})}catch(e){console.warn("destroy failed",e)}}),[p,h,m]),(0,H.useEffect)(()=>{if(v)return G()},[v]);let[z,Y]=(0,H.useState)(!1),[W,J]=(0,H.useState)(!1),X=Math.round(100*I),q=1===I;(0,H.useEffect)(()=>{if(q){let e=e=>{" "===e.key&&N()};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}},[q]);let $=()=>{};return I<1?r=(0,n.jsx)(tf.Z,{indicator:(0,n.jsx)(tm.Z,{spin:!0,color:"#333"}),size:"default"}):z?(r=(0,n.jsx)(tf.Z,{indicator:(0,n.jsx)(tk.Z,{color:"#333"}),size:"default"}),$=()=>N()):r=(0,n.jsx)(tf.Z,{indicator:(0,n.jsx)(tk.Z,{color:"#333"}),size:"default"}),(0,n.jsxs)("div",{className:"player-container",children:[(0,n.jsx)("div",{className:"canvas-container",ref:g}),(0,n.jsx)("div",{className:"player-timeline-wrapper",children:(0,n.jsx)("div",{className:"player-timeline",children:(0,n.jsx)("div",{className:"player-timeline-progress",style:{width:`${X}%`,transition:0===I?"none":"0.3s"}})})}),(0,n.jsx)("div",{className:"player-tools-wrapper",children:(0,n.jsx)("div",{className:"player-tools",children:(0,n.jsxs)("div",{className:"player-control",children:[(0,n.jsxs)("div",{className:"status-text",children:[(0,n.jsx)("div",{className:"title",children:o}),(0,n.jsx)(eO.Z,{title:a,children:(0,n.jsx)("div",{className:"subtitle",children:a})})]}),U?null:(0,n.jsx)("div",{className:"status-icon",onMouseEnter:()=>Y(!0),onMouseLeave:()=>Y(!1),onClick:$,children:r}),(null==e?void 0:e.reportFileContent)?(0,n.jsx)(eO.Z,{title:"Download Report",children:(0,n.jsx)("div",{className:"status-icon",onMouseEnter:()=>Y(!0),onMouseLeave:()=>Y(!1),onClick:()=>t_(e.reportFileContent),children:(0,n.jsx)(tC.Z,{color:"#333"})})}):null,(0,n.jsx)(eO.Z,{title:U?"Generating...":"Export Video",children:(0,n.jsx)("div",{className:"status-icon",onClick:U?void 0:()=>V.current?void console.warn("recorderSession exists"):k.canvas?void(V.current=new tZ(k.canvas),B(!0),N()):void console.warn("canvas is not initialized"),style:{opacity:U?.5:1,cursor:U?"not-allowed":"pointer"},children:U?(0,n.jsx)(tf.Z,{size:"default",percent:X}):(0,n.jsx)(tA.Z,{})})}),(0,n.jsx)(eV.Z,{trigger:["hover","click"],placement:"bottomRight",overlayStyle:{minWidth:"148px"},dropdownRender:e=>(0,n.jsx)("div",{style:{borderRadius:"8px",border:"1px solid rgba(0, 0, 0, 0.08)",backgroundColor:"#fff",boxShadow:"0 2px 8px rgba(0, 0, 0, 0.08)",overflow:"hidden"},children:e}),menu:{style:{borderRadius:"8px",padding:0},items:[{key:"autoZoom",style:{height:"39px",margin:0,padding:"0 12px"},label:(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",height:"39px"},children:[(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"4px"},children:[(0,n.jsx)(tE,{style:{width:"16px",height:"16px"}}),(0,n.jsx)("span",{style:{fontSize:"12px",marginRight:"16px"},children:"Focus on Cursor"})]}),(0,n.jsx)(tv.Z,{size:"small",checked:s,onChange:e=>{c(e),N()},onClick:(e,t)=>{var r;return null==t||null==(r=t.stopPropagation)?void 0:r.call(t)}})]})},{key:"elementsVisible",style:{height:"39px",margin:0,padding:"0 12px"},label:(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",height:"39px"},children:[(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"4px"},children:[(0,n.jsx)(tx,{style:{width:"16px",height:"16px"}}),(0,n.jsx)("span",{style:{fontSize:"12px",marginRight:"16px"},children:"Show Element Markers"})]}),(0,n.jsx)(tv.Z,{size:"small",checked:d,onChange:e=>{u(e),N()},onClick:(e,t)=>{var r;return null==t||null==(r=t.stopPropagation)?void 0:r.call(t)}})]})}]},children:(0,n.jsx)("div",{className:"status-icon",onMouseEnter:()=>J(!0),onMouseLeave:()=>J(!1),style:{cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",opacity:W?1:.7,transition:"opacity 0.2s"},children:(0,n.jsx)(tN,{style:{width:"16px",height:"16px"}})})})]})})})]})}let tB=e=>{let{result:t,loading:r,serverValid:o,serviceMode:i,replayScriptsInfo:a,replayCounter:l,loadingProgressText:s,verticalMode:c=!1,notReadyMessage:d,fitMode:u,autoZoom:y}=e,p="result-wrapper";c&&(p+=" vertical-mode-result"),a&&c&&(p+=" result-wrapper-compact");let h=e4;return o||"Server"!==i?r?h=(0,n.jsxs)("div",{className:"loading-container",children:[(0,n.jsx)(tf.Z,{spinning:r,indicator:(0,n.jsx)(tm.Z,{spin:!0})}),(0,n.jsx)("div",{className:"loading-progress-text loading-progress-text-progress",children:(0,n.jsx)(e2,{text:s,speed:3})})]}):a?h=(0,n.jsx)(tU,{replayScripts:a.scripts,imageWidth:a.width,imageHeight:a.height,reportFileContent:("In-Browser-Extension"===i||"Server"===i)&&(null==t?void 0:t.reportHTML)?null==t?void 0:t.reportHTML:null,fitMode:u,autoZoom:y},l):(null==t?void 0:t.error)?h=(0,n.jsx)("pre",{children:null==t?void 0:t.error}):(null==t?void 0:t.result)!==void 0&&(h="string"==typeof(null==t?void 0:t.result)?(0,n.jsx)("pre",{children:null==t?void 0:t.result}):(0,n.jsx)("pre",{children:JSON.stringify(null==t?void 0:t.result,null,2)})):h=e3(d),(0,n.jsx)("div",{className:p,style:{height:"100%",display:"flex",flexDirection:"column",flex:"1 1 auto"},children:h})};var tV=r(60247),tG=r(1754),tz=r(16327),tH=r(93636),tY=r(4465),tW=r(90419),tQ=r(43876),tJ=r(64838);let tX=e=>(0,n.jsx)("span",{className:"status-dot",style:{color:e},children:"●"}),tq=e=>{var t,r,o;let{devices:i,loadingDevices:a,selectedDeviceId:l,onDeviceSelect:s,socketRef:c,scrcpyPlayerRef:d}=e,[u,y]=(0,H.useState)(!1),p=(0,H.useRef)(null),[h,m]=tG.ZP.useMessage(),f=eA(!0),g=(0,H.useCallback)(e=>{e!==p.current&&c.current&&c.current.connected&&(y(!1),s(e),p.current=e)},[s,c]),k=(0,H.useCallback)(()=>{d.current&&(d.current.disconnectDevice(),h.info("Device disconnected"))},[d,h]),C=!!l&&(null==(t=i.find(e=>e.id===l))?void 0:t.status.toLowerCase())!=="device";return(0,H.useEffect)(()=>{C&&l&&k()},[C,l,k,h]),(0,n.jsxs)("div",{className:"device-header",children:[m,(0,n.jsxs)("div",{className:"device-title-container",children:[(0,n.jsx)("h2",{className:"device-title",children:"Device"}),(0,n.jsx)(eV.Z,{trigger:["click"],placement:"bottomLeft",open:u,onOpenChange:y,dropdownRender:()=>(0,n.jsxs)("div",{className:"device-dropdown",children:[(0,n.jsx)("div",{className:"dropdown-header",children:(0,n.jsx)("span",{className:"dropdown-title",children:"Devices list"})}),(0,n.jsxs)("div",{className:"device-list",children:[i.map(e=>(0,n.jsx)("div",{onClick:()=>{"device"===e.status.toLowerCase()&&g(e.id)},className:`device-list-item ${"device"===e.status.toLowerCase()&&l===e.id?"selected":""} ${"device"!==e.status.toLowerCase()?"offline":""}`,children:(0,n.jsxs)("div",{className:"device-item-content",children:[(0,n.jsx)("div",{className:"device-item-icon-container",children:(0,n.jsx)(tQ.Z,{className:"device-item-icon"})}),(0,n.jsxs)("div",{className:"device-item-info",children:[(0,n.jsx)("div",{className:"device-item-name",children:e.name||e.id}),(0,n.jsxs)("div",{className:"device-item-status",children:[(0,n.jsx)("div",{className:"status-badge",children:"device"===e.status.toLowerCase()?(0,n.jsxs)(n.Fragment,{children:[tX("#52c41a"),(0,n.jsx)("span",{className:"status-text",children:"Online"})]}):(0,n.jsxs)(n.Fragment,{children:[tX("#f5222d"),(0,n.jsx)("span",{className:"status-text",children:"Offline"})]})}),(0,n.jsx)(tJ.Z,{type:"vertical",className:"status-divider"}),(0,n.jsxs)("div",{className:"device-id-container",children:["Device ID: ",e.id]})]})]}),"device"===e.status.toLowerCase()&&l===e.id&&(0,n.jsx)("div",{className:"current-device-indicator",children:"Current device"})]})},e.id)),0===i.length&&(0,n.jsx)("div",{className:"device-list-empty",children:"No devices found"})]})]}),children:(0,n.jsxs)(eZ.ZP,{className:"device-dropdown-button",children:[(0,n.jsxs)("div",{className:"device-icon-container",children:[(0,n.jsx)(tQ.Z,{className:"device-icon"}),l&&f&&(0,n.jsx)("div",{className:"status-indicator",children:(null==(r=i.find(e=>e.id===l))?void 0:r.status.toLowerCase())==="device"?(0,n.jsx)(n.Fragment,{children:tX("#52c41a")}):(0,n.jsx)(n.Fragment,{children:tX("#f5222d")})})]}),l&&!C&&f?(0,n.jsx)("span",{className:"device-name",children:(null==(o=i.find(e=>e.id===l))?void 0:o.name)||l}):(0,n.jsx)("span",{className:"device-name no-device",children:"No device"}),(0,n.jsx)("span",{className:"dropdown-arrow",children:"▼"})]})})]})]})};var t$=r(7379),t0=r(92882),t1=r(81138),t2=r(32686),t6=r(72688),t3=r(44600);let t4=e=>(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16",...e,children:(0,n.jsx)("path",{fill:"#000",fillOpacity:.25,fillRule:"evenodd",d:"M9.68 2c1.2-1.2 3.2-1.28 4.4-.08s1.12 3.2-.08 4.4l-2.16 2.16c-.24.24-.56.24-.8 0s-.24-.56 0-.8l2.16-2.16c.8-.8.8-2.08.08-2.8s-2-.72-2.8.08L8.32 4.96c-.24.24-.56.24-.8 0s-.24-.56 0-.8zM5.6 13.2l2.16-2.16c.24-.24.56-.24.8 0s.24.56 0 .8L6.4 14c-1.2 1.2-3.12 1.36-4.4.08-1.36-1.28-1.2-3.2.08-4.4l2.16-2.16c.24-.24.56-.24.8 0s.24.56 0 .8l-2.16 2.16c-.8.8-.88 2-.08 2.8s2 .72 2.8-.08m4.64-8.24c.24-.24.64-.24.96 0 .24.24.24.64 0 .96L5.92 11.2c-.24.24-.64.24-.96 0-.24-.24-.24-.64 0-.96z",clipRule:"evenodd"})}),t8=e=>(0,n.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16",...e,children:[(0,n.jsxs)("g",{fill:"#606266",clipPath:"url(#screenshot_svg__a)",children:[(0,n.jsx)("path",{d:"m4.883 2.663-.858 2.001h-2.69v8.673h13.341V4.664H11.32l-.859-2zm-1.738.667.858-2.001h7.338l.858 2.001h2.477a1.334 1.334 0 0 1 1.334 1.334v8.673a1.335 1.335 0 0 1-1.334 1.334H1.334A1.334 1.334 0 0 1 0 13.337V4.664A1.334 1.334 0 0 1 1.334 3.33z"}),(0,n.jsx)("path",{d:"M8.005 10.001a1.334 1.334 0 1 0 0-2.668 1.334 1.334 0 0 0 0 2.668m0 1.335a2.668 2.668 0 1 1 0-5.337 2.668 2.668 0 0 1 0 5.337m3.336-6.004h.667q.667 0 .667.667 0 .666-.667.667h-.667q-.667 0-.667-.667t.667-.667"})]}),(0,n.jsx)("defs",{children:(0,n.jsx)("clipPath",{id:"screenshot_svg__a",children:(0,n.jsx)("path",{fill:"#fff",d:"M0 0h16v16H0z"})})})]}),t5=e=>(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16",...e,children:(0,n.jsx)("path",{fill:"#FF4550",d:"M14.08 1.92C12.88.72 10.88.8 9.68 2L7.52 4.16c-.24.24-.24.56 0 .8s.56.24.8 0l2.16-2.16c.8-.8 2.08-.8 2.8-.08s.72 2-.08 2.8l-2.16 2.16c-.24.24-.24.56 0 .8s.56.24.8 0L14 6.32c1.2-1.2 1.28-3.2.08-4.4m-6.32 9.12L5.6 13.2c-.8.8-2 .88-2.8.08s-.72-2 .08-2.8l2.16-2.16c.24-.24.24-.56 0-.8s-.56-.24-.8 0L2.08 9.68C.8 10.88.64 12.8 2 14.08c1.28 1.28 3.2 1.12 4.4-.08l2.16-2.16c.24-.24.24-.56 0-.8s-.56-.24-.8 0M5.92 4.96c-.24-.24-.64-.24-.96 0-.24.24-.24.64 0 .96l5.28 5.28c.24.24.64.24.96 0 .24-.24.24-.64 0-.96z"})}),{Text:t7}=tl.Z,t9=(0,H.forwardRef)((e,t)=>{let{serverUrl:r,maxSize:o=1024,autoConnect:i=!0,autoReconnect:a=!0,reconnectInterval:l=5e3,onConnectionStatusChange:s}=e,[c,d]=(0,H.useState)(!1),[u,y]=(0,H.useState)(!1),[p,h]=(0,H.useState)(null),[m,f]=(0,H.useState)(""),g=(0,H.useRef)(null),k=(0,H.useRef)(null),C=(0,H.useRef)(null),A=(0,H.useRef)(null),v=(0,H.useRef)(null),E=(0,H.useRef)(null),N=eA(!0),x=(0,H.useCallback)(e=>{if(e)try{for(;e.firstChild;)try{e.removeChild(e.firstChild)}catch(t){if(console.warn("Failed to remove child, skipping:",t),e.firstChild){e.innerHTML="";break}}}catch(t){console.error("Error clearing container:",t);try{e.innerHTML=""}catch(e){console.error("Failed to reset innerHTML:",e)}}},[]),w=(0,H.useCallback)(()=>{if(!C.current||!k.current||!p)return;let e=k.current,t=C.current,r=e.clientWidth,o=e.clientHeight,{width:n,height:i}=p,a=o-40,l=n/i,s=r,c=r/l;c>a&&(c=a,s=a*l),t.width=n,t.height=i,t.style.width=`${s}px`,t.style.height=`${c}px`,t.style.marginTop="20px",t.style.marginBottom="20px"},[p]);(0,H.useEffect)(()=>{let e=()=>{w()};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[w]),(0,H.useEffect)(()=>{w()},[p,w]);let S=async()=>{if(t2.P.isSupported){let e=new t2.P;return{renderer:e,element:e.canvas}}let e=new t6.I;return{renderer:e,element:e.canvas}},I=async e=>{if(!t1.h.isSupported)throw Error("Current browser does not support WebCodecs API, please use the latest version of Chrome/Edge browser");let{renderer:t,element:r}=await S();if(C.current=r,k.current){let e=k.current.querySelector(".canvas-wrapper");e&&(x(e),e.appendChild(C.current))}return new t1.h({codec:e,renderer:t})},b=e=>{let t=!1,r=[],o=new TransformStream({transform(e,o){let n={type:e.type,data:new Uint8Array(e.data),timestamp:e.timestamp};"configuration"===n.type?(o.enqueue(n),t=!0,r.length>0&&(r.forEach(e=>o.enqueue(e)),r=[])):"data"===n.type?t?o.enqueue(n):r.push(n):o.enqueue(n)}});return new ReadableStream({start(e){let t=!1,r=r=>{if(!t)try{e.enqueue(r)}catch(e){console.error("error occurred while enqueuing video data:",e),t=!0,i()}},o=r=>{console.error("stream error:",r),t||(e.error(Error(r.message)),t=!0,i())},n=()=>{t||(e.close(),t=!0,i())},i=()=>{g.current&&(g.current.off("video-data",r),g.current.off("error",o),g.current.off("disconnect",n))};return g.current&&(g.current.on("video-data",r),g.current.on("error",o),g.current.on("disconnect",n)),()=>{t=!0,i()}}}).pipeThrough(o)},j=async()=>{if(A.current)try{let e=await A.current.snapshot();if(e){let t=URL.createObjectURL(e),r=document.createElement("a");r.href=t,r.download=`screenshot_${new Date().toISOString().replace(/:/g,"-")}.png`,r.click(),URL.revokeObjectURL(t)}}catch(e){console.error("screenshot failed:",e),alert("screenshot failed")}},P=(0,H.useCallback)(()=>{if(A.current)try{A.current.dispose(),A.current=null}catch(e){console.error("Error disposing decoder:",e)}k.current&&x(k.current.querySelector(".canvas-wrapper")),g.current&&(g.current.disconnect(),g.current=null),v.current&&(clearTimeout(v.current),v.current=null),E.current&&(clearTimeout(E.current),E.current=null),y(!1),d(!1),h(null)},[x]);(0,H.useImperativeHandle)(t,()=>({disconnectDevice:P}),[P]);let D=(0,H.useCallback)(async()=>{try{if(P(),y(!1),d(!0),h(null),await new Promise(e=>setTimeout(e,150)),!r){console.error("Cannot connect: missing server URL"),d(!1),null==s||s(!1);return}let e=()=>{E.current&&(clearTimeout(E.current),E.current=null),E.current=setTimeout(()=>{var t;if(null==(t=g.current)?void 0:t.connected)try{g.current.emit("connect-device",{maxSize:o}),e()}catch(e){console.error("Failed to request connection:",e),null==s||s(!1),tG.ZP.error("connection request failed, please refresh the page")}else{null==s||s(!1);try{g.current&&setTimeout(()=>{g.current&&g.current.connect()},500)}catch(e){console.error("Failed to reconnect:",e),tG.ZP.error("reconnection failed, please refresh the page")}}},5e3)};if(g.current)g.current.connected?(g.current.emit("connect-device",{maxSize:o}),e()):g.current.connect();else try{g.current=(0,tW.io)(r,{withCredentials:!0,reconnection:!0,reconnectionAttempts:5,reconnectionDelay:1e3,timeout:1e4}),g.current.on("connect",()=>{var t,r;null==s||s(!0),(null==(t=g.current)?void 0:t.id)&&f(g.current.id),v.current&&(clearTimeout(v.current),v.current=null),null==(r=g.current)||r.emit("connect-device",{maxSize:o}),e()}),g.current.on("video-metadata",async e=>{try{if(E.current&&(clearTimeout(E.current),E.current=null),A.current)try{A.current.dispose(),A.current=null}catch(e){console.error("Error disposing old decoder:",e)}if(k.current){let e=k.current.querySelector(".canvas-wrapper");x(e)}let t=(null==e?void 0:e.codec)?e.codec:t0.W.H264;if(A.current=await I(t),!A.current)throw Error("Failed to create decoder");A.current.sizeChanged(e=>{let{width:t,height:r}=e;h({width:t,height:r})}),b(e).pipeTo(A.current.writable).catch(e=>{console.error("video stream processing error:",e),null==s||s(!1)}),y(!0),d(!1),null==s||s(!0)}catch(e){console.error("Failed to initialize decoder:",e),d(!1),null==s||s(!1)}}),g.current.on("error",e=>{console.error("server error:",e),tG.ZP.error("server error"),d(!1),null==s||s(!1),E.current&&(clearTimeout(E.current),E.current=null)}),g.current.on("disconnect",()=>{y(!1),null==s||s(!1),E.current&&(clearTimeout(E.current),E.current=null),A.current&&(A.current.dispose(),A.current=null),k.current&&x(k.current.querySelector(".canvas-wrapper")),a&&!v.current&&(v.current=setTimeout(()=>{v.current=null,D()},l))})}catch(e){console.error("Failed to create socket connection:",e),d(!1),null==s||s(!1),a&&!v.current&&(v.current=setTimeout(()=>{v.current=null,D()},l))}}catch(e){d(!1),null==s||s(!1),console.error(`Failed to connect: ${e.message}`),tG.ZP.error("connection failed"),a&&!v.current&&(v.current=setTimeout(()=>{v.current=null,D()},l))}},[r,o,a,l,s,P]);return(0,H.useEffect)(()=>{if(i&&!u&&!c){let e=setTimeout(()=>{D()},300);return()=>clearTimeout(e)}},[i,u,c,D]),(0,H.useEffect)(()=>()=>{if(null==s||s(!1),A.current)try{A.current.dispose(),A.current=null}catch(e){console.error("Error disposing decoder during unmount:",e)}if(k.current)try{let e=k.current.querySelector(".canvas-wrapper");e&&(e.innerHTML="")}catch(e){console.error("Error clearing canvas wrapper during unmount:",e)}g.current&&(g.current.disconnect(),g.current=null),v.current&&(clearTimeout(v.current),v.current=null),E.current&&(clearTimeout(E.current),E.current=null)},[s]),(0,n.jsx)("div",{className:"scrcpy-container",children:(0,n.jsxs)(t3.Z,{children:[u&&(0,n.jsxs)("div",{className:"header-bar",children:[(0,n.jsxs)("div",{className:"header-left",children:[(0,n.jsx)(t7,{style:{fontWeight:600,fontSize:12},children:"Screen Projection"}),(0,n.jsx)(eO.Z,{placement:"bottom",title:`Device ID: ${m||"Unknown"}`,children:(0,n.jsx)(t$.Z,{})})]}),(0,n.jsx)("div",{className:"screen-info",children:(0,n.jsxs)(t7,{type:"secondary",children:["size : ",null==p?void 0:p.width,"\xd7",null==p?void 0:p.height]})}),(0,n.jsxs)("div",{className:"header-right",children:[(0,n.jsx)(eO.Z,{placement:"bottom",title:"Screenshot",children:(0,n.jsx)(eZ.ZP,{icon:(0,n.jsx)(t8,{}),onClick:j})}),(0,n.jsx)(tJ.Z,{type:"vertical",style:{margin:"0 16px"}}),(0,n.jsx)(eO.Z,{placement:"bottom",title:"Connect Device",children:(0,n.jsx)(eZ.ZP,{disabled:u,style:{backgroundColor:"#fff"},icon:(0,n.jsx)(t4,{}),onClick:D})}),u&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(tJ.Z,{type:"vertical",style:{margin:"0 16px"}}),(0,n.jsx)(eO.Z,{title:"Disconnect Device",children:(0,n.jsx)(eZ.ZP,{icon:(0,n.jsx)(t5,{}),onClick:P})})]})]})]}),(0,n.jsx)(tH.Z,{gutter:[16,16],children:(0,n.jsx)(tY.Z,{span:24,children:(0,n.jsx)("div",{className:"video-section",children:(0,n.jsxs)("div",{ref:k,className:"video-container",children:[(0,n.jsx)("div",{className:"canvas-wrapper"}),!u&&N&&(0,n.jsxs)("div",{className:"empty-state",children:[(0,n.jsx)("div",{className:"empty-state-icon",children:"\uD83D\uDCF1"}),(0,n.jsx)("div",{className:"empty-state-text",children:c?"Connecting to device...":"No device connected"}),!c&&(0,n.jsx)(eZ.ZP,{type:"primary",onClick:()=>{D()},children:"Connect now"}),c&&(0,n.jsx)("div",{className:"loading-spinner",children:(0,n.jsx)(tf.Z,{size:"large"})})]}),!N&&(0,n.jsx)("span",{children:"Please launch playground server!"})]})})})})]})})}),{Content:re}=tV.Z,rt="http://localhost:5700",rr=document.getElementById("root");rr&&i.createRoot(rr).render((0,n.jsx)(function(){let[e]=e_.Z.useForm(),t=e_.Z.useWatch("type",e),[r,o]=(0,H.useState)(!1),[i,a]=(0,H.useState)(null),[l,s]=(0,H.useState)(!1),[c,d]=(0,H.useState)([]),[u,y]=(0,H.useState)(!0),p=(0,H.useRef)(null),[h,m]=tG.ZP.useMessage(),[f,g]=(0,H.useState)(!1),[k,C]=(0,H.useState)({result:void 0,dump:null,reportHTML:null,error:null}),[A,v]=(0,H.useState)(0),[E,N]=(0,H.useState)(null),{config:x,deepThink:w}=z(),[S,I]=(0,H.useState)(""),b=(0,H.useRef)(null),j=(0,H.useRef)(null),D=Object.keys(x||{}).length>=1,O=eA(!0),M=(0,H.useRef)(null),T=(0,H.useRef)(null),L=(0,H.useCallback)(()=>{j.current&&(clearInterval(j.current),j.current=null)},[]);(0,H.useEffect)(()=>{let e=(0,tW.io)(rt,{withCredentials:!0,reconnectionAttempts:5,reconnectionDelay:1e3,timeout:5e3});e.on("connect",()=>{e.emit("get-devices")}),e.on("disconnect",e=>{y(!0)}),e.on("devices-list",e=>{d(e.devices),e.currentDeviceId&&(a(e.currentDeviceId),1===e.devices.length&&K(e.devices[0].id,!0)),y(!1)}),e.on("global-device-switched",e=>{a(e.deviceId)}),e.on("connect_error",e=>{console.error("Socket.IO connection error:",e),h.error("Waiting for device server connection, please try again later"),y(!1)}),e.on("error",e=>{console.error("Socket.IO error:",e),h.error(`Error occurred while communicating with the server: ${e.message||"Unknown error"}`)}),M.current=e;let t=setTimeout(()=>{e.connected&&e.emit("get-devices")},2e3);return()=>{clearTimeout(t),e.disconnect()}},[h]);let K=(0,H.useCallback)(function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(e!==p.current){if(!M.current||!M.current.connected)return void h.warning("Waiting for device server connection, please try again later");s(!1),g(!1),C(null),N(null),o(!1),L(),setTimeout(()=>{if(a(e),p.current=e,y(!0),M.current){M.current.emit("switch-device",e);let r=setTimeout(()=>{y(!1),h.error("Device switch timeout, please try again")},1e4);M.current.once("device-switched",()=>{clearTimeout(r),y(!1),setTimeout(()=>{s(!0),t||h.success(`Device selected: ${e}`)},500)}),M.current.once("error",e=>{clearTimeout(r),y(!1),h.error(`Device switch failed: ${e.message}`)})}else y(!1),h.error("Socket connection lost, please refresh the page")},500)}},[h,L]),R=(0,H.useCallback)(e=>{L(),j.current=setInterval(async()=>{try{let t=await ef(e);t.tip&&I(t.tip)}catch(e){console.error("Failed to poll task progress:",e)}},500)},[L]);(0,H.useEffect)(()=>()=>{L()},[L]);let F=(0,H.useCallback)(e=>{g(e),e&&i&&!l&&setTimeout(()=>{s(!0)},100)},[i]);(0,H.useEffect)(()=>{if(l){let e=setTimeout(()=>{i===p.current&&s(!1)},800);return()=>clearTimeout(e)}},[l,i]),(0,H.useEffect)(()=>{P(x),eh(x)},[x]);let _=(0,H.useCallback)(async()=>{if(!i)return void h.warning("Please select a device first");if(!f)return void h.warning("Waiting for connection establishment, please try again later");o(!0),C(null),N(null),I("");let{type:t,prompt:r}=e.getFieldsValue(),n=Date.now().toString();b.current=n,R(n);try{let e=await ep(i,t,r,{requestId:n,deepThink:w});if(L(),C(e),o(!1),!e)throw Error("server returned empty response");if((null==e?void 0:e.dump)&&!["aiQuery","aiAssert"].includes(t)){let t=eS(e.dump);N(t),v(e=>e+1)}else N(null);h.success("Command executed")}catch(e){L(),o(!1),console.error("execute command error:",e),h.error(`Command execution failed: ${e instanceof Error?e.message:"Unknown error"}`)}},[i,h,f,e,R,L,w]),Z=()=>{C(null),N(null),o(!1)},U=(0,H.useCallback)(async()=>{L(),o(!1),Z(),b.current&&await em(b.current),h.info("Operation stopped")},[h,L]);return(0,n.jsxs)(tz.ZP,{theme:{token:{colorPrimary:"#2B83FF"},components:{Layout:{headerHeight:60,headerPadding:"0 30px",headerBg:"#FFF",bodyBg:"#FFF"}}},children:[m,(0,n.jsx)(tV.Z,{className:"app-container playground-container vertical-mode",children:(0,n.jsx)(re,{className:"app-content",children:(0,n.jsx)("div",{className:"app-grid-layout",children:(0,n.jsxs)(tH.Z,{className:"app-grid-layout",children:[(0,n.jsx)(tY.Z,{className:"app-panel left-panel",children:(0,n.jsxs)("div",{className:"panel-content left-panel-content",children:[(0,n.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"10px"},children:[(0,n.jsx)(eP,{}),(0,n.jsx)(eL,{})]}),(0,n.jsx)("h2",{children:"Command input"}),(0,n.jsx)(e_.Z,{form:e,className:"command-form",children:(0,n.jsxs)("div",{className:"form-content",children:[(0,n.jsx)("div",{className:"command-input-wrapper",children:(0,n.jsx)(th,{runButtonEnabled:!!i&&D,form:e,serviceMode:"Server",selectedType:t,dryMode:!1,stoppable:r,loading:r,onRun:_,onStop:U})}),(0,n.jsx)("div",{className:"result-container",style:k?{}:{border:"1px solid #0000001f",borderRadius:"8px"},children:(0,n.jsx)(tB,{result:k,loading:r,serverValid:O,serviceMode:"Server",replayScriptsInfo:E,replayCounter:A,loadingProgressText:S,verticalMode:!1,notReadyMessage:(0,n.jsxs)("span",{children:["Don't worry, just one more step to launch the playground server.",(0,n.jsx)("br",{}),(0,n.jsx)("strong",{children:"npx --yes @midscene/android-playground"})]})})})]})})]})}),(0,n.jsx)(tY.Z,{className:"app-panel right-panel",children:(0,n.jsxs)("div",{className:"panel-content right-panel-content",children:[(0,n.jsx)(tq,{devices:c,loadingDevices:u,selectedDeviceId:i,onDeviceSelect:K,socketRef:M,scrcpyPlayerRef:T}),(0,n.jsx)(t9,{ref:T,serverUrl:rt,autoConnect:l,onConnectionStatusChange:F})]})})]})})})})]})},{}))},66460:function(e){if("undefined"==typeof sharp){var t=Error("Cannot find module 'sharp'");throw t.code="MODULE_NOT_FOUND",t}e.exports=sharp},86110:function(){},58241:function(){},32176:function(){},13527:function(){},64849:function(){},51114:function(){},6156:function(){},41037:function(){},35665:function(){},6281:function(){},39229:function(){},40924:function(){},87333:function(){},15787:function(){},5460:function(){},61546:function(){},18113:function(){},5174:function(){}},t={};function r(o){var n=t[o];if(void 0!==n)return n.exports;var i=t[o]={id:o,loaded:!1,exports:{}};return e[o].call(i.exports,i,i.exports,r),i.loaded=!0,i.exports}r.m=e,r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},(()=>{var e,t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__;r.t=function(o,n){if(1&n&&(o=this(o)),8&n||"object"==typeof o&&o&&(4&n&&o.__esModule||16&n&&"function"==typeof o.then))return o;var i=Object.create(null);r.r(i);var a={};e=e||[null,t({}),t([]),t(t)];for(var l=2&n&&o;"object"==typeof l&&!~e.indexOf(l);l=t(l))Object.getOwnPropertyNames(l).forEach(e=>{a[e]=()=>o[e]});return a.default=()=>o,r.d(i,a),i}})(),r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((t,o)=>(r.f[o](e,t),t),[])),r.u=e=>"static/js/async/"+e+"."+({166:"834644b5",173:"f2381e64",212:"850ade70",290:"45247363",329:"261bc4a1",364:"d88c3cff",544:"18ac9afb",582:"8f4b5264",624:"8a1fe2e8",644:"910ce3d0",702:"1f38a17e",975:"693266d2",983:"b98b40af"})[e]+".js",r.miniCssF=e=>""+e+".css",r.h=()=>"96a892cc57f899e2",r.g=(()=>{if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}})(),r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={},t="android-playground:";r.l=function(o,n,i,a){if(e[o])return void e[o].push(n);if(void 0!==i)for(var l,s,c=document.getElementsByTagName("script"),d=0;d<c.length;d++){var u=c[d];if(u.getAttribute("src")==o||u.getAttribute("data-webpack")==t+i){l=u;break}}l||(s=!0,(l=document.createElement("script")).charset="utf-8",l.timeout=120,r.nc&&l.setAttribute("nonce",r.nc),l.setAttribute("data-webpack",t+i),l.src=o),e[o]=[n];var y=function(t,r){l.onerror=l.onload=null,clearTimeout(p);var n=e[o];if(delete e[o],l.parentNode&&l.parentNode.removeChild(l),n&&n.forEach(function(e){return e(r)}),t)return t(r)},p=setTimeout(y.bind(null,void 0,{type:"timeout",target:l}),12e4);l.onerror=y.bind(null,l.onerror),l.onload=y.bind(null,l.onload),s&&document.head.appendChild(l)}})(),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{var e=[];r.O=(t,o,n,i)=>{if(o){i=i||0;for(var a=e.length;a>0&&e[a-1][2]>i;a--)e[a]=e[a-1];e[a]=[o,n,i];return}for(var l=1/0,a=0;a<e.length;a++){for(var[o,n,i]=e[a],s=!0,c=0;c<o.length;c++)(!1&i||l>=i)&&Object.keys(r.O).every(e=>r.O[e](o[c]))?o.splice(c--,1):(s=!1,i<l&&(l=i));if(s){e.splice(a--,1);var d=n();void 0!==d&&(t=d)}}return t}})(),r.p="/",r.rv=()=>"1.3.12",(()=>{r.b=document.baseURI||self.location.href;var e={980:0};r.f.j=function(t,o){var n=r.o(e,t)?e[t]:void 0;if(0!==n)if(n)o.push(n[2]);else{var i=new Promise((r,o)=>n=e[t]=[r,o]);o.push(n[2]=i);var a=r.p+r.u(t),l=Error();r.l(a,function(o){if(r.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var i=o&&("load"===o.type?"missing":o.type),a=o&&o.target&&o.target.src;l.message="Loading chunk "+t+" failed.\n("+i+": "+a+")",l.name="ChunkLoadError",l.type=i,l.request=a,n[1](l)}},"chunk-"+t,t)}},r.O.j=t=>0===e[t];var t=(t,o)=>{var n,i,[a,l,s]=o,c=0;if(a.some(t=>0!==e[t])){for(n in l)r.o(l,n)&&(r.m[n]=l[n]);if(s)var d=s(r)}for(t&&t(o);c<a.length;c++)i=a[c],r.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return r.O(d)},o=self.webpackChunkandroid_playground=self.webpackChunkandroid_playground||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})(),r.ruid="bundler=rspack@1.3.12";var o=r.O(void 0,["361","683"],function(){return r(33987)});o=r.O(o)})();
15
+ //# sourceMappingURL=index.98123188.js.map