@midscene/web 0.2.2-beta-20240809090814.0 → 0.2.2

package/dist/es/index.js

@@ -153,13 +153,17 @@ async function getElementInfosFromPage(page) {
   assert(pathDir, `can't find pathDir, with ${__dirname}`);
   const scriptPath = path.join(pathDir, "./dist/script/htmlElement.js");
   const elementInfosScriptContent = readFileSync(scriptPath, "utf-8");
-  const extraReturnLogic = `${elementInfosScriptContent}midscene_element_inspector.extractTextWithPositionDFS()`;
+  const extraReturnLogic = `${elementInfosScriptContent}midscene_element_inspector.extractTextWithPosition()`;
   const captureElementSnapshot = await page.evaluate(extraReturnLogic);
   return captureElementSnapshot;
 }
+var sizeThreshold = 3;
 async function alignElements(screenshotBuffer, elements, page) {
   const textsAligned = [];
-  for (const item of elements) {
+  const validElements = elements.filter((item) => {
+    return item.rect.height >= sizeThreshold && item.rect.width >= sizeThreshold;
+  });
+  for (const item of validElements) {
     const { rect } = item;
     const aligned = await alignCoordByTrim(screenshotBuffer, rect);
     item.rect = aligned;
@@ -293,7 +297,8 @@ var PageTaskExecutor = class {
           type: "Insight",
           subType: "Assert",
           param: assertPlan.param,
-          executor: async () => {
+          executor: async (param, taskContext) => {
+            const { task } = taskContext;
             let insightDump;
             const dumpCollector = (dump) => {
               insightDump = dump;
@@ -302,6 +307,15 @@ var PageTaskExecutor = class {
             const assertion = await this.insight.assert(
               assertPlan.param.assertion
             );
+            if (!assertion.pass) {
+              task.output = assertion;
+              task.log = {
+                dump: insightDump
+              };
+              throw new Error(
+                assertion.thought || "Assertion failed without reason"
+              );
+            }
             return {
               output: assertion,
               log: {
@@ -467,29 +481,26 @@ var PageTaskExecutor = class {
         };
       }
     };
-    try {
-      await taskExecutor.append(this.wrapExecutorWithScreenshot(planningTask));
-      await taskExecutor.flush();
-      this.executionDump = taskExecutor.dump();
-      const executables = await this.convertPlanToExecutable(plans);
-      await taskExecutor.append(executables);
-      await taskExecutor.flush();
-      this.executionDump = taskExecutor.dump();
-      assert2(
-        taskExecutor.status !== "error",
-        `failed to execute tasks: ${taskExecutor.status}, msg: ${taskExecutor.errorMsg || ""}`
-      );
-    } catch (e) {
-      this.executionDump = taskExecutor.dump();
-      const err = new Error(e.message, { cause: e });
-      throw err;
+    await taskExecutor.append(this.wrapExecutorWithScreenshot(planningTask));
+    let output = await taskExecutor.flush();
+    if (taskExecutor.isInErrorState()) {
+      return {
+        output,
+        executor: taskExecutor
+      };
     }
+    const executables = await this.convertPlanToExecutable(plans);
+    await taskExecutor.append(executables);
+    output = await taskExecutor.flush();
+    return {
+      output,
+      executor: taskExecutor
+    };
   }
   async query(demand) {
-    const description = JSON.stringify(demand);
+    const description = typeof demand === "string" ? demand : JSON.stringify(demand);
     const taskExecutor = new Executor(description);
     taskExecutor.description = description;
-    let data;
     const queryTask = {
       type: "Insight",
       subType: "Query",
@@ -502,23 +513,19 @@ var PageTaskExecutor = class {
           insightDump = dump;
         };
         this.insight.onceDumpUpdatedFn = dumpCollector;
-        data = await this.insight.extract(param.dataDemand);
+        const data = await this.insight.extract(param.dataDemand);
         return {
           output: data,
           log: { dump: insightDump }
         };
       }
     };
-    try {
-      await taskExecutor.append(this.wrapExecutorWithScreenshot(queryTask));
-      await taskExecutor.flush();
-      this.executionDump = taskExecutor.dump();
-    } catch (e) {
-      this.executionDump = taskExecutor.dump();
-      const err = new Error(e.message, { cause: e });
-      throw err;
-    }
-    return data;
+    await taskExecutor.append(this.wrapExecutorWithScreenshot(queryTask));
+    const output = await taskExecutor.flush();
+    return {
+      output,
+      executor: taskExecutor
+    };
   }
   async assert(assertion) {
     const description = assertion;
@@ -532,9 +539,11 @@ var PageTaskExecutor = class {
     };
     const assertTask = await this.convertPlanToExecutable([assertionPlan]);
     await taskExecutor.append(this.wrapExecutorWithScreenshot(assertTask[0]));
-    const assertionResult = await taskExecutor.flush();
-    this.executionDump = taskExecutor.dump();
-    return assertionResult;
+    const output = await taskExecutor.flush();
+    return {
+      output,
+      executor: taskExecutor
+    };
   }
 };
 
@@ -559,54 +568,39 @@ var PageAgent = class {
   }
   writeOutActionDumps() {
     this.dumpFile = writeDumpFile({
-      fileName: `playwright-${this.testId}`,
+      fileName: `run-${this.testId}`,
       fileExt: groupedActionDumpFileExt,
       fileContent: stringifyDumpData(this.dumps)
     });
   }
   async aiAction(taskPrompt) {
-    let error;
-    try {
-      await this.taskExecutor.action(taskPrompt);
-    } catch (e) {
-      error = e;
-    }
-    if (this.taskExecutor.executionDump) {
-      this.appendDump(this.taskExecutor.executionDump);
-      this.writeOutActionDumps();
-    }
-    if (error) {
-      console.error(error);
-      throw new Error(error.message, { cause: error });
+    const { executor } = await this.taskExecutor.action(taskPrompt);
+    this.appendDump(executor.dump());
+    this.writeOutActionDumps();
+    if (executor.isInErrorState()) {
+      const errorTask = executor.latestErrorTask();
+      throw new Error(`${errorTask == null ? void 0 : errorTask.error}
+${errorTask == null ? void 0 : errorTask.errorStack}`);
     }
   }
   async aiQuery(demand) {
-    let error;
-    let result;
-    try {
-      result = await this.taskExecutor.query(demand);
-    } catch (e) {
-      error = e;
-    }
-    if (this.taskExecutor.executionDump) {
-      this.appendDump(this.taskExecutor.executionDump);
-      this.writeOutActionDumps();
+    const { output, executor } = await this.taskExecutor.query(demand);
+    this.appendDump(executor.dump());
+    this.writeOutActionDumps();
+    if (executor.isInErrorState()) {
+      const errorTask = executor.latestErrorTask();
+      throw new Error(`${errorTask == null ? void 0 : errorTask.error}
+${errorTask == null ? void 0 : errorTask.errorStack}`);
     }
-    if (error) {
-      console.error(error);
-      throw new Error(error.message, { cause: error });
-    }
-    return result;
+    return output;
   }
   async aiAssert(assertion, msg) {
-    const assertionResult = await this.taskExecutor.assert(assertion);
-    if (this.taskExecutor.executionDump) {
-      this.appendDump(this.taskExecutor.executionDump);
-      this.writeOutActionDumps();
-    }
-    if (!assertionResult.pass) {
+    const { output, executor } = await this.taskExecutor.assert(assertion);
+    this.appendDump(executor.dump());
+    this.writeOutActionDumps();
+    if (!(output == null ? void 0 : output.pass)) {
       const errMsg = msg || `Assertion failed: ${assertion}`;
-      const reasonMsg = `Reason: ${assertionResult.thought}`;
+      const reasonMsg = `Reason: ${output == null ? void 0 : output.thought} || (no_reason)`;
       throw new Error(`${errMsg}
 ${reasonMsg}`);
     }

package/dist/lib/index.js

@@ -176,13 +176,17 @@ async function getElementInfosFromPage(page) {
   (0, import_node_assert.default)(pathDir, `can't find pathDir, with ${__dirname}`);
   const scriptPath = import_node_path.default.join(pathDir, "./dist/script/htmlElement.js");
   const elementInfosScriptContent = (0, import_node_fs.readFileSync)(scriptPath, "utf-8");
-  const extraReturnLogic = `${elementInfosScriptContent}midscene_element_inspector.extractTextWithPositionDFS()`;
+  const extraReturnLogic = `${elementInfosScriptContent}midscene_element_inspector.extractTextWithPosition()`;
   const captureElementSnapshot = await page.evaluate(extraReturnLogic);
   return captureElementSnapshot;
 }
+var sizeThreshold = 3;
 async function alignElements(screenshotBuffer, elements, page) {
   const textsAligned = [];
-  for (const item of elements) {
+  const validElements = elements.filter((item) => {
+    return item.rect.height >= sizeThreshold && item.rect.width >= sizeThreshold;
+  });
+  for (const item of validElements) {
     const { rect } = item;
     const aligned = await (0, import_image.alignCoordByTrim)(screenshotBuffer, rect);
     item.rect = aligned;
@@ -316,7 +320,8 @@ var PageTaskExecutor = class {
           type: "Insight",
           subType: "Assert",
           param: assertPlan.param,
-          executor: async () => {
+          executor: async (param, taskContext) => {
+            const { task } = taskContext;
             let insightDump;
             const dumpCollector = (dump) => {
               insightDump = dump;
@@ -325,6 +330,15 @@ var PageTaskExecutor = class {
             const assertion = await this.insight.assert(
               assertPlan.param.assertion
             );
+            if (!assertion.pass) {
+              task.output = assertion;
+              task.log = {
+                dump: insightDump
+              };
+              throw new Error(
+                assertion.thought || "Assertion failed without reason"
+              );
+            }
             return {
               output: assertion,
               log: {
@@ -490,29 +504,26 @@ var PageTaskExecutor = class {
         };
       }
     };
-    try {
-      await taskExecutor.append(this.wrapExecutorWithScreenshot(planningTask));
-      await taskExecutor.flush();
-      this.executionDump = taskExecutor.dump();
-      const executables = await this.convertPlanToExecutable(plans);
-      await taskExecutor.append(executables);
-      await taskExecutor.flush();
-      this.executionDump = taskExecutor.dump();
-      (0, import_node_assert2.default)(
-        taskExecutor.status !== "error",
-        `failed to execute tasks: ${taskExecutor.status}, msg: ${taskExecutor.errorMsg || ""}`
-      );
-    } catch (e) {
-      this.executionDump = taskExecutor.dump();
-      const err = new Error(e.message, { cause: e });
-      throw err;
+    await taskExecutor.append(this.wrapExecutorWithScreenshot(planningTask));
+    let output = await taskExecutor.flush();
+    if (taskExecutor.isInErrorState()) {
+      return {
+        output,
+        executor: taskExecutor
+      };
     }
+    const executables = await this.convertPlanToExecutable(plans);
+    await taskExecutor.append(executables);
+    output = await taskExecutor.flush();
+    return {
+      output,
+      executor: taskExecutor
+    };
   }
   async query(demand) {
-    const description = JSON.stringify(demand);
+    const description = typeof demand === "string" ? demand : JSON.stringify(demand);
     const taskExecutor = new import_core.Executor(description);
     taskExecutor.description = description;
-    let data;
     const queryTask = {
       type: "Insight",
       subType: "Query",
@@ -525,23 +536,19 @@ var PageTaskExecutor = class {
           insightDump = dump;
         };
         this.insight.onceDumpUpdatedFn = dumpCollector;
-        data = await this.insight.extract(param.dataDemand);
+        const data = await this.insight.extract(param.dataDemand);
         return {
           output: data,
           log: { dump: insightDump }
         };
       }
     };
-    try {
-      await taskExecutor.append(this.wrapExecutorWithScreenshot(queryTask));
-      await taskExecutor.flush();
-      this.executionDump = taskExecutor.dump();
-    } catch (e) {
-      this.executionDump = taskExecutor.dump();
-      const err = new Error(e.message, { cause: e });
-      throw err;
-    }
-    return data;
+    await taskExecutor.append(this.wrapExecutorWithScreenshot(queryTask));
+    const output = await taskExecutor.flush();
+    return {
+      output,
+      executor: taskExecutor
+    };
   }
   async assert(assertion) {
     const description = assertion;
@@ -555,9 +562,11 @@ var PageTaskExecutor = class {
     };
     const assertTask = await this.convertPlanToExecutable([assertionPlan]);
     await taskExecutor.append(this.wrapExecutorWithScreenshot(assertTask[0]));
-    const assertionResult = await taskExecutor.flush();
-    this.executionDump = taskExecutor.dump();
-    return assertionResult;
+    const output = await taskExecutor.flush();
+    return {
+      output,
+      executor: taskExecutor
+    };
   }
 };
 
@@ -582,54 +591,39 @@ var PageAgent = class {
   }
   writeOutActionDumps() {
     this.dumpFile = (0, import_utils4.writeDumpFile)({
-      fileName: `playwright-${this.testId}`,
+      fileName: `run-${this.testId}`,
       fileExt: import_utils4.groupedActionDumpFileExt,
       fileContent: (0, import_utils4.stringifyDumpData)(this.dumps)
     });
   }
   async aiAction(taskPrompt) {
-    let error;
-    try {
-      await this.taskExecutor.action(taskPrompt);
-    } catch (e) {
-      error = e;
-    }
-    if (this.taskExecutor.executionDump) {
-      this.appendDump(this.taskExecutor.executionDump);
-      this.writeOutActionDumps();
-    }
-    if (error) {
-      console.error(error);
-      throw new Error(error.message, { cause: error });
+    const { executor } = await this.taskExecutor.action(taskPrompt);
+    this.appendDump(executor.dump());
+    this.writeOutActionDumps();
+    if (executor.isInErrorState()) {
+      const errorTask = executor.latestErrorTask();
+      throw new Error(`${errorTask == null ? void 0 : errorTask.error}
+${errorTask == null ? void 0 : errorTask.errorStack}`);
     }
   }
   async aiQuery(demand) {
-    let error;
-    let result;
-    try {
-      result = await this.taskExecutor.query(demand);
-    } catch (e) {
-      error = e;
-    }
-    if (this.taskExecutor.executionDump) {
-      this.appendDump(this.taskExecutor.executionDump);
-      this.writeOutActionDumps();
+    const { output, executor } = await this.taskExecutor.query(demand);
+    this.appendDump(executor.dump());
+    this.writeOutActionDumps();
+    if (executor.isInErrorState()) {
+      const errorTask = executor.latestErrorTask();
+      throw new Error(`${errorTask == null ? void 0 : errorTask.error}
+${errorTask == null ? void 0 : errorTask.errorStack}`);
     }
-    if (error) {
-      console.error(error);
-      throw new Error(error.message, { cause: error });
-    }
-    return result;
+    return output;
   }
   async aiAssert(assertion, msg) {
-    const assertionResult = await this.taskExecutor.assert(assertion);
-    if (this.taskExecutor.executionDump) {
-      this.appendDump(this.taskExecutor.executionDump);
-      this.writeOutActionDumps();
-    }
-    if (!assertionResult.pass) {
+    const { output, executor } = await this.taskExecutor.assert(assertion);
+    this.appendDump(executor.dump());
+    this.writeOutActionDumps();
+    if (!(output == null ? void 0 : output.pass)) {
       const errMsg = msg || `Assertion failed: ${assertion}`;
-      const reasonMsg = `Reason: ${assertionResult.thought}`;
+      const reasonMsg = `Reason: ${output == null ? void 0 : output.thought} || (no_reason)`;
       throw new Error(`${errMsg}
 ${reasonMsg}`);
     }

package/dist/script/htmlElement.js

@@ -577,7 +577,7 @@ var midscene_element_inspector = (() => {
   // src/extractor/index.ts
   var extractor_exports = {};
   __export(extractor_exports, {
-    extractTextWithPositionDFS: () => extractTextWithPositionDFS
+    extractTextWithPosition: () => extractTextWithPosition
   });
 
   // src/extractor/constants.ts
@@ -720,7 +720,7 @@ var midscene_element_inspector = (() => {
   function generateId(numberId) {
     return `${numberId}`;
   }
-  function extractTextWithPositionDFS(initNode = container) {
+  function extractTextWithPosition(initNode = container) {
     const elementInfoArray = [];
     const nodeMapTree = { node: initNode, children: [] };
     let nodeIndex = 1;

package/dist/script/types/htmlElement.d.ts

@@ -23,6 +23,6 @@ interface ElementInfo {
     };
     center: [number, number];
 }
-declare function extractTextWithPositionDFS(initNode?: Node): ElementInfo[];
+declare function extractTextWithPosition(initNode?: Node): ElementInfo[];
 
-export { extractTextWithPositionDFS };
+export { extractTextWithPosition };

package/dist/types/index.d.ts

@@ -1,7 +1,7 @@
 import { TestInfo } from '@playwright/test';
 import { Page } from 'playwright';
 import { Page as Page$1 } from 'puppeteer';
-import Insight, { BaseElement, Rect, UIContext, PlanningAction, AIElementParseResponse, ExecutionDump, InsightExtractParam, InsightAssertionResponse, GroupedActionDump } from '@midscene/core';
+import Insight, { BaseElement, Rect, UIContext, PlanningAction, AIElementParseResponse, InsightExtractParam, InsightAssertionResponse, Executor, GroupedActionDump, ExecutionDump } from '@midscene/core';
 
 type WebPage = Page | Page$1;
 
@@ -106,10 +106,13 @@ declare class TaskCache {
     generateTaskCache(): AiTaskCache;
 }
 
+interface ExecutionResult<OutputType = any> {
+    output: OutputType;
+    executor: Executor;
+}
 declare class PageTaskExecutor {
     page: WebPage;
     insight: Insight<WebElementInfo, WebUIContext>;
-    executionDump?: ExecutionDump;
     taskCache: TaskCache;
     constructor(page: WebPage, opts: {
         cache: AiTaskCache;
@@ -117,9 +120,9 @@ declare class PageTaskExecutor {
     private recordScreenshot;
     private wrapExecutorWithScreenshot;
     private convertPlanToExecutable;
-    action(userPrompt: string): Promise<void>;
-    query(demand: InsightExtractParam): Promise<any>;
-    assert(assertion: string): Promise<InsightAssertionResponse>;
+    action(userPrompt: string): Promise<ExecutionResult>;
+    query(demand: InsightExtractParam): Promise<ExecutionResult>;
+    assert(assertion: string): Promise<ExecutionResult<InsightAssertionResponse>>;
 }
 
 declare const PlaywrightAiFixture: () => {

package/dist/visualizer-report/index.html

@@ -1 +1 @@
-<!doctype html><html><head><title></title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no,viewport-fit=cover,minimum-scale=1,maximum-scale=1,user-scalable=no"><meta http-equiv="x-ua-compatible" content="ie=edge"><meta name="renderer" content="webkit"><meta name="layoutmode" content="standard"><meta name="imagemode" content="force"><meta name="wap-font-scale" content="no"><meta name="format-detection" content="telephone=no"><script defer="defer">(()=>{"use strict";var e={},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var u=t[n]={exports:{}};return e[n].call(u.exports,u,u.exports,r),u.exports}r.m=e,r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},(()=>{var e,t=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__};r.t=function(n,o){if(1&o&&(n=this(n)),8&o||"object"==typeof n&&n&&(4&o&&n.__esModule||16&o&&"function"==typeof n.then))return n;var u=Object.create(null);r.r(u);var i={};e=e||[null,t({}),t([]),t(t)];for(var a=2&o&&n;"object"==typeof a&&!~e.indexOf(a);a=t(a))Object.getOwnPropertyNames(a).forEach((function(e){i[e]=function(){return n[e]}}));return i.default=function(){return n},r.d(u,i),u}})(),r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.f={},r.e=function(e){return Promise.all(Object.keys(r.f).reduce((function(t,n){return r.f[n](e,t),t}),[]))},r.u=function(e){return"static/js/async/"+e+"."+{16:"8b96d0ce",212:"b25a2c30",353:"78fcb703",399:"84fa60a7",453:"782b249a",544:"ee973964",983:"ef821e39"}[e]+".js"},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},(()=>{var e={},t="@midscene/visualizer-report:";r.l=function(n,o,u,i){if(e[n])e[n].push(o);else{if(void 0!==u)for(var a,c,f=document.getElementsByTagName("script"),l=0;l<f.length;l++){var s=f[l];if(s.getAttribute("src")==n||s.getAttribute("data-webpack")==t+u){a=s;break}}!a&&(c=!0,(a=document.createElement("script")).charset="utf-8",a.timeout=120,r.nc&&a.setAttribute("nonce",r.nc),a.setAttribute("data-webpack",t+u),a.src=n),e[n]=[o];var d=function(t,r){a.onerror=a.onload=null,clearTimeout(p);var o=e[n];if(delete e[n],a.parentNode&&a.parentNode.removeChild(a),o&&o.forEach((function(e){return e(r)})),t)return t(r)},p=setTimeout(d.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=d.bind(null,a.onerror),a.onload=d.bind(null,a.onload),c&&document.head.appendChild(a)}}})(),r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e=[];r.O=function(t,n,o,u){if(!n){var i=1/0;for(l=0;l<e.length;l++){n=e[l][0],o=e[l][1],u=e[l][2];for(var a=!0,c=0;c<n.length;c++)(!1&u||i>=u)&&Object.keys(r.O).every((function(e){return r.O[e](n[c])}))?n.splice(c--,1):(a=!1,u<i&&(i=u));if(a){e.splice(l--,1);var f=o();void 0!==f&&(t=f)}}return t}u=u||0;for(var l=e.length;l>0&&e[l-1][2]>u;l--)e[l]=e[l-1];e[l]=[n,o,u]}})(),r.p="/",r.rv=function(){return"1.0.0-alpha.5"},(()=>{var e={242:0};r.f.j=function(t,n){var o=r.o(e,t)?e[t]:void 0;if(0!==o)if(o)n.push(o[2]);else if(242!=t){var u=new Promise((function(r,n){o=e[t]=[r,n]}));n.push(o[2]=u);var i=r.p+r.u(t),a=Error();r.l(i,(function(n){if(r.o(e,t)&&(0!==(o=e[t])&&(e[t]=void 0),o)){var u=n&&("load"===n.type?"missing":n.type),i=n&&n.target&&n.target.src;a.message="Loading chunk "+t+" failed.\n("+u+": "+i+")",a.name="ChunkLoadError",a.type=u,a.request=i,o[1](a)}}),"chunk-"+t,t)}else e[t]=0},r.O.j=function(t){return 0===e[t]};var t=function(t,n){var o,u,i=n[0],a=n[1],c=n[2],f=0;if(i.some((function(t){return 0!==e[t]}))){for(o in a)r.o(a,o)&&(r.m[o]=a[o]);if(c)var l=c(r)}for(t&&t(n);f<i.length;f++)u=i[f],r.o(e,u)&&e[u]&&e[u][0](),e[u]=0;return r.O(l)},n=self.webpackChunk_midscene_visualizer_report=self.webpackChunk_midscene_visualizer_report||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),r.ruid="bundler=rspack@1.0.0-alpha.5"})()</script><script defer="defer" src="/static/js/lib-react.c011fc71.js"></script><script defer="defer" src="/static/js/lib-polyfill.3da3e38e.js"></script><script defer="defer" src="/static/js/lib-antd.583c9200.js"></script><script defer="defer" src="/static/js/lib-router.226970ff.js"></script><script defer="defer" src="/static/js/160.5ac2287a.js"></script><script defer="defer" src="/static/js/index.56e33cc4.js"></script><link href="/static/css/index.eccd04e1.css" rel="stylesheet"></head><body><div id="root"><!--<?- html ?>--></div><!--<?- chunksMap.js ?>--><!--<?- SSRDataScript ?>--></body></html>
+<!doctype html><html><head><title></title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no,viewport-fit=cover,minimum-scale=1,maximum-scale=1,user-scalable=no"><meta http-equiv="x-ua-compatible" content="ie=edge"><meta name="renderer" content="webkit"><meta name="layoutmode" content="standard"><meta name="imagemode" content="force"><meta name="wap-font-scale" content="no"><meta name="format-detection" content="telephone=no"><script defer="defer">(()=>{"use strict";var e={},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var u=t[n]={exports:{}};return e[n].call(u.exports,u,u.exports,r),u.exports}r.m=e,r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},(()=>{var e,t=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__};r.t=function(n,o){if(1&o&&(n=this(n)),8&o||"object"==typeof n&&n&&(4&o&&n.__esModule||16&o&&"function"==typeof n.then))return n;var u=Object.create(null);r.r(u);var i={};e=e||[null,t({}),t([]),t(t)];for(var a=2&o&&n;"object"==typeof a&&!~e.indexOf(a);a=t(a))Object.getOwnPropertyNames(a).forEach((function(e){i[e]=function(){return n[e]}}));return i.default=function(){return n},r.d(u,i),u}})(),r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.f={},r.e=function(e){return Promise.all(Object.keys(r.f).reduce((function(t,n){return r.f[n](e,t),t}),[]))},r.u=function(e){return"static/js/async/"+e+"."+{16:"8b96d0ce",212:"b25a2c30",353:"78fcb703",399:"84fa60a7",453:"782b249a",544:"ee973964",983:"ef821e39"}[e]+".js"},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},(()=>{var e={},t="@midscene/visualizer-report:";r.l=function(n,o,u,i){if(e[n])e[n].push(o);else{if(void 0!==u)for(var a,c,f=document.getElementsByTagName("script"),l=0;l<f.length;l++){var s=f[l];if(s.getAttribute("src")==n||s.getAttribute("data-webpack")==t+u){a=s;break}}!a&&(c=!0,(a=document.createElement("script")).charset="utf-8",a.timeout=120,r.nc&&a.setAttribute("nonce",r.nc),a.setAttribute("data-webpack",t+u),a.src=n),e[n]=[o];var d=function(t,r){a.onerror=a.onload=null,clearTimeout(p);var o=e[n];if(delete e[n],a.parentNode&&a.parentNode.removeChild(a),o&&o.forEach((function(e){return e(r)})),t)return t(r)},p=setTimeout(d.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=d.bind(null,a.onerror),a.onload=d.bind(null,a.onload),c&&document.head.appendChild(a)}}})(),r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e=[];r.O=function(t,n,o,u){if(!n){var i=1/0;for(l=0;l<e.length;l++){n=e[l][0],o=e[l][1],u=e[l][2];for(var a=!0,c=0;c<n.length;c++)(!1&u||i>=u)&&Object.keys(r.O).every((function(e){return r.O[e](n[c])}))?n.splice(c--,1):(a=!1,u<i&&(i=u));if(a){e.splice(l--,1);var f=o();void 0!==f&&(t=f)}}return t}u=u||0;for(var l=e.length;l>0&&e[l-1][2]>u;l--)e[l]=e[l-1];e[l]=[n,o,u]}})(),r.p="/",r.rv=function(){return"1.0.0-alpha.5"},(()=>{var e={242:0};r.f.j=function(t,n){var o=r.o(e,t)?e[t]:void 0;if(0!==o)if(o)n.push(o[2]);else if(242!=t){var u=new Promise((function(r,n){o=e[t]=[r,n]}));n.push(o[2]=u);var i=r.p+r.u(t),a=Error();r.l(i,(function(n){if(r.o(e,t)&&(0!==(o=e[t])&&(e[t]=void 0),o)){var u=n&&("load"===n.type?"missing":n.type),i=n&&n.target&&n.target.src;a.message="Loading chunk "+t+" failed.\n("+u+": "+i+")",a.name="ChunkLoadError",a.type=u,a.request=i,o[1](a)}}),"chunk-"+t,t)}else e[t]=0},r.O.j=function(t){return 0===e[t]};var t=function(t,n){var o,u,i=n[0],a=n[1],c=n[2],f=0;if(i.some((function(t){return 0!==e[t]}))){for(o in a)r.o(a,o)&&(r.m[o]=a[o]);if(c)var l=c(r)}for(t&&t(n);f<i.length;f++)u=i[f],r.o(e,u)&&e[u]&&e[u][0](),e[u]=0;return r.O(l)},n=self.webpackChunk_midscene_visualizer_report=self.webpackChunk_midscene_visualizer_report||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),r.ruid="bundler=rspack@1.0.0-alpha.5"})()</script><script defer="defer" src="/static/js/lib-react.c011fc71.js"></script><script defer="defer" src="/static/js/lib-polyfill.3da3e38e.js"></script><script defer="defer" src="/static/js/lib-antd.583c9200.js"></script><script defer="defer" src="/static/js/lib-router.226970ff.js"></script><script defer="defer" src="/static/js/43.c54711bc.js"></script><script defer="defer" src="/static/js/index.013f8b6a.js"></script><link href="/static/css/index.ce838015.css" rel="stylesheet"></head><body><div id="root"><!--<?- html ?>--></div><!--<?- chunksMap.js ?>--><!--<?- SSRDataScript ?>--></body></html>

package/dist/visualizer-report/static/css/{index.eccd04e1.css → index.ce838015.css}

@@ -1 +1 @@
-.nav-u66WwU{margin:20px 0;max-width:680px}.container-Hq9bKt{margin:0 auto;max-width:980px}.test-result-pnK7ny{margin-top:40px}.test-details-UpOFMM{border-top:1px solid #ccc;cursor:pointer;margin-top:-1px;padding:20px}.test-details-UpOFMM:hover{background-color:#d3d3d3}.test-info-AphlaH{display:flex}.test-name-us3J87{flex-grow:1;font-size:medium;font-weight:700}.failed-LIeQqO{font-size:small}.test-file-path-BdYiH4{color:#6e7781;margin-top:10px}.test-result{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;font-family:Arial,sans-serif;margin:20px;padding:20px}.test-summary{margin-bottom:20px}.test-summary div{margin:5px 0}.test-file,.test-project,.test-status,.test-time{font-weight:700}.test-status.failed{color:red}.test-details{margin-top:20px}.test-name{font-size:1.2em;margin-bottom:10px}.test-duration{color:#555}.ant-collapse-content-box{padding:0!important}body,html{margin:0;padding:0}.rspress-nav{transition:.2s}:root{--modern-sidebar-width:0!important;--modern-aside-width:0!important;--modern-preview-padding:0!important}.modern-doc,.modern-doc-layout{height:100vh;margin:0!important;padding:0!important;width:100%!important}.modern-sidebar,header.w-full{display:none!important}.modern-doc-container{padding:0!important}footer.mt-8{display:none}.page-container{border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;color:#3b3b3b;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:14px;height:100%}.ant-layout{flex-grow:1;height:100%}.main-right{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.main-right .main-content{background:#fff;display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.main-right.uploader-wrapper{box-sizing:border-box;flex-direction:column;justify-content:center;margin:auto;max-width:800px}.main-right.uploader-wrapper .uploader{width:100%}.main-right.uploader-wrapper .demo-loader{margin-top:10px;text-align:center;width:100%}.main-right .main-canvas-container{background:#fff;border-left:1px solid #e5e5e5;flex-grow:1;height:100%;overflow-x:hidden;overflow-y:scroll}.main-right .main-side{box-sizing:border-box;overflow-y:scroll}.main-right .json-content{word-wrap:break-word;white-space:pre-wrap}.detail-side h2{margin-bottom:4px;margin-top:0;padding-top:0}.detail-side .ant-tag{margin-top:2px}.detail-side .meta-kv{padding:10px 10px 14px}.detail-side .meta-kv .meta{box-sizing:border-box;display:flex;flex-direction:row;line-height:1.5;padding:2px 0;width:100%}.detail-side .meta-kv .meta .meta-key{padding-right:16px;text-align:right;width:100px}.detail-side .meta-kv .meta .meta-value{flex:1 1}.detail-side .item-list{cursor:default;margin-bottom:10px;padding:10px 10px}.detail-side .item-list .item{border:1px solid #ddd;border-radius:5px;margin-bottom:10px;padding:16px 10px 10px;position:relative;transition:.1s}.detail-side .item-list .item.item-lite{border:none;padding:0}.detail-side .item-list .item-highlight{color:#fff}.detail-side .item-list .item-highlight .subtitle{color:#ccc}.detail-side .item-list .item-extra{color:#777;position:absolute;right:10px;top:10px}.detail-side .item-list .title-right-padding{padding-right:15px}.detail-side .item-list .title{font-size:18px;font-weight:700;margin-bottom:5px}.detail-side .item-list .title .title-tag{color:#777;display:inline-block;font-size:14px;line-height:18px;margin-left:6px}.detail-side .item-list .subtitle{color:#777;font-size:14px;font-weight:400}.detail-side .item-list .description{margin-top:5px}.detail-side .item-list .description-content{font-size:14px;margin-top:10px;white-space:break-spaces;word-wrap:break-word;margin:0}.detail-side .item-list .element-button:hover{background:#f9483e;color:#fff}.detail-side .item-list .section-button:hover{background:#01204e;color:#fff}.detail-side pre{text-wrap:balance}.detail-side .item-list-space-up{margin-top:10px}.task-list-name{background:#f8f8f8;border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;font-weight:700;margin-top:-1px;padding:2px 10px}.side-bar{background:#f8f8f8;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:auto;width:100%}.side-bar .brand{cursor:pointer;display:flex;padding:10px 5px}.side-bar .task-meta-section{margin-top:6px}.side-bar .task-meta{color:#777;font-weight:400;padding-left:10px}.side-bar .side-seperator{border-top:1px none}.side-bar .side-seperator.side-seperator-line{border-top:1px solid #e5e5e5}.side-bar .side-seperator.side-seperator-space-up{margin-top:10px}.side-bar .side-seperator.side-seperator-space-down{margin-bottom:10px}.side-bar .side-sub-title{margin-bottom:6px;padding:0 10px}.side-bar .side-item{cursor:pointer;padding:2px 0;transition:.1s}.side-bar .side-item:hover{background:#dcdcdc80}.side-bar .side-item.selected{background:#bfc4da80}.side-bar .side-item .side-item-content{padding:0 10px 0 26px}.side-bar .side-item-name{display:flex;justify-content:space-between;padding:0 10px 0 26px;position:relative}.side-bar .side-item-name .status-icon{color:#aaa;display:inline-block;font-size:10px;left:10px;line-height:10px;margin-top:-5px;position:absolute;top:50%}.side-bar .side-item-name .status-icon-success{color:#2b8243}.side-bar .side-item-name .status-icon-fail{color:#ff0a0a}.side-bar .side-item-name .status-text{color:#777}.side-bar .bottom-controls{padding:10px 10px;text-align:left;text-align:center}.detail-panel{background:#fff;display:flex;flex-direction:column;height:100%;padding:10px}.detail-panel .ant-segmented{padding:0}.detail-panel .view-switcher{flex-shrink:0;margin-bottom:10px}.detail-panel .detail-content{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center}.detail-panel .blackboard{margin:0 auto}.detail-panel .screenshot-item{margin-bottom:10px}.detail-panel .screenshot-item .screenshot-item-title{margin-bottom:5px}.detail-panel .screenshot-item img{border:1px solid #888;max-width:100%}.blackboard .footer{color:#aaa}.blackboard ul{padding-left:0}.blackboard li{list-style:none}.blackboard .bottom-tip{height:30px}.blackboard .bottom-tip-item{color:#aaa;max-width:500px;text-overflow:ellipsis;word-wrap:break-word}.blackboard-filter{margin:10px 0}.blackboard-main-content canvas{border:1px solid #888;width:100%}.global-hover-preview{background:#f8f8f8;border:1px solid #e5e5e5;box-shadow:1px 1px 5px 0 rgba(0,0,0,.2);box-sizing:border-box;display:block;max-height:400px;max-width:400px;overflow:hidden;position:fixed;text-align:center;z-index:10}.global-hover-preview img{height:auto;max-height:400px;max-width:400px;width:auto}.timeline-wrapper{border-bottom:1px solid #e5e5e5;box-sizing:border-box;flex-basis:110px;flex-grow:0;flex-shrink:0;position:relative}.timeline-wrapper,.timeline-wrapper .timeline-canvas-wrapper,.timeline-wrapper canvas{height:100%;width:100%}
+.nav-u66WwU{margin:20px 0;max-width:680px}.container-Hq9bKt{margin:0 auto;max-width:980px}.test-result-pnK7ny{margin-top:40px}.test-details-UpOFMM{border-top:1px solid #ccc;cursor:pointer;margin-top:-1px;padding:20px}.test-details-UpOFMM:hover{background-color:#d3d3d3}.test-info-AphlaH{display:flex}.test-name-us3J87{flex-grow:1;font-size:medium;font-weight:700}.failed-LIeQqO{font-size:small}.test-file-path-BdYiH4{color:#6e7781;margin-top:10px}.test-result{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;font-family:Arial,sans-serif;margin:20px;padding:20px}.test-summary{margin-bottom:20px}.test-summary div{margin:5px 0}.test-file,.test-project,.test-status,.test-time{font-weight:700}.test-status.failed{color:red}.test-details{margin-top:20px}.test-name{font-size:1.2em;margin-bottom:10px}.test-duration{color:#555}.ant-collapse-content-box{padding:0!important}body,html{margin:0;padding:0}.rspress-nav{transition:.2s}:root{--modern-sidebar-width:0!important;--modern-aside-width:0!important;--modern-preview-padding:0!important}.modern-doc,.modern-doc-layout{height:100vh;margin:0!important;padding:0!important;width:100%!important}.modern-sidebar,header.w-full{display:none!important}.modern-doc-container{padding:0!important}footer.mt-8{display:none}.page-container{border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;color:#3b3b3b;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:14px;height:100%}.ant-layout{flex-grow:1;height:100%}.main-right{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.main-right .main-content{background:#fff;display:flex;flex-direction:row;flex-grow:1;overflow:hidden}.main-right.uploader-wrapper{box-sizing:border-box;flex-direction:column;justify-content:center;margin:auto;max-width:800px}.main-right.uploader-wrapper .uploader{width:100%}.main-right.uploader-wrapper .demo-loader{margin-top:10px;text-align:center;width:100%}.main-right .main-canvas-container{background:#fff;border-left:1px solid #e5e5e5;flex-grow:1;height:100%;overflow-x:hidden;overflow-y:scroll}.main-right .main-side{box-sizing:border-box;overflow-y:scroll}.main-right .json-content{word-wrap:break-word;white-space:pre-wrap}.detail-side h2{margin-bottom:4px;margin-top:0;padding-top:0}.detail-side .ant-tag{margin-top:2px}.detail-side .meta-kv{padding:10px 10px 14px}.detail-side .meta-kv .meta{box-sizing:border-box;display:flex;flex-direction:row;line-height:1.5;padding:2px 0;width:100%}.detail-side .meta-kv .meta .meta-key{padding-right:16px;text-align:right;width:100px}.detail-side .meta-kv .meta .meta-value{flex:1 1}.detail-side .item-list{cursor:default;margin-bottom:10px;padding:10px 10px}.detail-side .item-list .item{border:1px solid #ddd;border-radius:5px;margin-bottom:10px;padding:16px 10px 10px;position:relative;transition:.1s}.detail-side .item-list .item.item-lite{border:none;padding:0}.detail-side .item-list .item-highlight{color:#fff}.detail-side .item-list .item-highlight .subtitle{color:#ccc}.detail-side .item-list .item-extra{color:#777;position:absolute;right:10px;top:10px}.detail-side .item-list .title-right-padding{padding-right:15px}.detail-side .item-list .title{font-size:18px;font-weight:700;margin-bottom:5px}.detail-side .item-list .title .title-tag{color:#777;display:inline-block;font-size:14px;line-height:18px;margin-left:6px}.detail-side .item-list .subtitle{color:#777;font-size:14px;font-weight:400}.detail-side .item-list .description{margin-top:5px}.detail-side .item-list .description-content{font-size:14px;margin-top:10px;white-space:break-spaces;word-wrap:break-word;margin:0}.detail-side .item-list .element-button:hover{background:#f9483e;color:#fff}.detail-side .item-list .section-button:hover{background:#01204e;color:#fff}.detail-side pre{text-wrap:balance}.detail-side .item-list-space-up{margin-top:10px}.task-list-name{background:#f8f8f8;border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;font-weight:700;margin-top:-1px;padding:2px 10px}.side-bar{background:#f8f8f8;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:auto;width:100%}.side-bar .brand{cursor:pointer;display:flex;padding:10px 5px}.side-bar .task-meta-section{margin-top:6px}.side-bar .task-meta{color:#777;font-weight:400;padding-left:10px}.side-bar .side-seperator{border-top:1px none}.side-bar .side-seperator.side-seperator-line{border-top:1px solid #e5e5e5}.side-bar .side-seperator.side-seperator-space-up{margin-top:10px}.side-bar .side-seperator.side-seperator-space-down{margin-bottom:10px}.side-bar .side-sub-title{margin-bottom:6px;padding:0 10px}.side-bar .name-status{display:inline-block;font-size:12px;margin-right:6px}.side-bar .side-item{cursor:pointer;padding:2px 0;transition:.1s}.side-bar .side-item:hover{background:#dcdcdc80}.side-bar .side-item.selected{background:#bfc4da80}.side-bar .side-item .side-item-content{padding:0 10px 0 28px}.side-bar .side-item-name{display:flex;justify-content:space-between;padding:0 10px 0 28px;position:relative}.side-bar .side-item-name .status-icon{color:#aaa;display:inline-block;font-size:12px;left:10px;line-height:10px;margin-top:-5px;position:absolute;top:50%}.side-bar .side-item-name .status-icon-success{color:#2b8243}.side-bar .side-item-name .status-icon-fail{color:#ff0a0a}.side-bar .side-item-name .status-text{color:#777}.side-bar .bottom-controls{padding:10px 10px;text-align:left;text-align:center}.detail-panel{background:#fff;display:flex;flex-direction:column;height:100%;padding:10px}.detail-panel .ant-segmented{padding:0}.detail-panel .view-switcher{flex-shrink:0;margin-bottom:10px}.detail-panel .detail-content{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;justify-content:center}.detail-panel .blackboard{margin:0 auto}.detail-panel .screenshot-item{margin-bottom:10px}.detail-panel .screenshot-item .screenshot-item-title{margin-bottom:5px}.detail-panel .screenshot-item img{border:1px solid #888;max-width:100%}.blackboard .footer{color:#aaa}.blackboard ul{padding-left:0}.blackboard li{list-style:none}.blackboard .bottom-tip{height:30px}.blackboard .bottom-tip-item{color:#aaa;max-width:500px;text-overflow:ellipsis;word-wrap:break-word}.blackboard-filter{margin:10px 0}.blackboard-main-content canvas{border:1px solid #888;width:100%}.global-hover-preview{background:#f8f8f8;border:1px solid #e5e5e5;box-shadow:1px 1px 5px 0 rgba(0,0,0,.2);box-sizing:border-box;display:block;max-height:400px;max-width:400px;overflow:hidden;position:fixed;text-align:center;z-index:10}.global-hover-preview img{height:auto;max-height:400px;max-width:400px;width:auto}.timeline-wrapper{border-bottom:1px solid #e5e5e5;box-sizing:border-box;flex-basis:110px;flex-grow:0;flex-shrink:0;position:relative}.timeline-wrapper,.timeline-wrapper .timeline-canvas-wrapper,.timeline-wrapper canvas{height:100%;width:100%}

package/dist/visualizer-report/static/css/{index.eccd04e1.css.map → index.ce838015.css.map}

@@ -1 +1 @@
-{"version":3,"file":"static/css/index.eccd04e1.css","sources":["webpack://@midscene/visualizer-report/./src/pages/Home.module.css","webpack://@midscene/visualizer-report/./src/pages/TestResult.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/index.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/component/detail-side.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/component/panel-title.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/component/sidebar.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/component/detail-panel.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/component/blackboard.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/component/global-hover-preview.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/component/timeline.css"],"sourcesContent":[".nav {\n    /* display: flex;\n    justify-content: center; */\n    max-width: 680px;\n    margin: 20px 0;\n}\n\n.container {\n    max-width: 980px;\n    margin: 0 auto;\n}\n\n.test-result {\n    margin-top: 40px;\n}\n\n\n.test-details {\n    margin-top: -1px;\n    cursor: pointer;\n    padding: 20px;\n    border-top: 1px solid #ccc;\n}\n.test-details:hover {\n    background-color: #d3d3d3;\n}\n\n.test-info {\n    display: flex;\n}\n.test-name{\n    flex-grow: 1;\n    font-weight: bold;\n    font-size: medium;\n}\n\n.failed{\n    font-size: small;\n}\n.test-file-path {\n    color: #6e7781;\n    margin-top: 10px;\n}",".test-result {\n    font-family: Arial, sans-serif;\n    margin: 20px;\n    padding: 20px;\n    border: 1px solid #ccc;\n    border-radius: 8px;\n    background-color: #f9f9f9;\n}\n\n.test-summary {\n  margin-bottom: 20px;\n}\n\n.test-summary div {\n  margin: 5px 0;\n}\n\n.test-project,\n.test-file,\n.test-status,\n.test-time {\n  font-weight: bold;\n}\n\n.test-status.failed {\n  color: red;\n}\n\n.test-details {\n  margin-top: 20px;\n}\n\n.test-name {\n  font-size: 1.2em;\n  margin-bottom: 10px;\n}\n\n.test-duration {\n  color: #555;\n}\n\n.ant-collapse-content-box {\n  padding: 0!important;\n}","html,\nbody {\n  padding: 0;\n  margin: 0;\n}\n.rspress-nav {\n  transition: 0.2s;\n}\n:root {\n  --modern-sidebar-width: 0 !important;\n  --modern-aside-width: 0 !important;\n  --modern-preview-padding: 0 !important;\n}\n.modern-doc-layout,\n.modern-doc {\n  width: 100% !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  height: 100vh;\n}\n.modern-sidebar,\nheader.w-full {\n  display: none !important;\n}\n.modern-doc-container {\n  padding: 0 !important;\n}\nfooter.mt-8 {\n  display: none;\n}\n.page-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  color: #3b3b3b;\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    \"Noto Sans\",\n    Helvetica,\n    Arial,\n    sans-serif,\n    \"Apple Color Emoji\",\n    \"Segoe UI Emoji\";\n  font-size: 14px;\n  border-top: 1px solid #E5E5E5;\n  border-bottom: 1px solid #E5E5E5;\n}\n.ant-layout {\n  flex-grow: 1;\n  height: 100%;\n}\n.main-right {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n}\n.main-right .main-content {\n  display: flex;\n  flex-direction: row;\n  flex-grow: 1;\n  overflow: hidden;\n  background: #FFF;\n}\n.main-right.uploader-wrapper {\n  box-sizing: border-box;\n  margin: auto;\n  max-width: 800px;\n  flex-direction: column;\n  justify-content: center;\n}\n.main-right.uploader-wrapper .uploader {\n  width: 100%;\n}\n.main-right.uploader-wrapper .demo-loader {\n  width: 100%;\n  text-align: center;\n  margin-top: 10px;\n}\n.main-right .main-canvas-container {\n  flex-grow: 1;\n  height: 100%;\n  background: #ffffff;\n  overflow-x: hidden;\n  overflow-y: scroll;\n  border-left: 1px solid #E5E5E5;\n}\n.main-right .main-side {\n  box-sizing: border-box;\n  overflow-y: scroll;\n}\n.main-right .json-content {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n}\n",".detail-side h2 {\n  padding-top: 0;\n  margin-top: 0;\n  margin-bottom: 4px;\n}\n.detail-side .ant-tag {\n  margin-top: 2px;\n}\n.detail-side .meta-kv {\n  padding: 10px 10px calc(10px + 4px);\n}\n.detail-side .meta-kv .meta {\n  box-sizing: border-box;\n  padding: 2px 0;\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  line-height: 1.5;\n}\n.detail-side .meta-kv .meta .meta-key {\n  width: 100px;\n  text-align: right;\n  padding-right: 16px;\n}\n.detail-side .meta-kv .meta .meta-value {\n  flex: 1 1;\n}\n.detail-side .item-list {\n  padding: 10px 10px;\n  cursor: default;\n  margin-bottom: 10px;\n}\n.detail-side .item-list .item {\n  padding: 16px 10px 10px;\n  transition: 0.1s;\n  border: 1px solid #DDD;\n  border-radius: 5px;\n  margin-bottom: 10px;\n  position: relative;\n}\n.detail-side .item-list .item.item-lite {\n  border: none;\n  padding: 0;\n}\n.detail-side .item-list .item-highlight {\n  color: #FFF;\n}\n.detail-side .item-list .item-highlight .subtitle {\n  color: #CCC;\n}\n.detail-side .item-list .item-extra {\n  position: absolute;\n  right: 10px;\n  top: 10px;\n  color: #777;\n}\n.detail-side .item-list .title-right-padding {\n  padding-right: 15px;\n}\n.detail-side .item-list .title {\n  font-size: 18px;\n  font-weight: bold;\n  margin-bottom: 5px;\n}\n.detail-side .item-list .title .title-tag {\n  display: inline-block;\n  margin-left: 6px;\n  color: #777;\n  font-size: 14px;\n  line-height: 18px;\n}\n.detail-side .item-list .subtitle {\n  font-weight: normal;\n  font-size: 14px;\n  color: #777;\n}\n.detail-side .item-list .description {\n  margin-top: 5px;\n}\n.detail-side .item-list .description-content {\n  font-size: 14px;\n  margin-top: 10px;\n  white-space: break-spaces;\n  word-wrap: break-word;\n  margin: 0;\n}\n.detail-side .item-list .element-button:hover {\n  color: #fff;\n  background: #F9483E;\n}\n.detail-side .item-list .section-button:hover {\n  color: #fff;\n  background: #01204E;\n}\n.detail-side pre {\n  text-wrap: balance;\n}\n.detail-side .item-list-space-up {\n  margin-top: 10px;\n}\n",".task-list-name {\n  padding: 2px 10px;\n  font-weight: bold;\n  background: #F8F8F8;\n  border-top: 1px solid #E5E5E5;\n  border-bottom: 1px solid #E5E5E5;\n  margin-top: -1px;\n}\n",".side-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  border-right: 1px solid #E5E5E5;\n  overflow: auto;\n  background: #F8F8F8;\n}\n.side-bar .brand {\n  padding: 10px 5px;\n  cursor: pointer;\n  display: flex;\n}\n.side-bar .task-meta-section {\n  margin-top: 6px;\n}\n.side-bar .task-meta {\n  color: #777;\n  font-weight: normal;\n  padding-left: 10px;\n}\n.side-bar .side-seperator {\n  border-top: 1px solid none;\n}\n.side-bar .side-seperator.side-seperator-line {\n  border-top: 1px solid #E5E5E5;\n}\n.side-bar .side-seperator.side-seperator-space-up {\n  margin-top: 10px;\n}\n.side-bar .side-seperator.side-seperator-space-down {\n  margin-bottom: 10px;\n}\n.side-bar .side-sub-title {\n  padding: 0 10px;\n  margin-bottom: 6px;\n}\n.side-bar .side-item {\n  cursor: pointer;\n  transition: 0.1s;\n  padding: 2px 0;\n}\n.side-bar .side-item:hover {\n  background: #dcdcdc80;\n}\n.side-bar .side-item.selected {\n  background: #bfc4da80;\n}\n.side-bar .side-item .side-item-content {\n  padding: 0 10px 0 calc(10px + 16px);\n}\n.side-bar .side-item-name {\n  padding: 0 10px 0 calc(10px + 16px);\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n}\n.side-bar .side-item-name .status-icon {\n  position: absolute;\n  left: 10px;\n  display: inline-block;\n  color: #AAA;\n  font-size: 10px;\n  line-height: 10px;\n  top: 50%;\n  margin-top: -5px;\n}\n.side-bar .side-item-name .status-icon-success {\n  color: #2B8243;\n}\n.side-bar .side-item-name .status-icon-fail {\n  color: #ff0a0a;\n}\n.side-bar .side-item-name .status-text {\n  color: #777;\n}\n.side-bar .bottom-controls {\n  padding: 10px 10px;\n  text-align: left;\n  text-align: center;\n}\n",".detail-panel {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  padding: 10px;\n  background: #FFF;\n}\n.detail-panel .ant-segmented {\n  padding: 0;\n}\n.detail-panel .view-switcher {\n  margin-bottom: 10px;\n  flex-shrink: 0;\n}\n.detail-panel .detail-content {\n  box-sizing: border-box;\n  justify-content: center;\n  flex-direction: column;\n  display: flex;\n  flex-grow: 1;\n}\n.detail-panel .blackboard {\n  margin: 0 auto;\n}\n.detail-panel .screenshot-item {\n  margin-bottom: 10px;\n}\n.detail-panel .screenshot-item .screenshot-item-title {\n  margin-bottom: 5px;\n}\n.detail-panel .screenshot-item img {\n  border: 1px solid #888;\n  max-width: 100%;\n}\n",".blackboard .footer {\n  color: #aaa;\n}\n.blackboard ul {\n  padding-left: 0px;\n}\n.blackboard li {\n  list-style: none;\n}\n.blackboard .bottom-tip {\n  height: 30px;\n}\n.blackboard .bottom-tip-item {\n  max-width: 500px;\n  color: #AAA;\n  text-overflow: ellipsis;\n  word-wrap: break-word;\n}\n.blackboard-filter {\n  margin: 10px 0;\n}\n.blackboard-main-content canvas {\n  width: 100%;\n  border: 1px solid #888;\n}\n",".global-hover-preview {\n  position: fixed;\n  display: block;\n  max-width: 400px;\n  max-height: 400px;\n  overflow: hidden;\n  z-index: 10;\n  text-align: center;\n  border: 1px solid #E5E5E5;\n  box-sizing: border-box;\n  background: #F8F8F8;\n  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);\n}\n.global-hover-preview img {\n  max-width: 400px;\n  max-height: 400px;\n  width: auto;\n  height: auto;\n}\n",".timeline-wrapper {\n  flex-basis: 110px;\n  flex-grow: 0;\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  border-bottom: 1px solid #E5E5E5;\n  position: relative;\n  box-sizing: border-box;\n}\n.timeline-wrapper .timeline-canvas-wrapper {\n  width: 100%;\n  height: 100%;\n}\n.timeline-wrapper canvas {\n  width: 100%;\n  height: 100%;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"static/css/index.ce838015.css","sources":["webpack://@midscene/visualizer-report/./src/pages/Home.module.css","webpack://@midscene/visualizer-report/./src/pages/TestResult.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/index.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/component/detail-side.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/component/panel-title.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/component/sidebar.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/component/detail-panel.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/component/blackboard.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/component/global-hover-preview.css","webpack://@midscene/visualizer-report/../visualizer/dist/es/component/timeline.css"],"sourcesContent":[".nav {\n    /* display: flex;\n    justify-content: center; */\n    max-width: 680px;\n    margin: 20px 0;\n}\n\n.container {\n    max-width: 980px;\n    margin: 0 auto;\n}\n\n.test-result {\n    margin-top: 40px;\n}\n\n\n.test-details {\n    margin-top: -1px;\n    cursor: pointer;\n    padding: 20px;\n    border-top: 1px solid #ccc;\n}\n.test-details:hover {\n    background-color: #d3d3d3;\n}\n\n.test-info {\n    display: flex;\n}\n.test-name{\n    flex-grow: 1;\n    font-weight: bold;\n    font-size: medium;\n}\n\n.failed{\n    font-size: small;\n}\n.test-file-path {\n    color: #6e7781;\n    margin-top: 10px;\n}",".test-result {\n    font-family: Arial, sans-serif;\n    margin: 20px;\n    padding: 20px;\n    border: 1px solid #ccc;\n    border-radius: 8px;\n    background-color: #f9f9f9;\n}\n\n.test-summary {\n  margin-bottom: 20px;\n}\n\n.test-summary div {\n  margin: 5px 0;\n}\n\n.test-project,\n.test-file,\n.test-status,\n.test-time {\n  font-weight: bold;\n}\n\n.test-status.failed {\n  color: red;\n}\n\n.test-details {\n  margin-top: 20px;\n}\n\n.test-name {\n  font-size: 1.2em;\n  margin-bottom: 10px;\n}\n\n.test-duration {\n  color: #555;\n}\n\n.ant-collapse-content-box {\n  padding: 0!important;\n}","html,\nbody {\n  padding: 0;\n  margin: 0;\n}\n.rspress-nav {\n  transition: 0.2s;\n}\n:root {\n  --modern-sidebar-width: 0 !important;\n  --modern-aside-width: 0 !important;\n  --modern-preview-padding: 0 !important;\n}\n.modern-doc-layout,\n.modern-doc {\n  width: 100% !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  height: 100vh;\n}\n.modern-sidebar,\nheader.w-full {\n  display: none !important;\n}\n.modern-doc-container {\n  padding: 0 !important;\n}\nfooter.mt-8 {\n  display: none;\n}\n.page-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  color: #3b3b3b;\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    \"Noto Sans\",\n    Helvetica,\n    Arial,\n    sans-serif,\n    \"Apple Color Emoji\",\n    \"Segoe UI Emoji\";\n  font-size: 14px;\n  border-top: 1px solid #E5E5E5;\n  border-bottom: 1px solid #E5E5E5;\n}\n.ant-layout {\n  flex-grow: 1;\n  height: 100%;\n}\n.main-right {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n}\n.main-right .main-content {\n  display: flex;\n  flex-direction: row;\n  flex-grow: 1;\n  overflow: hidden;\n  background: #FFF;\n}\n.main-right.uploader-wrapper {\n  box-sizing: border-box;\n  margin: auto;\n  max-width: 800px;\n  flex-direction: column;\n  justify-content: center;\n}\n.main-right.uploader-wrapper .uploader {\n  width: 100%;\n}\n.main-right.uploader-wrapper .demo-loader {\n  width: 100%;\n  text-align: center;\n  margin-top: 10px;\n}\n.main-right .main-canvas-container {\n  flex-grow: 1;\n  height: 100%;\n  background: #ffffff;\n  overflow-x: hidden;\n  overflow-y: scroll;\n  border-left: 1px solid #E5E5E5;\n}\n.main-right .main-side {\n  box-sizing: border-box;\n  overflow-y: scroll;\n}\n.main-right .json-content {\n  word-wrap: break-word;\n  white-space: pre-wrap;\n}\n",".detail-side h2 {\n  padding-top: 0;\n  margin-top: 0;\n  margin-bottom: 4px;\n}\n.detail-side .ant-tag {\n  margin-top: 2px;\n}\n.detail-side .meta-kv {\n  padding: 10px 10px calc(10px + 4px);\n}\n.detail-side .meta-kv .meta {\n  box-sizing: border-box;\n  padding: 2px 0;\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  line-height: 1.5;\n}\n.detail-side .meta-kv .meta .meta-key {\n  width: 100px;\n  text-align: right;\n  padding-right: 16px;\n}\n.detail-side .meta-kv .meta .meta-value {\n  flex: 1 1;\n}\n.detail-side .item-list {\n  padding: 10px 10px;\n  cursor: default;\n  margin-bottom: 10px;\n}\n.detail-side .item-list .item {\n  padding: 16px 10px 10px;\n  transition: 0.1s;\n  border: 1px solid #DDD;\n  border-radius: 5px;\n  margin-bottom: 10px;\n  position: relative;\n}\n.detail-side .item-list .item.item-lite {\n  border: none;\n  padding: 0;\n}\n.detail-side .item-list .item-highlight {\n  color: #FFF;\n}\n.detail-side .item-list .item-highlight .subtitle {\n  color: #CCC;\n}\n.detail-side .item-list .item-extra {\n  position: absolute;\n  right: 10px;\n  top: 10px;\n  color: #777;\n}\n.detail-side .item-list .title-right-padding {\n  padding-right: 15px;\n}\n.detail-side .item-list .title {\n  font-size: 18px;\n  font-weight: bold;\n  margin-bottom: 5px;\n}\n.detail-side .item-list .title .title-tag {\n  display: inline-block;\n  margin-left: 6px;\n  color: #777;\n  font-size: 14px;\n  line-height: 18px;\n}\n.detail-side .item-list .subtitle {\n  font-weight: normal;\n  font-size: 14px;\n  color: #777;\n}\n.detail-side .item-list .description {\n  margin-top: 5px;\n}\n.detail-side .item-list .description-content {\n  font-size: 14px;\n  margin-top: 10px;\n  white-space: break-spaces;\n  word-wrap: break-word;\n  margin: 0;\n}\n.detail-side .item-list .element-button:hover {\n  color: #fff;\n  background: #F9483E;\n}\n.detail-side .item-list .section-button:hover {\n  color: #fff;\n  background: #01204E;\n}\n.detail-side pre {\n  text-wrap: balance;\n}\n.detail-side .item-list-space-up {\n  margin-top: 10px;\n}\n",".task-list-name {\n  padding: 2px 10px;\n  font-weight: bold;\n  background: #F8F8F8;\n  border-top: 1px solid #E5E5E5;\n  border-bottom: 1px solid #E5E5E5;\n  margin-top: -1px;\n}\n",".side-bar {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  border-right: 1px solid #E5E5E5;\n  overflow: auto;\n  background: #F8F8F8;\n}\n.side-bar .brand {\n  padding: 10px 5px;\n  cursor: pointer;\n  display: flex;\n}\n.side-bar .task-meta-section {\n  margin-top: 6px;\n}\n.side-bar .task-meta {\n  color: #777;\n  font-weight: normal;\n  padding-left: 10px;\n}\n.side-bar .side-seperator {\n  border-top: 1px solid none;\n}\n.side-bar .side-seperator.side-seperator-line {\n  border-top: 1px solid #E5E5E5;\n}\n.side-bar .side-seperator.side-seperator-space-up {\n  margin-top: 10px;\n}\n.side-bar .side-seperator.side-seperator-space-down {\n  margin-bottom: 10px;\n}\n.side-bar .side-sub-title {\n  padding: 0 10px;\n  margin-bottom: 6px;\n}\n.side-bar .name-status {\n  font-size: 12px;\n  display: inline-block;\n  margin-right: 6px;\n}\n.side-bar .side-item {\n  cursor: pointer;\n  transition: 0.1s;\n  padding: 2px 0;\n}\n.side-bar .side-item:hover {\n  background: #dcdcdc80;\n}\n.side-bar .side-item.selected {\n  background: #bfc4da80;\n}\n.side-bar .side-item .side-item-content {\n  padding: 0 10px 0 calc(10px + 18px);\n}\n.side-bar .side-item-name {\n  padding: 0 10px 0 calc(10px + 18px);\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n}\n.side-bar .side-item-name .status-icon {\n  position: absolute;\n  left: 10px;\n  display: inline-block;\n  color: #AAA;\n  font-size: 12px;\n  line-height: 10px;\n  top: 50%;\n  margin-top: -5px;\n}\n.side-bar .side-item-name .status-icon-success {\n  color: #2B8243;\n}\n.side-bar .side-item-name .status-icon-fail {\n  color: #ff0a0a;\n}\n.side-bar .side-item-name .status-text {\n  color: #777;\n}\n.side-bar .bottom-controls {\n  padding: 10px 10px;\n  text-align: left;\n  text-align: center;\n}\n",".detail-panel {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  padding: 10px;\n  background: #FFF;\n}\n.detail-panel .ant-segmented {\n  padding: 0;\n}\n.detail-panel .view-switcher {\n  margin-bottom: 10px;\n  flex-shrink: 0;\n}\n.detail-panel .detail-content {\n  box-sizing: border-box;\n  justify-content: center;\n  flex-direction: column;\n  display: flex;\n  flex-grow: 1;\n}\n.detail-panel .blackboard {\n  margin: 0 auto;\n}\n.detail-panel .screenshot-item {\n  margin-bottom: 10px;\n}\n.detail-panel .screenshot-item .screenshot-item-title {\n  margin-bottom: 5px;\n}\n.detail-panel .screenshot-item img {\n  border: 1px solid #888;\n  max-width: 100%;\n}\n",".blackboard .footer {\n  color: #aaa;\n}\n.blackboard ul {\n  padding-left: 0px;\n}\n.blackboard li {\n  list-style: none;\n}\n.blackboard .bottom-tip {\n  height: 30px;\n}\n.blackboard .bottom-tip-item {\n  max-width: 500px;\n  color: #AAA;\n  text-overflow: ellipsis;\n  word-wrap: break-word;\n}\n.blackboard-filter {\n  margin: 10px 0;\n}\n.blackboard-main-content canvas {\n  width: 100%;\n  border: 1px solid #888;\n}\n",".global-hover-preview {\n  position: fixed;\n  display: block;\n  max-width: 400px;\n  max-height: 400px;\n  overflow: hidden;\n  z-index: 10;\n  text-align: center;\n  border: 1px solid #E5E5E5;\n  box-sizing: border-box;\n  background: #F8F8F8;\n  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);\n}\n.global-hover-preview img {\n  max-width: 400px;\n  max-height: 400px;\n  width: auto;\n  height: auto;\n}\n",".timeline-wrapper {\n  flex-basis: 110px;\n  flex-grow: 0;\n  flex-shrink: 0;\n  width: 100%;\n  height: 100%;\n  border-bottom: 1px solid #E5E5E5;\n  position: relative;\n  box-sizing: border-box;\n}\n.timeline-wrapper .timeline-canvas-wrapper {\n  width: 100%;\n  height: 100%;\n}\n.timeline-wrapper canvas {\n  width: 100%;\n  height: 100%;\n}\n"],"names":[],"mappings":"AAAA,YAII,aAAc,CADd,eAEJ,CAEA,kBAEI,aAAc,CADd,eAEJ,CAEA,oBACI,eACJ,CAGA,qBAII,yBAA0B,CAF1B,cAAe,CADf,eAAgB,CAEhB,YAEJ,CACA,2BACI,wBACJ,CAEA,kBACI,YACJ,CACA,kBACI,WAAY,CAEZ,gBAAiB,CADjB,eAEJ,CAEA,eACI,eACJ,CACA,uBACI,aAAc,CACd,eACJ,CC1CA,aAMI,wBAAyB,CAFzB,qBAAsB,CACtB,iBAAkB,CAJlB,4BAA8B,CAC9B,WAAY,CACZ,YAIJ,CAEA,cACE,kBACF,CAEA,kBACE,YACF,CAEA,iDAIE,eACF,CAEA,oBACE,SACF,CAEA,cACE,eACF,CAEA,WACE,eAAgB,CAChB,kBACF,CAEA,eACE,UACF,CAEA,0BACE,mBACF,CC3CA,UAGE,QAAS,CADT,SAEF,CACA,aACE,cACF,CACA,MACE,kCAAoC,CACpC,gCAAkC,CAClC,oCACF,CACA,+BAKE,YAAa,CAFb,kBAAoB,CACpB,mBAAqB,CAFrB,oBAIF,CACA,8BAEE,sBACF,CACA,sBACE,mBACF,CACA,YACE,YACF,CACA,gBAiBE,+BAAgC,CADhC,4BAA6B,CAZ7B,aAAc,CAHd,YAAa,CACb,qBAAsB,CAGtB,2HASkB,CAClB,cAAe,CAZf,WAeF,CACA,YACE,WAAY,CACZ,WACF,CACA,YAKE,qBAAsB,CAJtB,YAAa,CACb,qBAAsB,CAEtB,WAAY,CADZ,UAGF,CACA,0BAKE,eAAgB,CAJhB,YAAa,CACb,kBAAmB,CACnB,WAAY,CACZ,eAEF,CACA,6BACE,qBAAsB,CAGtB,qBAAsB,CACtB,sBAAuB,CAHvB,WAAY,CACZ,eAGF,CACA,uCACE,UACF,CACA,0CAGE,eAAgB,CADhB,iBAAkB,CADlB,UAGF,CACA,mCAGE,eAAmB,CAGnB,6BAA8B,CAL9B,WAAY,CACZ,WAAY,CAEZ,iBAAkB,CAClB,iBAEF,CACA,uBACE,qBAAsB,CACtB,iBACF,CACA,0BACE,oBAAqB,CACrB,oBACF,CCjGA,gBAGE,iBAAkB,CADlB,YAAa,CADb,aAGF,CACA,sBACE,cACF,CACA,sBACE,sBACF,CACA,4BACE,qBAAsB,CAGtB,YAAa,CACb,kBAAmB,CACnB,eAAgB,CAJhB,aAAc,CACd,UAIF,CACA,sCAGE,kBAAmB,CADnB,gBAAiB,CADjB,WAGF,CACA,wCACE,QACF,CACA,wBAEE,cAAe,CACf,kBAAmB,CAFnB,iBAGF,CACA,8BAGE,qBAAsB,CACtB,iBAAkB,CAClB,kBAAmB,CAJnB,sBAAuB,CAKvB,iBAAkB,CAJlB,cAKF,CACA,wCACE,WAAY,CACZ,SACF,CACA,wCACE,UACF,CACA,kDACE,UACF,CACA,oCAIE,UAAW,CAHX,iBAAkB,CAClB,UAAW,CACX,QAEF,CACA,6CACE,kBACF,CACA,+BACE,cAAe,CACf,eAAiB,CACjB,iBACF,CACA,0CAGE,UAAW,CAFX,oBAAqB,CAGrB,cAAe,CACf,gBAAiB,CAHjB,eAIF,CACA,kCAGE,UAAW,CADX,cAAe,CADf,eAGF,CACA,qCACE,cACF,CACA,6CACE,cAAe,CACf,eAAgB,CAChB,wBAAyB,CACzB,oBAAqB,CACrB,QACF,CACA,8CAEE,kBAAmB,CADnB,UAEF,CACA,8CAEE,kBAAmB,CADnB,UAEF,CACA,iBACE,iBACF,CACA,iCACE,eACF,CCnGA,gBAGE,kBAAmB,CAEnB,+BAAgC,CADhC,4BAA6B,CAF7B,eAAiB,CAIjB,eAAgB,CALhB,gBAMF,CCPA,UAQE,kBAAmB,CAFnB,8BAA+B,CAL/B,YAAa,CACb,qBAAsB,CAGtB,WAAY,CAFZ,6BAA8B,CAI9B,aAAc,CAHd,UAKF,CACA,iBAEE,cAAe,CACf,YAAa,CAFb,gBAGF,CACA,6BACE,cACF,CACA,qBACE,UAAW,CACX,eAAmB,CACnB,iBACF,CACA,0BACE,mBACF,CACA,8CACE,4BACF,CACA,kDACE,eACF,CACA,oDACE,kBACF,CACA,0BAEE,iBAAkB,CADlB,cAEF,CACA,uBAEE,oBAAqB,CADrB,cAAe,CAEf,gBACF,CACA,qBACE,cAAe,CAEf,aAAc,CADd,cAEF,CACA,2BACE,oBACF,CACA,8BACE,oBACF,CACA,wCACE,qBACF,CACA,0BAGE,YAAa,CACb,6BAA8B,CAH9B,qBAAmC,CACnC,iBAGF,CACA,uCAIE,UAAW,CADX,oBAAqB,CAErB,cAAe,CAHf,SAAU,CAIV,gBAAiB,CAEjB,eAAgB,CAPhB,iBAAkB,CAMlB,OAEF,CACA,+CACE,aACF,CACA,4CACE,aACF,CACA,uCACE,UACF,CACA,2BACE,iBAAkB,CAClB,eAAgB,CAChB,iBACF,CCvFA,cAKE,eAAgB,CAJhB,YAAa,CACb,qBAAsB,CACtB,WAAY,CACZ,YAEF,CACA,6BACE,SACF,CACA,6BAEE,aAAc,CADd,kBAEF,CACA,8BACE,qBAAsB,CAGtB,YAAa,CADb,qBAAsB,CAEtB,WAAY,CAHZ,sBAIF,CACA,0BACE,aACF,CACA,+BACE,kBACF,CACA,sDACE,iBACF,CACA,mCACE,qBAAsB,CACtB,cACF,CCjCA,oBACE,UACF,CACA,eACE,cACF,CACA,eACE,eACF,CACA,wBACE,WACF,CACA,6BAEE,UAAW,CADX,eAAgB,CAEhB,sBAAuB,CACvB,oBACF,CACA,mBACE,aACF,CACA,gCAEE,qBAAsB,CADtB,UAEF,CCxBA,sBAUE,kBAAmB,CAFnB,wBAAyB,CAGzB,uCAA4C,CAF5C,qBAAsB,CAPtB,aAAc,CAEd,gBAAiB,CADjB,eAAgB,CAEhB,eAAgB,CAJhB,cAAe,CAMf,iBAAkB,CADlB,UAMF,CACA,0BAIE,WAAY,CAFZ,gBAAiB,CADjB,eAAgB,CAEhB,UAEF,CClBA,kBAME,+BAAgC,CAEhC,qBAAsB,CAPtB,gBAAiB,CACjB,WAAY,CACZ,aAAc,CAId,iBAEF,CAKA,sFAEE,WAAY,CADZ,UAEF"}