@qilin-agent/experimental-inspector 0.0.0-stage → 3.1.3

package/lib/devtools/chunks/main-DcgYyEI0.js

@@ -0,0 +1,755 @@
+import { n as e } from "./chunk-DF993M8W.js";
+import { Y as t } from "./platform-BzB373NB.js";
+import { $ as n, C as r, Ct as i, F as a, Ot as o, S as s, _ as c, at as l, bt as u, d, et as f, f as p, gt as m, n as h, u as ee, wt as te } from "./common-qd_KLeYO.js";
+import { _ as ne, h as re, l as g, m as _, o as v, p as y } from "./root-DbVQo07X.js";
+import { $f as ie, $i as b, $t as ae, Ad as oe, An as se, Ao as ce, As as le, Cl as x, Df as ue, Do as de, Dr as fe, Dt as pe, Eo as me, Fd as S, Fi as C, Fo as he, Hi as w, Ia as ge, Ii as T, La as _e, Li as ve, Md as E, No as ye, Ol as be, Or as D, Pd as O, Pf as xe, Po as Se, Qi as k, Qr as Ce, Rf as we, Rn as Te, Sl as A, To as Ee, U as De, Ul as j, Wc as Oe, Xf as M, Yn as ke, Zf as N, _ as Ae, _f as je, ar as Me, bo as Ne, br as Pe, ea as Fe, fa as P, fo as F, ha as Ie, hd as Le, hl as Re, io as ze, jf as Be, jn as Ve, jr as I, na as L, ni as He, pf as R, pl as Ue, rr as We, ui as Ge, v as Ke, vo as qe, wl as z, yo as Je } from "./legacy-Bqn4Q0Tf.js";
+import { i as Ye } from "./protocol_client-Cwf_jb8R.js";
+import { P as Xe, S as Ze, f as Qe, n as $e, r as et, s as B, w as V, x as tt, y as nt } from "./bindings-DgoVEdsr.js";
+import { $t as rt, An as it, C as at, G as ot, Gt as st, K as ct, Tt as lt, U as ut, Ut as dt, _ as ft, _n as pt, an as mt, dn as ht, en as gt, gn as _t, hn as vt, l as yt, ln as bt, ot as xt, p as St, pn as Ct, rn as wt, sn as Tt, st as Et } from "./common-DjRFwulW.js";
+import { t as Dt } from "./snackbars-lPThuWYs.js";
+import { n as H } from "./theme_support-CbSSLkbO.js";
+import { k as Ot, o as kt, s as At } from "./issues_manager-D7nfNPN1.js";
+import { t as jt } from "./autofill_manager-BXntqfdp.js";
+import { n as Mt } from "./live-metrics-Bs7wxibB.js";
+import { t as Nt } from "./snippets-dIuBmVBv.js";
+//#region node_modules/.pnpm/chrome-devtools-frontend@1.0.1638082/node_modules/chrome-devtools-frontend/front_end/entrypoints/main/ExecutionContextSelector.ts
+var Pt = /* @__PURE__ */ e({ ExecutionContextSelector: () => Ft }), Ft = class {
+	#e;
+	#t;
+	#n;
+	#r;
+	constructor(e, t) {
+		t.addFlavorChangeListener(x, this.#i, this), t.addFlavorChangeListener(O, this.#o, this), e.addModelListener(z, A.ExecutionContextCreated, this.#l, this), e.addModelListener(z, A.ExecutionContextDestroyed, this.#u, this), e.addModelListener(z, A.ExecutionContextOrderChanged, this.#d, this), this.#e = e, this.#t = t, e.observeModels(z, this);
+	}
+	modelAdded(e) {
+		queueMicrotask(t.bind(this));
+		function t() {
+			this.#t.flavor(O) || this.#t.setFlavor(O, e.target());
+		}
+	}
+	modelRemoved(e) {
+		this.#t.flavor(x)?.runtimeModel === e && this.#p();
+		let t = this.#e.models(z);
+		this.#t.flavor(O) === e.target() && t.length && this.#t.setFlavor(O, t[0].target());
+	}
+	#i({ data: e }) {
+		e && (this.#t.setFlavor(O, e.target()), this.#r || (this.#n = this.#a(e)));
+	}
+	#a(e) {
+		return e.isDefault ? e.target().name() + ":" + e.frameId : "";
+	}
+	#o({ data: e }) {
+		let t = this.#t.flavor(x);
+		if (!e || t && t.target() === e) return;
+		let n = e.model(z), r = n ? n.executionContexts() : [];
+		if (!r.length) return;
+		let i = null;
+		for (let e = 0; e < r.length && !i; ++e) this.#s(r[e]) && (i = r[e]);
+		for (let e = 0; e < r.length && !i; ++e) this.#c(r[e]) && (i = r[e]);
+		this.#r = !0, this.#t.setFlavor(x, i || r[0]), this.#r = !1;
+	}
+	#s(e) {
+		return e.target().targetInfo()?.subtype ? !1 : this.#n && this.#n === this.#a(e) ? !0 : !this.#n && this.#c(e);
+	}
+	#c(e) {
+		return !e.isDefault || !e.frameId || e.target().parentTarget()?.type() === S.FRAME ? !1 : !!(e.target().model(Oe)?.frameForId(e.frameId))?.isOutermostFrame();
+	}
+	#l(e) {
+		if (this.#n === void 0) {
+			this.#f(e.data);
+			return;
+		}
+		switch (e.data.target().type()) {
+			case S.AUCTION_WORKLET:
+			case S.SHARED_STORAGE_WORKLET:
+			case S.SHARED_WORKER:
+			case S.ServiceWorker:
+			case S.WORKLET:
+			case S.Worker: return;
+			case S.BROWSER:
+			case S.FRAME:
+			case S.NODE:
+			case S.TAB:
+				this.#f(e.data);
+				break;
+		}
+	}
+	#u(e) {
+		let t = e.data;
+		this.#t.flavor(x) === t && this.#p();
+	}
+	#d(e) {
+		let t = e.data.executionContexts();
+		for (let e = 0; e < t.length && !this.#f(t[e]); e++);
+	}
+	#f(e) {
+		return !this.#t.flavor(x) || this.#s(e) ? (this.#r = !0, this.#t.setFlavor(x, e), this.#r = !1, !0) : !1;
+	}
+	#p() {
+		let e = this.#e.models(z), t = null;
+		for (let n = 0; n < e.length && !t; ++n) {
+			let r = e[n].executionContexts();
+			for (let e of r) if (this.#c(e)) {
+				t = e;
+				break;
+			}
+		}
+		if (!t) for (let n = 0; n < e.length && !t; ++n) {
+			let r = e[n].executionContexts();
+			if (r.length) {
+				t = r[0];
+				break;
+			}
+		}
+		this.#r = !0, this.#t.setFlavor(x, t), this.#r = !1;
+	}
+}, It = "/*\n * Copyright 2025 The Chromium Authors\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n@scope to (devtools-widget > *) {\n  .global-ai-button-container {\n    margin-left: var(--sys-size-3);\n    margin-right: var(--sys-size-2);\n  }\n\n  .global-ai-button {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: var(--sys-size-9);\n    height: var(--sys-size-9);\n    border-radius: var(--sys-shape-corner-full);\n    background-image: var(--app-gradient-google-ai);\n    font: var(--sys-typescale-body4-medium);\n    color: var(--ref-palette-neutral100);\n    transition: width 1s, padding 1s;\n    margin-left: auto;\n    overflow: hidden;\n    position: relative;\n    border: 0;\n\n    &:focus-visible {\n      outline: var(--sys-size-2) solid var(--sys-color-state-focus-ring);\n    }\n\n    &:hover::after,\n    &:active::after {\n      content: \"\";\n      height: 100%;\n      width: 100%;\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      left: 0;\n    }\n\n    &:hover::after {\n      background-color: var(--sys-color-state-hover-on-prominent);\n    }\n\n    &:active::after {\n      background-color: var(--sys-color-state-ripple-primary);\n    }\n\n    devtools-icon {\n      width: var(--sys-size-7);\n      height: var(--sys-size-7);\n      color: var(--ref-palette-neutral100);\n    }\n\n    .button-text {\n      opacity: 0%;\n      transition: opacity 1s;\n    }\n  }\n\n  .global-ai-button.expanded {\n    width: auto;\n    padding: 0 var(--sys-size-6) 0 var(--sys-size-5);\n\n    .button-text {\n      opacity: 100%;\n    }\n  }\n}\n", Lt = /* @__PURE__ */ e({
+	DEFAULT_VIEW: () => qt,
+	GlobalAiButton: () => G,
+	GlobalAiButtonState: () => Kt,
+	GlobalAiButtonToolbarProvider: () => Jt
+}), { render: Rt, html: zt, Directives: { classMap: Bt } } = ye, U = {
+	aiAssistance: "AI assistance",
+	openAiAssistance: "Open AI assistance panel",
+	gemini: "Gemini",
+	openGemini: "Open Gemini panel"
+}, Vt = te("entrypoints/main/GlobalAiButton.ts", U), W = u.bind(void 0, Vt), Ht = 5e3, Ut = /* @__PURE__ */ new Date("2026-09-30");
+function Wt() {
+	return d.instance().createSetting("global-ai-button-click-count", 0, ee.SYNCED);
+}
+function Gt() {
+	let e = Wt();
+	e.set(e.get() + 1);
+}
+var Kt = /* @__PURE__ */ function(e) {
+	return e.PROMOTION = "promotion", e.DEFAULT = "default", e;
+}({}), qt = (e, t, n) => {
+	let r = Bt({
+		"global-ai-button": !0,
+		expanded: e.state === "promotion"
+	}), i = gt() ? {
+		title: W(U.openGemini),
+		label: W(U.gemini)
+	} : {
+		title: W(U.openAiAssistance),
+		label: W(U.aiAssistance)
+	}, a = rt();
+	Rt(zt`
+    <style>${It}</style>
+    <div class="global-ai-button-container">
+      <button class=${r} @click=${e.onClick} title=${i.title} jslog=${Ie().track({ click: !0 }).context("global-ai-button")}>
+        <devtools-icon name=${a}></devtools-icon>
+        <span class="button-text">${` ${i.label}`}</span>
+      </button>
+    </div>
+  `, n);
+}, G = class extends He {
+	#e;
+	#t = "default";
+	#n = !1;
+	#r;
+	constructor(e, t) {
+		super(e), this.#e = t ?? qt, this.requestUpdate(), this.#c() && this.#l();
+	}
+	willHide() {
+		super.willHide(), this.#s(), this.#r && window.clearTimeout(this.#r);
+	}
+	#i = () => {
+		this.#n = !0;
+	};
+	#a = () => {
+		this.#n = !1;
+	};
+	#o() {
+		D.instance().tabbedPane.headerElement().addEventListener("mouseenter", this.#i), D.instance().tabbedPane.headerElement().addEventListener("mouseleave", this.#a);
+	}
+	#s() {
+		D.instance().tabbedPane.headerElement().removeEventListener("mouseenter", this.#i), D.instance().tabbedPane.headerElement().removeEventListener("mouseleave", this.#a);
+	}
+	#c() {
+		return !!y.devToolsGlobalAiButton?.promotionEnabled && /* @__PURE__ */ new Date() < Ut && Wt().get() < 2;
+	}
+	#l() {
+		this.#t = "promotion", this.requestUpdate(), this.#o(), this.#u();
+	}
+	#u() {
+		this.#r && window.clearTimeout(this.#r), this.#r = window.setTimeout(() => {
+			if (this.#n) {
+				this.#u();
+				return;
+			}
+			this.#t = "default", this.requestUpdate(), this.#s();
+		}, Ht);
+	}
+	#d() {
+		I.instance().showViewInLocation("freestyler", "drawer-view"), Gt();
+		let e = D.instance().isUserExplicitlyUpdatedDrawerOrientation();
+		y.devToolsFlexibleLayout?.verticalDrawerEnabled && !e && (D.instance().showDrawer({
+			focus: !0,
+			hasTargetDrawer: !1
+		}), D.instance().toggleDrawerOrientation({ force: fe.VERTICAL }));
+	}
+	performUpdate() {
+		this.#e({
+			state: this.#t,
+			onClick: this.#d.bind(this)
+		}, void 0, this.contentElement);
+	}
+}, K, Jt = class e {
+	#e;
+	#t;
+	constructor() {
+		this.#t = document.createElement("devtools-widget"), new G(this.#t), this.#e = new We(this.#t), this.#e.setVisible(!1);
+	}
+	item() {
+		return this.#e;
+	}
+	static instance(t = { forceNew: null }) {
+		let { forceNew: n } = t;
+		return (!K || n) && (K = new e()), K;
+	}
+}, Yt = class {
+	context;
+	constructor(e) {
+		let t = new re();
+		this.context = t;
+		let r = d.instance({
+			forceNew: !0,
+			...e.settingsCreationOptions
+		});
+		t.set(d, r);
+		let i = new n();
+		t.set(n, i);
+		let a = new E(t, e.overrideAutoStartModels);
+		t.set(E, a);
+		let o = new be(a);
+		t.set(be, o);
+		let s = new Le(a);
+		t.set(Le, s);
+		let c = new j(a, r, s, null);
+		t.set(j, c);
+		let l = new V();
+		t.set(V, l);
+		let u = new tt(r, a);
+		t.set(tt, u);
+		let f = new $e(a, l), p = new Qe(f, a);
+		t.set(Qe, p);
+		let m = new B(f, a, u, l);
+		t.set(B, m);
+	}
+}, Xt = /* @__PURE__ */ e({
+	MainImpl: () => X,
+	MainMenuItem: () => rn,
+	PauseListener: () => on,
+	ReloadActionDelegate: () => cn,
+	SearchActionDelegate: () => nn,
+	SettingsButtonProvider: () => an,
+	ZoomActionDelegate: () => tn,
+	sendOverProtocol: () => sn
+}), q = {
+	customizeAndControlDevtools: "Customize and control DevTools",
+	dockSide: "Dock side",
+	placementOfDevtoolsRelativeToThe: "Placement of DevTools relative to the page. ({PH1} to restore last position)",
+	undockIntoSeparateWindow: "Undock into separate window",
+	dockToBottom: "Dock to bottom",
+	dockToRight: "Dock to right",
+	dockToLeft: "Dock to left",
+	focusDebuggee: "Focus page",
+	hideConsoleDrawer: "Hide console drawer",
+	showConsoleDrawer: "Show console drawer",
+	moreTools: "More tools",
+	help: "Help",
+	dockSideNavigation: "Use left and right arrow keys to navigate the options",
+	aiModelDownloaded: "AI model downloaded",
+	getDevToolsMcp: "Get `DevTools MCP`"
+}, Zt = te("entrypoints/main/MainImpl.ts", q), J = u.bind(void 0, Zt), Qt, $t = {
+	register(e) {},
+	async get(e) {
+		return window.localStorage.getItem(e);
+	},
+	set(e, t) {
+		window.localStorage.setItem(e, t);
+	},
+	remove(e) {
+		window.localStorage.removeItem(e);
+	},
+	clear: () => window.localStorage.clear()
+}, Y;
+function en() {
+	return Y === void 0 && (Y = window.location.toString().startsWith("devtools://devtools/custom/")), Y;
+}
+var X = class e {
+	#e = Promise.withResolvers();
+	#t;
+	#n;
+	constructor() {
+		e.instanceForTest = this, this.#r();
+	}
+	static time(e) {
+		N() || console.time(e);
+	}
+	static timeEnd(e) {
+		N() || console.timeEnd(e);
+	}
+	async #r() {
+		console.timeStamp("Main._loaded"), v.setPlatform(Be());
+		let [e, t] = await Promise.all([new Promise((e) => {
+			M.getHostConfig(e);
+		}), new Promise((e) => M.getPreferences(e))]);
+		console.timeStamp("Main._gotPreferences"), this.#i(), Object.assign(y, e);
+		let n = { settingsCreationOptions: {
+			...this.createSettingsStorage(t),
+			settingRegistrations: c(),
+			logSettingAccess: Ne,
+			runSettingsMigration: !N()
+		} };
+		this.#n = new Yt(n), ne(this.#n.context), g.cleanUpStaleExperiments(), await this.requestAndRegisterLocaleData(), R.syncSetting(d.instance().moduleSetting("sync-preferences").get());
+		let r = e.devToolsVeLogging, i = d.instance().createSetting("veLogsTestMode", !1).get();
+		if (r?.enabled) if (r?.testing || i) {
+			me(!0, Ee.TEST);
+			let e = {
+				processingThrottler: new h(0),
+				keyboardLogThrottler: new h(10),
+				hoverLogThrottler: new h(50),
+				dragLogThrottler: new h(50),
+				clickLogThrottler: new h(10),
+				resizeLogThrottler: new h(10)
+			};
+			this.#t = qe(e);
+		} else this.#t = qe();
+		this.#s();
+	}
+	#i() {
+		self.Extensions ||= {}, self.Host ||= {}, self.Host.userMetrics ||= R, self.Host.UserMetrics ||= ue, self.ProtocolClient ||= {}, self.ProtocolClient.test ||= Ye;
+	}
+	async requestAndRegisterLocaleData() {
+		let e = d.instance().moduleSetting("language").get(), t = o.instance({
+			create: !0,
+			data: {
+				navigatorLanguage: navigator.language,
+				settingLanguage: e,
+				lookupClosestDevToolsLocale: i
+			}
+		});
+		R.language(t.locale), t.locale !== "en-US" && await m("en-US");
+		try {
+			await m(t.locale);
+		} catch (e) {
+			console.warn(`Unable to fetch & register locale data for '${t.locale}', falling back to 'en-US'. Cause: `, e), t.forceFallbackLocale();
+		}
+	}
+	createSettingsStorage(e) {
+		this.#o();
+		let t = "";
+		en() ? t = "__custom__" : !v.queryParam("can_dock") && v.queryParam("debugFrontend") && !N() && (t = "__bundled__");
+		let n;
+		n = !N() && window.localStorage ? new p(window.localStorage, $t, t) : new p({}, void 0, t);
+		let r = {
+			register: (e) => M.registerPreference(e, { synced: !1 }),
+			set: M.setPreference,
+			get: (e) => new Promise((t) => {
+				M.getPreference(e, t);
+			}),
+			remove: M.removePreference,
+			clear: M.clearPreferences
+		};
+		return {
+			syncedStorage: new p(e, {
+				...r,
+				register: (e) => M.registerPreference(e, { synced: !0 })
+			}, t),
+			globalStorage: new p(e, r, t),
+			localStorage: n
+		};
+	}
+	#a(e, t) {
+		let n = g.getValueFromStorage(e);
+		n !== void 0 && t.aboutFlag && (t.setEnabled(n), M.setChromeFlag(t.aboutFlag, n));
+	}
+	#o() {
+		let e = (y.devToolsProtocolMonitor?.enabled ?? !1) || !!v.queryParam("isChromeForTesting"), t = g.registerHostExperiment({
+			name: _.PROTOCOL_MONITOR,
+			title: "Protocol Monitor",
+			aboutFlag: "devtools-protocol-monitor",
+			isEnabled: e,
+			requiresChromeRestart: !1,
+			docLink: "https://developer.chrome.com/blog/new-in-devtools-92/#protocol-monitor"
+		});
+		this.#a(_.PROTOCOL_MONITOR, t), g.register(_.INSTRUMENTATION_BREAKPOINTS, "Instrumentation breakpoints"), g.register(_.USE_SOURCE_MAP_SCOPES, "Use scope information from source maps"), g.registerHostExperiment({
+			name: _.DURABLE_MESSAGES,
+			title: "Durable Messages",
+			aboutFlag: "devtools-enable-durable-messages",
+			isEnabled: y.devToolsEnableDurableMessages?.enabled ?? !1,
+			requiresChromeRestart: !1
+		}), g.registerHostExperiment({
+			name: _.JPEG_XL,
+			title: "JPEG XL support",
+			aboutFlag: "enable-jxl-image-format",
+			isEnabled: y.devToolsJpegXlImageFormat?.enabled ?? !1,
+			requiresChromeRestart: !0
+		}), g.registerHostExperiment({
+			name: _.PLUS_BUTTON,
+			title: "Show \"+\" button on the tab strip for adding tools",
+			aboutFlag: "devtools-plus-button",
+			isEnabled: y.devToolsPlusButton?.enabled ?? !1,
+			requiresChromeRestart: !1
+		}), g.enableExperimentsByDefault([_.USE_SOURCE_MAP_SCOPES]);
+		let n = v.queryParam("enabledExperiments");
+		n && g.setServerEnabledExperiments(n.split(";"));
+		for (let e of g.allConfigurableExperiments()) e.isEnabled() ? R.experimentEnabledAtLaunch(e.name) : R.experimentDisabledAtLaunch(e.name);
+	}
+	async #s() {
+		e.time("Main._createAppUI");
+		let t = pt.instance();
+		t.addEventListener(_t.FileSystemError, (e) => Dt.show({ message: e.data }));
+		let n = d.instance().createSetting("ui-theme", "systemPreferred");
+		se(document), H.hasInstance() || H.instance({
+			forceNew: !0,
+			setting: n
+		}), ae(document.documentElement), Ve(document.body), this.#_(document);
+		let r = !!v.queryParam("can_dock");
+		Ce.instance({
+			forceNew: !0,
+			win: window,
+			frontendHost: M
+		}), Pe.initialize(), Pe.installHandler(document), I.instance({
+			forceNew: !0,
+			universe: this.#n
+		}), st.instance(), dt.instance(), kt.instance({
+			forceNew: !0,
+			ensureFirst: !0,
+			showThirdPartyIssuesSetting: Ot(),
+			hideIssueSetting: At()
+		}), C.instance({
+			forceNew: !0,
+			canDock: r
+		}), le.instance({ forceNew: !0 });
+		let i = E.instance();
+		i.addEventListener(oe.SUSPEND_STATE_CHANGED, this.#v.bind(this)), Xe.instance({ forceNew: !0 }), nt.instance(), new et(), i.setScopeTarget(i.primaryPageTarget()), P.instance().addFlavorChangeListener(O, ({ data: e }) => {
+			let t = e?.outermostTarget();
+			i.setScopeTarget(t);
+		}), it.instance({
+			forceNew: !0,
+			workspace: V.instance(),
+			targetManager: i,
+			debuggerWorkspaceBinding: B.instance(),
+			settings: d.instance()
+		}), self.Extensions.extensionServer = St.instance({ forceNew: !0 }), new vt(t, V.instance()), t.addPlatformFileSystem("snippet://", new Nt());
+		let a = new yt(Ct.instance({
+			forceNew: !0,
+			workspace: V.instance(),
+			breakpointManager: it.instance()
+		}));
+		at.setLinkDecorator(a), mt.instance({
+			forceNew: !0,
+			workspace: V.instance()
+		}), new Ft(i, P.instance());
+		let o = ht.instance({
+			forceNew: !0,
+			hostConfig: y,
+			pageResourceLoader: j.instance(),
+			targetManager: i
+		}), s = bt.instance({
+			forceNew: !0,
+			inspectorFrontendHost: M,
+			projectSettingsModel: o
+		});
+		Tt.instance({
+			forceNew: !0,
+			automaticFileSystemManager: s,
+			isolatedFileSystemManager: t,
+			workspace: V.instance()
+		}), jt.instance(), Mt.instance(), lt.instance(), xt.instance().addEventListener(Et.DOWNLOADED_AND_SESSION_CREATED, () => Dt.show({ message: J(q.aiModelDownloaded) })), new on();
+		let c = L.instance({ forceNew: !0 });
+		w.instance({
+			forceNew: !0,
+			actionRegistry: c
+		}), this.#f(), we() && (xe.instance().getProfile().then((e) => {
+			if (!e) return;
+			let { profile: t, isEligible: n } = e;
+			Je("gdp-client-initialize", t ? "has-profile" : n ? "no-profile-and-eligible" : "no-profile-and-not-eligible");
+		}), ct.instance().initialize(), ct.instance().addEventListener(ot.BADGE_TRIGGERED, async (e) => {
+			Qt ??= await import("./common-Uu9A2glf.js");
+			let t = new Qt.BadgeNotification(), { badge: n, reason: r } = e.data;
+			t.present(n, r);
+		})), y.devToolsGeminiRebranding?.enabled && await ut.maybeShow(), e.timeEnd("Main._createAppUI");
+		let l = Fe()[0];
+		if (!l) throw Error("Unable to boot DevTools, as the appprovider is missing");
+		await this.#c(await l.loadAppProvider());
+	}
+	async #c(t) {
+		e.time("Main._showAppUI");
+		let n = t.createApp();
+		if (C.instance().initialize(), H.instance().fetchColorsAndApplyHostTheme(), n.presentUI(document), L.instance().hasAction("elements.toggle-element-search")) {
+			let e = L.instance().getAction("elements.toggle-element-search");
+			M.events.addEventListener(ie.EnterInspectElementMode, () => {
+				e.execute();
+			}, this);
+		}
+		M.events.addEventListener(ie.RevealSourceLine, this.#p, this);
+		let r = D.instance();
+		mt.instance().addEventListener(wt.LOCAL_OVERRIDES_REQUESTED, (e) => {
+			r.displaySelectOverrideFolderInfobar(e.data);
+		}), await r.createToolbars(), M.loadCompleted(), De.initializeAnnouncerElements(), C.instance().announceDockLocation(), window.setTimeout(this.#l.bind(this), 0), e.timeEnd("Main._showAppUI");
+	}
+	async #l() {
+		e.time("Main._initializeTarget");
+		for (let e of s()) await e().run();
+		await this.#t, M.readyForTest(), this.#e.resolve(), window.setTimeout(this.#d.bind(this), 100), await this.#u(), e.timeEnd("Main._initializeTarget");
+	}
+	async #u() {
+		let e = E.instance().primaryPageTarget(), t = e?.targetInfo()?.url, n = t ? a.extractOrigin(t) : void 0, r = "__devtools_ve_inspection_binding__";
+		if (e && await ge(n)) {
+			let t = e.model(z);
+			await t?.addBinding({ name: r }), t?.addEventListener(A.BindingCalled, (e) => {
+				e.data.name === r && (e.data.payload === "true" || e.data.payload === "false" ? de(e.data.payload === "true", (e) => {
+					de(!1), t?.defaultExecutionContext()?.evaluate({
+						expression: `window.inspect(${JSON.stringify(e)})`,
+						includeCommandLineAPI: !1,
+						silent: !0,
+						returnByValue: !1,
+						generatePreview: !1
+					}, !1, !1);
+				}) : ze(e.data.payload === "null" ? null : e.data.payload));
+			});
+		}
+	}
+	async #d() {
+		e.time("Main._lateInitialization"), St.instance().initializeExtensions(), Promise.all(r().map(async (e) => await (await e()).run())), e.timeEnd("Main._lateInitialization");
+	}
+	readyForTest() {
+		return this.#e.promise;
+	}
+	#f() {
+		n.instance().addEventListener(f.MESSAGE_ADDED, e);
+		function e({ data: e }) {
+			e.show && n.instance().show();
+		}
+	}
+	#p(e) {
+		let { url: t, lineNumber: n, columnNumber: r } = e.data, i = V.instance().uiSourceCodeForURL(t);
+		if (i) {
+			l(i.uiLocation(n, r));
+			return;
+		}
+		function a(e) {
+			let i = e.data;
+			i.url() === t && (l(i.uiLocation(n, r)), V.instance().removeEventListener(Ze.UISourceCodeAdded, a));
+		}
+		V.instance().addEventListener(Ze.UISourceCodeAdded, a);
+	}
+	#m(e) {
+		e.handled || w.instance().handleShortcut(e);
+	}
+	#h(e) {
+		let t = new CustomEvent("clipboard-" + e.type, { bubbles: !0 });
+		t.original = e;
+		let n = e.target && e.target.ownerDocument, r = n ? Ge(n) : null;
+		r && r.dispatchEvent(t), t.handled && e.preventDefault();
+	}
+	#g(e) {
+		(e.handled || e.target.classList.contains("popup-glasspane")) && e.preventDefault();
+	}
+	#_(e) {
+		e.addEventListener("keydown", this.#m.bind(this), !1), e.addEventListener("beforecopy", this.#h.bind(this), !0), e.addEventListener("copy", this.#h.bind(this), !1), e.addEventListener("cut", this.#h.bind(this), !1), e.addEventListener("paste", this.#h.bind(this), !1), e.addEventListener("contextmenu", this.#g.bind(this), !0);
+	}
+	#v() {
+		let e = E.instance().allTargetsSuspended();
+		D.instance().onSuspendStateChanged(e);
+	}
+	static instanceForTest = null;
+};
+globalThis.Main = globalThis.Main || {}, globalThis.Main.Main = X;
+var tn = class {
+	handleAction(e, t) {
+		if (M.isHostedMode()) return !1;
+		switch (t) {
+			case "main.zoom-in": return M.zoomIn(), !0;
+			case "main.zoom-out": return M.zoomOut(), !0;
+			case "main.zoom-reset": return M.resetZoom(), !0;
+		}
+		return !1;
+	}
+}, nn = class {
+	handleAction(e, t) {
+		let n = Ae.fromElement(Ge(document));
+		if (!n) {
+			let e = D.instance().currentPanelDeprecated();
+			if (e?.searchableView && (n = e.searchableView()), !n) return !1;
+		}
+		switch (t) {
+			case "main.search-in-panel.find": return n.handleFindShortcut();
+			case "main.search-in-panel.cancel": return n.handleCancelSearchShortcut();
+			case "main.search-in-panel.find-next": return n.handleFindNextShortcut();
+			case "main.search-in-panel.find-previous": return n.handleFindPreviousShortcut();
+		}
+		return !1;
+	}
+}, Z, rn = class e {
+	#e;
+	constructor() {
+		this.#e = new Me(this.#t.bind(this), !0, !0, "main-menu", "dots-vertical"), this.#e.element.classList.add("main-menu"), this.#e.setTitle(J(q.customizeAndControlDevtools));
+	}
+	static instance(t = { forceNew: null }) {
+		let { forceNew: n } = t;
+		return (!Z || n) && (Z = new e()), Z;
+	}
+	item() {
+		return this.#e;
+	}
+	#t(e) {
+		let n = C.instance();
+		if (n.canDock()) {
+			let r = document.createElement("div");
+			r.classList.add("flex-auto", "flex-centered", "location-menu"), r.setAttribute("jslog", `${_e("dock-side").track({ keydown: "ArrowDown|ArrowLeft|ArrowRight" })}`), r.tabIndex = -1, pe(r, q.dockSide + q.dockSideNavigation);
+			let [a] = w.instance().shortcutsForAction("main.toggle-dock");
+			he(Se`
+        <span class="dockside-title"
+              title=${J(q.placementOfDevtoolsRelativeToThe, { PH1: a.title() })}>
+          ${J(q.dockSide)}
+        </span>
+        <devtools-toolbar @mousedown=${(e) => e.consume()}>
+          <devtools-button class="toolbar-button"
+                           jslog=${F().track({ click: !0 }).context("current-dock-state-undock")}
+                           title=${J(q.undockIntoSeparateWindow)}
+                           aria-label=${J(q.undockIntoSeparateWindow)}
+                           .iconName=${"dock-window"}
+                           .toggled=${n.dockSide() === T.UNDOCKED}
+                           .toggledIconName=${"dock-window"}
+                           .toggleType=${k.PRIMARY}
+                           .variant=${b.ICON_TOGGLE}
+                           @click=${i.bind(null, T.UNDOCKED)}></devtools-button>
+          <devtools-button class="toolbar-button"
+                           jslog=${F().track({ click: !0 }).context("current-dock-state-left")}
+                           title=${J(q.dockToLeft)}
+                           aria-label=${J(q.dockToLeft)}
+                           .iconName=${"dock-left"}
+                           .toggled=${n.dockSide() === T.LEFT}
+                           .toggledIconName=${"dock-left"}
+                           .toggleType=${k.PRIMARY}
+                           .variant=${b.ICON_TOGGLE}
+                           @click=${i.bind(null, T.LEFT)}></devtools-button>
+          <devtools-button class="toolbar-button"
+                           jslog=${F().track({ click: !0 }).context("current-dock-state-bottom")}
+                           title=${J(q.dockToBottom)}
+                           aria-label=${J(q.dockToBottom)}
+                           .iconName=${"dock-bottom"}
+                           .toggled=${n.dockSide() === T.BOTTOM}
+                           .toggledIconName=${"dock-bottom"}
+                           .toggleType=${k.PRIMARY}
+                           .variant=${b.ICON_TOGGLE}
+                           @click=${i.bind(null, T.BOTTOM)}></devtools-button>
+          <devtools-button class="toolbar-button"
+                           jslog=${F().track({ click: !0 }).context("current-dock-state-right")}
+                           title=${J(q.dockToRight)}
+                           aria-label=${J(q.dockToRight)}
+                           .iconName=${"dock-right"}
+                           .toggled=${n.dockSide() === T.RIGHT}
+                           .toggledIconName=${"dock-right"}
+                           .toggleType=${k.PRIMARY}
+                           .variant=${b.ICON_TOGGLE}
+                           @click=${i.bind(null, T.RIGHT)}></devtools-button>
+        </devtools-toolbar>
+      `, r, { host: this }), r.addEventListener("keydown", (e) => {
+				let n = 0;
+				if (e.key === "ArrowLeft") n = -1;
+				else if (e.key === "ArrowRight") n = 1;
+				else if (e.key === "ArrowDown") {
+					r.closest(".soft-context-menu")?.dispatchEvent(new KeyboardEvent("keydown", { key: "ArrowDown" }));
+					return;
+				} else return;
+				let i = Array.from(r.querySelectorAll("devtools-button")), a = i.findIndex((e) => e.hasFocus());
+				a = t(a + n, 0, i.length - 1), i[a].focus(), e.consume(!0);
+			}), e.headerSection().appendCustomItem(r, "dock-side");
+		}
+		let r = this.#e.element;
+		function i(t) {
+			n.once(ve.AFTER_DOCK_SIDE_CHANGED).then(() => r.focus()), n.setDockSide(t), e.discard();
+		}
+		if (e.defaultSection().appendAction("freestyler.main-menu", void 0, !0), e.defaultSection().appendItem(J(q.getDevToolsMcp), () => {
+			ce("https://github.com/ChromeDevTools/chrome-devtools-mcp");
+		}, {
+			additionalElement: Te("get-devtools-mcp"),
+			jslogContext: "get-devtools-mcp"
+		}), e.defaultSection().appendSeparator(), n.dockSide() === T.UNDOCKED) {
+			let t = E.instance().primaryPageTarget();
+			t && t.type() === S.FRAME && e.defaultSection().appendAction("inspector-main.focus-debuggee", J(q.focusDebuggee));
+		}
+		e.defaultSection().appendAction("main.toggle-drawer", D.instance().drawerVisible() ? J(q.hideConsoleDrawer) : J(q.showConsoleDrawer)), e.appendItemsAtLocation("mainMenu");
+		let a = e.defaultSection().appendSubMenuItem(J(q.moreTools), !1, "more-tools"), o = I.instance().getRegisteredViewExtensions();
+		o.sort((e, t) => {
+			let n = e.title(), r = t.title();
+			return n.localeCompare(r);
+		});
+		for (let e of o) {
+			let t = e.location(), n = e.persistence(), r = e.title(), i = e.viewId();
+			if (i === "issues-pane") {
+				a.defaultSection().appendItem(r, () => {
+					R.issuesPanelOpenedFrom(je.HAMBURGER_MENU), I.instance().showView("issues-pane", !0);
+				}, { jslogContext: i });
+				continue;
+			}
+			n === "closeable" && (t !== "drawer-view" && t !== "panel" || a.defaultSection().appendItem(r, () => {
+				I.instance().showView(i, !0, !1);
+			}, {
+				isPreviewFeature: e.isPreviewFeature(),
+				jslogContext: i
+			}));
+		}
+		e.footerSection().appendSubMenuItem(J(q.help), !1, "help").appendItemsAtLocation("mainMenuHelp");
+	}
+}, Q, an = class e {
+	#e;
+	constructor() {
+		this.#e = ke.createActionButton("settings.show");
+	}
+	static instance(t = { forceNew: null }) {
+		let { forceNew: n } = t;
+		return (!Q || n) && (Q = new e()), Q;
+	}
+	item() {
+		return this.#e;
+	}
+}, on = class {
+	constructor() {
+		E.instance().addModelListener(Ue, Re.DebuggerPaused, this.#e, this);
+	}
+	#e(e) {
+		E.instance().removeModelListener(Ue, Re.DebuggerPaused, this.#e, this);
+		let t = e.data, n = t.debuggerPausedDetails();
+		P.instance().setFlavor(O, t.target()), l(n);
+	}
+};
+function sn(e, t) {
+	return new Promise((n, r) => {
+		let i = Ye.sendRawMessage;
+		if (!i) return r("Unable to send message to test client");
+		i(e, t, (e, ...t) => e ? r(e) : n(t));
+	});
+}
+var cn = class {
+	handleAction(e, t) {
+		switch (t) {
+			case "main.debug-reload": return ft(), !0;
+		}
+		return !1;
+	}
+}, ln = /* @__PURE__ */ e({
+	SimpleApp: () => un,
+	SimpleAppProvider: () => dn
+}), un = class {
+	presentUI(e) {
+		let t = new Ke();
+		D.instance().show(t.element), t.attachToDocument(e), t.focus();
+	}
+}, $, dn = class e {
+	static instance(t = { forceNew: null }) {
+		let { forceNew: n } = t;
+		return (!$ || n) && ($ = new e()), $;
+	}
+	createApp() {
+		return new un();
+	}
+};
+//#endregion
+export { Pt as a, Lt as i, X as n, Xt as r, ln as t };