@midscene/android-playground 0.27.4-beta-20250826022234.0 → 0.27.4-beta-20250826080237.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.de906bb0.js +15 -0
  4. package/static/static/js/index.de906bb0.js.map +1 -0
  5. package/static/static/js/index.45fdd78f.js +0 -15
  6. package/static/static/js/index.45fdd78f.js.map +0 -1
  7. /package/static/static/js/{index.45fdd78f.js.LICENSE.txt → index.de906bb0.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.4-beta-20250826022234.0",
3
+ "version": "0.27.4-beta-20250826080237.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.4-beta-20250826022234.0",
29
- "@midscene/web": "0.27.4-beta-20250826022234.0",
30
- "@midscene/shared": "0.27.4-beta-20250826022234.0"
28
+ "@midscene/android": "0.27.4-beta-20250826080237.0",
29
+ "@midscene/shared": "0.27.4-beta-20250826080237.0",
30
+ "@midscene/web": "0.27.4-beta-20250826080237.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/763.40f17c2d.js"></script><script defer src="/static/js/index.45fdd78f.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/763.40f17c2d.js"></script><script defer src="/static/js/index.de906bb0.js"></script><link href="/static/css/index.75e0981d.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
package/static/static/js/index.de906bb0.js ADDED
@@ -0,0 +1,15 @@
1
+ /*! For license information please see index.de906bb0.js.LICENSE.txt */
2
+ (()=>{"use strict";var e={93804:function(e,t,r){var o,i=r(31549),n=r(8082),a=r(18113),l=r(77410),s=r(80911),d=r(81232),c=r(72715);let u="MIDSCENE_OPENAI_INIT_CONFIG_JSON",y="MIDSCENE_MODEL_NAME",p="MIDSCENE_DEBUG_AI_PROFILE",h="MIDSCENE_DEBUG_AI_RESPONSE",m="MIDSCENE_OPENAI_SOCKS_PROXY",f="MIDSCENE_OPENAI_HTTP_PROXY",g="OPENAI_API_KEY",k="OPENAI_BASE_URL",C="MIDSCENE_USE_VLM_UI_TARS",A="MIDSCENE_USE_QWEN_VL",v="MIDSCENE_USE_DOUBAO_VISION",E="MIDSCENE_USE_GEMINI",N="MATCH_BY_POSITION",x="MIDSCENE_USE_AZURE_OPENAI",w="MIDSCENE_AZURE_OPENAI_SCOPE",b="MIDSCENE_AZURE_OPENAI_INIT_CONFIG_JSON",S="AZURE_OPENAI_ENDPOINT",I="AZURE_OPENAI_KEY",O="AZURE_OPENAI_API_VERSION",j="AZURE_OPENAI_DEPLOYMENT",D="MIDSCENE_USE_ANTHROPIC_SDK",P="ANTHROPIC_API_KEY",M="MIDSCENE_RUN_DIR",T="MIDSCENE_OPENAI_BASE_URL",L="MIDSCENE_OPENAI_API_KEY",K="MIDSCENE_OPENAI_USE_AZURE",R="MIDSCENE_AZURE_OPENAI_KEY",U="MIDSCENE_AZURE_OPENAI_ENDPOINT",z="MIDSCENE_AZURE_OPENAI_API_VERSION",_="MIDSCENE_AZURE_OPENAI_DEPLOYMENT",F="MIDSCENE_VL_MODE",B="MIDSCENE_VQA_MODEL_NAME",Z="MIDSCENE_VQA_OPENAI_SOCKS_PROXY",V="MIDSCENE_VQA_OPENAI_HTTP_PROXY",G="MIDSCENE_VQA_OPENAI_BASE_URL",H="MIDSCENE_VQA_OPENAI_API_KEY",Y="MIDSCENE_VQA_OPENAI_INIT_CONFIG_JSON",W="MIDSCENE_VQA_OPENAI_USE_AZURE",Q="MIDSCENE_VQA_USE_AZURE_OPENAI",J="MIDSCENE_VQA_AZURE_OPENAI_SCOPE",X="MIDSCENE_VQA_AZURE_OPENAI_KEY",q="MIDSCENE_VQA_AZURE_OPENAI_ENDPOINT",$="MIDSCENE_VQA_AZURE_OPENAI_API_VERSION",ee="MIDSCENE_VQA_AZURE_OPENAI_DEPLOYMENT",et="MIDSCENE_VQA_AZURE_OPENAI_INIT_CONFIG_JSON",er="MIDSCENE_VQA_USE_ANTHROPIC_SDK",eo="MIDSCENE_VQA_ANTHROPIC_API_KEY",ei="MIDSCENE_VQA_VL_MODE",en="MIDSCENE_PLANNING_MODEL_NAME",ea="MIDSCENE_PLANNING_OPENAI_SOCKS_PROXY",el="MIDSCENE_PLANNING_OPENAI_HTTP_PROXY",es="MIDSCENE_PLANNING_OPENAI_BASE_URL",ed="MIDSCENE_PLANNING_OPENAI_API_KEY",ec="MIDSCENE_PLANNING_OPENAI_INIT_CONFIG_JSON",eu="MIDSCENE_PLANNING_OPENAI_USE_AZURE",ey="MIDSCENE_PLANNING_USE_AZURE_OPENAI",ep="MIDSCENE_PLANNING_AZURE_OPENAI_SCOPE",eh="MIDSCENE_PLANNING_AZURE_OPENAI_KEY",em="MIDSCENE_PLANNING_AZURE_OPENAI_ENDPOINT",ef="MIDSCENE_PLANNING_AZURE_OPENAI_API_VERSION",eg="MIDSCENE_PLANNING_AZURE_OPENAI_DEPLOYMENT",ek="MIDSCENE_PLANNING_AZURE_OPENAI_INIT_CONFIG_JSON",eC="MIDSCENE_PLANNING_USE_ANTHROPIC_SDK",eA="MIDSCENE_PLANNING_ANTHROPIC_API_KEY",ev="MIDSCENE_PLANNING_VL_MODE",eE="MIDSCENE_GROUNDING_MODEL_NAME",eN="MIDSCENE_GROUNDING_OPENAI_SOCKS_PROXY",ex="MIDSCENE_GROUNDING_OPENAI_HTTP_PROXY",ew="MIDSCENE_GROUNDING_OPENAI_BASE_URL",eb="MIDSCENE_GROUNDING_OPENAI_API_KEY",eS="MIDSCENE_GROUNDING_OPENAI_INIT_CONFIG_JSON",eI="MIDSCENE_GROUNDING_OPENAI_USE_AZURE",eO="MIDSCENE_GROUNDING_USE_AZURE_OPENAI",ej="MIDSCENE_GROUNDING_AZURE_OPENAI_SCOPE",eD="MIDSCENE_GROUNDING_AZURE_OPENAI_KEY",eP="MIDSCENE_GROUNDING_AZURE_OPENAI_ENDPOINT",eM="MIDSCENE_GROUNDING_AZURE_OPENAI_API_VERSION",eT="MIDSCENE_GROUNDING_AZURE_OPENAI_DEPLOYMENT",eL="MIDSCENE_GROUNDING_AZURE_OPENAI_INIT_CONFIG_JSON",eK="MIDSCENE_GROUNDING_USE_ANTHROPIC_SDK",eR="MIDSCENE_GROUNDING_ANTHROPIC_API_KEY",eU="MIDSCENE_GROUNDING_VL_MODE",ez="OPENAI_USE_AZURE",e_=["MIDSCENE_DEBUG_MODE",p,h,M],eF=["MIDSCENE_CACHE","MIDSCENE_LANGSMITH_DEBUG","MIDSCENE_FORCE_DEEP_THINK","MIDSCENE_MCP_USE_PUPPETEER_MODE","MIDSCENE_MCP_ANDROID_MODE"],eB=["MIDSCENE_CACHE_MAX_FILENAME_LENGTH","MIDSCENE_REPLANNING_CYCLE_LIMIT"],eZ=["OPENAI_MAX_TOKENS","MIDSCENE_ADB_PATH","MIDSCENE_ADB_REMOTE_HOST","MIDSCENE_ADB_REMOTE_PORT","MIDSCENE_ANDROID_IME_STRATEGY","MIDSCENE_REPORT_TAG_NAME","MIDSCENE_PREFERRED_LANGUAGE",N,"MIDSCENE_MCP_CHROME_PATH","DOCKER_CONTAINER"],eV=[...eF,...eB,...eZ],eG=[y,u,L,T,K,m,f,x,w,b,D,C,A,v,E,"MIDSCENE_USE_VL_MODEL",P,U,R,z,_,F,g,k,ez,P,S,I,O,j,B,Z,V,G,H,Y,W,Q,J,X,q,$,ee,et,er,eo,ei,en,ea,el,es,ed,ec,eu,ey,ep,eh,em,ef,eg,ek,eC,eA,ev,eE,eN,ex,ew,eb,eS,eI,eO,ej,eD,eP,eM,eT,eL,eK,eR,eU],eH=["MIDSCENE_DANGEROUSLY_PRINT_ALL_CONFIG",...e_,...eV,...eG];var eY=r(73656);let eW=e=>{if(!e_.includes(e))throw Error(`getBasicEnvValue with key ${e} is not supported.`);return eY.env[e]};r(93114);var eQ=r(73656);let eJ=void 0!==eQ&&(null==(o=eQ.versions)?void 0:o.node);function eX(e,t){if(!e)throw Error(t||"Assertion failed")}var eq=r(73656);let e$="midscene_run",e0=()=>eJ?eW(M)||e$:"",e1=()=>{if(!eJ)return"";let e=l.resolve(eq.cwd(),e0());if(!(0,a.existsSync)(e))try{(0,a.mkdirSync)(e,{recursive:!0})}catch(t){e=l.join((0,c.tmpdir)(),e$),(0,a.mkdirSync)(e,{recursive:!0})}return e},e2=e=>{if(!eJ)return"";let t=e1(),r=l.join(t,e);return(0,a.existsSync)(r)||(0,a.mkdirSync)(r,{recursive:!0}),r},e6="midscene",e3=new Map,e4=new Map;function e8(e){let t=`${e6}:${e}`;if(!e4.has(t)){let r=d(t);e4.set(t,(...t)=>{eJ&&function(e,t){if(!eJ)return;let r=function(e){let t=e.replace(/:/g,"-");if(!e3.has(t)){let e=l.join(e2("log"),`${t}.log`),r=a.createWriteStream(e,{flags:"a"});e3.set(t,r)}return e3.get(t)}(e),o=new Date,i=o.toLocaleDateString("sv-SE"),n=o.toLocaleTimeString("sv-SE"),s=o.getMilliseconds().toString().padStart(3,"0"),d=o.getTimezoneOffset(),c=Math.floor(Math.abs(d)/60).toString().padStart(2,"0"),u=(Math.abs(d)%60).toString().padStart(2,"0"),y=`${d<=0?"+":"-"}${c}:${u}`,p=`${i}T${n}.${s}${y}`;r.write(`[${p}] ${t}
3
+ `)}(e,s.format(...t)),r(...t)})}return e4.get(t)}let e5=()=>{var e;let t=eW(p),r="";t&&(console.warn("MIDSCENE_DEBUG_AI_PROFILE is deprecated, use DEBUG=midscene:ai:profile instead"),r="ai:profile"),eW(h)&&(console.warn("MIDSCENE_DEBUG_AI_RESPONSE is deprecated, use DEBUG=midscene:ai:response instead"),r=r?"ai:*":"ai:call"),r&&(e=r,eJ||d.enable(`${e6}:${e}`))},e7={modelName:y,socksProxy:m,httpProxy:f,openaiBaseURL:T,openaiApiKey:L,openaiExtraConfig:u,openaiUseAzureDeprecated:K,useAzureOpenai:x,azureOpenaiScope:w,azureOpenaiKey:R,azureOpenaiEndpoint:U,azureOpenaiApiVersion:z,azureOpenaiDeployment:_,azureExtraConfig:b,useAnthropicSdk:D,anthropicApiKey:"MIDSCENE_ANTHROPIC_API_KEY",vlMode:F},e9={modelName:y,socksProxy:m,httpProxy:f,openaiBaseURL:k,openaiApiKey:g,openaiExtraConfig:u,openaiUseAzureDeprecated:ez,useAzureOpenai:x,azureOpenaiScope:w,azureOpenaiKey:I,azureOpenaiEndpoint:S,azureOpenaiApiVersion:O,azureOpenaiDeployment:j,azureExtraConfig:b,useAnthropicSdk:D,anthropicApiKey:P,vlMode:"DEFAULT_MODEL_CONFIG_KEYS has no vlMode key"},te=(e,t="*")=>{if("string"!=typeof e||0===e.length)return e;if(e.length<=6)return e;let r=e.substring(0,3),o=e.substring(e.length-3),i=e.length-6,n=t.repeat(i);return`${r}${n}${o}`},tt=e=>Object.fromEntries(Object.entries(e).map(([e,t])=>["openaiApiKey","azureOpenaiKey","anthropicApiKey"].includes(e)?[e,te(t)]:["openaiExtraConfig","azureExtraConfig"].includes(e)?[e,te(JSON.stringify(t))]:[e,t])),tr=(e,t)=>{if(t)try{return JSON.parse(t)}catch(t){throw Error(`Failed to parse ${e} as a JSON. ${t.message}`,{cause:t})}},to=(e,t,r)=>(o,i,n)=>{r?n?eX(o,`The ${i} must be a non-empty string because of the ${e} is declared as ${r} and ${n} has also been specified in ${t}, but got: ${o}. Please check your config.`):eX(o,`The ${i} must be a non-empty string because of the ${e} is declared as ${r} in ${t}, but got: ${o}. Please check your config.`):eX(o,`The ${i} must be a non-empty string, but got: ${o}. Please check your config.`)},ti=["doubao-vision","gemini","qwen-vl","vlm-ui-tars","vlm-ui-tars-doubao","vlm-ui-tars-doubao-1.5"],tn=e=>{if(!e)return{vlMode:void 0,uiTarsVersion:void 0};if(!ti.includes(e))throw Error(`the value ${e} is not a valid VL_MODE value, must be one of ${ti}`);return"vlm-ui-tars"===e?{vlMode:"vlm-ui-tars",uiTarsVersion:"1.0"}:"vlm-ui-tars-doubao"===e||"vlm-ui-tars-doubao-1.5"===e?{vlMode:"vlm-ui-tars",uiTarsVersion:"doubao-1.5-20B"}:{vlMode:e,uiTarsVersion:void 0}},ta=e=>{let t=e[v],r=e[A],o=e[C],i=e[E],n=[t&&v,r&&A,o&&C,i&&E].filter(Boolean);if(n.length>1)throw Error(`Only one vision mode can be enabled at a time. Currently enabled modes: ${n.join(", ")}. Please disable all but one mode.`);if(r)return{vlMode:"qwen-vl",uiTarsVersion:void 0};if(t)return{vlMode:"doubao-vision",uiTarsVersion:void 0};if(i)return{vlMode:"gemini",uiTarsVersion:void 0};if(o)if("1"===o)return{vlMode:"vlm-ui-tars",uiTarsVersion:"1.0"};else if("DOUBAO"===o||"DOUBAO-1.5"===o)return{vlMode:"vlm-ui-tars",uiTarsVersion:"doubao-1.5-20B"};else return{vlMode:"vlm-ui-tars",uiTarsVersion:`${o}`};return{vlMode:void 0,uiTarsVersion:void 0}},tl={VQA:{modelName:B,socksProxy:Z,httpProxy:V,openaiBaseURL:G,openaiApiKey:H,openaiExtraConfig:Y,openaiUseAzureDeprecated:W,useAzureOpenai:Q,azureOpenaiScope:J,azureOpenaiKey:X,azureOpenaiEndpoint:q,azureOpenaiApiVersion:$,azureOpenaiDeployment:ee,azureExtraConfig:et,useAnthropicSdk:er,anthropicApiKey:eo,vlMode:ei},grounding:{modelName:eE,socksProxy:eN,httpProxy:ex,openaiBaseURL:ew,openaiApiKey:eb,openaiExtraConfig:eS,openaiUseAzureDeprecated:eI,useAzureOpenai:eO,azureOpenaiScope:ej,azureOpenaiKey:eD,azureOpenaiEndpoint:eP,azureOpenaiApiVersion:eM,azureOpenaiDeployment:eT,azureExtraConfig:eL,useAnthropicSdk:eK,anthropicApiKey:eR,vlMode:eU},planning:{modelName:en,socksProxy:ea,httpProxy:el,openaiBaseURL:es,openaiApiKey:ed,openaiExtraConfig:ec,openaiUseAzureDeprecated:eu,useAzureOpenai:ey,azureOpenaiScope:ep,azureOpenaiKey:eh,azureOpenaiEndpoint:em,azureOpenaiApiVersion:ef,azureOpenaiDeployment:eg,azureExtraConfig:ek,useAnthropicSdk:eC,anthropicApiKey:eA,vlMode:ev},default:e7},ts=({keys:e,provider:t,valueAssert:r})=>{e5();let o=e8("ai:globalConfig"),i=t[e.socksProxy],n=t[e.httpProxy],a=t[e.vlMode];if(o("enter decideOpenaiSdkConfig with keys:",e),t[e.openaiUseAzureDeprecated]){o(`provider has ${e.openaiUseAzureDeprecated} with value${t[e.openaiUseAzureDeprecated]}`);let l=t[e.openaiBaseURL],s=t[e.openaiApiKey],d=tr(e.openaiExtraConfig,t[e.openaiExtraConfig]);return r(l,e.openaiBaseURL,e.openaiUseAzureDeprecated),r(s,e.openaiApiKey,e.openaiUseAzureDeprecated),{socksProxy:i,httpProxy:n,vlModeRaw:a,openaiUseAzureDeprecated:!0,openaiApiKey:s,openaiBaseURL:l,openaiExtraConfig:d}}if(t[e.useAzureOpenai]){o(`provider has ${e.useAzureOpenai} with value ${t[e.useAzureOpenai]}`);let l=t[e.azureOpenaiScope],s=t[e.azureOpenaiKey],d=t[e.azureOpenaiEndpoint],c=t[e.azureOpenaiDeployment],u=t[e.azureOpenaiApiVersion],y=tr(e.azureExtraConfig,t[e.azureExtraConfig]),p=tr(e.openaiExtraConfig,t[e.openaiExtraConfig]);return r(s,e.azureOpenaiKey,e.useAzureOpenai),{socksProxy:i,httpProxy:n,vlModeRaw:a,useAzureOpenai:!0,azureOpenaiScope:l,azureOpenaiKey:s,azureOpenaiEndpoint:d,azureOpenaiDeployment:c,azureOpenaiApiVersion:u,azureExtraConfig:y,openaiExtraConfig:p}}if(t[e.useAnthropicSdk]){o(`provider has ${e.useAnthropicSdk} with value ${t[e.useAnthropicSdk]}`);let a=t[e.anthropicApiKey];return r(a,e.anthropicApiKey,e.useAnthropicSdk),{socksProxy:i,httpProxy:n,useAnthropicSdk:!0,anthropicApiKey:a}}{o("provider has no specific model SDK declared");let l=t[e.openaiBaseURL],s=t[e.openaiApiKey],d=tr(e.openaiExtraConfig,t[e.openaiExtraConfig]);return r(l,e.openaiBaseURL),r(s,e.openaiApiKey),{socksProxy:i,httpProxy:n,vlModeRaw:a,openaiBaseURL:l,openaiApiKey:s,openaiExtraConfig:d}}},td=(e,t)=>{if(e)if(t)return`UI-TARS=${t}`;else return`${e} mode`;return""},tc=({intent:e,modelConfigFromFn:t,allConfig:r})=>{e5();let o=e8("ai:globalConfig");if(t){o("decideModelConfig base on agent.modelConfig()");let r=tl[e],i=t[r.modelName];o("Got modelName from modelConfigFn",i);let n=i?(o("query modelConfig from fn by intent got corresponding modelName, will get other corresponding keys"),r):(o("query modelConfig from fn by intent got no corresponding modelName, will get other keys by default"),eX(t[e7.modelName],`The return value of agent.modelConfig do not have a valid value with key ${e7.modelName}.`),e7),a=ts({keys:n,provider:t,valueAssert:to(n.modelName,"modelConfig",i)}),{vlMode:l,uiTarsVersion:s}=tn(a.vlModeRaw),d=td(l,s),c={...a,modelName:t[n.modelName],vlMode:l,uiTarsVersion:s,modelDescription:d,from:"modelConfig"};return o(`decideModelConfig result by agent.modelConfig() with intent ${e}:`,tt(c)),c}let i="default"===e?e9:tl[e],n=r[i.modelName];if(o(`Get value of ${i.modelName} from globalConfig`,n),"default"!==e&&r[i.modelName]){let t=r[i.modelName];o(`Got intent ${e} corresponding modelName ${t} by key ${i.modelName} from globalConfig, will get other config by intent.`);let n=ts({keys:i,provider:r,valueAssert:to(i.modelName,"process.env",t)}),{vlMode:a,uiTarsVersion:l}=tn(n.vlModeRaw),s=td(a,l),d={...n,modelName:t,vlMode:a,uiTarsVersion:l,modelDescription:s,from:"env"};return o(`decideModelConfig result by process.env with intent ${e}:`,tt(d)),d}o(`decideModelConfig as legacy logic with intent ${e}.`);let a=ts({keys:e9,provider:r,valueAssert:to(e9.modelName,"process.env")}),{vlMode:l,uiTarsVersion:s}=ta(r),d=td(l,s),c={...a,modelName:r[e9.modelName]||"gpt-4o",vlMode:l,uiTarsVersion:s,modelDescription:d,from:"legacy-env"};return o(`decideModelConfig result by legacy logic with intent ${e}:`,tt(c)),c};var tu=r(73656);function ty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}let tp=()=>eH.reduce((e,t)=>({...e,[t]:tu.env[t]}),Object.create(null)),th=["VQA","default","grounding","planning"],tm=new class{initAllEnvConfig(){let e=tp();this.allConfig=(()=>{if(this.override){this.debugLog("initAllConfig with override from overrideAIConfig");let{newConfig:t,extendMode:r}=this.override;return r?(this.debugLog("initAllConfig with extend mode from overrideAIConfig"),{...e,...t}):(this.debugLog("initAllConfig without override mode from overrideAIConfig"),{...t})}return this.debugLog("initAllConfig without override from overrideAIConfig"),e})()}initIntentConfigFromFn(){let e={VQA:void 0,default:void 0,grounding:void 0,planning:void 0};if(this.latestModelConfigFn)for(let t of th){let r=this.latestModelConfigFn({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.`);e[t]=r}return e}createUninitializedError(e){let t=Error(e);return t.GLOBAL_CONFIG_MANAGER_UNINITIALIZED_FLAG=!0,t}reset(){console.warn("globalConfigManager.reset should only be called in Midscene owner unit test"),this.initialized=!1,this.override=void 0,this.allConfig=void 0,this.keysHaveBeenRead={},this.modelConfigByIntent={VQA:void 0,default:void 0,grounding:void 0,planning:void 0}}initModelConfigForIntent(){this.initAllEnvConfig();let e=this.initIntentConfigFromFn();for(let t of th){let r=tc({intent:t,allConfig:this.allConfig,modelConfigFromFn:e[t]});this.modelConfigByIntent[t]=r}}init(e){this.latestModelConfigFn=e,this.initModelConfigForIntent(),this.initialized=!0}getModelConfigByIntent(e){if(!this.initialized)throw this.createUninitializedError(`globalConfigManager is not initialized when call getModelConfigByIntent with intent ${e}`);return this.modelConfigByIntent[e]}getEnvConfigValue(e){let t=this.allConfig||tu.env;if(!eZ.includes(e))throw Error(`getEnvConfigValue with key ${e} is not supported.`);if(e===N)throw Error("MATCH_BY_POSITION is deprecated, use MIDSCENE_USE_VL_MODEL instead");let r=t[e];return(this.keysHaveBeenRead[e]=!0,"string"==typeof r)?r.trim():r}getEnvConfigInNumber(e){let t=this.allConfig||tu.env;if(!eB.includes(e))throw Error(`getEnvConfigInNumber with key ${e} is not supported`);let r=t[e];return this.keysHaveBeenRead[e]=!0,Number(r||"")}getEnvConfigInBoolean(e){let t=this.allConfig||tu.env;if(!eF.includes(e))throw Error(`getEnvConfigInBoolean with key ${e} is not supported`);let r=t[e];return this.keysHaveBeenRead[e]=!0,!!r&&(!!/^(true|1)$/i.test(r)||!/^(false|0)$/i.test(r)&&!!r.trim())}registerOverride(e,t=!1){var r;for(let t in e){if(![...eV,...eG].includes(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}`);this.keysHaveBeenRead[t]&&console.warn(`Warning: try to override AI config with key ${t} ,but it has been read.`)}let o=t?{...null==(r=this.override)?void 0:r.newConfig,...e}:e;this.override={newConfig:{...o},extendMode:t},this.initialized?this.initModelConfigForIntent():this.initAllEnvConfig()}constructor(){ty(this,"override",void 0),ty(this,"initialized",!1),ty(this,"debugLog",void 0),ty(this,"modelConfigByIntent",{VQA:void 0,default:void 0,grounding:void 0,planning:void 0}),ty(this,"allConfig",void 0),ty(this,"keysHaveBeenRead",{}),ty(this,"latestModelConfigFn",void 0),e5();let e=e8("ai:global-config");this.debugLog=e}},tf=(e,t=!1)=>{tm.registerOverride(e,t)};var tg=r(62858),tk={};tk.d=(e,t)=>{for(var r in t)tk.o(t,r)&&!tk.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},tk.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),tk.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var tC={};tk.r(tC),tk.d(tC,{create:()=>tg.Ue});let{create:tA}=tC,tv="midscene-auto-zoom",tE="midscene-background-visible",tN="midscene-elements-visible",tx=tA(e=>{let t="false"!==localStorage.getItem(tv);return{backgroundVisible:"false"!==localStorage.getItem(tE),elementsVisible:"false"!==localStorage.getItem(tN),autoZoom:t,setBackgroundVisible:t=>{e({backgroundVisible:t}),localStorage.setItem(tE,t.toString())},setElementsVisible:t=>{e({elementsVisible:t}),localStorage.setItem(tN,t.toString())},setAutoZoom:t=>{e({autoZoom:t}),localStorage.setItem(tv,t.toString())}}}),tw="midscene-env-config",tb="midscene-service-mode",tS="midscene-tracking-active-tab",tI="midscene-deep-think",tO=()=>localStorage.getItem(tw)||"",tj=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,i=t.trim();(i.startsWith("'")&&i.endsWith("'")||i.startsWith('"')&&i.endsWith('"'))&&(i=i.slice(1,-1)),r[e]=i}}),r},tD=tA((e,t)=>{let r=tO(),o=tj(r),i=window.location.href.startsWith("chrome-extension"),n=localStorage.getItem(tb);return{serviceMode:i?"In-Browser-Extension":n||"Server",setServiceMode:t=>{if(i)throw Error("serviceMode cannot be set in extension");e({serviceMode:t}),localStorage.setItem(tb,t)},config:o,configString:r,setConfig:t=>e({config:t}),loadConfig:t=>{e({config:tj(t),configString:t}),localStorage.setItem(tw,t)},syncFromStorage:()=>{let t=tO();e({config:tj(t),configString:t})},forceSameTabNavigation:"false"!==localStorage.getItem(tS),setForceSameTabNavigation:t=>{e({forceSameTabNavigation:t}),localStorage.setItem(tS,t.toString())},deepThink:"true"===localStorage.getItem(tI),setDeepThink:t=>{e({deepThink:t}),localStorage.setItem(tI,t.toString())},popupTab:"playground",setPopupTab:t=>{e({popupTab:t})}}});var tP=r(44194),tM=r(43427);r(15787),r(5460),r(57861).Buffer,r(73656),r(21437),r(93096),r(11260),r(75044),r(57861),r(5174),r(17444),e8("img"),r(25626),r(27736),r(17374),r(27641);var tT=r(55695);function tL(e){let t=[];return!function e(r){for(let o of(r.node&&t.push(r.node),r.children))e(o)}(e),t}new tT.Pf({template:`
4
+ Here is the item user want to find:
5
+ =====================================
6
+ {targetElementDescription}
7
+ =====================================
8
+
9
+ {pageDescription}
10
+ `,inputVariables:["pageDescription","targetElementDescription"]}),e8("ai:common");let tK=tM.z.object({left:tM.z.number(),top:tM.z.number()}),tR=tM.z.object({width:tM.z.number(),height:tM.z.number(),dpr:tM.z.number().optional()}),tU=tK.and(tR).and(tM.z.object({zoom:tM.z.number().optional()})),tz=tM.z.object({images:tM.z.array(tM.z.object({name:tM.z.string(),url:tM.z.string()})).optional(),convertHttpImage2Base64:tM.z.boolean().optional()}),t_=tM.z.union([tM.z.string(),tM.z.object({prompt:tM.z.string()}).and(tz.partial())]),tF=tM.z.object({midscene_location_field_flag:tM.z.literal(!0),prompt:t_,deepThink:tM.z.boolean().optional(),cacheable:tM.z.boolean().optional(),xpath:tM.z.boolean().optional(),center:tM.z.tuple([tM.z.number(),tM.z.number()]),rect:tU}).passthrough();new tT.Pf({template:`Here is the target element user interested in:
11
+ <targetDescription>
12
+ {sectionDescription}
13
+ </targetDescription>
14
+ `,inputVariables:["sectionDescription"]}),e8("ai:inspect"),e8("ai:section"),e8("planning");var tB=r(73656);let tZ={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(tZ).reduce((e,[t,r])=>{let o=t.toLowerCase();return o!==t&&(e[o]=r),e},{});let tV="undefined"!=typeof window?/Mac|iPod|iPhone|iPad/.test(window.navigator.platform):"darwin"===tB.platform;function tG(e){return e.subType&&"Plan"!==e.subType?`${e.type} / ${e.subType||""}`:e.type}function tH(e){var t,r,o,i,n,a,l,s,d,c,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==(i=e.param)?void 0:i.dataDemand)||(null==e||null==(n=e.param)?void 0:n.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==(c=e.param)?void 0:c.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==(d=e.param)?void 0:d.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)}tZ.Enter.key,tZ.Enter.key,tV?tZ.Meta.key:tZ.Control.key,tZ.Shift.key,tZ.Alt.key,tZ.Space.key,tZ.PageDown.key,tZ.PageDown.key,tZ.PageUp.key,tZ.PageUp.key,r(91488),e8("ui-tars-planning"),e8("ai:insight"),r(40021),r(61546),r(73656),e8("yaml:utils"),r(73656),e8("yaml-player"),r(87333),r(81507),r(28977),r(73656),e8("web:tool:profile"),r(57861).Buffer,e8("cache"),e8("device-task-executor"),e8("agent"),tM.z.object({locate:tF.describe("The element to be tapped")}),tM.z.object({locate:tF.describe("The element to be right clicked")}),tM.z.object({locate:tF.describe("The element to be hovered")}),tM.z.object({value:tM.z.string().describe("The value to be input"),locate:tF.describe("The element to be input")}),tM.z.object({locate:tF.describe("The element to be clicked before pressing the key").optional(),keyName:tM.z.string().describe("The key to be pressed")}),tM.z.object({direction:tM.z.enum(["down","up","right","left"]).default("down").describe("The direction to scroll"),scrollType:tM.z.enum(["once","untilBottom","untilTop","untilRight","untilLeft"]).default("once").describe("The scroll type"),distance:tM.z.number().nullable().optional().describe("The distance in pixels to scroll"),locate:tF.optional().describe("The element to be scrolled")}),tM.z.object({from:tF.describe("The position to be dragged"),to:tF.describe("The position to be dropped")});let tY={ZOD_TYPES:{OPTIONAL:"ZodOptional",DEFAULT:"ZodDefault",NULLABLE:"ZodNullable",OBJECT:"ZodObject",ENUM:"ZodEnum",NUMBER:"ZodNumber",STRING:"ZodString"},FIELD_FLAGS:{LOCATION:"midscene_location_field_flag"}},tW=e=>"object"==typeof e&&null!==e&&"shape"in e&&"parse"in e&&"function"==typeof e.parse,tQ=e=>{var t,r,o,i,n;return!!((null==(t=e._def)?void 0:t.typeName)===tY.ZOD_TYPES.OBJECT&&(null==(r=(o=e._def).shape)?void 0:r.call(o))&&tY.FIELD_FLAGS.LOCATION in((null==(i=(n=e._def).shape)?void 0:i.call(n))||{}))},tJ=e=>{var t,r,o,i,n;let a=e,l=!1,s=!1;for(;(null==(t=a._def)?void 0:t.typeName)===tY.ZOD_TYPES.OPTIONAL||(null==(r=a._def)?void 0:r.typeName)===tY.ZOD_TYPES.DEFAULT||(null==(o=a._def)?void 0:o.typeName)===tY.ZOD_TYPES.NULLABLE;)(null==(i=a._def)?void 0:i.typeName)===tY.ZOD_TYPES.OPTIONAL&&(l=!0),(null==(n=a._def)?void 0:n.typeName)===tY.ZOD_TYPES.DEFAULT&&(s=!0),a=a._def.innerType||a;return{actualField:a,isOptional:l,hasDefault:s}},tX=e=>{var t;let r=e;for(;null==(t=r._def)?void 0:t.innerType;){if(r._def.typeName===tY.ZOD_TYPES.DEFAULT&&r._def.defaultValue)return r._def.defaultValue();r=r._def.innerType}},tq="http://localhost:5800",t$=async()=>{try{let e=await fetch(`${tq}/status`);return 200===e.status}catch(e){return!1}},t0=async function(e,t,r){let{requestId:o,deepThink:i}=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},n={context:e,type:t,prompt:r};return o&&(n.requestId=o),i&&(n.deepThink=i),(await fetch(`${tq}/execute`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)})).json()},t1=async e=>fetch(`${tq}/config`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({aiConfig:e})}),t2=async e=>{try{return(await fetch(`${tq}/cancel/${e}`)).json()}catch(e){return console.error("Failed to cancel task:",e),{error:"Failed to cancel task"}}},t6=async e=>{try{let t=await fetch(`${tq}/task-progress/${e}`);return await t.json()}catch(e){return console.error("Failed to poll task progress:",e),{tip:null}}},t3=e=>(e.startsWith("ai")?e.slice(2):e).replace(/([A-Z])/g," $1").trim(),t4=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?",t8=(e,t,r,o,i,n)=>{if(!e)return!1;if(t){let e=r||{},t=null==o?void 0:o.find(e=>e.interfaceAlias===i||e.name===i);if((null==t?void 0:t.paramSchema)&&tW(t.paramSchema)){let r=t.paramSchema;return Object.keys(r.shape).every(t=>{let{isOptional:o}=tJ(r.shape[t]),i=e[t];return o||void 0!==i&&""!==i&&null!==i})}return!0}return n.trim().length>0},t5=function(){let e=!(arguments.length>0)||void 0===arguments[0]||arguments[0],[t,r]=(0,tP.useState)(!0),{serviceMode:o}=tD();return(0,tP.useEffect)(()=>{let t=!1;if(e)return Promise.resolve((async()=>{for(;!t;)await t$()?r(!0):r(!1),await new Promise(e=>setTimeout(e,1e3))})()),()=>{t=!0}},[o,e]),t},t7="data:image/png;base64,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",t9="data:image/png;base64,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",re=(e,t,r)=>{let o,i=(o=e.width/e.height>=t/r?e.width:e.height/r*t)>400?.1:o>50?.2:.3,n=Math.min(t,o+t*i*2),a=Math.min(e.left-t*i,t-n);a=Math.max(a,0);let l=Math.min(e.top-r*i,r-r/t*n);return{left:Math.round(a),top:Math.round(l=Math.max(l,0)),width:Math.round(n)}},rt=(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}},rr=e=>"string"!=typeof e||0===e.length?e:e.charAt(0).toUpperCase()+e.slice(1),ro=e=>{let t,r,o,i=new Set;if(e.executions.forEach(e=>{e.sdkVersion&&(o=e.sdkVersion),e.tasks.forEach(e=>{var o,i;(null==(i=e.pageContext)||null==(o=i.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 n=[];e.executions.forEach(e=>{let o=ri(e,-1,t,r);o&&n.push(...o),e.tasks.forEach(e=>{if(e.usage){let{model_name:t,model_description:r,intent:o}=e.usage;o&&t&&i.add(r?`${rr(o)}/${t}(${r})`:t)}})});let a=n.filter((e,t)=>t===n.length-1||"Done"!==e.title),l=(()=>{var e;let t=[...i];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}},ri=(e,t,r,o)=>{let i;if(!e||!e.tasks.length||0===r||0===o)return null;let n=[];if(-1===t)n=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++)n.push(e.tasks[t])}if(0===n.length)return null;let a=re({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=[],d=a,c=!1,u=n.length,y="",p=!1;return n.forEach((e,t)=>{var n,h,m,f,g,k,C,A,v,E,N,x,w,b;if(!p){if(0===t&&(y=tH(e)),"Planning"===e.type)e.recorder&&e.recorder.length>0&&s.push({type:"img",img:null==(h=e.recorder)||null==(n=h[0])?void 0:n.screenshot,camera:0===t?a:void 0,duration:900,title:tG(e),subTitle:tH(e)});else if("Insight"===e.type&&"Locate"===e.subType){let t=null==(m=e.output)?void 0:m.element,n=tG(e),l=tH(e);(null==t?void 0:t.rect)&&(i={...re(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?tL(u.tree).length:0;u.screenshotBase64&&s.push({type:"img",img:u.screenshotBase64,duration:300,title:n,subTitle:l}),t=d===a?void 0:i?rt(d,i):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:n,subTitle:l}),s.push({type:"sleep",duration:300,title:n,subTitle:l}),c=!0}}else if("Action"===e.type&&"FalsyConditionStatement"!==e.subType){let r=tG(e),o=tH(e);s.push(l(t7,r,o)),d=null!=i?i: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:i,title:r,subTitle:o}),c&&(s.push({type:"clear-insight",duration:200,title:r,subTitle:o}),c=!1);let n=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(t7,r,o)),s.push({type:"img",img:null==(x=e.recorder)||null==(N=x[1])?void 0:N.screenshot,duration:n,title:r,subTitle:o})):s.push({type:"sleep",duration:n,title:r,subTitle:o})}else{let t=tG(e),r=tH(e),o=null==(b=e.recorder)||null==(w=b[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=tG(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},rn=["#01204E"];function ra(e){return"searchArea"===e?"#028391":"#fd5907"}let rl=e=>{let{hideLogo:t=!1}=e;return t?null:(0,i.jsx)("div",{className:"logo",children:(0,i.jsx)("a",{href:"https://midscenejs.com/",target:"_blank",rel:"noreferrer",children:(0,i.jsx)("img",{alt:"Midscene_logo",src:"https://lf3-static.bytednsdoc.com/obj/eden-cn/vhaeh7vhabf/Midscene.png"})})})};var rs=r(42968),rd=r(79055),rc=r(51946),ru=r(70021);function ry(e){let{showTooltipWhenEmpty:t=!0,showModelName:r=!0,tooltipPlacement:o="bottom",mode:n="icon"}=e,{config:a,configString:l,loadConfig:s,syncFromStorage:d}=tD(),[c,u]=(0,tP.useState)(!1),[y,p]=(0,tP.useState)(l),h=a.MIDSCENE_MODEL_NAME,m=(0,tP.useRef)(null),f=e=>{d(),u(!0),e.preventDefault(),e.stopPropagation()};return(0,tP.useEffect)(()=>{c&&p(l)},[c,l]),(0,i.jsxs)("div",{style:{display:"flex",justifyContent:"flex-end",gap:"10px",alignItems:"center",height:"100%",minHeight:"32px"},ref:m,children:[r?h:null,(0,i.jsx)(rd.Z,{title:"Please set up your environment variables before using.",placement:o,align:{offset:[-10,5]},getPopupContainer:()=>m.current,open:!c&&(t?0===Object.keys(a).length:void 0),children:"icon"===n?(0,i.jsx)(rs.Z,{onClick:f}):(0,i.jsx)("span",{onClick:f,style:{color:"#006AFF",cursor:"pointer"},children:"set up"})}),(0,i.jsxs)(rc.Z,{title:"Model Env Config",open:c,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,i.jsx)(ru.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,i.jsxs)("div",{children:[(0,i.jsx)("p",{children:"The format is KEY=VALUE and separated by new lines."}),(0,i.jsxs)("p",{children:["These data will be saved ",(0,i.jsx)("strong",{children:"locally in your browser"}),"."]})]})]})]})}var rp=r(35725),rh=r(9004),rm=r(13098),rf=r(93080),rg=r(18780),rk=r(7173),rC=r(18142),rA=r(39970),rv={};rv.d=(e,t)=>{for(var r in t)rv.o(t,r)&&!rv.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},rv.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),rv.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var rE={};rv.r(rE),rv.d(rE,{create:()=>tg.Ue});let{create:rN}=rE,rx="midscene-prompt-history-v2",rw="midscene-last-selected-type",rb=()=>{let e=localStorage.getItem(rx);return e?JSON.parse(e):{}},rS=()=>localStorage.getItem(rw)||"aiAction",rI=e=>{localStorage.setItem(rw,e)},rO=rN((e,t)=>({history:rb(),lastSelectedType:rS(),clearHistory:r=>{let o={...t().history};delete o[r],e({history:o}),localStorage.setItem(rx,JSON.stringify(o))},addHistory:r=>{let{type:o}=r,i=t().history,n=i[o]||[],a=JSON.stringify({prompt:r.prompt,params:r.params}),l=[r,...n.filter(e=>JSON.stringify({prompt:e.prompt,params:e.params})!==a)];l.length>10&&(l.length=10);let s={...i,[o]:l};e({history:s}),localStorage.setItem(rx,JSON.stringify(s))},getHistoryForType:e=>t().history[e]||[],setLastSelectedType:t=>{e({lastSelectedType:t}),rI(t)}}));var rj=r(75091);let rD=e=>(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:27,height:27,fill:"none",viewBox:"0 0 27 27",...e,children:(0,i.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 rP=r(99598);let rM=e=>{let{text:t,disabled:r=!1,speed:o=5,className:n=""}=e,a={"--animation-duration":`${o}s`};return(0,i.jsx)("div",{className:`shiny-text ${r?"disabled":""} ${n}`,style:a,children:t})},rT=(0,i.jsxs)("span",{children:["Don't worry, just one more step to launch the playground server.",(0,i.jsx)("br",{}),"Please run one of the commands under the midscene project directory:",(0,i.jsx)("br",{}),"a. ",(0,i.jsx)("strong",{children:"npx midscene-playground"}),(0,i.jsx)("br",{}),"b. ",(0,i.jsx)("strong",{children:"npx --yes @midscene/web"})]}),rL=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:rT;return(0,i.jsx)("div",{className:"server-tip",children:(0,i.jsx)(rP.Z,{message:"Playground Server Not Ready",description:e,type:"warning"})})},rK=(0,i.jsx)("div",{className:"result-empty-tip",style:{textAlign:"center"},children:(0,i.jsx)(rM,{disabled:!0,text:"The result will be shown here"})}),rR={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"}},rU=["aiAction","aiTap","aiQuery","aiAssert"],rz=e=>{let{showDeepThinkOption:t=!1,enableTracking:r=!1}=e,o=tD(e=>e.forceSameTabNavigation),n=tD(e=>e.setForceSameTabNavigation),a=tD(e=>e.deepThink),l=tD(e=>e.setDeepThink);if(!r&&!t)return null;let s=function(){let e=[];return r&&e.push({label:(0,i.jsx)(rj.Z,{onChange:e=>n(e.target.checked),checked:o,children:"limit popup to current tab"}),key:"track-config"}),t&&e.push({label:(0,i.jsx)(rj.Z,{onChange:e=>{l(e.target.checked)},checked:a,children:"deep think"}),key:"deep-think-config"}),e}();return(0,i.jsx)("div",{className:"selector-trigger",children:(0,i.jsx)(rA.Z,{menu:{items:s},trigger:["click"],children:(0,i.jsx)(rD,{width:24,height:24})})})};var r_=r(4312),rF=r(80889);let{TextArea:rB}=ru.Z,rZ=(e,t)=>`${e}${t?" (Optional)":""}`,rV=e=>{let{name:t,label:r,isRequired:o,marginBottom:n}=e,a=`Enter ${t}`;return(0,i.jsx)(rf.Z.Item,{name:["params",t],label:rZ(r,!o),rules:o?[{required:!0,message:`Please input ${t}`}]:[],style:{marginBottom:n},children:(0,i.jsx)(ru.Z,{placeholder:a})},t)},rG=e=>{let{name:t,label:r,isRequired:o,marginBottom:n}=e;return(0,i.jsx)(rf.Z.Item,{name:["params",t],label:rZ(r,!o),rules:o?[{required:!0,message:`Please describe the ${t}`}]:[],style:{marginBottom:n},children:(0,i.jsx)(rB,{rows:2,placeholder:`Describe the ${t}, use natural language`})},t)},rH=e=>{let{name:t,label:r,fieldSchema:o,isRequired:n,marginBottom:a}=e,l=(o._def.values||[]).map(e=>({value:e,label:e.charAt(0).toUpperCase()+e.slice(1)}));return(0,i.jsx)(rf.Z.Item,{name:["params",t],label:r,rules:n?[{required:!0,message:`Please select ${t}`}]:[],style:{marginBottom:a},children:(0,i.jsx)(r_.Z,{placeholder:`Select ${t}`,options:l})},t)},rY=e=>{let{name:t,label:r,isRequired:o,marginBottom:n}=e,a=500*("distance"===t),l="distance"===t?1e4:void 0;return(0,i.jsx)(rf.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:n},children:(0,i.jsx)(rF.Z,{placeholder:a.toString(),min:0,max:l,step:"distance"===t?10:1,style:{width:"100%"}})},t)};var rW=r(80434);let rQ=e=>(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:18,height:16,fill:"none",viewBox:"0 0 18 16",...e,children:(0,i.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"})}),rJ=e=>(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:25,height:25,fill:"none",viewBox:"0 0 25 25",...e,children:[(0,i.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,i.jsx)("path",{stroke:"#000",strokeLinecap:"round",strokeLinejoin:"round",strokeOpacity:.85,strokeWidth:1.33,d:"M12.695 8.322v4.203l2.967 2.968"})]}),rX=e=>(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:19,height:19,fill:"none",viewBox:"0 0 19 19",...e,children:[(0,i.jsxs)("g",{stroke:"#000",strokeLinejoin:"round",strokeOpacity:.65,strokeWidth:1.5,clipPath:"url(#magnifying-glass_svg__a)",children:[(0,i.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,i.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,i.jsx)("defs",{children:(0,i.jsx)("clipPath",{id:"magnifying-glass_svg__a",children:(0,i.jsx)("path",{fill:"#fff",d:"M.522.04h18v18h-18z"})})})]}),{Text:rq}=rW.Z,r$=e=>{let{onSelect:t,history:r,currentType:o}=e,[n,a]=(0,tP.useState)(!1),[l,s]=(0,tP.useState)(""),d=rO(e=>e.clearHistory),c=(0,tP.useMemo)(()=>{let e=Date.now(),t=e-6048e5,o=e-31536e6,i=r.filter(e=>e.prompt.toLowerCase().includes(l.toLowerCase()));return{recent7Days:i.filter(e=>e.timestamp>=t),recent1Year:i.filter(e=>e.timestamp<t&&e.timestamp>=o),older:i.filter(e=>e.timestamp<o)}},[r,l]),u=e=>{t(e),a(!1)},y=(e,t)=>0===t.length?null:(0,i.jsxs)("div",{className:"history-group",children:[(0,i.jsx)("div",{className:"history-group-title",children:e}),t.map((e,t)=>(0,i.jsx)("div",{className:"history-item",onClick:()=>u(e),children:e.prompt},`${e.timestamp}-${t}`))]},e);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:"selector-trigger",onClick:()=>a(!0),children:(0,i.jsx)(rJ,{width:24,height:24})}),(0,i.jsx)(rc.Z,{open:n,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,i.jsxs)("div",{className:"history-modal-container",children:[(0,i.jsxs)("div",{className:"history-modal-header",children:[(0,i.jsxs)(rq,{strong:!0,style:{fontSize:"16px"},children:["History (",r.length,")"]}),(0,i.jsx)(rg.ZP,{size:"small",type:"text",icon:(0,i.jsx)(rQ,{width:16,height:16}),onClick:()=>a(!1),className:"close-button"})]}),(0,i.jsx)("div",{className:"history-search-section",children:(0,i.jsxs)("div",{className:"search-input-wrapper",children:[(0,i.jsx)(ru.Z,{placeholder:"Search",value:l,onChange:e=>s(e.target.value),prefix:(0,i.jsx)(rX,{width:18,height:18}),className:"search-input",allowClear:!0}),(0,i.jsx)(rg.ZP,{type:"link",onClick:()=>{d(o),s(""),a(!1)},className:"clear-button",disabled:0===r.length,children:"Clear"})]})}),(0,i.jsx)("div",{className:"history-content",children:0===r.length?(0,i.jsx)("div",{className:"no-results",children:(0,i.jsx)(rq,{type:"secondary",children:"No history record"})}):(0,i.jsxs)(i.Fragment,{children:[y("Last 7 days",c.recent7Days),y("Last 1 year",c.recent1Year),y("Earlier",c.older),l&&0===c.recent7Days.length&&0===c.recent1Year.length&&0===c.older.length&&(0,i.jsx)("div",{className:"no-results",children:(0,i.jsx)(rq,{type:"secondary",children:"No matching history record"})})]})})]})})]})},{TextArea:r0}=ru.Z,r1=e=>{let{runButtonEnabled:t,form:r,serviceMode:o,selectedType:n,dryMode:a,stoppable:l,loading:s,onRun:d,onStop:c,clearPromptAfterRun:u=!0,actionSpace:y}=e,[p,h]=(0,tP.useState)(!1),[m,f]=(0,tP.useState)(""),g=t4(n),k=(0,tP.useRef)(null),C=rf.Z.useWatch("params",r),A=rO(e=>e.history),v=rO(e=>e.lastSelectedType),E=rO(e=>e.addHistory),N=rO(e=>e.setLastSelectedType),x=(0,tP.useMemo)(()=>A[n]||[],[A,n]),w=(0,tP.useMemo)(()=>{if(y){let e=y.find(e=>e.interfaceAlias===n||e.name===n);return null==e?void 0:e.paramSchema}return["aiInput","aiKeyboardPress","aiScroll"].includes(n)},[n,y]),b=(0,tP.useCallback)(()=>{if(!w||!y)return{};let e=y.find(e=>e.interfaceAlias===n||e.name===n);if((null==e?void 0:e.paramSchema)&&tW(e.paramSchema)){let t={},r=e.paramSchema;return Object.keys(r.shape).forEach(e=>{let o=tX(r.shape[e]);void 0!==o&&(t[e]=o)}),t}return{}},[n,w,y]);(0,tP.useEffect)(()=>{!r.getFieldValue("type")&&v&&r.setFieldValue("type",v)},[r,v]),(0,tP.useEffect)(()=>{n&&n!==v&&N(n)},[n,v,N]),(0,tP.useEffect)(()=>{let e=x[0];if(e)r.setFieldsValue({type:e.type,prompt:e.prompt||"",params:e.params}),f(e.prompt||"");else{let e=b();r.setFieldsValue({prompt:"",params:e}),f("")}},[n,x,r,b]);let S=(0,tP.useCallback)(e=>{r.setFieldsValue({prompt:e.prompt,type:e.type,params:e.params}),f(e.prompt)},[r]),I=(0,tP.useCallback)(e=>{let t=e.target.value;f(t),r.setFieldValue("prompt",t)},[r]),O=(0,tP.useMemo)(()=>{if(!w||!y)return!1;let e=y.find(e=>e.interfaceAlias===n||e.name===n);return!!((null==e?void 0:e.paramSchema)&&tW(e.paramSchema))&&1===Object.keys(e.paramSchema.shape).length},[n,w,y]),j=(0,tP.useMemo)(()=>t8(t,!!w,C,y,n,m),[t,w,n,y,m,C]),D=(0,tP.useCallback)(()=>{let e=r.getFieldsValue(),t="";if(w&&e.params&&y){let r=y.find(e=>e.interfaceAlias===n||e.name===n);if((null==r?void 0:r.paramSchema)&&tW(r.paramSchema)){let o="",i=[],n=r.paramSchema;Object.keys(n.shape).forEach(t=>{let r=e.params[t];if(null!=r&&""!==r){let{actualField:e}=tJ(n.shape[t]);tQ(e)?o=String(r):"distance"===t?i.push(`${r}`):i.push(String(r))}});let a=i.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()}),d(),u)if(f(""),w){let e=b();r.setFieldValue("params",e)}else r.setFieldValue("prompt","")},[r,E,d,w,n,u,y,b]),P=(0,tP.useCallback)(e=>{"Enter"===e.key&&e.metaKey&&j?(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,j]),M=(0,tP.useCallback)(e=>{"Enter"===e.key&&e.metaKey&&j&&(D(),e.preventDefault(),e.stopPropagation())},[D,j]),T=(0,tP.useCallback)(()=>{if(!w)return null;if(y){let e=y.find(e=>e.interfaceAlias===n||e.name===n);if((null==e?void 0:e.paramSchema)&&tW(e.paramSchema)){let t=e.paramSchema,r=Object.keys(t.shape);if(1===r.length){let e=r[0],{actualField:o,isOptional:n}=tJ(t.shape[e]),a=tQ(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,i.jsx)(rf.Z.Item,{name:["params",e],style:{margin:0},children:(0,i.jsx)(ru.Z.TextArea,{className:"main-side-console-input-textarea",rows:4,placeholder:l,autoFocus:!0,onKeyDown:M})})}let o=[];if(r.forEach((e,n)=>{var a,l;let{actualField:s,isOptional:d}=tJ(t.shape[e]),c=tQ(s),u=e.charAt(0).toUpperCase()+e.slice(1),y={name:e,label:u,fieldSchema:s,isRequired:!d,marginBottom:12*(n!==r.length-1)};c?o.push((0,i.jsx)(rG,{...y})):(null==(a=s._def)?void 0:a.typeName)==="ZodEnum"?o.push((0,i.jsx)(rH,{...y})):(null==(l=s._def)?void 0:l.typeName)==="ZodNumber"?o.push((0,i.jsx)(rY,{...y})):o.push((0,i.jsx)(rV,{...y}))}),"aiScroll"===n){let e=o.find(e=>tP.isValidElement(e)&&"direction"===e.props.name),t=o.find(e=>tP.isValidElement(e)&&"distance"===e.props.name),r=o.filter(e=>tP.isValidElement(e)&&"direction"!==e.props.name&&"distance"!==e.props.name);if(e&&t)return(0,i.jsxs)("div",{className:"structured-params",children:[(0,i.jsxs)("div",{style:{display:"flex",gap:12,marginBottom:12},children:[e,t]}),r]})}return(0,i.jsx)("div",{className:"structured-params",children:o})}}return null},[n,w,y,M]),L=(0,tP.useCallback)(()=>{h(!0)},[]),K=(0,tP.useCallback)(()=>{h(!1)},[]),R=(0,tP.useCallback)(()=>{let e=e=>(0,i.jsx)(rg.ZP,{type:"primary",icon:(0,i.jsx)(rp.Z,{}),style:{borderRadius:20,zIndex:999},onClick:D,disabled:!j,loading:s,children:e});return a?"aiAction"===n?(0,i.jsx)(rd.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,i.jsx)(rg.ZP,{icon:(0,i.jsx)(rh.Z,{}),onClick:c,style:{borderRadius:20,zIndex:999},children:"Stop"}):e("Run")},[a,s,D,c,j,n,l]);return(0,i.jsxs)("div",{className:"prompt-input-wrapper",children:[(0,i.jsxs)(rk.Z,{className:"mode-radio-group-wrapper",children:[(0,i.jsxs)("div",{className:"mode-radio-group",children:[(0,i.jsx)(rf.Z.Item,{name:"type",style:{margin:0},children:(0,i.jsx)(rC.ZP.Group,{buttonStyle:"solid",disabled:!t,children:rU.map(e=>{var t;return(0,i.jsx)(rd.Z,{title:(null==(t=rR[e])?void 0:t.title)||"",children:(0,i.jsx)(rC.ZP.Button,{value:e,children:t3(e)})},e)})})}),(0,i.jsx)(rA.Z,{menu:(()=>{let e=Object.keys(rR).filter(e=>!rU.includes(e)),t=[],o=e.filter(e=>"interaction"===rR[e].group);o.length>0&&t.push({key:"interaction-group",type:"group",label:"Interaction APIs",children:o.map(e=>({key:e,label:t3(e),title:rR[e].title,onClick:()=>{r.setFieldValue("type",e)}}))});let i=e.filter(e=>"extraction"===rR[e].group);i.length>0&&t.push({key:"extraction-group",type:"group",label:"Data Extraction APIs",children:i.map(e=>({key:e,label:t3(e),title:rR[e].title,onClick:()=>{r.setFieldValue("type",e)}}))});let n=e.filter(e=>"validation"===rR[e].group);return n.length>0&&t.push({key:"validation-group",type:"group",label:"Validation APIs",children:n.map(e=>({key:e,label:t3(e),title:rR[e].title,onClick:()=>{r.setFieldValue("type",e)}}))}),{items:t}})(),placement:"bottomLeft",trigger:["click"],disabled:!t,children:(0,i.jsxs)(rg.ZP,{className:`more-apis-button ${!rU.includes(n)?"selected-from-dropdown":""}`,children:[n&&!rU.includes(n)?t3(n):"more",(0,i.jsx)(rm.Z,{style:{fontSize:"10px",marginLeft:"2px"}})]})})]}),(0,i.jsxs)("div",{className:"action-icons",children:[(0,i.jsx)(r$,{onSelect:S,history:x,currentType:n}),(0,i.jsx)("div",{className:p?"settings-wrapper settings-wrapper-hover":"settings-wrapper",onMouseEnter:L,onMouseLeave:K,children:(0,i.jsx)(rz,{enableTracking:"In-Browser-Extension"===o,showDeepThinkOption:"aiTap"===n||"aiHover"===n||"aiInput"===n||"aiRightClick"===n||"aiLocate"===n})})]})]}),(0,i.jsxs)("div",{className:`main-side-console-input ${!t?"disabled":""} ${s?"loading":""}`,children:[w?O?T():(0,i.jsx)("div",{className:"structured-params-container",children:T()}):(0,i.jsx)(rf.Z.Item,{name:"prompt",style:{margin:0},children:(0,i.jsx)(r0,{className:"main-side-console-input-textarea",disabled:!t,rows:4,placeholder:g,autoFocus:!0,onKeyDown:P,onChange:I,value:m,ref:k})}),(0,i.jsx)("div",{className:"form-controller-wrapper",children:R()})]})]})};var r2=r(16383),r6=r(92446);r(83264);var r3=r(15284),r4=r(11322),r8=r(50408),r5=r(94878),r7=r(47877);let r9=e=>(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16",...e,children:(0,i.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"})}),oe=e=>(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16",...e,children:[(0,i.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,i.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"})]}),ot=e=>(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16",...e,children:(0,i.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 or=r(8811);let oo=(e,t,r)=>{let o,{left:i,top:n,width:a,height:l}=e;o="element"===r?rn[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)%rn.length]:"searchArea"===r?ra("searchArea"):ra("element");let s=new r3.TCu;if(s.beginFill(o,.4),s.lineStyle(1,o,1),s.drawRect(i,n,a,l),s.endFill(),s.filters=[new or.pt({blur:2,quality:3,alpha:.4,offset:{x:4,y:4},color:3355443})],!t)return[s];let d=new r3.xvT(t,{fontSize:18,fill:0});return d.x=i,d.y=Math.max(n-22,0),[s,d]},oi=new Map,on=async e=>{if(!oi.has(e))return r3.deM.load(e).then(t=>{oi.set(e,t)})},oa=e=>oi.get(e);function ol(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}let os=(e,t,r,o,i)=>{let n=1-e;return t*n*n*n+3*r*e*n*n+3*o*e*e*n+i*e*e*e},od=e=>oy(e),oc=e=>os(e,0,.5,.5,1),ou=e=>oy(e),oy=e=>e,op=e=>new Promise(t=>setTimeout(t,e)),oh="frame cancel (this is an error on purpose)",om=()=>{let e=!1;return{frame:t=>{if(e)throw Error(oh);requestAnimationFrame(()=>{if(e)throw Error(oh);t(performance.now())})},timeout:(t,r)=>{if(e)throw Error(oh);setTimeout(()=>{if(e)throw Error(oh);t()},r)},cancel:()=>{e=!0}}},of=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 og{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){ol(this,"canvas",void 0),ol(this,"mediaRecorder",null),ol(this,"chunks",void 0),ol(this,"recording",!1),this.canvas=e,this.chunks=[]}}function ok(e){var t;let r,[o,n]=(0,tP.useState)(""),[a,l]=(0,tP.useState)(""),{autoZoom:s,setAutoZoom:d,elementsVisible:c,setElementsVisible:u}=tx();(0,tP.useEffect)(()=>{(null==e?void 0:e.autoZoom)!==void 0&&d(e.autoZoom)},[null==e?void 0:e.autoZoom,d]);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,tP.useRef)((null==y||null==(t=y[0])?void 0:t.img)||null),g=(0,tP.useRef)(null),k=(0,tP.useMemo)(()=>new r3.MxU,[]),C=(0,tP.useRef)(null),A=(0,tP.useRef)(null),[v,E]=(0,tP.useState)(0),N=()=>{E(Date.now())},x=(0,tP.useMemo)(()=>new r3.W20,[]),w=(0,tP.useMemo)(()=>{let e=new r3.W20;return e.zIndex=1,e},[]);(0,tP.useEffect)(()=>{w.visible=c},[c,w]);let b={left:0,top:0,width:p,pointerLeft:Math.round(p/2),pointerTop:Math.round(h/2)},[S,I]=(0,tP.useState)(-1),O=(0,tP.useRef)(!1);(0,tP.useEffect)(()=>(O.current=!1,()=>{O.current=!0}),[]);let j=(0,tP.useRef)({...b}),D=async()=>{let e=f.current;if(!e)return void console.warn("no image to update");oa(e)||(console.warn("image not loaded",e),await on(e));let t=oa(e);if(!t)throw Error("texture not found");let r=r3.jyi.from(t);if(!r)throw Error("sprite not found");let o="main-img",i=x.getChildByLabel(o);i&&x.removeChild(i),r.label=o,r.zIndex=0,r.width=p,r.height=h,x.addChild(r)},P=e=>{var t,r;let o;A.current||(A.current=r3.jyi.from(t9),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 i=!1,n=t=>{if(i)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(n)};return e(n),()=>{A.current&&x.removeChild(A.current),i=!0}},M=async(e,t,r)=>{var o,i;oa(e)||(console.warn("image not loaded",e),await on(e));let n=oa(e);if(!n)throw Error("texture not found");let a=r3.jyi.from(n),l=null==(o=C.current)?void 0:o.x,s=null==(i=C.current)?void 0:i.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=>{j.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={...j.current},i=o.pointerLeft,n=o.pointerTop,a=performance.now();if("number"!=typeof e.pointerLeft||"number"!=typeof e.pointerTop||e.pointerLeft===i&&e.pointerTop===n)return;await new Promise(l=>{let s=d=>{let c=d-a,u=ou(Math.min(c/t,1));T({...o,pointerLeft:i+(e.pointerLeft-i)*u,pointerTop:n+(e.pointerTop-n)*u}),c<t?r(s):l()};r(s)});return}let o={...j.current},i=o.left,n=o.top,a=o.pointerLeft,l=o.pointerTop,d=o.width/p,c=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={...j.current},k=f-c;if(u)if(k<=y){let t=ou(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=od(Math.min((k-y)/m,1)),r=d+(e.width/p-d)*t,o=p*r,a=h*r;g.width=o;let l=i+(e.left-i)*t,s=n+(e.top-n)*t,c=l+o-p,u=s+a-h;g.left=c>0?l+c: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(i=>{let n=performance.now(),a=l=>{let s=l-n,d=Math.min(s/t,1);e.alpha=0===o?1-oy(d):oy(d),s<t?r(a):i()};r(a)})},R=async(e,t,r)=>K(e,t,r,0),U=async(e,t,r,o,i)=>{w.removeChildren();let n=[...e],a=n.length,l=0;await new Promise(e=>{let s=performance.now(),d=c=>{let u=c-s,y=Math.floor(oc(Math.min(u/o,1))*a);for(;l<y;){let e=Math.floor(Math.random()*n.length),t=n.splice(e,1)[0];if(t){let[e]=oo(t.rect,t.content,"element");e.alpha=0,w.addChild(e),l++,K(e,80,i)}}if(u<o)i(d);else{for(;n.length>0;){let e=Math.floor(Math.random()*n.length),t=n.splice(e,1)[0],[r]=oo(t.rect,t.content,"element");r.alpha=1,w.addChild(r)}if(r){let[e]=oo(r,"Search Area","searchArea");e.alpha=1,w.addChild(e)}t.map(e=>{let[t]=oo(e.rect,e.content||"","highlight");t.alpha=1,w.addChild(t)}),e()}};i(d)})},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)))},[_,F]=(0,tP.useState)(!1),B=(0,tP.useRef)(null),Z=()=>{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}=om();e=r;let i=y.filter(e=>!!e.img).map(e=>e.img);await Promise.all([...i,t9,t7].map(on)),w.removeChildren(),await M(t7,p/2,h/2),await D(),await T({...b});let a=y.reduce((e,t)=>e+t.duration+(t.camera&&t.insightCameraDuration?t.insightCameraDuration:0),0),s=performance.now();I(0);let d=()=>{let e=Math.min((performance.now()-s)/a,1);if(I(e),e<1)return o(d,200)};for(let e in t(d),B.current&&B.current.start(),y){let r=y[e];if(n(r.title||""),l(r.subTitle||""),"sleep"===r.type)await op(r.duration);else if("insight"===r.type){var c;if(!r.img)throw Error("img is required");f.current=r.img,await D();let e=(null==(c=r.context)?void 0:c.tree)?tL(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 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 op(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=P(t);await op(r.duration),e()}}B.current&&(B.current.stop(),B.current=null,F(!1))})().catch(e=>{console.error("player error",e)})),()=>{null==e||e()}};(0,tP.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,tP.useEffect)(()=>{if(v)return Z()},[v]);let[V,G]=(0,tP.useState)(!1),[H,Y]=(0,tP.useState)(!1),W=Math.round(100*S),Q=1===S;(0,tP.useEffect)(()=>{if(Q){let e=e=>{" "===e.key&&N()};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}},[Q]);let J=()=>{};return S<1?r=(0,i.jsx)(r6.Z,{indicator:(0,i.jsx)(r2.Z,{spin:!0,color:"#333"}),size:"default"}):V?(r=(0,i.jsx)(r6.Z,{indicator:(0,i.jsx)(r4.Z,{color:"#333"}),size:"default"}),J=()=>N()):r=(0,i.jsx)(r6.Z,{indicator:(0,i.jsx)(r4.Z,{color:"#333"}),size:"default"}),(0,i.jsxs)("div",{className:"player-container",children:[(0,i.jsx)("div",{className:"canvas-container",ref:g}),(0,i.jsx)("div",{className:"player-timeline-wrapper",children:(0,i.jsx)("div",{className:"player-timeline",children:(0,i.jsx)("div",{className:"player-timeline-progress",style:{width:`${W}%`,transition:0===S?"none":"0.3s"}})})}),(0,i.jsx)("div",{className:"player-tools-wrapper",children:(0,i.jsx)("div",{className:"player-tools",children:(0,i.jsxs)("div",{className:"player-control",children:[(0,i.jsxs)("div",{className:"status-text",children:[(0,i.jsx)("div",{className:"title",children:o}),(0,i.jsx)(rd.Z,{title:a,children:(0,i.jsx)("div",{className:"subtitle",children:a})})]}),_?null:(0,i.jsx)("div",{className:"status-icon",onMouseEnter:()=>G(!0),onMouseLeave:()=>G(!1),onClick:J,children:r}),(null==e?void 0:e.reportFileContent)?(0,i.jsx)(rd.Z,{title:"Download Report",children:(0,i.jsx)("div",{className:"status-icon",onMouseEnter:()=>G(!0),onMouseLeave:()=>G(!1),onClick:()=>of(e.reportFileContent),children:(0,i.jsx)(r8.Z,{color:"#333"})})}):null,(0,i.jsx)(rd.Z,{title:_?"Generating...":"Export Video",children:(0,i.jsx)("div",{className:"status-icon",onClick:_?void 0:()=>B.current?void console.warn("recorderSession exists"):k.canvas?void(B.current=new og(k.canvas),F(!0),N()):void console.warn("canvas is not initialized"),style:{opacity:_?.5:1,cursor:_?"not-allowed":"pointer"},children:_?(0,i.jsx)(r6.Z,{size:"default",percent:W}):(0,i.jsx)(r5.Z,{})})}),(0,i.jsx)(rA.Z,{trigger:["hover","click"],placement:"bottomRight",overlayStyle:{minWidth:"148px"},dropdownRender:e=>(0,i.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,i.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",height:"39px"},children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"4px"},children:[(0,i.jsx)(r9,{style:{width:"16px",height:"16px"}}),(0,i.jsx)("span",{style:{fontSize:"12px",marginRight:"16px"},children:"Focus on Cursor"})]}),(0,i.jsx)(r7.Z,{size:"small",checked:s,onChange:e=>{d(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,i.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",height:"39px"},children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"4px"},children:[(0,i.jsx)(ot,{style:{width:"16px",height:"16px"}}),(0,i.jsx)("span",{style:{fontSize:"12px",marginRight:"16px"},children:"Show Element Markers"})]}),(0,i.jsx)(r7.Z,{size:"small",checked:c,onChange:e=>{u(e),N()},onClick:(e,t)=>{var r;return null==t||null==(r=t.stopPropagation)?void 0:r.call(t)}})]})}]},children:(0,i.jsx)("div",{className:"status-icon",onMouseEnter:()=>Y(!0),onMouseLeave:()=>Y(!1),style:{cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",opacity:H?1:.7,transition:"opacity 0.2s"},children:(0,i.jsx)(oe,{style:{width:"16px",height:"16px"}})})})]})})})]})}let oC=e=>{let{result:t,loading:r,serverValid:o,serviceMode:n,replayScriptsInfo:a,replayCounter:l,loadingProgressText:s,verticalMode:d=!1,notReadyMessage:c,fitMode:u,autoZoom:y}=e,p="result-wrapper";d&&(p+=" vertical-mode-result"),a&&d&&(p+=" result-wrapper-compact");let h=rK;return o||"Server"!==n?r?h=(0,i.jsxs)("div",{className:"loading-container",children:[(0,i.jsx)(r6.Z,{spinning:r,indicator:(0,i.jsx)(r2.Z,{spin:!0})}),(0,i.jsx)("div",{className:"loading-progress-text loading-progress-text-progress",children:(0,i.jsx)(rM,{text:s,speed:3})})]}):a?h=(0,i.jsx)(ok,{replayScripts:a.scripts,imageWidth:a.width,imageHeight:a.height,reportFileContent:("In-Browser-Extension"===n||"Server"===n)&&(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,i.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,i.jsx)("pre",{children:null==t?void 0:t.result}):(0,i.jsx)("pre",{children:JSON.stringify(null==t?void 0:t.result,null,2)})):h=rL(c),(0,i.jsx)("div",{className:p,style:{height:"100%",display:"flex",flexDirection:"column",flex:"1 1 auto"},children:h})};var oA=r(60247),ov=r(1754),oE=r(16327),oN=r(93636),ox=r(4465),ow=r(9450),ob=r(43876),oS=r(64838);let oI=e=>(0,i.jsx)("span",{className:"status-dot",style:{color:e},children:"●"}),oO=e=>{var t,r,o;let{devices:n,loadingDevices:a,selectedDeviceId:l,onDeviceSelect:s,socketRef:d,scrcpyPlayerRef:c}=e,[u,y]=(0,tP.useState)(!1),p=(0,tP.useRef)(null),[h,m]=ov.ZP.useMessage(),f=t5(!0),g=(0,tP.useCallback)(e=>{e!==p.current&&d.current&&d.current.connected&&(y(!1),s(e),p.current=e)},[s,d]),k=(0,tP.useCallback)(()=>{c.current&&(c.current.disconnectDevice(),h.info("Device disconnected"))},[c,h]),C=!!l&&(null==(t=n.find(e=>e.id===l))?void 0:t.status.toLowerCase())!=="device";return(0,tP.useEffect)(()=>{C&&l&&k()},[C,l,k,h]),(0,i.jsxs)("div",{className:"device-header",children:[m,(0,i.jsxs)("div",{className:"device-title-container",children:[(0,i.jsx)("h2",{className:"device-title",children:"Device"}),(0,i.jsx)(rA.Z,{trigger:["click"],placement:"bottomLeft",open:u,onOpenChange:y,dropdownRender:()=>(0,i.jsxs)("div",{className:"device-dropdown",children:[(0,i.jsx)("div",{className:"dropdown-header",children:(0,i.jsx)("span",{className:"dropdown-title",children:"Devices list"})}),(0,i.jsxs)("div",{className:"device-list",children:[n.map(e=>(0,i.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,i.jsxs)("div",{className:"device-item-content",children:[(0,i.jsx)("div",{className:"device-item-icon-container",children:(0,i.jsx)(ob.Z,{className:"device-item-icon"})}),(0,i.jsxs)("div",{className:"device-item-info",children:[(0,i.jsx)("div",{className:"device-item-name",children:e.name||e.id}),(0,i.jsxs)("div",{className:"device-item-status",children:[(0,i.jsx)("div",{className:"status-badge",children:"device"===e.status.toLowerCase()?(0,i.jsxs)(i.Fragment,{children:[oI("#52c41a"),(0,i.jsx)("span",{className:"status-text",children:"Online"})]}):(0,i.jsxs)(i.Fragment,{children:[oI("#f5222d"),(0,i.jsx)("span",{className:"status-text",children:"Offline"})]})}),(0,i.jsx)(oS.Z,{type:"vertical",className:"status-divider"}),(0,i.jsxs)("div",{className:"device-id-container",children:["Device ID: ",e.id]})]})]}),"device"===e.status.toLowerCase()&&l===e.id&&(0,i.jsx)("div",{className:"current-device-indicator",children:"Current device"})]})},e.id)),0===n.length&&(0,i.jsx)("div",{className:"device-list-empty",children:"No devices found"})]})]}),children:(0,i.jsxs)(rg.ZP,{className:"device-dropdown-button",children:[(0,i.jsxs)("div",{className:"device-icon-container",children:[(0,i.jsx)(ob.Z,{className:"device-icon"}),l&&f&&(0,i.jsx)("div",{className:"status-indicator",children:(null==(r=n.find(e=>e.id===l))?void 0:r.status.toLowerCase())==="device"?(0,i.jsx)(i.Fragment,{children:oI("#52c41a")}):(0,i.jsx)(i.Fragment,{children:oI("#f5222d")})})]}),l&&!C&&f?(0,i.jsx)("span",{className:"device-name",children:(null==(o=n.find(e=>e.id===l))?void 0:o.name)||l}):(0,i.jsx)("span",{className:"device-name no-device",children:"No device"}),(0,i.jsx)("span",{className:"dropdown-arrow",children:"▼"})]})})]})]})};var oj=r(7379),oD=r(92882),oP=r(81138),oM=r(32686),oT=r(72688),oL=r(44600);let oK=e=>(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16",...e,children:(0,i.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"})}),oR=e=>(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16",...e,children:[(0,i.jsxs)("g",{fill:"#606266",clipPath:"url(#screenshot_svg__a)",children:[(0,i.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,i.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,i.jsx)("defs",{children:(0,i.jsx)("clipPath",{id:"screenshot_svg__a",children:(0,i.jsx)("path",{fill:"#fff",d:"M0 0h16v16H0z"})})})]}),oU=e=>(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"none",viewBox:"0 0 16 16",...e,children:(0,i.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:oz}=rW.Z,o_=(0,tP.forwardRef)((e,t)=>{let{serverUrl:r,maxSize:o=1024,autoConnect:n=!0,autoReconnect:a=!0,reconnectInterval:l=5e3,onConnectionStatusChange:s}=e,[d,c]=(0,tP.useState)(!1),[u,y]=(0,tP.useState)(!1),[p,h]=(0,tP.useState)(null),[m,f]=(0,tP.useState)(""),g=(0,tP.useRef)(null),k=(0,tP.useRef)(null),C=(0,tP.useRef)(null),A=(0,tP.useRef)(null),v=(0,tP.useRef)(null),E=(0,tP.useRef)(null),N=t5(!0),x=(0,tP.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,tP.useCallback)(()=>{if(!C.current||!k.current||!p)return;let e=k.current,t=C.current,r=e.clientWidth,o=e.clientHeight,{width:i,height:n}=p,a=o-40,l=i/n,s=r,d=r/l;d>a&&(d=a,s=a*l),t.width=i,t.height=n,t.style.width=`${s}px`,t.style.height=`${d}px`,t.style.marginTop="20px",t.style.marginBottom="20px"},[p]);(0,tP.useEffect)(()=>{let e=()=>{w()};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[w]),(0,tP.useEffect)(()=>{w()},[p,w]);let b=async()=>{if(oM.P.isSupported){let e=new oM.P;return{renderer:e,element:e.canvas}}let e=new oT.I;return{renderer:e,element:e.canvas}},S=async e=>{if(!oP.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 b();if(C.current=r,k.current){let e=k.current.querySelector(".canvas-wrapper");e&&(x(e),e.appendChild(C.current))}return new oP.h({codec:e,renderer:t})},I=e=>{let t=!1,r=[],o=new TransformStream({transform(e,o){let i={type:e.type,data:new Uint8Array(e.data),timestamp:e.timestamp};"configuration"===i.type?(o.enqueue(i),t=!0,r.length>0&&(r.forEach(e=>o.enqueue(e)),r=[])):"data"===i.type?t?o.enqueue(i):r.push(i):o.enqueue(i)}});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,n()}},o=r=>{console.error("stream error:",r),t||(e.error(Error(r.message)),t=!0,n())},i=()=>{t||(e.close(),t=!0,n())},n=()=>{g.current&&(g.current.off("video-data",r),g.current.off("error",o),g.current.off("disconnect",i))};return g.current&&(g.current.on("video-data",r),g.current.on("error",o),g.current.on("disconnect",i)),()=>{t=!0,n()}}}).pipeThrough(o)},O=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")}},j=(0,tP.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),c(!1),h(null)},[x]);(0,tP.useImperativeHandle)(t,()=>({disconnectDevice:j}),[j]);let D=(0,tP.useCallback)(async()=>{try{if(j(),y(!1),c(!0),h(null),await new Promise(e=>setTimeout(e,150)),!r){console.error("Cannot connect: missing server URL"),c(!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),ov.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),ov.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,ow.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:oD.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;h({width:t,height:r})}),I(e).pipeTo(A.current.writable).catch(e=>{console.error("video stream processing error:",e),null==s||s(!1)}),y(!0),c(!1),null==s||s(!0)}catch(e){console.error("Failed to initialize decoder:",e),c(!1),null==s||s(!1)}}),g.current.on("error",e=>{console.error("server error:",e),ov.ZP.error("server error"),c(!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),c(!1),null==s||s(!1),a&&!v.current&&(v.current=setTimeout(()=>{v.current=null,D()},l))}}catch(e){c(!1),null==s||s(!1),console.error(`Failed to connect: ${e.message}`),ov.ZP.error("connection failed"),a&&!v.current&&(v.current=setTimeout(()=>{v.current=null,D()},l))}},[r,o,a,l,s,j]);return(0,tP.useEffect)(()=>{if(n&&!u&&!d){let e=setTimeout(()=>{D()},300);return()=>clearTimeout(e)}},[n,u,d,D]),(0,tP.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,i.jsx)("div",{className:"scrcpy-container",children:(0,i.jsxs)(oL.Z,{children:[u&&(0,i.jsxs)("div",{className:"header-bar",children:[(0,i.jsxs)("div",{className:"header-left",children:[(0,i.jsx)(oz,{style:{fontWeight:600,fontSize:12},children:"Screen Projection"}),(0,i.jsx)(rd.Z,{placement:"bottom",title:`Device ID: ${m||"Unknown"}`,children:(0,i.jsx)(oj.Z,{})})]}),(0,i.jsx)("div",{className:"screen-info",children:(0,i.jsxs)(oz,{type:"secondary",children:["size : ",null==p?void 0:p.width,"\xd7",null==p?void 0:p.height]})}),(0,i.jsxs)("div",{className:"header-right",children:[(0,i.jsx)(rd.Z,{placement:"bottom",title:"Screenshot",children:(0,i.jsx)(rg.ZP,{icon:(0,i.jsx)(oR,{}),onClick:O})}),(0,i.jsx)(oS.Z,{type:"vertical",style:{margin:"0 16px"}}),(0,i.jsx)(rd.Z,{placement:"bottom",title:"Connect Device",children:(0,i.jsx)(rg.ZP,{disabled:u,style:{backgroundColor:"#fff"},icon:(0,i.jsx)(oK,{}),onClick:D})}),u&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(oS.Z,{type:"vertical",style:{margin:"0 16px"}}),(0,i.jsx)(rd.Z,{title:"Disconnect Device",children:(0,i.jsx)(rg.ZP,{icon:(0,i.jsx)(oU,{}),onClick:j})})]})]})]}),(0,i.jsx)(oN.Z,{gutter:[16,16],children:(0,i.jsx)(ox.Z,{span:24,children:(0,i.jsx)("div",{className:"video-section",children:(0,i.jsxs)("div",{ref:k,className:"video-container",children:[(0,i.jsx)("div",{className:"canvas-wrapper"}),!u&&N&&(0,i.jsxs)("div",{className:"empty-state",children:[(0,i.jsx)("div",{className:"empty-state-icon",children:"\uD83D\uDCF1"}),(0,i.jsx)("div",{className:"empty-state-text",children:d?"Connecting to device...":"No device connected"}),!d&&(0,i.jsx)(rg.ZP,{type:"primary",onClick:()=>{D()},children:"Connect now"}),d&&(0,i.jsx)("div",{className:"loading-spinner",children:(0,i.jsx)(r6.Z,{size:"large"})})]}),!N&&(0,i.jsx)("span",{children:"Please launch playground server!"})]})})})})]})})}),{Content:oF}=oA.Z,oB="http://localhost:5700",oZ=document.getElementById("root");oZ&&n.createRoot(oZ).render((0,i.jsx)(function(){let[e]=rf.Z.useForm(),t=rf.Z.useWatch("type",e),[r,o]=(0,tP.useState)(!1),[n,a]=(0,tP.useState)(null),[l,s]=(0,tP.useState)(!1),[d,c]=(0,tP.useState)([]),[u,y]=(0,tP.useState)(!0),p=(0,tP.useRef)(null),[h,m]=ov.ZP.useMessage(),[f,g]=(0,tP.useState)(!1),[k,C]=(0,tP.useState)({result:void 0,dump:null,reportHTML:null,error:null}),[A,v]=(0,tP.useState)(0),[E,N]=(0,tP.useState)(null),{config:x,deepThink:w}=tD(),[b,S]=(0,tP.useState)(""),I=(0,tP.useRef)(null),O=(0,tP.useRef)(null),j=Object.keys(x||{}).length>=1,D=t5(!0),P=(0,tP.useRef)(null),M=(0,tP.useRef)(null),T=(0,tP.useCallback)(()=>{O.current&&(clearInterval(O.current),O.current=null)},[]);(0,tP.useEffect)(()=>{let e=(0,ow.io)(oB,{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=>{c(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),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"}`)}),P.current=e;let t=setTimeout(()=>{e.connected&&e.emit("get-devices")},2e3);return()=>{clearTimeout(t),e.disconnect()}},[h]);let L=(0,tP.useCallback)(function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(e!==p.current){if(!P.current||!P.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),T(),setTimeout(()=>{if(a(e),p.current=e,y(!0),P.current){P.current.emit("switch-device",e);let r=setTimeout(()=>{y(!1),h.error("Device switch timeout, please try again")},1e4);P.current.once("device-switched",()=>{clearTimeout(r),y(!1),setTimeout(()=>{s(!0),t||h.success(`Device selected: ${e}`)},500)}),P.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,T]),K=(0,tP.useCallback)(e=>{T(),O.current=setInterval(async()=>{try{let t=await t6(e);t.tip&&S(t.tip)}catch(e){console.error("Failed to poll task progress:",e)}},500)},[T]);(0,tP.useEffect)(()=>()=>{T()},[T]);let R=(0,tP.useCallback)(e=>{g(e),e&&n&&!l&&setTimeout(()=>{s(!0)},100)},[n]);(0,tP.useEffect)(()=>{if(l){let e=setTimeout(()=>{n===p.current&&s(!1)},800);return()=>clearTimeout(e)}},[l,n]),(0,tP.useEffect)(()=>{tf(x),t1(x)},[x]);let U=(0,tP.useCallback)(async()=>{if(!n)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),S("");let{type:t,prompt:r}=e.getFieldsValue(),i=Date.now().toString();I.current=i,K(i);try{let e=await t0(n,t,r,{requestId:i,deepThink:w});if(T(),C(e),o(!1),!e)throw Error("server returned empty response");if((null==e?void 0:e.dump)&&!["aiQuery","aiAssert"].includes(t)){let t=ro(e.dump);N(t),v(e=>e+1)}else N(null);h.success("Command executed")}catch(e){T(),o(!1),console.error("execute command error:",e),h.error(`Command execution failed: ${e instanceof Error?e.message:"Unknown error"}`)}},[n,h,f,e,K,T,w]),z=()=>{C(null),N(null),o(!1)},_=(0,tP.useCallback)(async()=>{T(),o(!1),z(),I.current&&await t2(I.current),h.info("Operation stopped")},[h,T]);return(0,i.jsxs)(oE.ZP,{theme:{token:{colorPrimary:"#2B83FF"},components:{Layout:{headerHeight:60,headerPadding:"0 30px",headerBg:"#FFF",bodyBg:"#FFF"}}},children:[m,(0,i.jsx)(oA.Z,{className:"app-container playground-container vertical-mode",children:(0,i.jsx)(oF,{className:"app-content",children:(0,i.jsx)("div",{className:"app-grid-layout",children:(0,i.jsxs)(oN.Z,{className:"app-grid-layout",children:[(0,i.jsx)(ox.Z,{className:"app-panel left-panel",children:(0,i.jsxs)("div",{className:"panel-content left-panel-content",children:[(0,i.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"10px"},children:[(0,i.jsx)(rl,{}),(0,i.jsx)(ry,{})]}),(0,i.jsx)("h2",{children:"Command input"}),(0,i.jsx)(rf.Z,{form:e,className:"command-form",children:(0,i.jsxs)("div",{className:"form-content",children:[(0,i.jsx)("div",{className:"command-input-wrapper",children:(0,i.jsx)(r1,{runButtonEnabled:!!n&&j,form:e,serviceMode:"Server",selectedType:t,dryMode:!1,stoppable:r,loading:r,onRun:U,onStop:_})}),(0,i.jsx)("div",{className:"result-container",style:k?{}:{border:"1px solid #0000001f",borderRadius:"8px"},children:(0,i.jsx)(oC,{result:k,loading:r,serverValid:D,serviceMode:"Server",replayScriptsInfo:E,replayCounter:A,loadingProgressText:b,verticalMode:!1,notReadyMessage:(0,i.jsxs)("span",{children:["Don't worry, just one more step to launch the playground server.",(0,i.jsx)("br",{}),(0,i.jsx)("strong",{children:"npx --yes @midscene/android-playground"})]})})})]})})]})}),(0,i.jsx)(ox.Z,{className:"app-panel right-panel",children:(0,i.jsxs)("div",{className:"panel-content right-panel-content",children:[(0,i.jsx)(oO,{devices:d,loadingDevices:u,selectedDeviceId:n,onDeviceSelect:L,socketRef:P,scrcpyPlayerRef:M}),(0,i.jsx)(o_,{ref:M,serverUrl:oB,autoConnect:l,onConnectionStatusChange:R})]})})]})})})})]})},{}))},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 i=t[o];if(void 0!==i)return i.exports;var n=t[o]={id:o,loaded:!1,exports:{}};return e[o].call(n.exports,n,n.exports,r),n.loaded=!0,n.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,i){if(1&i&&(o=this(o)),8&i||"object"==typeof o&&o&&(4&i&&o.__esModule||16&i&&"function"==typeof o.then))return o;var n=Object.create(null);r.r(n);var a={};e=e||[null,t({}),t([]),t(t)];for(var l=2&i&&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(n,a),n}})(),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=()=>"7c9f53fb6dba9d7b",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,i,n,a){if(e[o])return void e[o].push(i);if(void 0!==n)for(var l,s,d=document.getElementsByTagName("script"),c=0;c<d.length;c++){var u=d[c];if(u.getAttribute("src")==o||u.getAttribute("data-webpack")==t+n){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+n),l.src=o),e[o]=[i];var y=function(t,r){l.onerror=l.onload=null,clearTimeout(p);var i=e[o];if(delete e[o],l.parentNode&&l.parentNode.removeChild(l),i&&i.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,i,n)=>{if(o){n=n||0;for(var a=e.length;a>0&&e[a-1][2]>n;a--)e[a]=e[a-1];e[a]=[o,i,n];return}for(var l=1/0,a=0;a<e.length;a++){for(var[o,i,n]=e[a],s=!0,d=0;d<o.length;d++)(!1&n||l>=n)&&Object.keys(r.O).every(e=>r.O[e](o[d]))?o.splice(d--,1):(s=!1,n<l&&(l=n));if(s){e.splice(a--,1);var c=i();void 0!==c&&(t=c)}}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 i=r.o(e,t)?e[t]:void 0;if(0!==i)if(i)o.push(i[2]);else{var n=new Promise((r,o)=>i=e[t]=[r,o]);o.push(i[2]=n);var a=r.p+r.u(t),l=Error();r.l(a,function(o){if(r.o(e,t)&&(0!==(i=e[t])&&(e[t]=void 0),i)){var n=o&&("load"===o.type?"missing":o.type),a=o&&o.target&&o.target.src;l.message="Loading chunk "+t+" failed.\n("+n+": "+a+")",l.name="ChunkLoadError",l.type=n,l.request=a,i[1](l)}},"chunk-"+t,t)}},r.O.j=t=>0===e[t];var t=(t,o)=>{var i,n,[a,l,s]=o,d=0;if(a.some(t=>0!==e[t])){for(i in l)r.o(l,i)&&(r.m[i]=l[i]);if(s)var c=s(r)}for(t&&t(o);d<a.length;d++)n=a[d],r.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return r.O(c)},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","763"],function(){return r(93804)});o=r.O(o)})();
15
+ //# sourceMappingURL=index.de906bb0.js.map