@midscene/android-playground 0.26.7-beta-20250820154059.0 → 0.26.7-beta-20250821033353.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.
- package/package.json +4 -4
- package/static/index.html +1 -1
- package/static/static/js/index.cd764a6f.js +15 -0
- package/static/static/js/index.cd764a6f.js.map +1 -0
- package/static/static/js/index.3b7d661d.js +0 -15
- package/static/static/js/index.3b7d661d.js.map +0 -1
- /package/static/static/js/{index.3b7d661d.js.LICENSE.txt → index.cd764a6f.js.LICENSE.txt} +0 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@midscene/android-playground",
|
|
3
|
-
"version": "0.26.7-beta-
|
|
3
|
+
"version": "0.26.7-beta-20250821033353.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/
|
|
29
|
-
"@midscene/
|
|
30
|
-
"@midscene/
|
|
28
|
+
"@midscene/android": "0.26.7-beta-20250821033353.0",
|
|
29
|
+
"@midscene/shared": "0.26.7-beta-20250821033353.0",
|
|
30
|
+
"@midscene/web": "0.26.7-beta-20250821033353.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/806.8de50496.js"></script><script defer src="/static/js/index.
|
|
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/806.8de50496.js"></script><script defer src="/static/js/index.cd764a6f.js"></script><link href="/static/css/index.14a65b51.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/*! For license information please see index.cd764a6f.js.LICENSE.txt */
|
|
2
|
+
(()=>{"use strict";var e={9183:function(e,t,r){var o,n=r(31549),i=r(8082);let a="MATCH_BY_POSITION",s="ANTHROPIC_API_KEY",l="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",l,"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",s,"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",s,"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)),h=new class{reset(){this.override=void 0,this.modelConfigFn=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}}getModelConfig(e){return this.modelConfigFn?{hasModelConfigFn:!0,result:this.modelConfigFn({intent:e})}:{hasModelConfigFn:!1,result:void 0}}registerModelConfigFn(e){if("function"!=typeof e)throw Error(`modelConfigFn must be a function when registerModelConfigFn, but got with type ${typeof e}`);this.modelConfigFn=e}constructor(){u(this,"override",void 0),u(this,"modelConfigFn",void 0)}};var p=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 E=r(73656);let v="midscene_run",N=()=>A?P(l)||v:"",x=()=>{if(!A)return"";let e=m.resolve(E.cwd(),N());if(!(0,p.existsSync)(e))try{(0,p.mkdirSync)(e,{recursive:!0})}catch(t){e=m.join((0,k.tmpdir)(),v),(0,p.mkdirSync)(e,{recursive:!0})}return e},w=e=>{if(!A)return"";let t=x(),r=m.join(t,e);return(0,p.existsSync)(r)||(0,p.mkdirSync)(r,{recursive:!0}),r},I=new Map,S=new Map;function j(e){let t=`midscene:${e}`;if(!S.has(t)){let r=g(t);S.set(t,(...t)=>{A&&function(e,t){if(!A)return;let r=function(e){let t=e.replace(/:/g,"-");if(!I.has(t)){let e=m.join(w("log"),`${t}.log`),r=p.createWriteStream(e,{flags:"a"});I.set(t,r)}return I.get(t)}(e),o=new Date,n=o.toLocaleDateString("sv-SE"),i=o.toLocaleTimeString("sv-SE"),a=o.getMilliseconds().toString().padStart(3,"0"),s=o.getTimezoneOffset(),l=Math.floor(Math.abs(s)/60).toString().padStart(2,"0"),c=(Math.abs(s)%60).toString().padStart(2,"0"),d=`${s<=0?"+":"-"}${l}:${c}`,u=`${n}T${i}.${a}${d}`;r.write(`[${u}] ${t}
|
|
3
|
+
`)}(e,f.format(...t)),r(...t)})}return S.get(t)}let P=e=>h.getConfigValue(e),b=(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}`)}h.registerOverride(e,t)};var D=r(62858),M={};M.d=(e,t)=>{for(var r in t)M.o(t,r)&&!M.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},M.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),M.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var O={};M.r(O),M.d(O,{create:()=>D.Ue});let{create:T}=O,K="midscene-auto-zoom",L="midscene-background-visible",R="midscene-elements-visible",F=T(e=>{let t="false"!==localStorage.getItem(K);return{backgroundVisible:"false"!==localStorage.getItem(L),elementsVisible:"false"!==localStorage.getItem(R),autoZoom:t,setBackgroundVisible:t=>{e({backgroundVisible:t}),localStorage.setItem(L,t.toString())},setElementsVisible:t=>{e({elementsVisible:t}),localStorage.setItem(R,t.toString())},setAutoZoom:t=>{e({autoZoom:t}),localStorage.setItem(K,t.toString())}}}),U="midscene-env-config",Z="midscene-service-mode",_="midscene-tracking-active-tab",B="midscene-deep-think",G=()=>localStorage.getItem(U)||"",V=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=G(),o=V(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:V(t),configString:t}),localStorage.setItem(U,t)},syncFromStorage:()=>{let t=G();e({config:V(t),configString:t})},forceSameTabNavigation:"false"!==localStorage.getItem(_),setForceSameTabNavigation:t=>{e({forceSameTabNavigation:t}),localStorage.setItem(_,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),j("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 Q=r(43427);function W(e){let t=[];return!function e(r){for(let o of(r.node&&t.push(r.node),r.children))e(o)}(e),t}j("ai:common");let J=Q.z.object({left:Q.z.number(),top:Q.z.number()}),X=Q.z.object({width:Q.z.number(),height:Q.z.number(),dpr:Q.z.number().optional()}),q=J.and(X).and(Q.z.object({zoom:Q.z.number().optional()}));Q.z.object({midscene_location_field_flag:Q.z.literal(!0),prompt:Q.z.string(),center:Q.z.tuple([Q.z.number(),Q.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"]}),j("ai:inspect"),j("ai:section"),j("planning");var $=r(73656);let ee={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(ee).reduce((e,[t,r])=>{let o=t.toLowerCase();return o!==t&&(e[o]=r),e},{});let et="undefined"!=typeof window?/Mac|iPod|iPhone|iPad/.test(window.navigator.platform):"darwin"===$.platform;function er(e){return e.subType&&"Plan"!==e.subType?`${e.type} / ${e.subType||""}`:e.type}function eo(e){var t,r,o,n,i,a,s,l,c,d,u,y;let h;if("Planning"===e.type&&(h=null==e||null==(t=e.param)?void 0:t.userInstruction),"Insight"===e.type&&(h=(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:t.prompt.prompt:"";(h=e.thought||"","number"==typeof(null==e||null==(a=e.param)?void 0:a.timeMs))?h=`${null==e||null==(d=e.param)?void 0:d.timeMs}ms`:"string"==typeof(null==e||null==(s=e.param)?void 0:s.scrollType)?h=(y=null==e?void 0:e.param)?`${y.direction||"down"}, ${y.scrollType||"once"}, ${y.distance||"distance-not-set"}`:"":"string"==typeof(null==e||null==(l=e.param)?void 0:l.direction)&&(null==e?void 0:e.subType)==="AndroidPull"?h=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)&&(h=null==e||null==(u=e.param)?void 0:u.value),r&&(h=h?`${r} - ${h}`:r)}return void 0===h?"":"string"==typeof h?h:JSON.stringify(h,void 0,2)}ee.Enter.key,ee.Enter.key,et?ee.Meta.key:ee.Control.key,ee.Shift.key,ee.Alt.key,ee.Space.key,ee.PageDown.key,ee.PageDown.key,ee.PageUp.key,ee.PageUp.key,r(91488),j("ui-tars-planning"),j("ai:insight"),r(28977),r(57971),r(40021),r(81507),r(57861).Buffer,j("cache"),r(73656),j("tool:profile"),r(6207),r(73656),r(73656),j("device-task-executor"),j("agent");let en="http://localhost:5800",ei=async()=>{try{let e=await fetch(`${en}/status`);return 200===e.status}catch(e){return!1}},ea=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(`${en}/execute`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)})).json()},es=async e=>fetch(`${en}/config`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({aiConfig:e})}),el=async e=>{try{return(await fetch(`${en}/cancel/${e}`)).json()}catch(e){return console.error("Failed to cancel task:",e),{error:"Failed to cancel task"}}},ec=async e=>{try{let t=await fetch(`${en}/task-progress/${e}`);return await t.json()}catch(e){return console.error("Failed to poll task progress:",e),{tip:null}}},ed=e=>"aiAction"===e?"Action":"aiQuery"===e?"Query":"aiAssert"===e?"Assert":"aiTap"===e?"Tap":e,eu=e=>"aiQuery"===e?"What do you want to query?":"aiAssert"===e?"What do you want to assert?":"What do you want to do?",ey=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 ei()?r(!0):r(!1),await new Promise(e=>setTimeout(e,1e3))})()),()=>{t=!0}},[o,e]),t},eh="data:image/png;base64,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",ep="data:image/png;base64,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",em=(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 s=Math.min(e.top-r*n,r-r/t*i);return{left:Math.round(a),top:Math.round(s=Math.max(s,0)),width:Math.round(i)}},ef=(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}},eg=e=>{let t,r,o,n=e.modelName,i=e.modelDescription;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,modelName:n,modelDescription:i};let a=[];return e.executions.forEach(e=>{let o=ek(e,-1,t,r);o&&a.push(...o)}),{scripts:a.filter((e,t)=>t===a.length-1||"Done"!==e.title),width:t,height:r,sdkVersion:o,modelName:n,modelDescription:i}},ek=(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=em({left:0,top:0,width:r,height:o},r,o),s=(e,t,r)=>({type:"pointer",img:e,duration:0,title:t,subTitle:r}),l=[],c=a,d=!1,u=i.length,y="",h=!1;return i.forEach((e,t)=>{var i,p,m,f,g,k,C,A,E,v,N,x,w,I;if(!h){if(0===t&&(y=eo(e)),"Planning"===e.type)e.recorder&&e.recorder.length>0&&l.push({type:"img",img:null==(p=e.recorder)||null==(i=p[0])?void 0:i.screenshot,camera:0===t?a:void 0,duration:900,title:er(e),subTitle:eo(e)});else if("Insight"===e.type&&"Locate"===e.subType){let t=null==(m=e.output)?void 0:m.element,i=er(e),s=eo(e);(null==t?void 0:t.rect)&&(n={...em(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?W(u.tree).length:0;u.screenshotBase64&&l.push({type:"img",img:u.screenshotBase64,duration:300,title:i,subTitle:s}),t=c===a?void 0:n?ef(c,n):void 0,l.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:s}),l.push({type:"sleep",duration:300,title:i,subTitle:s}),d=!0}}else if("Action"===e.type&&"FalsyConditionStatement"!==e.subType){let r=er(e),o=eo(e);l.push(s(eh,r,o)),c=null!=n?n:a,l.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&&(l.push({type:"clear-insight",duration:200,title:r,subTitle:o}),d=!1);let i=900*(t<u-1);(null==(v=e.recorder)||null==(E=v[1])?void 0:E.screenshot)?(l.push({type:"spinning-pointer",duration:300,title:r,subTitle:o}),l.push(s(eh,r,o)),l.push({type:"img",img:null==(x=e.recorder)||null==(N=x[1])?void 0:N.screenshot,duration:i,title:r,subTitle:o})):l.push({type:"sleep",duration:i,title:r,subTitle:o})}else{let t=er(e),r=eo(e),o=null==(I=e.recorder)||null==(w=I[e.recorder.length-1])?void 0:w.screenshot;o&&l.push({type:"img",img:o,duration:900,camera:a,title:t,subTitle:r})}if("finished"!==e.status){h=!0;let t=er(e),r=e.errorMessage||"unknown error",o=r.indexOf("NOT_IMPLEMENTED_AS_DESIGNED")>0?"Further actions cannot be performed in the current environment":r;l.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}}}),h||l.push({title:"Done",subTitle:y,type:"img",duration:900,camera:a}),l},eC=["#01204E"];function eA(e){return"searchArea"===e?"#028391":"#fd5907"}let eE=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 ev=r(42968),eN=r(79055),ex=r(51946),ew=r(9815);function eI(e){let{showTooltipWhenEmpty:t=!0,showModelName:r=!0,tooltipPlacement:o="bottom",mode:i="icon"}=e,{config:a,configString:s,loadConfig:l,syncFromStorage:c}=z(),[d,u]=(0,H.useState)(!1),[y,h]=(0,H.useState)(s),p=a.MIDSCENE_MODEL_NAME,m=(0,H.useRef)(null),f=e=>{c(),u(!0),e.preventDefault(),e.stopPropagation()};return(0,H.useEffect)(()=>{d&&h(s)},[d,s]),(0,n.jsxs)("div",{style:{display:"flex",justifyContent:"flex-end",gap:"10px",alignItems:"center",height:"100%",minHeight:"32px"},ref:m,children:[r?p:null,(0,n.jsx)(eN.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)(ev.Z,{onClick:f}):(0,n.jsx)("span",{onClick:f,style:{color:"#006AFF",cursor:"pointer"},children:"set up"})}),(0,n.jsxs)(ex.Z,{title:"Model Env Config",open:d,onOk:()=>{u(!1),l(y)},onCancel:()=>{u(!1)},okText:"Save",style:{width:"800px",height:"100%",marginTop:"10%"},destroyOnClose:!0,maskClosable:!0,centered:!0,children:[(0,n.jsx)(ew.Z.TextArea,{rows:7,placeholder:"OPENAI_API_KEY=sk-...\nMIDSCENE_MODEL_NAME=gpt-4o-2024-08-06\n...",value:y,onChange:e=>h(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 eS=r(35725),ej=r(9004),eP=r(18780),eb=r(7173),eD=r(93080),eM=r(18142),eO={};eO.d=(e,t)=>{for(var r in t)eO.o(t,r)&&!eO.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},eO.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),eO.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var eT={};eO.r(eT),eO.d(eT,{create:()=>D.Ue});let{create:eK}=eT,eL="midscene-prompt-history",eR=()=>{let e=localStorage.getItem(eL);return e?JSON.parse(e):[]},eF=eK((e,t)=>({history:eR(),clearHistory:()=>{e({history:[]}),localStorage.removeItem(eL)},addHistory:r=>{let o=[r,...t().history.filter(e=>e.prompt!==r.prompt)];for(;o.length>10;)o.pop();e({history:o}),localStorage.setItem(eL,JSON.stringify(o))}}));var eU=r(91976),eZ=r(75091);let e_=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 eB=r(99598);let eG=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})},eV=(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"})]}),ez=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:eV;return(0,n.jsx)("div",{className:"server-tip",children:(0,n.jsx)(eB.Z,{message:"Playground Server Not Ready",description:e,type:"warning"})})},eH=(0,n.jsx)("div",{className:"result-empty-tip",style:{textAlign:"center"},children:(0,n.jsx)(eG,{disabled:!0,text:"The result will be shown here"})}),eY=e=>{let{showDeepThinkOption:t=!1,enableTracking:r=!1}=e,o=z(e=>e.forceSameTabNavigation),i=z(e=>e.setForceSameTabNavigation),a=z(e=>e.deepThink),s=z(e=>e.setDeepThink);if(!r&&!t)return null;let l=function(){let e=[];return r&&e.push({label:(0,n.jsx)(eZ.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)(eZ.Z,{onChange:e=>{s(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)(eU.Z,{menu:{items:l},trigger:["click"],children:(0,n.jsx)(e_,{width:24,height:24})})})};var eQ=r(16473);let eW=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"})}),eJ=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"})]}),eX=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:eq}=eQ.Z,e$=e=>{let{onSelect:t}=e,[r,o]=(0,H.useState)(!1),[i,a]=(0,H.useState)(""),s=eF(e=>e.history),l=eF(e=>e.clearHistory),c=(0,H.useMemo)(()=>{let e=Date.now(),t=e-6048e5,r=e-31536e6,o=s.filter(e=>e.prompt.toLowerCase().includes(i.toLowerCase()));return{recent7Days:o.filter(e=>e.timestamp>=t),recent1Year:o.filter(e=>e.timestamp<t&&e.timestamp>=r),older:o.filter(e=>e.timestamp<r)}},[s,i]),d=e=>{t(e),o(!1)},u=(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:()=>d(e),children:e.prompt},`${e.timestamp}-${t}`))]},e);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"selector-trigger",onClick:()=>o(!0),children:(0,n.jsx)(eJ,{width:24,height:24})}),(0,n.jsx)(ex.Z,{open:r,onCancel:()=>o(!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)(eq,{strong:!0,style:{fontSize:"16px"},children:["History (",s.length,")"]}),(0,n.jsx)(eP.ZP,{size:"small",type:"text",icon:(0,n.jsx)(eW,{width:16,height:16}),onClick:()=>o(!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)(ew.Z,{placeholder:"Search",value:i,onChange:e=>a(e.target.value),prefix:(0,n.jsx)(eX,{width:18,height:18}),className:"search-input",allowClear:!0}),(0,n.jsx)(eP.ZP,{type:"link",onClick:()=>{l(),a(""),o(!1)},className:"clear-button",disabled:0===s.length,children:"Clear"})]})}),(0,n.jsx)("div",{className:"history-content",children:0===s.length?(0,n.jsx)("div",{className:"no-results",children:(0,n.jsx)(eq,{type:"secondary",children:"No history record"})}):(0,n.jsxs)(n.Fragment,{children:[u("Last 7 days",c.recent7Days),u("Last 1 year",c.recent1Year),u("Earlier",c.older),i&&0===c.recent7Days.length&&0===c.recent1Year.length&&0===c.older.length&&(0,n.jsx)("div",{className:"no-results",children:(0,n.jsx)(eq,{type:"secondary",children:"No matching history record"})})]})})]})})]})},{TextArea:e0}=ew.Z,e1=e=>{let{runButtonEnabled:t,form:r,serviceMode:o,selectedType:i,dryMode:a,stoppable:s,loading:l,onRun:c,onStop:d,clearPromptAfterRun:u=!0}=e,[y,h]=(0,H.useState)(!1),[p,m]=(0,H.useState)(""),f=eu(i),g=(0,H.useRef)(null),k=eF(e=>e.history),C=eF(e=>e.addHistory),A=k[0];(0,H.useEffect)(()=>{A?(r.setFieldsValue({type:A.type||"aiAction",prompt:A.prompt||""}),m(A.prompt||"")):(r.setFieldsValue({type:"aiAction",prompt:""}),m(""))},[]);let E=(0,H.useCallback)(e=>{r.setFieldsValue({prompt:e.prompt,type:e.type}),m(e.prompt)},[r]),v=(0,H.useCallback)(e=>{let t=e.target.value;m(t),r.setFieldValue("prompt",t)},[r]),N=t&&p.trim().length>0,x=(0,H.useCallback)(()=>{let e=r.getFieldsValue();e.prompt&&C({type:e.type,prompt:e.prompt,timestamp:Date.now()}),c(),u&&(m(""),r.setFieldValue("prompt",""))},[r,C,c]),w=(0,H.useCallback)(e=>{"Enter"===e.key&&e.metaKey&&N?(x(),e.preventDefault(),e.stopPropagation()):"Enter"===e.key&&setTimeout(()=>{if(g.current){let e=g.current.resizableTextArea.textArea,t=e.selectionStart,r=e.value.lastIndexOf("\n");(-1===r||t>r)&&(e.scrollTop=e.scrollHeight)}},0)},[x,N]),I=(0,H.useCallback)(()=>{h(!0)},[]),S=(0,H.useCallback)(()=>{h(!1)},[]),j=(0,H.useCallback)(()=>{let e=e=>(0,n.jsx)(eP.ZP,{type:"primary",icon:(0,n.jsx)(eS.Z,{}),style:{borderRadius:20,zIndex:999},onClick:x,disabled:!N,loading:l,children:e});return a?"aiAction"===i?(0,n.jsx)(eN.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"):s?(0,n.jsx)(eP.ZP,{icon:(0,n.jsx)(ej.Z,{}),onClick:d,style:{borderRadius:20,zIndex:999},children:"Stop"}):e("Run")},[a,l,x,d,N,i,s]);return(0,n.jsxs)("div",{className:"prompt-input-wrapper",children:[(0,n.jsxs)(eb.Z,{className:"mode-radio-group-wrapper",children:[(0,n.jsx)(eD.Z.Item,{name:"type",style:{margin:0},children:(0,n.jsxs)(eM.ZP.Group,{buttonStyle:"solid",disabled:!t,className:"mode-radio-group",children:[(0,n.jsx)(eN.Z,{title:"Auto Planning: plan the steps and execute",children:(0,n.jsx)(eM.ZP.Button,{value:"aiAction",children:ed("aiAction")})}),(0,n.jsx)(eN.Z,{title:"Extract data directly from the UI",children:(0,n.jsx)(eM.ZP.Button,{value:"aiQuery",children:ed("aiQuery")})}),(0,n.jsx)(eN.Z,{title:"Understand the UI and determine if the assertion is true",children:(0,n.jsx)(eM.ZP.Button,{value:"aiAssert",children:ed("aiAssert")})}),(0,n.jsx)(eN.Z,{title:"Instant Action: click something",children:(0,n.jsx)(eM.ZP.Button,{value:"aiTap",children:ed("aiTap")})})]})}),(0,n.jsxs)("div",{className:"action-icons",children:[(0,n.jsx)(e$,{onSelect:E}),(0,n.jsx)("div",{className:y?"settings-wrapper settings-wrapper-hover":"settings-wrapper",onMouseEnter:I,onMouseLeave:S,children:(0,n.jsx)(eY,{enableTracking:"In-Browser-Extension"===o,showDeepThinkOption:"aiTap"===i})})]})]}),(0,n.jsxs)("div",{className:`main-side-console-input ${!t?"disabled":""} ${l?"loading":""}`,children:[(0,n.jsx)(eD.Z.Item,{name:"prompt",style:{margin:0},children:(0,n.jsx)(e0,{className:"main-side-console-input-textarea",disabled:!t,rows:4,placeholder:f,autoFocus:!0,onKeyDown:w,onChange:v,value:p,ref:g})}),(0,n.jsx)("div",{className:"form-controller-wrapper",children:j()})]})]})};var e2=r(16383),e6=r(92446);r(83264);var e3=r(15284),e4=r(11322),e8=r(50408),e5=r(94878),e7=r(47877);let e9=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"})}),te=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"})]}),tt=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 tr=r(8811);let to=(e,t,r)=>{let o,{left:n,top:i,width:a,height:s}=e;o="element"===r?eC[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)%eC.length]:"searchArea"===r?eA("searchArea"):eA("element");let l=new e3.TCu;if(l.beginFill(o,.4),l.lineStyle(1,o,1),l.drawRect(n,i,a,s),l.endFill(),l.filters=[new tr.pt({blur:2,quality:3,alpha:.4,offset:{x:4,y:4},color:3355443})],!t)return[l];let c=new e3.xvT(t,{fontSize:18,fill:0});return c.x=n,c.y=Math.max(i-22,0),[l,c]},tn=new Map,ti=async e=>{if(!tn.has(e))return e3.deM.load(e).then(t=>{tn.set(e,t)})},ta=e=>tn.get(e);function ts(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}let tl=(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},tc=e=>ty(e),td=e=>tl(e,0,.5,.5,1),tu=e=>ty(e),ty=e=>e,th=e=>new Promise(t=>setTimeout(t,e)),tp="frame cancel (this is an error on purpose)",tm=()=>{let e=!1;return{frame:t=>{if(e)throw Error(tp);requestAnimationFrame(()=>{if(e)throw Error(tp);t(performance.now())})},timeout:(t,r)=>{if(e)throw Error(tp);setTimeout(()=>{if(e)throw Error(tp);t()},r)},cancel:()=>{e=!0}}},tf=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 tg{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){ts(this,"canvas",void 0),ts(this,"mediaRecorder",null),ts(this,"chunks",void 0),ts(this,"recording",!1),this.canvas=e,this.chunks=[]}}function tk(e){var t;let r,[o,i]=(0,H.useState)(""),[a,s]=(0,H.useState)(""),{autoZoom:l,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,h=(null==e?void 0:e.imageWidth)||1920,p=(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 e3.MxU,[]),C=(0,H.useRef)(null),A=(0,H.useRef)(null),[E,v]=(0,H.useState)(0),N=()=>{v(Date.now())},x=(0,H.useMemo)(()=>new e3.W20,[]),w=(0,H.useMemo)(()=>{let e=new e3.W20;return e.zIndex=1,e},[]);(0,H.useEffect)(()=>{w.visible=d},[d,w]);let I={left:0,top:0,width:h,pointerLeft:Math.round(h/2),pointerTop:Math.round(p/2)},[S,j]=(0,H.useState)(-1),P=(0,H.useRef)(!1);(0,H.useEffect)(()=>(P.current=!1,()=>{P.current=!0}),[]);let b=(0,H.useRef)({...I}),D=async()=>{let e=f.current;if(!e)return void console.warn("no image to update");ta(e)||(console.warn("image not loaded",e),await ti(e));let t=ta(e);if(!t)throw Error("texture not found");let r=e3.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=h,r.height=p,x.addChild(r)},M=e=>{var t,r;let o;A.current||(A.current=e3.jyi.from(ep),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}},O=async(e,t,r)=>{var o,n;ta(e)||(console.warn("image not loaded",e),await ti(e));let i=ta(e);if(!i)throw Error("texture not found");let a=e3.jyi.from(i),s=null==(o=C.current)?void 0:o.x,l=null==(n=C.current)?void 0:n.y;if("number"==typeof t&&(s=t),"number"==typeof r&&(l=r),void 0===s||void 0===l)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=s,C.current.y=l,C.current.label="pointer",C.current.zIndex=2,x.addChild(C.current)},T=e=>{b.current=e;let t=l?Math.max(1,h/e.width):1;x.scale.set(t),x.x=l?Math.round(0-e.left*t):0,x.y=l?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))},K=async(e,t,r)=>{if(!l){let o={...b.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(s=>{let l=c=>{let d=c-a,u=tu(Math.min(d/t,1));T({...o,pointerLeft:n+(e.pointerLeft-n)*u,pointerTop:i+(e.pointerTop-i)*u}),d<t?r(l):s()};r(l)});return}let o={...b.current},n=o.left,i=o.top,a=o.pointerLeft,s=o.pointerTop,c=o.width/h,d=performance.now(),u="number"==typeof e.pointerLeft&&"number"==typeof e.pointerTop&&(e.pointerLeft!==a||e.pointerTop!==s),y=u?.375*t:0,m=t-y;await new Promise(o=>{let l=f=>{let g={...b.current},k=f-d;if(u)if(k<=y){let t=tu(Math.min(k/y,1));g.pointerLeft=a+(e.pointerLeft-a)*t,g.pointerTop=s+(e.pointerTop-s)*t}else g.pointerLeft=e.pointerLeft,g.pointerTop=e.pointerTop;if(k>y){let t=tc(Math.min((k-y)/m,1)),r=c+(e.width/h-c)*t,o=h*r,a=p*r;g.width=o;let s=n+(e.left-n)*t,l=i+(e.top-i)*t,d=s+o-h,u=l+a-p;g.left=d>0?s+d:s,g.top=u>0?l+u:l}T(g),k<t?r(l):o()};r(l)})},L=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=s=>{let l=s-i,c=Math.min(l/t,1);e.alpha=0===o?1-ty(c):ty(c),l<t?r(a):n()};r(a)})},R=async(e,t,r)=>L(e,t,r,0),U=async(e,t,r,o,n)=>{w.removeChildren();let i=[...e],a=i.length,s=0;await new Promise(e=>{let l=performance.now(),c=d=>{let u=d-l,y=Math.floor(td(Math.min(u/o,1))*a);for(;s<y;){let e=Math.floor(Math.random()*i.length),t=i.splice(e,1)[0];if(t){let[e]=to(t.rect,t.content,"element");e.alpha=0,w.addChild(e),s++,L(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]=to(t.rect,t.content,"element");r.alpha=1,w.addChild(r)}if(r){let[e]=to(r,"Search Area","searchArea");e.alpha=1,w.addChild(e)}t.map(e=>{let[t]=to(e.rect,e.content||"","highlight");t.alpha=1,w.addChild(t)}),e()}};n(c)})},Z=async()=>{g.current&&y&&(await k.init({width:h,height:p,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)))},[_,B]=(0,H.useState)(!1),G=(0,H.useRef)(null),V=()=>{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}=tm();e=r;let n=y.filter(e=>!!e.img).map(e=>e.img);await Promise.all([...n,ep,eh].map(ti)),w.removeChildren(),await O(eh,h/2,p/2),await D(),await T({...I});let a=y.reduce((e,t)=>e+t.duration+(t.camera&&t.insightCameraDuration?t.insightCameraDuration:0),0),l=performance.now();j(0);let c=()=>{let e=Math.min((performance.now()-l)/a,1);if(j(e),e<1)return o(c,200)};for(let e in t(c),G.current&&G.current.start(),y){let r=y[e];if(i(r.title||""),s(r.subTitle||""),"sleep"===r.type)await th(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)?W(r.context.tree):[],o=r.highlightElement?[r.highlightElement]:[];if(await U(e,o,r.searchArea,r.duration,t),r.camera){if(!r.insightCameraDuration)throw Error("insightCameraDuration is required");await K(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 K(r.camera,r.duration,t):await th(r.duration);else if("pointer"===r.type){if(!r.img)throw Error("pointer img is required");await O(r.img)}else if("spinning-pointer"===r.type){let e=M(t);await th(r.duration),e()}}G.current&&(G.current.stop(),G.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&&h&&p){let e=h/p;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)}}),[h,p,m]),(0,H.useEffect)(()=>{if(E)return V()},[E]);let[z,Y]=(0,H.useState)(!1),[Q,J]=(0,H.useState)(!1),X=Math.round(100*S),q=1===S;(0,H.useEffect)(()=>{if(q){let e=e=>{" "===e.key&&N()};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}},[q]);let $=()=>{};return S<1?r=(0,n.jsx)(e6.Z,{indicator:(0,n.jsx)(e2.Z,{spin:!0,color:"#333"}),size:"default"}):z?(r=(0,n.jsx)(e6.Z,{indicator:(0,n.jsx)(e4.Z,{color:"#333"}),size:"default"}),$=()=>N()):r=(0,n.jsx)(e6.Z,{indicator:(0,n.jsx)(e4.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===S?"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)(eN.Z,{title:a,children:(0,n.jsx)("div",{className:"subtitle",children:a})})]}),_?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)(eN.Z,{title:"Download Report",children:(0,n.jsx)("div",{className:"status-icon",onMouseEnter:()=>Y(!0),onMouseLeave:()=>Y(!1),onClick:()=>tf(e.reportFileContent),children:(0,n.jsx)(e8.Z,{color:"#333"})})}):null,(0,n.jsx)(eN.Z,{title:_?"Generating...":"Export Video",children:(0,n.jsx)("div",{className:"status-icon",onClick:_?void 0:()=>G.current?void console.warn("recorderSession exists"):k.canvas?void(G.current=new tg(k.canvas),B(!0),N()):void console.warn("canvas is not initialized"),style:{opacity:_?.5:1,cursor:_?"not-allowed":"pointer"},children:_?(0,n.jsx)(e6.Z,{size:"default",percent:X}):(0,n.jsx)(e5.Z,{})})}),(0,n.jsx)(eU.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)(e9,{style:{width:"16px",height:"16px"}}),(0,n.jsx)("span",{style:{fontSize:"12px",marginRight:"16px"},children:"Focus on Cursor"})]}),(0,n.jsx)(e7.Z,{size:"small",checked:l,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)(tt,{style:{width:"16px",height:"16px"}}),(0,n.jsx)("span",{style:{fontSize:"12px",marginRight:"16px"},children:"Show Element Markers"})]}),(0,n.jsx)(e7.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:Q?1:.7,transition:"opacity 0.2s"},children:(0,n.jsx)(te,{style:{width:"16px",height:"16px"}})})})]})})})]})}let tC=e=>{let{result:t,loading:r,serverValid:o,serviceMode:i,replayScriptsInfo:a,replayCounter:s,loadingProgressText:l,verticalMode:c=!1,notReadyMessage:d,fitMode:u,autoZoom:y}=e,h="result-wrapper";c&&(h+=" vertical-mode-result"),a&&c&&(h+=" result-wrapper-compact");let p=eH;return o||"Server"!==i?r?p=(0,n.jsxs)("div",{className:"loading-container",children:[(0,n.jsx)(e6.Z,{spinning:r,indicator:(0,n.jsx)(e2.Z,{spin:!0})}),(0,n.jsx)("div",{className:"loading-progress-text loading-progress-text-progress",children:(0,n.jsx)(eG,{text:l,speed:3})})]}):a?p=(0,n.jsx)(tk,{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},s):(null==t?void 0:t.error)?p=(0,n.jsx)("pre",{children:null==t?void 0:t.error}):(null==t?void 0:t.result)!==void 0&&(p="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)})):p=ez(d),(0,n.jsx)("div",{className:h,style:{height:"100%",display:"flex",flexDirection:"column",flex:"1 1 auto"},children:p})};var tA=r(60247),tE=r(1754),tv=r(16327),tN=r(93636),tx=r(4465),tw=r(90419),tI=r(43876),tS=r(64838);let tj=e=>(0,n.jsx)("span",{className:"status-dot",style:{color:e},children:"●"}),tP=e=>{var t,r,o;let{devices:i,loadingDevices:a,selectedDeviceId:s,onDeviceSelect:l,socketRef:c,scrcpyPlayerRef:d}=e,[u,y]=(0,H.useState)(!1),h=(0,H.useRef)(null),[p,m]=tE.ZP.useMessage(),f=ey(!0),g=(0,H.useCallback)(e=>{e!==h.current&&c.current&&c.current.connected&&(y(!1),l(e),h.current=e)},[l,c]),k=(0,H.useCallback)(()=>{d.current&&(d.current.disconnectDevice(),p.info("Device disconnected"))},[d,p]),C=!!s&&(null==(t=i.find(e=>e.id===s))?void 0:t.status.toLowerCase())!=="device";return(0,H.useEffect)(()=>{C&&s&&k()},[C,s,k,p]),(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)(eU.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()&&s===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)(tI.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:[tj("#52c41a"),(0,n.jsx)("span",{className:"status-text",children:"Online"})]}):(0,n.jsxs)(n.Fragment,{children:[tj("#f5222d"),(0,n.jsx)("span",{className:"status-text",children:"Offline"})]})}),(0,n.jsx)(tS.Z,{type:"vertical",className:"status-divider"}),(0,n.jsxs)("div",{className:"device-id-container",children:["Device ID: ",e.id]})]})]}),"device"===e.status.toLowerCase()&&s===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)(eP.ZP,{className:"device-dropdown-button",children:[(0,n.jsxs)("div",{className:"device-icon-container",children:[(0,n.jsx)(tI.Z,{className:"device-icon"}),s&&f&&(0,n.jsx)("div",{className:"status-indicator",children:(null==(r=i.find(e=>e.id===s))?void 0:r.status.toLowerCase())==="device"?(0,n.jsx)(n.Fragment,{children:tj("#52c41a")}):(0,n.jsx)(n.Fragment,{children:tj("#f5222d")})})]}),s&&!C&&f?(0,n.jsx)("span",{className:"device-name",children:(null==(o=i.find(e=>e.id===s))?void 0:o.name)||s}):(0,n.jsx)("span",{className:"device-name no-device",children:"No device"}),(0,n.jsx)("span",{className:"dropdown-arrow",children:"▼"})]})})]})]})};var tb=r(7379),tD=r(92882),tM=r(81138),tO=r(32686),tT=r(72688),tK=r(44600);let tL=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"})}),tR=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"})})})]}),tF=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:tU}=eQ.Z,tZ=(0,H.forwardRef)((e,t)=>{let{serverUrl:r,maxSize:o=1024,autoConnect:i=!0,autoReconnect:a=!0,reconnectInterval:s=5e3,onConnectionStatusChange:l}=e,[c,d]=(0,H.useState)(!1),[u,y]=(0,H.useState)(!1),[h,p]=(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),E=(0,H.useRef)(null),v=(0,H.useRef)(null),N=ey(!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||!h)return;let e=k.current,t=C.current,r=e.clientWidth,o=e.clientHeight,{width:n,height:i}=h,a=o-40,s=n/i,l=r,c=r/s;c>a&&(c=a,l=a*s),t.width=n,t.height=i,t.style.width=`${l}px`,t.style.height=`${c}px`,t.style.marginTop="20px",t.style.marginBottom="20px"},[h]);(0,H.useEffect)(()=>{let e=()=>{w()};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[w]),(0,H.useEffect)(()=>{w()},[h,w]);let I=async()=>{if(tO.P.isSupported){let e=new tO.P;return{renderer:e,element:e.canvas}}let e=new tT.I;return{renderer:e,element:e.canvas}},S=async e=>{if(!tM.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 I();if(C.current=r,k.current){let e=k.current.querySelector(".canvas-wrapper");e&&(x(e),e.appendChild(C.current))}return new tM.h({codec:e,renderer:t})},j=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)},P=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")}},b=(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),E.current&&(clearTimeout(E.current),E.current=null),v.current&&(clearTimeout(v.current),v.current=null),y(!1),d(!1),p(null)},[x]);(0,H.useImperativeHandle)(t,()=>({disconnectDevice:b}),[b]);let D=(0,H.useCallback)(async()=>{try{if(b(),y(!1),d(!0),p(null),await new Promise(e=>setTimeout(e,150)),!r){console.error("Cannot connect: missing server URL"),d(!1),null==l||l(!1);return}let e=()=>{v.current&&(clearTimeout(v.current),v.current=null),v.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==l||l(!1),tE.ZP.error("connection request failed, please refresh the page")}else{null==l||l(!1);try{g.current&&setTimeout(()=>{g.current&&g.current.connect()},500)}catch(e){console.error("Failed to reconnect:",e),tE.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==l||l(!0),(null==(t=g.current)?void 0:t.id)&&f(g.current.id),E.current&&(clearTimeout(E.current),E.current=null),null==(r=g.current)||r.emit("connect-device",{maxSize:o}),e()}),g.current.on("video-metadata",async e=>{try{if(v.current&&(clearTimeout(v.current),v.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:tD.W.H264;if(A.current=await S(t),!A.current)throw Error("Failed to create decoder");A.current.sizeChanged(e=>{let{width:t,height:r}=e;p({width:t,height:r})}),j(e).pipeTo(A.current.writable).catch(e=>{console.error("video stream processing error:",e),null==l||l(!1)}),y(!0),d(!1),null==l||l(!0)}catch(e){console.error("Failed to initialize decoder:",e),d(!1),null==l||l(!1)}}),g.current.on("error",e=>{console.error("server error:",e),tE.ZP.error("server error"),d(!1),null==l||l(!1),v.current&&(clearTimeout(v.current),v.current=null)}),g.current.on("disconnect",()=>{y(!1),null==l||l(!1),v.current&&(clearTimeout(v.current),v.current=null),A.current&&(A.current.dispose(),A.current=null),k.current&&x(k.current.querySelector(".canvas-wrapper")),a&&!E.current&&(E.current=setTimeout(()=>{E.current=null,D()},s))})}catch(e){console.error("Failed to create socket connection:",e),d(!1),null==l||l(!1),a&&!E.current&&(E.current=setTimeout(()=>{E.current=null,D()},s))}}catch(e){d(!1),null==l||l(!1),console.error(`Failed to connect: ${e.message}`),tE.ZP.error("connection failed"),a&&!E.current&&(E.current=setTimeout(()=>{E.current=null,D()},s))}},[r,o,a,s,l,b]);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==l||l(!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),E.current&&(clearTimeout(E.current),E.current=null),v.current&&(clearTimeout(v.current),v.current=null)},[l]),(0,n.jsx)("div",{className:"scrcpy-container",children:(0,n.jsxs)(tK.Z,{children:[u&&(0,n.jsxs)("div",{className:"header-bar",children:[(0,n.jsxs)("div",{className:"header-left",children:[(0,n.jsx)(tU,{style:{fontWeight:600,fontSize:12},children:"Screen Projection"}),(0,n.jsx)(eN.Z,{placement:"bottom",title:`Device ID: ${m||"Unknown"}`,children:(0,n.jsx)(tb.Z,{})})]}),(0,n.jsx)("div",{className:"screen-info",children:(0,n.jsxs)(tU,{type:"secondary",children:["size : ",null==h?void 0:h.width,"\xd7",null==h?void 0:h.height]})}),(0,n.jsxs)("div",{className:"header-right",children:[(0,n.jsx)(eN.Z,{placement:"bottom",title:"Screenshot",children:(0,n.jsx)(eP.ZP,{icon:(0,n.jsx)(tR,{}),onClick:P})}),(0,n.jsx)(tS.Z,{type:"vertical",style:{margin:"0 16px"}}),(0,n.jsx)(eN.Z,{placement:"bottom",title:"Connect Device",children:(0,n.jsx)(eP.ZP,{disabled:u,style:{backgroundColor:"#fff"},icon:(0,n.jsx)(tL,{}),onClick:D})}),u&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(tS.Z,{type:"vertical",style:{margin:"0 16px"}}),(0,n.jsx)(eN.Z,{title:"Disconnect Device",children:(0,n.jsx)(eP.ZP,{icon:(0,n.jsx)(tF,{}),onClick:b})})]})]})]}),(0,n.jsx)(tN.Z,{gutter:[16,16],children:(0,n.jsx)(tx.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)(eP.ZP,{type:"primary",onClick:()=>{D()},children:"Connect now"}),c&&(0,n.jsx)("div",{className:"loading-spinner",children:(0,n.jsx)(e6.Z,{size:"large"})})]}),!N&&(0,n.jsx)("span",{children:"Please launch playground server!"})]})})})})]})})}),{Content:t_}=tA.Z,tB="http://localhost:5700",tG=document.getElementById("root");tG&&i.createRoot(tG).render((0,n.jsx)(function(){let[e]=eD.Z.useForm(),t=eD.Z.useWatch("type",e),[r,o]=(0,H.useState)(!1),[i,a]=(0,H.useState)(null),[s,l]=(0,H.useState)(!1),[c,d]=(0,H.useState)([]),[u,y]=(0,H.useState)(!0),h=(0,H.useRef)(null),[p,m]=tE.ZP.useMessage(),[f,g]=(0,H.useState)(!1),[k,C]=(0,H.useState)({result:void 0,dump:null,reportHTML:null,error:null}),[A,E]=(0,H.useState)(0),[v,N]=(0,H.useState)(null),{config:x,deepThink:w}=z(),[I,S]=(0,H.useState)(""),j=(0,H.useRef)(null),P=(0,H.useRef)(null),D=Object.keys(x||{}).length>=1,M=ey(!0),O=(0,H.useRef)(null),T=(0,H.useRef)(null),K=(0,H.useCallback)(()=>{P.current&&(clearInterval(P.current),P.current=null)},[]);(0,H.useEffect)(()=>{let e=(0,tw.io)(tB,{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&&L(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),p.error("Waiting for device server connection, please try again later"),y(!1)}),e.on("error",e=>{console.error("Socket.IO error:",e),p.error(`Error occurred while communicating with the server: ${e.message||"Unknown error"}`)}),O.current=e;let t=setTimeout(()=>{e.connected&&e.emit("get-devices")},2e3);return()=>{clearTimeout(t),e.disconnect()}},[p]);let L=(0,H.useCallback)(function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(e!==h.current){if(!O.current||!O.current.connected)return void p.warning("Waiting for device server connection, please try again later");l(!1),g(!1),C(null),N(null),o(!1),K(),setTimeout(()=>{if(a(e),h.current=e,y(!0),O.current){O.current.emit("switch-device",e);let r=setTimeout(()=>{y(!1),p.error("Device switch timeout, please try again")},1e4);O.current.once("device-switched",()=>{clearTimeout(r),y(!1),setTimeout(()=>{l(!0),t||p.success(`Device selected: ${e}`)},500)}),O.current.once("error",e=>{clearTimeout(r),y(!1),p.error(`Device switch failed: ${e.message}`)})}else y(!1),p.error("Socket connection lost, please refresh the page")},500)}},[p,K]),R=(0,H.useCallback)(e=>{K(),P.current=setInterval(async()=>{try{let t=await ec(e);t.tip&&S(t.tip)}catch(e){console.error("Failed to poll task progress:",e)}},500)},[K]);(0,H.useEffect)(()=>()=>{K()},[K]);let F=(0,H.useCallback)(e=>{g(e),e&&i&&!s&&setTimeout(()=>{l(!0)},100)},[i]);(0,H.useEffect)(()=>{if(s){let e=setTimeout(()=>{i===h.current&&l(!1)},800);return()=>clearTimeout(e)}},[s,i]),(0,H.useEffect)(()=>{b(x),es(x)},[x]);let U=(0,H.useCallback)(async()=>{if(!i)return void p.warning("Please select a device first");if(!f)return void p.warning("Waiting for connection establishment, please try again later");o(!0),C(null),N(null),S("");let{type:t,prompt:r}=e.getFieldsValue(),n=Date.now().toString();j.current=n,R(n);try{let e=await ea(i,t,r,{requestId:n,deepThink:w});if(K(),C(e),o(!1),!e)throw Error("server returned empty response");if((null==e?void 0:e.dump)&&!["aiQuery","aiAssert"].includes(t)){let t=eg(e.dump);N(t),E(e=>e+1)}else N(null);p.success("Command executed")}catch(e){K(),o(!1),console.error("execute command error:",e),p.error(`Command execution failed: ${e instanceof Error?e.message:"Unknown error"}`)}},[i,p,f,e,R,K,w]),Z=()=>{C(null),N(null),o(!1)},_=(0,H.useCallback)(async()=>{K(),o(!1),Z(),j.current&&await el(j.current),p.info("Operation stopped")},[p,K]);return(0,n.jsxs)(tv.ZP,{theme:{token:{colorPrimary:"#2B83FF"},components:{Layout:{headerHeight:60,headerPadding:"0 30px",headerBg:"#FFF",bodyBg:"#FFF"}}},children:[m,(0,n.jsx)(tA.Z,{className:"app-container playground-container vertical-mode",children:(0,n.jsx)(t_,{className:"app-content",children:(0,n.jsx)("div",{className:"app-grid-layout",children:(0,n.jsxs)(tN.Z,{className:"app-grid-layout",children:[(0,n.jsx)(tx.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)(eE,{}),(0,n.jsx)(eI,{})]}),(0,n.jsx)("h2",{children:"Command input"}),(0,n.jsx)(eD.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)(e1,{runButtonEnabled:!!i&&D,form:e,serviceMode:"Server",selectedType:t,dryMode:!1,stoppable:r,loading:r,onRun:U,onStop:_})}),(0,n.jsx)("div",{className:"result-container",style:k?{}:{border:"1px solid #0000001f",borderRadius:"8px"},children:(0,n.jsx)(tC,{result:k,loading:r,serverValid:M,serviceMode:"Server",replayScriptsInfo:v,replayCounter:A,loadingProgressText:I,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)(tx.Z,{className:"app-panel right-panel",children:(0,n.jsxs)("div",{className:"panel-content right-panel-content",children:[(0,n.jsx)(tP,{devices:c,loadingDevices:u,selectedDeviceId:i,onDeviceSelect:L,socketRef:O,scrcpyPlayerRef:T}),(0,n.jsx)(tZ,{ref:T,serverUrl:tB,autoConnect:s,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(){},15787:function(){},5460:function(){},18113:function(){},5174:function(){},57971:function(){},6207: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 s=2&n&&o;"object"==typeof s&&!~e.indexOf(s);s=t(s))Object.getOwnPropertyNames(s).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:"06d1055a",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=()=>"810ae1c492835309",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 s,l,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){s=u;break}}s||(l=!0,(s=document.createElement("script")).charset="utf-8",s.timeout=120,r.nc&&s.setAttribute("nonce",r.nc),s.setAttribute("data-webpack",t+i),s.src=o),e[o]=[n];var y=function(t,r){s.onerror=s.onload=null,clearTimeout(h);var n=e[o];if(delete e[o],s.parentNode&&s.parentNode.removeChild(s),n&&n.forEach(function(e){return e(r)}),t)return t(r)},h=setTimeout(y.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=y.bind(null,s.onerror),s.onload=y.bind(null,s.onload),l&&document.head.appendChild(s)}})(),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 s=1/0,a=0;a<e.length;a++){for(var[o,n,i]=e[a],l=!0,c=0;c<o.length;c++)(!1&i||s>=i)&&Object.keys(r.O).every(e=>r.O[e](o[c]))?o.splice(c--,1):(l=!1,i<s&&(s=i));if(l){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),s=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;s.message="Loading chunk "+t+" failed.\n("+i+": "+a+")",s.name="ChunkLoadError",s.type=i,s.request=a,n[1](s)}},"chunk-"+t,t)}},r.O.j=t=>0===e[t];var t=(t,o)=>{var n,i,[a,s,l]=o,c=0;if(a.some(t=>0!==e[t])){for(n in s)r.o(s,n)&&(r.m[n]=s[n]);if(l)var d=l(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","806"],function(){return r(9183)});o=r.O(o)})();
|
|
15
|
+
//# sourceMappingURL=index.cd764a6f.js.map
|