@checkly/playwright-core 1.42.14 → 1.42.15

package/lib/vite/traceViewer/uiMode.ljHA9Ynz.js

@@ -1,1490 +0,0 @@
-import { u as useMeasure, r as reactExports, d as currentTheme, _ as __vitePreload, e as addThemeListener, f as removeThemeListener, j as jsxRuntimeExports, R as React, g as useSetting, c as connect, s as settings, S as SplitView, h as Toolbar, T as ToolbarButton, t as toggleTheme, m as msToString, i as testStatusIcon, k as idForAction, W as Workbench, M as MultiTraceModel, l as TreeView, a as applyTheme, b as reactDomExports } from "./assets/wsPort-xpIMLVfx.js";
-class StringInternPool {
-  constructor() {
-    this._stringCache = /* @__PURE__ */ new Map();
-  }
-  internString(s) {
-    let result = this._stringCache.get(s);
-    if (!result) {
-      this._stringCache.set(s, s);
-      result = s;
-    }
-    return result;
-  }
-}
-var define_process_env_default = {};
-class TeleReporterReceiver {
-  constructor(pathSeparator2, reporter, reuseTestCases, reportConfig) {
-    this._tests = /* @__PURE__ */ new Map();
-    this._listOnly = false;
-    this._clearPreviousResultsWhenTestBegins = false;
-    this._stringPool = new StringInternPool();
-    this._rootSuite = new TeleSuite("", "root");
-    this._pathSeparator = pathSeparator2;
-    this._reporter = reporter;
-    this._reuseTestCases = reuseTestCases;
-    this._reportConfig = reportConfig;
-  }
-  dispatch(message) {
-    const { method, params } = message;
-    if (method === "onConfigure") {
-      this._onConfigure(params.config);
-      return;
-    }
-    if (method === "onProject") {
-      this._onProject(params.project);
-      return;
-    }
-    if (method === "onBegin") {
-      this._onBegin();
-      return;
-    }
-    if (method === "onTestBegin") {
-      this._onTestBegin(params.testId, params.result);
-      return;
-    }
-    if (method === "onTestEnd") {
-      this._onTestEnd(params.test, params.result);
-      return;
-    }
-    if (method === "onStepBegin") {
-      this._onStepBegin(params.testId, params.resultId, params.step);
-      return;
-    }
-    if (method === "onStepEnd") {
-      this._onStepEnd(params.testId, params.resultId, params.step);
-      return;
-    }
-    if (method === "onError") {
-      this._onError(params.error);
-      return;
-    }
-    if (method === "onStdIO") {
-      this._onStdIO(params.type, params.testId, params.resultId, params.data, params.isBase64);
-      return;
-    }
-    if (method === "onEnd")
-      return this._onEnd(params.result);
-    if (method === "onExit")
-      return this._onExit();
-  }
-  _setClearPreviousResultsWhenTestBegins() {
-    this._clearPreviousResultsWhenTestBegins = true;
-  }
-  _onConfigure(config) {
-    var _a, _b;
-    this._rootDir = config.rootDir;
-    this._listOnly = config.listOnly;
-    this._config = this._parseConfig(config);
-    (_b = (_a = this._reporter).onConfigure) == null ? void 0 : _b.call(_a, this._config);
-  }
-  _onProject(project) {
-    let projectSuite = this._rootSuite.suites.find((suite) => suite.project().__projectId === project.id);
-    if (!projectSuite) {
-      projectSuite = new TeleSuite(project.name, "project");
-      this._rootSuite.suites.push(projectSuite);
-      projectSuite.parent = this._rootSuite;
-    }
-    projectSuite._project = this._parseProject(project);
-    this._mergeSuitesInto(project.suites, projectSuite);
-    if (this._listOnly) {
-      const testIds = /* @__PURE__ */ new Set();
-      const collectIds = (suite) => {
-        suite.tests.map((t) => t.testId).forEach((testId) => testIds.add(testId));
-        suite.suites.forEach(collectIds);
-      };
-      project.suites.forEach(collectIds);
-      const filterTests = (suite) => {
-        suite.tests = suite.tests.filter((t) => testIds.has(t.id));
-        suite.suites.forEach(filterTests);
-      };
-      filterTests(projectSuite);
-    }
-  }
-  _onBegin() {
-    var _a, _b;
-    (_b = (_a = this._reporter).onBegin) == null ? void 0 : _b.call(_a, this._rootSuite);
-  }
-  _onTestBegin(testId, payload) {
-    var _a, _b;
-    const test = this._tests.get(testId);
-    if (this._clearPreviousResultsWhenTestBegins)
-      test._clearResults();
-    const testResult = test._createTestResult(payload.id);
-    testResult.retry = payload.retry;
-    testResult.workerIndex = payload.workerIndex;
-    testResult.parallelIndex = payload.parallelIndex;
-    testResult.setStartTimeNumber(payload.startTime);
-    testResult.statusEx = "running";
-    (_b = (_a = this._reporter).onTestBegin) == null ? void 0 : _b.call(_a, test, testResult);
-  }
-  _onTestEnd(testEndPayload, payload) {
-    var _a, _b, _c;
-    const test = this._tests.get(testEndPayload.testId);
-    test.timeout = testEndPayload.timeout;
-    test.expectedStatus = testEndPayload.expectedStatus;
-    test.annotations = testEndPayload.annotations;
-    const result = test.resultsMap.get(payload.id);
-    result.duration = payload.duration;
-    result.status = payload.status;
-    result.statusEx = payload.status;
-    result.errors = payload.errors;
-    result.error = (_a = result.errors) == null ? void 0 : _a[0];
-    result.attachments = this._parseAttachments(payload.attachments);
-    (_c = (_b = this._reporter).onTestEnd) == null ? void 0 : _c.call(_b, test, result);
-    result.stepMap = /* @__PURE__ */ new Map();
-  }
-  _onStepBegin(testId, resultId, payload) {
-    var _a, _b;
-    const test = this._tests.get(testId);
-    const result = test.resultsMap.get(resultId);
-    const parentStep = payload.parentStepId ? result.stepMap.get(payload.parentStepId) : void 0;
-    const location = this._absoluteLocation(payload.location);
-    const step = new TeleTestStep(payload, parentStep, location);
-    if (parentStep)
-      parentStep.steps.push(step);
-    else
-      result.steps.push(step);
-    result.stepMap.set(payload.id, step);
-    (_b = (_a = this._reporter).onStepBegin) == null ? void 0 : _b.call(_a, test, result, step);
-  }
-  _onStepEnd(testId, resultId, payload) {
-    var _a, _b;
-    const test = this._tests.get(testId);
-    const result = test.resultsMap.get(resultId);
-    const step = result.stepMap.get(payload.id);
-    step.duration = payload.duration;
-    step.error = payload.error;
-    (_b = (_a = this._reporter).onStepEnd) == null ? void 0 : _b.call(_a, test, result, step);
-  }
-  _onError(error) {
-    var _a, _b;
-    (_b = (_a = this._reporter).onError) == null ? void 0 : _b.call(_a, error);
-  }
-  _onStdIO(type, testId, resultId, data, isBase64) {
-    var _a, _b, _c, _d;
-    const chunk = isBase64 ? globalThis.Buffer ? Buffer.from(data, "base64") : atob(data) : data;
-    const test = testId ? this._tests.get(testId) : void 0;
-    const result = test && resultId ? test.resultsMap.get(resultId) : void 0;
-    if (type === "stdout") {
-      result == null ? void 0 : result.stdout.push(chunk);
-      (_b = (_a = this._reporter).onStdOut) == null ? void 0 : _b.call(_a, chunk, test, result);
-    } else {
-      result == null ? void 0 : result.stderr.push(chunk);
-      (_d = (_c = this._reporter).onStdErr) == null ? void 0 : _d.call(_c, chunk, test, result);
-    }
-  }
-  async _onEnd(result) {
-    var _a, _b;
-    await ((_b = (_a = this._reporter).onEnd) == null ? void 0 : _b.call(_a, {
-      status: result.status,
-      startTime: new Date(result.startTime),
-      duration: result.duration
-    }));
-  }
-  _onExit() {
-    var _a, _b;
-    this._stringPool = new StringInternPool();
-    return (_b = (_a = this._reporter).onExit) == null ? void 0 : _b.call(_a);
-  }
-  _parseConfig(config) {
-    const result = { ...baseFullConfig, ...config };
-    if (this._reportConfig) {
-      result.configFile = this._reportConfig.configFile;
-      result.reportSlowTests = this._reportConfig.reportSlowTests;
-      result.quiet = this._reportConfig.quiet;
-      result.reporter = [...this._reportConfig.reporter];
-    }
-    return result;
-  }
-  _parseProject(project) {
-    return {
-      __projectId: project.id,
-      metadata: project.metadata,
-      name: project.name,
-      outputDir: this._absolutePath(project.outputDir),
-      repeatEach: project.repeatEach,
-      retries: project.retries,
-      testDir: this._absolutePath(project.testDir),
-      testIgnore: parseRegexPatterns(project.testIgnore),
-      testMatch: parseRegexPatterns(project.testMatch),
-      timeout: project.timeout,
-      grep: parseRegexPatterns(project.grep),
-      grepInvert: parseRegexPatterns(project.grepInvert),
-      dependencies: project.dependencies,
-      teardown: project.teardown,
-      snapshotDir: this._absolutePath(project.snapshotDir),
-      use: {}
-    };
-  }
-  _parseAttachments(attachments) {
-    return attachments.map((a) => {
-      return {
-        ...a,
-        body: a.base64 && globalThis.Buffer ? Buffer.from(a.base64, "base64") : void 0
-      };
-    });
-  }
-  _mergeSuitesInto(jsonSuites, parent) {
-    for (const jsonSuite of jsonSuites) {
-      let targetSuite = parent.suites.find((s) => s.title === jsonSuite.title);
-      if (!targetSuite) {
-        targetSuite = new TeleSuite(jsonSuite.title, jsonSuite.type);
-        targetSuite.parent = parent;
-        parent.suites.push(targetSuite);
-      }
-      targetSuite.location = this._absoluteLocation(jsonSuite.location);
-      targetSuite._fileId = jsonSuite.fileId;
-      targetSuite._parallelMode = jsonSuite.parallelMode;
-      this._mergeSuitesInto(jsonSuite.suites, targetSuite);
-      this._mergeTestsInto(jsonSuite.tests, targetSuite);
-    }
-  }
-  _mergeTestsInto(jsonTests, parent) {
-    for (const jsonTest of jsonTests) {
-      let targetTest = this._reuseTestCases ? parent.tests.find((s) => s.title === jsonTest.title) : void 0;
-      if (!targetTest) {
-        targetTest = new TeleTestCase(jsonTest.testId, jsonTest.title, this._absoluteLocation(jsonTest.location));
-        targetTest.parent = parent;
-        parent.tests.push(targetTest);
-        this._tests.set(targetTest.id, targetTest);
-      }
-      this._updateTest(jsonTest, targetTest);
-    }
-  }
-  _updateTest(payload, test) {
-    test.id = payload.testId;
-    test.location = this._absoluteLocation(payload.location);
-    test.retries = payload.retries;
-    test.tags = payload.tags ?? [];
-    return test;
-  }
-  _absoluteLocation(location) {
-    if (!location)
-      return location;
-    return {
-      ...location,
-      file: this._absolutePath(location.file)
-    };
-  }
-  _absolutePath(relativePath) {
-    if (!relativePath)
-      return relativePath;
-    return this._stringPool.internString(this._rootDir + this._pathSeparator + relativePath);
-  }
-}
-class TeleSuite {
-  constructor(title, type) {
-    this._requireFile = "";
-    this.suites = [];
-    this.tests = [];
-    this._parallelMode = "none";
-    this.title = title;
-    this._type = type;
-  }
-  allTests() {
-    const result = [];
-    const visit = (suite) => {
-      for (const entry of [...suite.suites, ...suite.tests]) {
-        if (entry instanceof TeleSuite)
-          visit(entry);
-        else
-          result.push(entry);
-      }
-    };
-    visit(this);
-    return result;
-  }
-  titlePath() {
-    const titlePath = this.parent ? this.parent.titlePath() : [];
-    if (this.title || this._type !== "describe")
-      titlePath.push(this.title);
-    return titlePath;
-  }
-  project() {
-    var _a;
-    return this._project ?? ((_a = this.parent) == null ? void 0 : _a.project());
-  }
-}
-class TeleTestCase {
-  constructor(id, title, location) {
-    this.fn = () => {
-    };
-    this.results = [];
-    this.expectedStatus = "passed";
-    this.timeout = 0;
-    this.annotations = [];
-    this.retries = 0;
-    this.tags = [];
-    this.repeatEachIndex = 0;
-    this.resultsMap = /* @__PURE__ */ new Map();
-    this.id = id;
-    this.title = title;
-    this.location = location;
-  }
-  titlePath() {
-    const titlePath = this.parent ? this.parent.titlePath() : [];
-    titlePath.push(this.title);
-    return titlePath;
-  }
-  outcome() {
-    var _a, _b;
-    const results = [...this.results];
-    while (((_a = results[0]) == null ? void 0 : _a.status) === "skipped" || ((_b = results[0]) == null ? void 0 : _b.status) === "interrupted")
-      results.shift();
-    if (!results.length)
-      return "skipped";
-    const failures = results.filter((result) => result.status !== "skipped" && result.status !== "interrupted" && result.status !== this.expectedStatus);
-    if (!failures.length)
-      return "expected";
-    if (failures.length === results.length)
-      return "unexpected";
-    return "flaky";
-  }
-  ok() {
-    const status = this.outcome();
-    return status === "expected" || status === "flaky" || status === "skipped";
-  }
-  _clearResults() {
-    this.results = [];
-    this.resultsMap.clear();
-  }
-  _createTestResult(id) {
-    const result = new TeleTestResult(this.results.length);
-    this.results.push(result);
-    this.resultsMap.set(id, result);
-    return result;
-  }
-}
-class TeleTestStep {
-  constructor(payload, parentStep, location) {
-    this.duration = -1;
-    this.steps = [];
-    this._startTime = 0;
-    this.title = payload.title;
-    this.category = payload.category;
-    this.location = location;
-    this.parent = parentStep;
-    this._startTime = payload.startTime;
-  }
-  titlePath() {
-    var _a;
-    const parentPath = ((_a = this.parent) == null ? void 0 : _a.titlePath()) || [];
-    return [...parentPath, this.title];
-  }
-  get startTime() {
-    return new Date(this._startTime);
-  }
-  set startTime(value) {
-    this._startTime = +value;
-  }
-}
-class TeleTestResult {
-  constructor(retry) {
-    this.parallelIndex = -1;
-    this.workerIndex = -1;
-    this.duration = -1;
-    this.stdout = [];
-    this.stderr = [];
-    this.attachments = [];
-    this.status = "skipped";
-    this.steps = [];
-    this.errors = [];
-    this.stepMap = /* @__PURE__ */ new Map();
-    this.statusEx = "scheduled";
-    this._startTime = 0;
-    this.retry = retry;
-  }
-  setStartTimeNumber(startTime) {
-    this._startTime = startTime;
-  }
-  get startTime() {
-    return new Date(this._startTime);
-  }
-  set startTime(value) {
-    this._startTime = +value;
-  }
-}
-const baseFullConfig = {
-  forbidOnly: false,
-  fullyParallel: false,
-  globalSetup: null,
-  globalTeardown: null,
-  globalTimeout: 0,
-  grep: /.*/,
-  grepInvert: null,
-  maxFailures: 0,
-  metadata: {},
-  preserveOutput: "always",
-  projects: [],
-  reporter: [[define_process_env_default.CI ? "dot" : "list"]],
-  reportSlowTests: { max: 5, threshold: 15e3 },
-  configFile: "",
-  rootDir: "",
-  quiet: false,
-  shard: null,
-  updateSnapshots: "missing",
-  version: "",
-  workers: 0,
-  webServer: null
-};
-function parseRegexPatterns(patterns) {
-  return patterns.map((p) => {
-    if (p.s)
-      return p.s;
-    return new RegExp(p.r.source, p.r.flags);
-  });
-}
-const XtermWrapper = ({
-  source
-}) => {
-  const [measure, xtermElement] = useMeasure();
-  const [theme, setTheme] = reactExports.useState(currentTheme());
-  const [modulePromise] = reactExports.useState(__vitePreload(() => import("./assets/xtermModule-_6TC5FYT.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url).then((m) => m.default));
-  const terminal = reactExports.useRef(null);
-  reactExports.useEffect(() => {
-    addThemeListener(setTheme);
-    return () => removeThemeListener(setTheme);
-  }, []);
-  reactExports.useEffect(() => {
-    const oldSourceWrite = source.write;
-    const oldSourceClear = source.clear;
-    (async () => {
-      const { Terminal, FitAddon } = await modulePromise;
-      const element = xtermElement.current;
-      if (!element)
-        return;
-      const terminalTheme = theme === "dark-mode" ? darkTheme : lightTheme;
-      if (terminal.current && terminal.current.terminal.options.theme === terminalTheme)
-        return;
-      if (terminal.current)
-        element.textContent = "";
-      const newTerminal = new Terminal({
-        convertEol: true,
-        fontSize: 13,
-        scrollback: 1e4,
-        fontFamily: "var(--vscode-editor-font-family)",
-        theme: terminalTheme
-      });
-      const fitAddon = new FitAddon();
-      newTerminal.loadAddon(fitAddon);
-      for (const p of source.pending)
-        newTerminal.write(p);
-      source.write = (data) => {
-        source.pending.push(data);
-        newTerminal.write(data);
-      };
-      source.clear = () => {
-        source.pending = [];
-        newTerminal.clear();
-      };
-      newTerminal.open(element);
-      fitAddon.fit();
-      terminal.current = { terminal: newTerminal, fitAddon };
-    })();
-    return () => {
-      source.clear = oldSourceClear;
-      source.write = oldSourceWrite;
-    };
-  }, [modulePromise, terminal, xtermElement, source, theme]);
-  reactExports.useEffect(() => {
-    setTimeout(() => {
-      if (!terminal.current)
-        return;
-      terminal.current.fitAddon.fit();
-      source.resize(terminal.current.terminal.cols, terminal.current.terminal.rows);
-    }, 250);
-  }, [measure, source]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-testid": "output", className: "xterm-wrapper", style: { flex: "auto" }, ref: xtermElement });
-};
-const lightTheme = {
-  foreground: "#383a42",
-  background: "#fafafa",
-  cursor: "#383a42",
-  black: "#000000",
-  red: "#e45649",
-  green: "#50a14f",
-  yellow: "#c18401",
-  blue: "#4078f2",
-  magenta: "#a626a4",
-  cyan: "#0184bc",
-  white: "#a0a0a0",
-  brightBlack: "#000000",
-  brightRed: "#e06c75",
-  brightGreen: "#98c379",
-  brightYellow: "#d19a66",
-  brightBlue: "#4078f2",
-  brightMagenta: "#a626a4",
-  brightCyan: "#0184bc",
-  brightWhite: "#383a42",
-  selectionBackground: "#d7d7d7",
-  selectionForeground: "#383a42"
-};
-const darkTheme = {
-  foreground: "#f8f8f2",
-  background: "#1e1e1e",
-  cursor: "#f8f8f0",
-  black: "#000000",
-  red: "#ff5555",
-  green: "#50fa7b",
-  yellow: "#f1fa8c",
-  blue: "#bd93f9",
-  magenta: "#ff79c6",
-  cyan: "#8be9fd",
-  white: "#bfbfbf",
-  brightBlack: "#4d4d4d",
-  brightRed: "#ff6e6e",
-  brightGreen: "#69ff94",
-  brightYellow: "#ffffa5",
-  brightBlue: "#d6acff",
-  brightMagenta: "#ff92df",
-  brightCyan: "#a4ffff",
-  brightWhite: "#e6e6e6",
-  selectionBackground: "#44475a",
-  selectionForeground: "#f8f8f2"
-};
-const Expandable = ({ title, children, setExpanded, expanded, expandOnTitleClick }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "expandable" + (expanded ? " expanded" : ""), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "expandable-title", onClick: () => expandOnTitleClick && setExpanded(!expanded), children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          className: "codicon codicon-" + (expanded ? "chevron-down" : "chevron-right"),
-          style: { cursor: "pointer", color: "var(--vscode-foreground)", marginLeft: "5px" },
-          onClick: () => !expandOnTitleClick && setExpanded(!expanded)
-        }
-      ),
-      title
-    ] }),
-    expanded && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { marginLeft: 25 }, children })
-  ] });
-};
-function artifactsFolderName(workerIndex) {
-  return `.playwright-artifacts-${workerIndex}`;
-}
-let updateRootSuite = () => {
-};
-let runWatchedTests = (fileNames) => {
-};
-let xtermSize = { cols: 80, rows: 24 };
-let sendMessage = async () => {
-};
-const xtermDataSource = {
-  pending: [],
-  clear: () => {
-  },
-  write: (data) => xtermDataSource.pending.push(data),
-  resize: (cols, rows) => {
-    xtermSize = { cols, rows };
-    sendMessageNoReply("resizeTerminal", { cols, rows });
-  }
-};
-const UIModeView = ({}) => {
-  var _a;
-  const [filterText, setFilterText] = React.useState("");
-  const [isShowingOutput, setIsShowingOutput] = React.useState(false);
-  const [statusFilters, setStatusFilters] = React.useState(/* @__PURE__ */ new Map([
-    ["passed", false],
-    ["failed", false],
-    ["skipped", false]
-  ]));
-  const [projectFilters, setProjectFilters] = React.useState(/* @__PURE__ */ new Map());
-  const [testModel, setTestModel] = React.useState({ config: void 0, rootSuite: void 0, loadErrors: [] });
-  const [progress, setProgress] = React.useState();
-  const [selectedItem, setSelectedItem] = React.useState({});
-  const [visibleTestIds, setVisibleTestIds] = React.useState(/* @__PURE__ */ new Set());
-  const [isLoading, setIsLoading] = React.useState(false);
-  const [runningState, setRunningState] = React.useState();
-  const [watchAll, setWatchAll] = useSetting("watch-all", false);
-  const [watchedTreeIds, setWatchedTreeIds] = React.useState({ value: /* @__PURE__ */ new Set() });
-  const runTestPromiseChain = React.useRef(Promise.resolve());
-  const runTestBacklog = React.useRef(/* @__PURE__ */ new Set());
-  const [collapseAllCount, setCollapseAllCount] = React.useState(0);
-  const [isDisconnected, setIsDisconnected] = React.useState(false);
-  const [hasBrowsers, setHasBrowsers] = React.useState(true);
-  const inputRef = React.useRef(null);
-  const reloadTests = React.useCallback(() => {
-    setIsLoading(true);
-    setWatchedTreeIds({ value: /* @__PURE__ */ new Set() });
-    updateRootSuite(baseFullConfig, new TeleSuite("", "root"), [], void 0);
-    refreshRootSuite(true).then(async () => {
-      setIsLoading(false);
-      const { hasBrowsers: hasBrowsers2 } = await sendMessage("checkBrowsers");
-      setHasBrowsers(hasBrowsers2);
-    });
-  }, []);
-  React.useEffect(() => {
-    var _a2;
-    (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
-    setIsLoading(true);
-    connect({ onEvent: dispatchEvent, onClose: () => setIsDisconnected(true) }).then((send) => {
-      sendMessage = async (method, params) => {
-        const logForTest = window.__logForTest;
-        logForTest == null ? void 0 : logForTest({ method, params });
-        await send(method, params);
-      };
-      reloadTests();
-    });
-  }, [reloadTests]);
-  updateRootSuite = React.useCallback((config, rootSuite, loadErrors, newProgress) => {
-    const selectedProjects = config.configFile ? settings.getObject(config.configFile + ":projects", void 0) : void 0;
-    for (const projectName of projectFilters.keys()) {
-      if (!rootSuite.suites.find((s) => s.title === projectName))
-        projectFilters.delete(projectName);
-    }
-    for (const projectSuite of rootSuite.suites) {
-      if (!projectFilters.has(projectSuite.title))
-        projectFilters.set(projectSuite.title, !!(selectedProjects == null ? void 0 : selectedProjects.includes(projectSuite.title)));
-    }
-    if (!selectedProjects && projectFilters.size && ![...projectFilters.values()].includes(true))
-      projectFilters.set(projectFilters.entries().next().value[0], true);
-    setTestModel({ config, rootSuite, loadErrors });
-    setProjectFilters(new Map(projectFilters));
-    if (runningState && newProgress)
-      setProgress(newProgress);
-    else if (!newProgress)
-      setProgress(void 0);
-  }, [projectFilters, runningState]);
-  const runTests = React.useCallback((mode, testIds) => {
-    if (mode === "bounce-if-busy" && runningState)
-      return;
-    runTestBacklog.current = /* @__PURE__ */ new Set([...runTestBacklog.current, ...testIds]);
-    runTestPromiseChain.current = runTestPromiseChain.current.then(async () => {
-      var _a2, _b, _c;
-      const testIds2 = runTestBacklog.current;
-      runTestBacklog.current = /* @__PURE__ */ new Set();
-      if (!testIds2.size)
-        return;
-      {
-        for (const test of ((_a2 = testModel.rootSuite) == null ? void 0 : _a2.allTests()) || []) {
-          if (testIds2.has(test.id)) {
-            test._clearResults();
-            test._createTestResult("pending");
-          }
-        }
-        setTestModel({ ...testModel });
-      }
-      const time = "  [" + (/* @__PURE__ */ new Date()).toLocaleTimeString() + "]";
-      xtermDataSource.write("\x1B[2m—".repeat(Math.max(0, xtermSize.cols - time.length)) + time + "\x1B[22m");
-      setProgress({ total: 0, passed: 0, failed: 0, skipped: 0 });
-      setRunningState({ testIds: testIds2 });
-      await sendMessage("run", { testIds: [...testIds2], projects: [...projectFilters].filter(([_, v]) => v).map(([p]) => p) });
-      for (const test of ((_b = testModel.rootSuite) == null ? void 0 : _b.allTests()) || []) {
-        if (((_c = test.results[0]) == null ? void 0 : _c.duration) === -1)
-          test._clearResults();
-      }
-      setTestModel({ ...testModel });
-      setRunningState(void 0);
-    });
-  }, [projectFilters, runningState, testModel]);
-  const isRunningTest = !!runningState;
-  const dialogRef = React.useRef(null);
-  const openInstallDialog = React.useCallback((e) => {
-    var _a2;
-    e.preventDefault();
-    e.stopPropagation();
-    (_a2 = dialogRef.current) == null ? void 0 : _a2.showModal();
-  }, []);
-  const closeInstallDialog = React.useCallback((e) => {
-    var _a2;
-    e.preventDefault();
-    e.stopPropagation();
-    (_a2 = dialogRef.current) == null ? void 0 : _a2.close();
-  }, []);
-  const installBrowsers = React.useCallback((e) => {
-    closeInstallDialog(e);
-    setIsShowingOutput(true);
-    sendMessage("installBrowsers").then(async () => {
-      setIsShowingOutput(false);
-      const { hasBrowsers: hasBrowsers2 } = await sendMessage("checkBrowsers");
-      setHasBrowsers(hasBrowsers2);
-    });
-  }, [closeInstallDialog]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vbox ui-mode", children: [
-    !hasBrowsers && /* @__PURE__ */ jsxRuntimeExports.jsxs("dialog", { ref: dialogRef, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "title", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "codicon codicon-lightbulb" }),
-        "Install browsers"
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "body", children: [
-        "Playwright did not find installed browsers.",
-        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
-        "Would you like to run `playwright install`?",
-        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "button", onClick: installBrowsers, children: "Install" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "button secondary", onClick: closeInstallDialog, children: "Dismiss" })
-      ] })
-    ] }),
-    isDisconnected && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "disconnected", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "title", children: "UI Mode disconnected" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: "#", onClick: () => window.location.href = "/", children: "Reload the page" }),
-        " to reconnect"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(SplitView, { sidebarSize: 250, minSidebarSize: 150, orientation: "horizontal", sidebarIsFirst: true, settingName: "testListSidebar", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vbox", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vbox" + (isShowingOutput ? "" : " hidden"), children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(Toolbar, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "section-title", style: { flex: "none" }, children: "Output" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "circle-slash", title: "Clear output", onClick: () => xtermDataSource.clear() }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "spacer" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "close", title: "Close", onClick: () => setIsShowingOutput(false) })
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(XtermWrapper, { source: xtermDataSource })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "vbox" + (isShowingOutput ? " hidden" : ""), children: /* @__PURE__ */ jsxRuntimeExports.jsx(TraceView, { item: selectedItem, rootDir: (_a = testModel.config) == null ? void 0 : _a.rootDir }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vbox ui-mode-sidebar", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Toolbar, { noShadow: true, noMinHeight: true, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: "playwright-logo.svg", alt: "Playwright logo" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "section-title", children: "Playwright" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "color-mode", title: "Toggle color mode", onClick: () => toggleTheme() }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "refresh", title: "Reload", onClick: () => reloadTests(), disabled: isRunningTest || isLoading }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "terminal", title: "Toggle output", toggled: isShowingOutput, onClick: () => {
-            setIsShowingOutput(!isShowingOutput);
-          } }),
-          !hasBrowsers && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "lightbulb-autofix", style: { color: "var(--vscode-list-warningForeground)" }, title: "Playwright browsers are missing", onClick: openInstallDialog })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          FiltersView,
-          {
-            filterText,
-            setFilterText,
-            statusFilters,
-            setStatusFilters,
-            projectFilters,
-            setProjectFilters,
-            testModel,
-            runTests: () => runTests("bounce-if-busy", visibleTestIds)
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Toolbar, { noMinHeight: true, children: [
-          !isRunningTest && !progress && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "section-title", children: "Tests" }),
-          !isRunningTest && progress && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-testid": "status-line", className: "status-line", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-            progress.passed,
-            "/",
-            progress.total,
-            " passed (",
-            progress.passed / progress.total * 100 | 0,
-            "%)"
-          ] }) }),
-          isRunningTest && progress && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-testid": "status-line", className: "status-line", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-            "Running ",
-            progress.passed,
-            "/",
-            runningState.testIds.size,
-            " passed (",
-            progress.passed / runningState.testIds.size * 100 | 0,
-            "%)"
-          ] }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "play", title: "Run all", onClick: () => runTests("bounce-if-busy", visibleTestIds), disabled: isRunningTest || isLoading }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "debug-stop", title: "Stop", onClick: () => sendMessageNoReply("stop"), disabled: !isRunningTest || isLoading }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "eye", title: "Watch all", toggled: watchAll, onClick: () => {
-            setWatchedTreeIds({ value: /* @__PURE__ */ new Set() });
-            setWatchAll(!watchAll);
-          } }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "collapse-all", title: "Collapse all", onClick: () => {
-            setCollapseAllCount(collapseAllCount + 1);
-          } })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          TestList,
-          {
-            statusFilters,
-            projectFilters,
-            filterText,
-            testModel,
-            runningState,
-            runTests,
-            onItemSelected: setSelectedItem,
-            setVisibleTestIds,
-            watchAll,
-            watchedTreeIds,
-            setWatchedTreeIds,
-            isLoading,
-            requestedCollapseAllCount: collapseAllCount
-          }
-        )
-      ] })
-    ] })
-  ] });
-};
-const FiltersView = ({ filterText, setFilterText, statusFilters, setStatusFilters, projectFilters, setProjectFilters, testModel, runTests }) => {
-  const [expanded, setExpanded] = React.useState(false);
-  const inputRef = React.useRef(null);
-  React.useEffect(() => {
-    var _a;
-    (_a = inputRef.current) == null ? void 0 : _a.focus();
-  }, []);
-  const statusLine = [...statusFilters.entries()].filter(([_, v]) => v).map(([s]) => s).join(" ") || "all";
-  const projectsLine = [...projectFilters.entries()].filter(([_, v]) => v).map(([p]) => p).join(" ") || "all";
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "filters", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Expandable,
-      {
-        expanded,
-        setExpanded,
-        title: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "input",
-          {
-            ref: inputRef,
-            type: "search",
-            placeholder: "Filter (e.g. text, @tag)",
-            spellCheck: false,
-            value: filterText,
-            onChange: (e) => {
-              setFilterText(e.target.value);
-            },
-            onKeyDown: (e) => {
-              if (e.key === "Enter")
-                runTests();
-            }
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "filter-summary", title: "Status: " + statusLine + "\nProjects: " + projectsLine, onClick: () => setExpanded(!expanded), children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "filter-label", children: "Status:" }),
-      " ",
-      statusLine,
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "filter-label", children: "Projects:" }),
-      " ",
-      projectsLine
-    ] }),
-    expanded && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "hbox", style: { marginLeft: 14, maxHeight: 200, overflowY: "auto" }, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "filter-list", children: [...statusFilters.entries()].map(([status, value]) => {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "filter-entry", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "checkbox", checked: value, onClick: () => {
-            const copy = new Map(statusFilters);
-            copy.set(status, !copy.get(status));
-            setStatusFilters(copy);
-          } }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: status })
-        ] }) });
-      }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "filter-list", children: [...projectFilters.entries()].map(([projectName, value]) => {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "filter-entry", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "checkbox", checked: value, onClick: () => {
-            var _a;
-            const copy = new Map(projectFilters);
-            copy.set(projectName, !copy.get(projectName));
-            setProjectFilters(copy);
-            const configFile = (_a = testModel == null ? void 0 : testModel.config) == null ? void 0 : _a.configFile;
-            if (configFile)
-              settings.setObject(configFile + ":projects", [...copy.entries()].filter(([_, v]) => v).map(([k]) => k));
-          } }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: projectName || "untitled" })
-        ] }) });
-      }) })
-    ] })
-  ] });
-};
-const TestTreeView = TreeView;
-const TestList = ({ statusFilters, projectFilters, filterText, testModel, runTests, runningState, watchAll, watchedTreeIds, setWatchedTreeIds, isLoading, onItemSelected, setVisibleTestIds, requestedCollapseAllCount }) => {
-  const [treeState, setTreeState] = React.useState({ expandedItems: /* @__PURE__ */ new Map() });
-  const [selectedTreeItemId, setSelectedTreeItemId] = React.useState();
-  const [collapseAllCount, setCollapseAllCount] = React.useState(requestedCollapseAllCount);
-  const { rootItem, treeItemMap, fileNames } = React.useMemo(() => {
-    let rootItem2 = createTree(testModel.rootSuite, testModel.loadErrors, projectFilters);
-    filterTree(rootItem2, filterText, statusFilters, runningState == null ? void 0 : runningState.testIds);
-    sortAndPropagateStatus(rootItem2);
-    rootItem2 = shortenRoot(rootItem2);
-    hideOnlyTests(rootItem2);
-    const treeItemMap2 = /* @__PURE__ */ new Map();
-    const visibleTestIds = /* @__PURE__ */ new Set();
-    const fileNames2 = /* @__PURE__ */ new Set();
-    const visit = (treeItem) => {
-      if (treeItem.kind === "group" && treeItem.location.file)
-        fileNames2.add(treeItem.location.file);
-      if (treeItem.kind === "case")
-        treeItem.tests.forEach((t) => visibleTestIds.add(t.id));
-      treeItem.children.forEach(visit);
-      treeItemMap2.set(treeItem.id, treeItem);
-    };
-    visit(rootItem2);
-    setVisibleTestIds(visibleTestIds);
-    return { rootItem: rootItem2, treeItemMap: treeItemMap2, fileNames: fileNames2 };
-  }, [filterText, testModel, statusFilters, projectFilters, setVisibleTestIds, runningState]);
-  React.useEffect(() => {
-    if (collapseAllCount !== requestedCollapseAllCount) {
-      treeState.expandedItems.clear();
-      for (const item of treeItemMap.keys())
-        treeState.expandedItems.set(item, false);
-      setCollapseAllCount(requestedCollapseAllCount);
-      setSelectedTreeItemId(void 0);
-      setTreeState({ ...treeState });
-      return;
-    }
-    if (!runningState || runningState.itemSelectedByUser)
-      return;
-    let selectedTreeItem2;
-    const visit = (treeItem) => {
-      var _a;
-      treeItem.children.forEach(visit);
-      if (selectedTreeItem2)
-        return;
-      if (treeItem.status === "failed") {
-        if (treeItem.kind === "test" && runningState.testIds.has(treeItem.test.id))
-          selectedTreeItem2 = treeItem;
-        else if (treeItem.kind === "case" && runningState.testIds.has((_a = treeItem.tests[0]) == null ? void 0 : _a.id))
-          selectedTreeItem2 = treeItem;
-      }
-    };
-    visit(rootItem);
-    if (selectedTreeItem2)
-      setSelectedTreeItemId(selectedTreeItem2.id);
-  }, [runningState, setSelectedTreeItemId, rootItem, collapseAllCount, setCollapseAllCount, requestedCollapseAllCount, treeState, setTreeState, treeItemMap]);
-  const { selectedTreeItem } = React.useMemo(() => {
-    const selectedTreeItem2 = selectedTreeItemId ? treeItemMap.get(selectedTreeItemId) : void 0;
-    let testFile;
-    if (selectedTreeItem2) {
-      testFile = {
-        file: selectedTreeItem2.location.file,
-        line: selectedTreeItem2.location.line,
-        source: {
-          errors: testModel.loadErrors.filter((e) => {
-            var _a;
-            return ((_a = e.location) == null ? void 0 : _a.file) === selectedTreeItem2.location.file;
-          }).map((e) => ({ line: e.location.line, message: e.message })),
-          content: void 0
-        }
-      };
-    }
-    let selectedTest;
-    if ((selectedTreeItem2 == null ? void 0 : selectedTreeItem2.kind) === "test")
-      selectedTest = selectedTreeItem2.test;
-    else if ((selectedTreeItem2 == null ? void 0 : selectedTreeItem2.kind) === "case" && selectedTreeItem2.tests.length === 1)
-      selectedTest = selectedTreeItem2.tests[0];
-    onItemSelected({ treeItem: selectedTreeItem2, testCase: selectedTest, testFile });
-    return { selectedTreeItem: selectedTreeItem2 };
-  }, [onItemSelected, selectedTreeItemId, testModel, treeItemMap]);
-  React.useEffect(() => {
-    if (isLoading)
-      return;
-    if (watchAll) {
-      sendMessageNoReply("watch", { fileNames: [...fileNames] });
-    } else {
-      const fileNames2 = /* @__PURE__ */ new Set();
-      for (const itemId of watchedTreeIds.value) {
-        const treeItem = treeItemMap.get(itemId);
-        const fileName = treeItem == null ? void 0 : treeItem.location.file;
-        if (fileName)
-          fileNames2.add(fileName);
-      }
-      sendMessageNoReply("watch", { fileNames: [...fileNames2] });
-    }
-  }, [isLoading, rootItem, fileNames, watchAll, watchedTreeIds, treeItemMap]);
-  const runTreeItem = (treeItem) => {
-    setSelectedTreeItemId(treeItem.id);
-    runTests("bounce-if-busy", collectTestIds(treeItem));
-  };
-  runWatchedTests = (changedTestFiles) => {
-    const testIds = [];
-    const set = new Set(changedTestFiles);
-    if (watchAll) {
-      const visit = (treeItem) => {
-        const fileName = treeItem.location.file;
-        if (fileName && set.has(fileName))
-          testIds.push(...collectTestIds(treeItem));
-        if (treeItem.kind === "group" && treeItem.subKind === "folder")
-          treeItem.children.forEach(visit);
-      };
-      visit(rootItem);
-    } else {
-      for (const treeId of watchedTreeIds.value) {
-        const treeItem = treeItemMap.get(treeId);
-        const fileName = treeItem == null ? void 0 : treeItem.location.file;
-        if (fileName && set.has(fileName))
-          testIds.push(...collectTestIds(treeItem));
-      }
-    }
-    runTests("queue-if-busy", new Set(testIds));
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    TestTreeView,
-    {
-      name: "tests",
-      treeState,
-      setTreeState,
-      rootItem,
-      dataTestId: "test-tree",
-      render: (treeItem) => {
-        return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "hbox ui-mode-list-item", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-mode-list-item-title", title: treeItem.title, children: treeItem.title }),
-          !!treeItem.duration && treeItem.status !== "skipped" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-mode-list-item-time", children: msToString(treeItem.duration) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(Toolbar, { noMinHeight: true, noShadow: true, children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "play", title: "Run", onClick: () => runTreeItem(treeItem), disabled: !!runningState }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "go-to-file", title: "Open in VS Code", onClick: () => sendMessageNoReply("open", { location: locationToOpen(treeItem) }), style: treeItem.kind === "group" && treeItem.subKind === "folder" ? { visibility: "hidden" } : {} }),
-            !watchAll && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "eye", title: "Watch", onClick: () => {
-              if (watchedTreeIds.value.has(treeItem.id))
-                watchedTreeIds.value.delete(treeItem.id);
-              else
-                watchedTreeIds.value.add(treeItem.id);
-              setWatchedTreeIds({ ...watchedTreeIds });
-            }, toggled: watchedTreeIds.value.has(treeItem.id) })
-          ] })
-        ] });
-      },
-      icon: (treeItem) => testStatusIcon(treeItem.status),
-      selectedItem: selectedTreeItem,
-      onAccepted: runTreeItem,
-      onSelected: (treeItem) => {
-        if (runningState)
-          runningState.itemSelectedByUser = true;
-        setSelectedTreeItemId(treeItem.id);
-      },
-      isError: (treeItem) => treeItem.kind === "group" ? treeItem.hasLoadErrors : false,
-      autoExpandDepth: filterText ? 5 : 1,
-      noItemsMessage: isLoading ? "Loading…" : "No tests"
-    }
-  );
-};
-const TraceView = ({ item, rootDir }) => {
-  var _a;
-  const [model, setModel] = React.useState();
-  const [counter, setCounter] = React.useState(0);
-  const pollTimer = React.useRef(null);
-  const { outputDir } = React.useMemo(() => {
-    const outputDir2 = item.testCase ? outputDirForTestCase(item.testCase) : void 0;
-    return { outputDir: outputDir2 };
-  }, [item]);
-  const [selectedActionId, setSelectedActionId] = React.useState();
-  const onSelectionChanged = React.useCallback((action) => setSelectedActionId(idForAction(action)), [setSelectedActionId]);
-  const initialSelection = selectedActionId ? model == null ? void 0 : model.model.actions.find((a) => idForAction(a) === selectedActionId) : void 0;
-  React.useEffect(() => {
-    var _a2, _b;
-    if (pollTimer.current)
-      clearTimeout(pollTimer.current);
-    const result = (_a2 = item.testCase) == null ? void 0 : _a2.results[0];
-    if (!result) {
-      setModel(void 0);
-      return;
-    }
-    const attachment = result && result.duration >= 0 && result.attachments.find((a) => a.name === "trace");
-    if (attachment && attachment.path) {
-      loadSingleTraceFile(attachment.path).then((model2) => setModel({ model: model2, isLive: false }));
-      return;
-    }
-    if (!outputDir) {
-      setModel(void 0);
-      return;
-    }
-    const traceLocation = `${outputDir}/${artifactsFolderName(result.workerIndex)}/traces/${(_b = item.testCase) == null ? void 0 : _b.id}.json`;
-    pollTimer.current = setTimeout(async () => {
-      try {
-        const model2 = await loadSingleTraceFile(traceLocation);
-        setModel({ model: model2, isLive: true });
-      } catch {
-        setModel(void 0);
-      } finally {
-        setCounter(counter + 1);
-      }
-    }, 500);
-    return () => {
-      if (pollTimer.current)
-        clearTimeout(pollTimer.current);
-    };
-  }, [outputDir, item, setModel, counter, setCounter]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Workbench,
-    {
-      model: model == null ? void 0 : model.model,
-      hideStackFrames: true,
-      showSourcesFirst: true,
-      rootDir,
-      initialSelection,
-      onSelectionChanged,
-      fallbackLocation: item.testFile,
-      isLive: model == null ? void 0 : model.isLive,
-      status: (_a = item.treeItem) == null ? void 0 : _a.status
-    },
-    "workbench"
-  );
-};
-let receiver;
-let lastRunReceiver;
-let lastRunTestCount;
-let throttleTimer;
-let throttleData;
-const throttledAction = () => {
-  clearTimeout(throttleTimer);
-  throttleTimer = void 0;
-  updateRootSuite(throttleData.config, throttleData.rootSuite, throttleData.loadErrors, throttleData.progress);
-};
-const throttleUpdateRootSuite = (config, rootSuite, loadErrors, progress, immediate = false) => {
-  throttleData = { config, rootSuite, loadErrors, progress };
-  if (immediate)
-    throttledAction();
-  else if (!throttleTimer)
-    throttleTimer = setTimeout(throttledAction, 250);
-};
-const refreshRootSuite = (eraseResults) => {
-  if (!eraseResults)
-    return sendMessage("list", {});
-  let rootSuite;
-  const loadErrors = [];
-  const progress = {
-    total: 0,
-    passed: 0,
-    failed: 0,
-    skipped: 0
-  };
-  let config;
-  receiver = new TeleReporterReceiver(pathSeparator, {
-    version: () => "v2",
-    onConfigure: (c) => {
-      config = c;
-      lastRunReceiver = new TeleReporterReceiver(pathSeparator, {
-        onBegin: (suite) => {
-          lastRunTestCount = suite.allTests().length;
-          lastRunReceiver = void 0;
-        }
-      }, false);
-    },
-    onBegin: (suite) => {
-      if (!rootSuite)
-        rootSuite = suite;
-      progress.total = lastRunTestCount;
-      progress.passed = 0;
-      progress.failed = 0;
-      progress.skipped = 0;
-      throttleUpdateRootSuite(config, rootSuite, loadErrors, progress, true);
-    },
-    onEnd: () => {
-      throttleUpdateRootSuite(config, rootSuite, loadErrors, progress, true);
-    },
-    onTestBegin: () => {
-      throttleUpdateRootSuite(config, rootSuite, loadErrors, progress);
-    },
-    onTestEnd: (test) => {
-      if (test.outcome() === "skipped")
-        ++progress.skipped;
-      else if (test.outcome() === "unexpected")
-        ++progress.failed;
-      else
-        ++progress.passed;
-      throttleUpdateRootSuite(config, rootSuite, loadErrors, progress);
-    },
-    onError: (error) => {
-      xtermDataSource.write((error.stack || error.value || "") + "\n");
-      loadErrors.push(error);
-      throttleUpdateRootSuite(config, rootSuite ?? new TeleSuite("", "root"), loadErrors, progress);
-    },
-    printsToStdio: () => {
-      return false;
-    },
-    onStdOut: () => {
-    },
-    onStdErr: () => {
-    },
-    onExit: () => {
-    },
-    onStepBegin: () => {
-    },
-    onStepEnd: () => {
-    }
-  }, true);
-  receiver._setClearPreviousResultsWhenTestBegins();
-  return sendMessage("list", {});
-};
-const sendMessageNoReply = (method, params) => {
-  if (window._overrideProtocolForTest) {
-    window._overrideProtocolForTest({ method, params }).catch(() => {
-    });
-    return;
-  }
-  sendMessage(method, params).catch((e) => {
-    console.error(e);
-  });
-};
-const dispatchEvent = (method, params) => {
-  var _a, _b;
-  if (method === "listChanged") {
-    refreshRootSuite(false).catch(() => {
-    });
-    return;
-  }
-  if (method === "testFilesChanged") {
-    runWatchedTests(params.testFileNames);
-    return;
-  }
-  if (method === "stdio") {
-    if (params.buffer) {
-      const data = atob(params.buffer);
-      xtermDataSource.write(data);
-    } else {
-      xtermDataSource.write(params.text);
-    }
-    return;
-  }
-  (_a = lastRunReceiver == null ? void 0 : lastRunReceiver.dispatch({ method, params })) == null ? void 0 : _a.catch(() => {
-  });
-  (_b = receiver == null ? void 0 : receiver.dispatch({ method, params })) == null ? void 0 : _b.catch(() => {
-  });
-};
-const outputDirForTestCase = (testCase) => {
-  var _a;
-  for (let suite = testCase.parent; suite; suite = suite.parent) {
-    if (suite.project())
-      return (_a = suite.project()) == null ? void 0 : _a.outputDir;
-  }
-  return void 0;
-};
-const locationToOpen = (treeItem) => {
-  if (!treeItem)
-    return;
-  return treeItem.location.file + ":" + treeItem.location.line;
-};
-const collectTestIds = (treeItem) => {
-  const testIds = /* @__PURE__ */ new Set();
-  if (!treeItem)
-    return testIds;
-  const visit = (treeItem2) => {
-    var _a;
-    if (treeItem2.kind === "case")
-      treeItem2.tests.map((t) => t.id).forEach((id) => testIds.add(id));
-    else if (treeItem2.kind === "test")
-      testIds.add(treeItem2.id);
-    else
-      (_a = treeItem2.children) == null ? void 0 : _a.forEach(visit);
-  };
-  visit(treeItem);
-  return testIds;
-};
-function getFileItem(rootItem, filePath, isFile, fileItems) {
-  if (filePath.length === 0)
-    return rootItem;
-  const fileName = filePath.join(pathSeparator);
-  const existingFileItem = fileItems.get(fileName);
-  if (existingFileItem)
-    return existingFileItem;
-  const parentFileItem = getFileItem(rootItem, filePath.slice(0, filePath.length - 1), false, fileItems);
-  const fileItem = {
-    kind: "group",
-    subKind: isFile ? "file" : "folder",
-    id: fileName,
-    title: filePath[filePath.length - 1],
-    location: { file: fileName, line: 0, column: 0 },
-    duration: 0,
-    parent: parentFileItem,
-    children: [],
-    status: "none",
-    hasLoadErrors: false
-  };
-  parentFileItem.children.push(fileItem);
-  fileItems.set(fileName, fileItem);
-  return fileItem;
-}
-function createTree(rootSuite, loadErrors, projectFilters) {
-  const filterProjects = [...projectFilters.values()].some(Boolean);
-  const rootItem = {
-    kind: "group",
-    subKind: "folder",
-    id: "root",
-    title: "",
-    location: { file: "", line: 0, column: 0 },
-    duration: 0,
-    parent: void 0,
-    children: [],
-    status: "none",
-    hasLoadErrors: false
-  };
-  const visitSuite = (projectName, parentSuite, parentGroup) => {
-    for (const suite of parentSuite.suites) {
-      const title = suite.title || "<anonymous>";
-      let group = parentGroup.children.find((item) => item.kind === "group" && item.title === title);
-      if (!group) {
-        group = {
-          kind: "group",
-          subKind: "describe",
-          id: "suite:" + parentSuite.titlePath().join("") + "" + title,
-          // account for anonymous suites
-          title,
-          location: suite.location,
-          duration: 0,
-          parent: parentGroup,
-          children: [],
-          status: "none",
-          hasLoadErrors: false
-        };
-        parentGroup.children.push(group);
-      }
-      visitSuite(projectName, suite, group);
-    }
-    for (const test of parentSuite.tests) {
-      const title = test.title;
-      let testCaseItem = parentGroup.children.find((t) => t.kind !== "group" && t.title === title);
-      if (!testCaseItem) {
-        testCaseItem = {
-          kind: "case",
-          id: "test:" + test.titlePath().join(""),
-          title,
-          parent: parentGroup,
-          children: [],
-          tests: [],
-          location: test.location,
-          duration: 0,
-          status: "none"
-        };
-        parentGroup.children.push(testCaseItem);
-      }
-      const result = test.results[0];
-      let status = "none";
-      if ((result == null ? void 0 : result.statusEx) === "scheduled")
-        status = "scheduled";
-      else if ((result == null ? void 0 : result.statusEx) === "running")
-        status = "running";
-      else if ((result == null ? void 0 : result.status) === "skipped")
-        status = "skipped";
-      else if ((result == null ? void 0 : result.status) === "interrupted")
-        status = "none";
-      else if (result && test.outcome() !== "expected")
-        status = "failed";
-      else if (result && test.outcome() === "expected")
-        status = "passed";
-      testCaseItem.tests.push(test);
-      testCaseItem.children.push({
-        kind: "test",
-        id: test.id,
-        title: projectName,
-        location: test.location,
-        test,
-        parent: testCaseItem,
-        children: [],
-        status,
-        duration: test.results.length ? Math.max(0, test.results[0].duration) : 0,
-        project: projectName
-      });
-      testCaseItem.duration = testCaseItem.children.reduce((a, b) => a + b.duration, 0);
-    }
-  };
-  const fileMap = /* @__PURE__ */ new Map();
-  for (const projectSuite of (rootSuite == null ? void 0 : rootSuite.suites) || []) {
-    if (filterProjects && !projectFilters.get(projectSuite.title))
-      continue;
-    for (const fileSuite of projectSuite.suites) {
-      const fileItem = getFileItem(rootItem, fileSuite.location.file.split(pathSeparator), true, fileMap);
-      visitSuite(projectSuite.title, fileSuite, fileItem);
-    }
-  }
-  for (const loadError of loadErrors) {
-    if (!loadError.location)
-      continue;
-    const fileItem = getFileItem(rootItem, loadError.location.file.split(pathSeparator), true, fileMap);
-    fileItem.hasLoadErrors = true;
-  }
-  return rootItem;
-}
-function filterTree(rootItem, filterText, statusFilters, runningTestIds) {
-  const tokens = filterText.trim().toLowerCase().split(" ");
-  const filtersStatuses = [...statusFilters.values()].some(Boolean);
-  const filter = (testCase) => {
-    const title = testCase.tests[0].titlePath().join(" ").toLowerCase();
-    if (!tokens.every((token) => title.includes(token)) && !testCase.tests.some((t) => runningTestIds == null ? void 0 : runningTestIds.has(t.id)))
-      return false;
-    testCase.children = testCase.children.filter((test) => {
-      return !filtersStatuses || (runningTestIds == null ? void 0 : runningTestIds.has(test.test.id)) || statusFilters.get(test.status);
-    });
-    testCase.tests = testCase.children.map((c) => c.test);
-    return !!testCase.children.length;
-  };
-  const visit = (treeItem) => {
-    const newChildren = [];
-    for (const child of treeItem.children) {
-      if (child.kind === "case") {
-        if (filter(child))
-          newChildren.push(child);
-      } else {
-        visit(child);
-        if (child.children.length || child.hasLoadErrors)
-          newChildren.push(child);
-      }
-    }
-    treeItem.children = newChildren;
-  };
-  visit(rootItem);
-}
-function sortAndPropagateStatus(treeItem) {
-  for (const child of treeItem.children)
-    sortAndPropagateStatus(child);
-  if (treeItem.kind === "group") {
-    treeItem.children.sort((a, b) => {
-      const fc = a.location.file.localeCompare(b.location.file);
-      return fc || a.location.line - b.location.line;
-    });
-  }
-  let allPassed = treeItem.children.length > 0;
-  let allSkipped = treeItem.children.length > 0;
-  let hasFailed = false;
-  let hasRunning = false;
-  let hasScheduled = false;
-  for (const child of treeItem.children) {
-    allSkipped = allSkipped && child.status === "skipped";
-    allPassed = allPassed && (child.status === "passed" || child.status === "skipped");
-    hasFailed = hasFailed || child.status === "failed";
-    hasRunning = hasRunning || child.status === "running";
-    hasScheduled = hasScheduled || child.status === "scheduled";
-  }
-  if (hasRunning)
-    treeItem.status = "running";
-  else if (hasScheduled)
-    treeItem.status = "scheduled";
-  else if (hasFailed)
-    treeItem.status = "failed";
-  else if (allSkipped)
-    treeItem.status = "skipped";
-  else if (allPassed)
-    treeItem.status = "passed";
-}
-function shortenRoot(rootItem) {
-  let shortRoot = rootItem;
-  while (shortRoot.children.length === 1 && shortRoot.children[0].kind === "group" && shortRoot.children[0].subKind === "folder")
-    shortRoot = shortRoot.children[0];
-  shortRoot.location = rootItem.location;
-  return shortRoot;
-}
-function hideOnlyTests(rootItem) {
-  const visit = (treeItem) => {
-    if (treeItem.kind === "case" && treeItem.children.length === 1)
-      treeItem.children = [];
-    else
-      treeItem.children.forEach(visit);
-  };
-  visit(rootItem);
-}
-async function loadSingleTraceFile(url) {
-  const params = new URLSearchParams();
-  params.set("trace", url);
-  const response = await fetch(`contexts?${params.toString()}`);
-  const contextEntries = await response.json();
-  return new MultiTraceModel(contextEntries);
-}
-const pathSeparator = navigator.userAgent.toLowerCase().includes("windows") ? "\\" : "/";
-(async () => {
-  applyTheme();
-  if (window.location.protocol !== "file:") {
-    if (window.location.href.includes("isUnderTest=true"))
-      await new Promise((f) => setTimeout(f, 1e3));
-    if (!navigator.serviceWorker)
-      throw new Error(`Service workers are not supported.
-Make sure to serve the website (${window.location}) via HTTPS or localhost.`);
-    navigator.serviceWorker.register("sw.bundle.js");
-    if (!navigator.serviceWorker.controller) {
-      await new Promise((f) => {
-        navigator.serviceWorker.oncontrollerchange = () => f();
-      });
-    }
-    setInterval(function() {
-      fetch("ping");
-    }, 1e4);
-  }
-  reactDomExports.render(/* @__PURE__ */ jsxRuntimeExports.jsx(UIModeView, {}), document.querySelector("#root"));
-})();
-function __vite__mapDeps(indexes) {
-  if (!__vite__mapDeps.viteFileDeps) {
-    __vite__mapDeps.viteFileDeps = ["./assets/xtermModule-_6TC5FYT.js","./xtermModule.OKEVRlkP.css"]
-  }
-  return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
-}
-//# sourceMappingURL=uiMode.ljHA9Ynz.js.map