@qwik.dev/devtools 2.0.0-beta.45 → 2.0.0-beta.47

package/dist/ui/packages/devtools/ui/src/features/Packages/Packages.qwik.mjs

@@ -8,7 +8,7 @@ import { InstalledDependencyList } from "./components/InstalledDependencyList/In
 import "./components/InstalledDependencyList/index.qwik.mjs";
 import { PackageSearchResults } from "./components/PackageSearchResults/PackageSearchResults.qwik.mjs";
 import "./components/PackageSearchResults/index.qwik.mjs";
-import { _captures, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl, useComputedQrl, useSignal, useStore, useVisibleTaskQrl } from "@qwik.dev/core";
+import { _capturesObj, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl, useComputedQrl, useSignal, useStore, useVisibleTaskQrl } from "@qwik.dev/core";
 var _hf0 = (p0) => p0.state.isLoadingDependencies;
 var _hf0_str = "p0.state.isLoadingDependencies";
 var Packages = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
@@ -23,19 +23,19 @@ var Packages = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 	const selectedTypes = useStore({});
 	const lastRetry = useSignal(null);
 	const packages = useComputedQrl(/*#__PURE__*/ inlinedQrl(() => {
-		return _captures[0].state.allDependencies;
+		return _capturesObj._[0].state.allDependencies;
 	}, "Packages_component_packages_useComputed_5C0oZ6vArhA", [_rawProps]));
 	const filteredPackages = useComputedQrl(/*#__PURE__*/ inlinedQrl(() => {
-		const installedSearch = _captures[0], packages = _captures[1];
+		let installedSearch = _capturesObj._[0], packages = _capturesObj._[1];
 		return filterInstalledDependencies(packages.value, installedSearch.value);
 	}, "Packages_component_filteredPackages_useComputed_kTFXWZIh16k", [installedSearch, packages]));
 	const applyDependencies = /*#__PURE__*/ inlinedQrl((dependencies) => {
-		const _rawProps = _captures[0], searchResults = _captures[1];
+		let _rawProps = _capturesObj._[0], searchResults = _capturesObj._[1];
 		_rawProps.state.allDependencies = mergeDependencyRefresh(_rawProps.state.allDependencies, dependencies);
 		searchResults.value = markInstalledSearchResults(searchResults.value, _rawProps.state.allDependencies);
 	}, "Packages_component_applyDependencies_SU3TgVXkgJ8", [_rawProps, searchResults]);
 	const followDependencyEnrichment = /*#__PURE__*/ inlinedQrl(async () => {
-		const applyDependencies = _captures[0];
+		let applyDependencies = _capturesObj._[0];
 		const rpc = await getDevtoolsRpc();
 		for (let i = 0; i < 20; i++) {
 			const status = await rpc.getDependenciesStatus();
@@ -45,7 +45,7 @@ var Packages = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 		}
 	}, "Packages_component_followDependencyEnrichment_Ggz9YsHENo0", [applyDependencies]);
 	const refreshDependencies = /*#__PURE__*/ inlinedQrl(async () => {
-		const applyDependencies = _captures[0], followDependencyEnrichment = _captures[1], isRefreshing = _captures[2];
+		let applyDependencies = _capturesObj._[0], followDependencyEnrichment = _capturesObj._[1], isRefreshing = _capturesObj._[2];
 		isRefreshing.value = true;
 		try {
 			await applyDependencies(await (await getDevtoolsRpc()).refreshDependencies());
@@ -59,7 +59,7 @@ var Packages = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 		isRefreshing
 	]);
 	const runPackageSearch = /*#__PURE__*/ inlinedQrl(async () => {
-		const _rawProps = _captures[0], isSearching = _captures[1], lastRetry = _captures[2], packageSearch = _captures[3], searchError = _captures[4], searchResults = _captures[5];
+		let _rawProps = _capturesObj._[0], isSearching = _capturesObj._[1], lastRetry = _capturesObj._[2], packageSearch = _capturesObj._[3], searchError = _capturesObj._[4], searchResults = _capturesObj._[5];
 		const query = packageSearch.value.trim();
 		searchError.value = "";
 		lastRetry.value = { action: "search" };
@@ -87,7 +87,7 @@ var Packages = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 		searchResults
 	]);
 	const installPackage = /*#__PURE__*/ inlinedQrl(async (packageName, dependencyType) => {
-		const activeOperationKey = _captures[0], applyDependencies = _captures[1], feedback = _captures[2], followDependencyEnrichment = _captures[3], lastRetry = _captures[4];
+		let activeOperationKey = _capturesObj._[0], applyDependencies = _capturesObj._[1], feedback = _capturesObj._[2], followDependencyEnrichment = _capturesObj._[3], lastRetry = _capturesObj._[4];
 		activeOperationKey.value = `install:${packageName}`;
 		lastRetry.value = {
 			action: "install",
@@ -131,7 +131,7 @@ var Packages = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 		lastRetry
 	]);
 	const updatePackage = /*#__PURE__*/ inlinedQrl(async (packageName) => {
-		const activeOperationKey = _captures[0], applyDependencies = _captures[1], feedback = _captures[2], followDependencyEnrichment = _captures[3], lastRetry = _captures[4];
+		let activeOperationKey = _capturesObj._[0], applyDependencies = _capturesObj._[1], feedback = _capturesObj._[2], followDependencyEnrichment = _capturesObj._[3], lastRetry = _capturesObj._[4];
 		activeOperationKey.value = `update:${packageName}`;
 		lastRetry.value = {
 			action: "update",
@@ -174,7 +174,7 @@ var Packages = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 		lastRetry
 	]);
 	const retryLastOperation = /*#__PURE__*/ inlinedQrl(async () => {
-		const installPackage = _captures[0], lastRetry = _captures[1], runPackageSearch = _captures[2], updatePackage = _captures[3];
+		let installPackage = _capturesObj._[0], lastRetry = _capturesObj._[1], runPackageSearch = _capturesObj._[2], updatePackage = _capturesObj._[3];
 		const retry = lastRetry.value;
 		if (!retry) return;
 		if (retry.action === "search") {
@@ -193,7 +193,7 @@ var Packages = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 		updatePackage
 	]);
 	useVisibleTaskQrl(/*#__PURE__*/ inlinedQrl(async ({ cleanup }) => {
-		const _rawProps = _captures[0];
+		let _rawProps = _capturesObj._[0];
 		const rpc = await getDevtoolsRpc();
 		const interval = window.setInterval(async () => {
 			const status = await rpc.getDependenciesStatus();
@@ -209,11 +209,11 @@ var Packages = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 			isRefreshing: _wrapProp(isRefreshing),
 			isSearching: _wrapProp(isSearching),
 			onInstalledSearch$: /*#__PURE__*/ inlinedQrl((value) => {
-				const installedSearch = _captures[0];
+				let installedSearch = _capturesObj._[0];
 				installedSearch.value = value;
 			}, "Packages_component_div_DependencyToolbar_onInstalledSearch_Y4apO8fjc0s", [installedSearch]),
 			onPackageSearch$: /*#__PURE__*/ inlinedQrl((value) => {
-				const packageSearch = _captures[0];
+				let packageSearch = _capturesObj._[0];
 				packageSearch.value = value;
 			}, "Packages_component_div_DependencyToolbar_onPackageSearch_RhfweH40tz8", [packageSearch]),
 			onSearch$: runPackageSearch,
@@ -223,7 +223,7 @@ var Packages = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 			feedback: _wrapProp(feedback),
 			onRetry$: retryLastOperation,
 			onDismiss$: /*#__PURE__*/ inlinedQrl(() => {
-				const feedback = _captures[0];
+				let feedback = _capturesObj._[0];
 				feedback.value = null;
 			}, "Packages_component_div_DependencyOperationFeedback_onDismiss_Vs5uHnyH1n8", [feedback])
 		}, null, 3, "Kq_1"),
@@ -236,7 +236,7 @@ var Packages = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 			selectedTypes,
 			onRetrySearch$: runPackageSearch,
 			onTypeChange$: /*#__PURE__*/ inlinedQrl((packageName, dependencyType) => {
-				const selectedTypes = _captures[0];
+				let selectedTypes = _capturesObj._[0];
 				selectedTypes[packageName] = dependencyType;
 			}, "Packages_component_div_PackageSearchResults_onTypeChange_DUQ8MUEyaY4", [selectedTypes]),
 			onInstall$: installPackage

package/dist/ui/packages/devtools/ui/src/features/Packages/components/DependencyCard/DependencyCard.qwik.mjs

@@ -1,7 +1,7 @@
 import { getDependencyStatusClass, getDependencyStatusLabel } from "../../package-utils.qwik.mjs";
 import { PackageIcon } from "../PackageIcon/PackageIcon.qwik.mjs";
 import "../PackageIcon/index.qwik.mjs";
-import { _captures, _fnSignal, _jsxSorted, componentQrl, inlinedQrl } from "@qwik.dev/core";
+import { _capturesObj, _fnSignal, _jsxSorted, componentQrl, inlinedQrl } from "@qwik.dev/core";
 var _hf0 = (p0) => p0.pkg.name;
 var _hf0_str = "p0.pkg.name";
 var _hf1 = (p0) => p0.pkg.iconUrl;
@@ -21,22 +21,22 @@ var DependencyCard = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawPr
 	const authorDisplayName = (typeof author === "string" ? author.trim() : (author?.name || "").trim()) || "Unknown";
 	const authorInitials = authorDisplayName.split(/\s+/).filter(Boolean).map((n) => n.charAt(0)).join("").substring(0, 2).toUpperCase() || "??";
 	const handleAuthorClick = /*#__PURE__*/ inlinedQrl(() => {
-		const author = _captures[0];
+		let author = _capturesObj._[0];
 		if (typeof author !== "string") {
 			if (author?.url) window.open(author.url, "_blank");
 			else if (author?.email) window.open(`mailto:${author.email}`, "_blank");
 		}
 	}, "DependencyCard_component_handleAuthorClick_Z27jxExGLYo", [author]);
 	const handlePackageClick = /*#__PURE__*/ inlinedQrl(() => {
-		const _rawProps = _captures[0];
+		let _rawProps = _capturesObj._[0];
 		if (_rawProps.pkg.npmUrl) window.open(_rawProps.pkg.npmUrl, "_blank");
 	}, "DependencyCard_component_handlePackageClick_MvynAcdfp2g", [_rawProps]);
 	const handleHomepageClick = /*#__PURE__*/ inlinedQrl(() => {
-		const _rawProps = _captures[0];
+		let _rawProps = _capturesObj._[0];
 		if (_rawProps.pkg.homepage) window.open(_rawProps.pkg.homepage, "_blank");
 	}, "DependencyCard_component_handleHomepageClick_G7v4ZbrD5Zs", [_rawProps]);
 	const handleRepositoryClick = /*#__PURE__*/ inlinedQrl(() => {
-		const _rawProps = _captures[0];
+		let _rawProps = _capturesObj._[0];
 		if (_rawProps.pkg.repository) window.open(_rawProps.pkg.repository, "_blank");
 	}, "DependencyCard_component_handleRepositoryClick_g80bocL0Cfc", [_rawProps]);
 	return /*#__PURE__*/ _jsxSorted("div", null, { class: "bg-card-item-bg border-glass-border hover:border-primary/30 hover:shadow-primary/5 group relative rounded-xl border p-5 transition-all duration-300 hover:-translate-y-0.5 hover:shadow-lg" }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "from-primary/0 via-primary/0 to-primary/5 pointer-events-none absolute inset-0 rounded-xl bg-gradient-to-br opacity-0 transition-opacity duration-300 group-hover:opacity-100" }, null, 3, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "relative flex flex-col gap-4" }, [
@@ -80,7 +80,7 @@ var DependencyCard = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawPr
 			}, {
 				type: "button",
 				"q-e:click": /*#__PURE__*/ inlinedQrl(() => {
-					const _rawProps = _captures[0];
+					let _rawProps = _capturesObj._[0];
 					return _rawProps.onUpdate$(_rawProps.pkg.name);
 				}, "DependencyCard_component_div_div_div_div_button_q_e_click_0yYsxJjsZQk", [_rawProps]),
 				class: "bg-primary/10 hover:bg-primary/20 text-primary rounded-lg px-2.5 py-1.5 text-xs font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50"

package/dist/ui/packages/devtools/ui/src/features/Packages/components/DependencyToolbar/DependencyToolbar.qwik.mjs

@@ -1,4 +1,4 @@
-import { _captures, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
+import { _capturesObj, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
 var _hf0 = (p0) => p0.isSearching ? "Searching..." : "Search";
 var _hf0_str = "p0.isSearching?\"Searching...\":\"Search\"";
 var _hf1 = (p0) => p0.isRefreshing ? "Refreshing..." : "Refresh";
@@ -7,7 +7,7 @@ var DependencyToolbar = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((pro
 	return /*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg rounded-xl border p-4" }, /*#__PURE__*/ _jsxSorted("div", null, { class: "grid gap-3 lg:grid-cols-[1fr_1fr_auto]" }, [
 		/*#__PURE__*/ _jsxSorted("label", null, { class: "flex min-w-0 flex-col gap-1.5" }, [/*#__PURE__*/ _jsxSorted("span", null, { class: "text-muted-foreground text-xs font-medium" }, "Installed dependencies", 3, null), /*#__PURE__*/ _jsxSorted("input", { value: _wrapProp(props, "installedSearch") }, {
 			"q-e:input": /*#__PURE__*/ inlinedQrl((_, target) => {
-				return _captures[0].onInstalledSearch$(target.value);
+				return _capturesObj._[0].onInstalledSearch$(target.value);
 			}, "DependencyToolbar_component_div_div_label_input_q_e_input_nhSJP6PYDI0", [props]),
 			class: "border-border bg-background/60 text-foreground placeholder:text-muted-foreground rounded-lg border px-3 py-2 text-sm outline-none focus:border-primary",
 			placeholder: "Search installed packages",
@@ -15,10 +15,10 @@ var DependencyToolbar = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((pro
 		}, null, 3, null)], 1, null),
 		/*#__PURE__*/ _jsxSorted("label", null, { class: "flex min-w-0 flex-col gap-1.5" }, [/*#__PURE__*/ _jsxSorted("span", null, { class: "text-muted-foreground text-xs font-medium" }, "Search npm", 3, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "flex gap-2" }, [/*#__PURE__*/ _jsxSorted("input", { value: _wrapProp(props, "packageSearch") }, {
 			"q-e:input": /*#__PURE__*/ inlinedQrl((_, target) => {
-				return _captures[0].onPackageSearch$(target.value);
+				return _capturesObj._[0].onPackageSearch$(target.value);
 			}, "DependencyToolbar_component_div_div_label_div_input_q_e_input_mwHCBr4jtxk", [props]),
 			"q-e:keydown": /*#__PURE__*/ inlinedQrl((event) => {
-				const props = _captures[0];
+				let props = _capturesObj._[0];
 				if (event.key === "Enter") props.onSearch$();
 			}, "DependencyToolbar_component_div_div_label_div_input_q_e_keydown_NtKT2JkJI0g", [props]),
 			class: "border-border bg-background/60 text-foreground placeholder:text-muted-foreground min-w-0 flex-1 rounded-lg border px-3 py-2 text-sm outline-none focus:border-primary",

package/dist/ui/packages/devtools/ui/src/features/Packages/components/PackageIcon/PackageIcon.qwik.mjs

@@ -1,8 +1,8 @@
-import { _captures, _jsxSorted, _wrapProp, componentQrl, inlinedQrl, useSignal } from "@qwik.dev/core";
+import { _capturesObj, _jsxSorted, _wrapProp, componentQrl, inlinedQrl, useSignal } from "@qwik.dev/core";
 var PackageIcon = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
 	const iconError = useSignal(false);
 	const handleIconError = /*#__PURE__*/ inlinedQrl(() => {
-		const iconError = _captures[0];
+		let iconError = _capturesObj._[0];
 		iconError.value = true;
 	}, "PackageIcon_component_handleIconError_6GG7b4NJpQI", [iconError]);
 	const fallbackInitial = _rawProps.packageName.split("/").pop()?.charAt(0).toUpperCase() || _rawProps.packageName.charAt(0).toUpperCase();

package/dist/ui/packages/devtools/ui/src/features/Packages/components/SearchResultCard/SearchResultCard.qwik.mjs

@@ -1,4 +1,4 @@
-import { _captures, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
+import { _capturesObj, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
 var _hf0 = (p0) => p0.result.npmUrl;
 var _hf0_str = "p0.result.npmUrl";
 var _hf1 = (p0) => p0.result.name;
@@ -27,14 +27,14 @@ var SearchResultCard = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((prop
 		value: _wrapProp(props, "selectedType")
 	}, {
 		"q-e:change": /*#__PURE__*/ inlinedQrl((_, target) => {
-			const props = _captures[0];
+			let props = _capturesObj._[0];
 			return props.onTypeChange$(props.result.name, target.value);
 		}, "SearchResultCard_component_div_div_div_select_q_e_change_157XuaUcsW4", [props]),
 		class: "border-border bg-background/60 rounded-lg border px-2 py-1.5 text-xs"
 	}, [/*#__PURE__*/ _jsxSorted("option", null, { value: "devDependencies" }, "devDependencies", 3, null), /*#__PURE__*/ _jsxSorted("option", null, { value: "dependencies" }, "dependencies", 3, null)], 3, null), /*#__PURE__*/ _jsxSorted("button", { disabled: _fnSignal(_hf5, [isInstalling, props], _hf5_str) }, {
 		type: "button",
 		"q-e:click": /*#__PURE__*/ inlinedQrl(() => {
-			const props = _captures[0];
+			let props = _capturesObj._[0];
 			return props.onInstall$(props.result.name, props.selectedType);
 		}, "SearchResultCard_component_div_div_div_button_q_e_click_0DlfMgOZNRQ", [props]),
 		class: "bg-primary/10 hover:bg-primary/20 text-primary rounded-lg px-3 py-1.5 text-xs font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50"

package/dist/ui/packages/devtools/ui/src/features/Performance/Performance.qwik.mjs

@@ -3,7 +3,7 @@ import { computePerfViewModel } from "./computePerfViewModel.qwik.mjs";
 import { ComponentCard } from "./components/ComponentCard.qwik.mjs";
 import { HookDetailsPanel } from "./components/HookDetailsPanel.qwik.mjs";
 import { PerformanceOverview } from "./components/PerformanceOverview.qwik.mjs";
-import { _captures, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl, useComputedQrl, useSignal, useTaskQrl, useVisibleTaskQrl } from "@qwik.dev/core";
+import { _capturesObj, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl, useComputedQrl, useSignal, useTaskQrl, useVisibleTaskQrl } from "@qwik.dev/core";
 var _hf0 = (p0) => p0.value.overview;
 var _hf0_str = "p0.value.overview";
 var _hf1 = (p0) => p0.value.components.length;
@@ -17,14 +17,14 @@ var Performance = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps
 	const selectedComponent = useSignal(null);
 	const renderEvents = useSignal([]);
 	useTaskQrl(/*#__PURE__*/ inlinedQrl(async () => {
-		const perf = _captures[0];
+		let perf = _capturesObj._[0];
 		perf.value = await getPageDataSource().readPerfData() ?? {
 			ssr: [],
 			csr: []
 		};
 	}, "Performance_component_useTask_WHiyTVV6c8g", [perf]));
 	useVisibleTaskQrl(/*#__PURE__*/ inlinedQrl(async ({ cleanup }) => {
-		const renderEvents = _captures[0];
+		let renderEvents = _capturesObj._[0];
 		const source = getPageDataSource();
 		const data = await source.readPerfData();
 		const all = [...data?.ssr || [], ...data?.csr || []];
@@ -40,29 +40,29 @@ var Performance = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps
 		if (unsub) cleanup(unsub);
 	}, "Performance_component_useVisibleTask_jEYvQu47TE8", [renderEvents]));
 	const vm = useComputedQrl(/*#__PURE__*/ inlinedQrl(() => {
-		const perf = _captures[0];
+		let perf = _capturesObj._[0];
 		return computePerfViewModel(perf.value);
 	}, "Performance_component_vm_useComputed_go9mqCd7Rk0", [perf]));
 	const selectedVm = useComputedQrl(/*#__PURE__*/ inlinedQrl(() => {
-		const selectedComponent = _captures[0], vm = _captures[1];
+		let selectedComponent = _capturesObj._[0], vm = _capturesObj._[1];
 		const name = selectedComponent.value;
 		if (!name) return null;
 		return vm.value.components.find((c) => c.componentName === name) ?? null;
 	}, "Performance_component_selectedVm_useComputed_9gMJskA6xTk", [selectedComponent, vm]));
 	const onSelect = /*#__PURE__*/ inlinedQrl((name) => {
-		const selectedComponent = _captures[0];
+		let selectedComponent = _capturesObj._[0];
 		selectedComponent.value = name;
 	}, "Performance_component_onSelect_iR9qDY0SnqQ", [selectedComponent]);
 	const clearSelect = /*#__PURE__*/ inlinedQrl(() => {
-		const selectedComponent = _captures[0];
+		let selectedComponent = _capturesObj._[0];
 		selectedComponent.value = null;
 	}, "Performance_component_clearSelect_r3DeYHRX6Wc", [selectedComponent]);
 	const clearRenderEvents = /*#__PURE__*/ inlinedQrl(() => {
-		const renderEvents = _captures[0];
+		let renderEvents = _capturesObj._[0];
 		renderEvents.value = [];
 	}, "Performance_component_clearRenderEvents_HK009X9J0PU", [renderEvents]);
 	useTaskQrl(/*#__PURE__*/ inlinedQrl(({ track }) => {
-		const _rawProps = _captures[0], renderEvents = _captures[1], selectedComponent = _captures[2];
+		let _rawProps = _capturesObj._[0], renderEvents = _capturesObj._[1], selectedComponent = _capturesObj._[2];
 		if (!track(() => _rawProps.state.clearPerformanceRequested)) return;
 		renderEvents.value = [];
 		selectedComponent.value = null;
@@ -85,7 +85,7 @@ var Performance = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps
 			], 3, null)], 3, null), 3, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "grid grid-cols-1 gap-4 md:grid-cols-2" }, vm.value.components.map((c) => /*#__PURE__*/ _jsxSorted(ComponentCard, {
 				component: c,
 				onClick$: /*#__PURE__*/ inlinedQrl(() => {
-					const c = _captures[0], onSelect = _captures[1];
+					let c = _capturesObj._[0], onSelect = _capturesObj._[1];
 					return onSelect(c.componentName);
 				}, "Performance_component_div_div_div_div_div_ComponentCard_onClick_oHPGixzaMYc", [c, onSelect]),
 				selected: _fnSignal(_hf2, [c, selectedComponent], _hf2_str)

package/dist/ui/packages/devtools/ui/src/features/Preloads/Preloads.qwik.mjs

@@ -2,7 +2,7 @@ import { getPageDataSource } from "../../devtools/page-data-source.qwik.mjs";
 import { formatMs } from "../Performance/utils/formatMs.qwik.mjs";
 import { StatCard } from "../Performance/components/StatCard.qwik.mjs";
 import { computePreloadViewModel, createDefaultPreloadFilters, filterPreloadRows } from "./computePreloadViewModel.qwik.mjs";
-import { _captures, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl, useComputedQrl, useSignal, useStore, useVisibleTaskQrl } from "@qwik.dev/core";
+import { _capturesObj, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl, useComputedQrl, useSignal, useStore, useVisibleTaskQrl } from "@qwik.dev/core";
 var _hf0 = (p0) => `${p0.value.overview.csr} CSR • ${p0.value.overview.ssr} SSR`;
 var _hf0_str = "`${p0.value.overview.csr} CSR • ${p0.value.overview.ssr} SSR`";
 var _hf1 = (p0) => p0.value.initialized ? "active" : "inactive";
@@ -56,7 +56,7 @@ var Preloads = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 	const phaseFilters = useStore({ ...DEFAULT_FILTERS.phaseFilters });
 	const store = useSignal(null);
 	useVisibleTaskQrl(/*#__PURE__*/ inlinedQrl(async () => {
-		const store = _captures[0], version = _captures[1];
+		let store = _capturesObj._[0], version = _capturesObj._[1];
 		const source = getPageDataSource();
 		store.value = await source.readPreloadStore();
 		version.value++;
@@ -72,8 +72,8 @@ var Preloads = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 		};
 	}, "Preloads_component_useVisibleTask_0vUhmjcSbAc", [store, version]));
 	const vm = useComputedQrl(/*#__PURE__*/ inlinedQrl(() => {
-		const phaseFilters = _captures[0], sourceFilters = _captures[1], store = _captures[2];
-		_captures[3].value;
+		let phaseFilters = _capturesObj._[0], sourceFilters = _capturesObj._[1], store = _capturesObj._[2];
+		_capturesObj._[3].value;
 		return computePreloadViewModel(store.value, {
 			sourceFilters: { ...sourceFilters },
 			phaseFilters: { ...phaseFilters }
@@ -85,34 +85,34 @@ var Preloads = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 		version
 	]));
 	const rows = useComputedQrl(/*#__PURE__*/ inlinedQrl(() => {
-		const activeFilter = _captures[0], vm = _captures[1];
+		let activeFilter = _capturesObj._[0], vm = _capturesObj._[1];
 		return filterPreloadRows(vm.value.rows, activeFilter.value);
 	}, "Preloads_component_rows_useComputed_Zff0cdUKId0", [activeFilter, vm]));
 	const runtimeState = useComputedQrl(/*#__PURE__*/ inlinedQrl(() => {
-		const store = _captures[0];
-		_captures[1].value;
+		let store = _capturesObj._[0];
+		_capturesObj._[1].value;
 		return {
 			initialized: !!store.value,
 			qrlRequests: store.value?.qrlRequests.length ?? 0
 		};
 	}, "Preloads_component_runtimeState_useComputed_EHPIU4e0Nko", [store, version]));
 	const clear = /*#__PURE__*/ inlinedQrl(async () => {
-		const store = _captures[0], version = _captures[1];
+		let store = _capturesObj._[0], version = _capturesObj._[1];
 		const source = getPageDataSource();
 		await source.clearPreloadStore();
 		store.value = await source.readPreloadStore();
 		version.value++;
 	}, "Preloads_component_clear_zTejYm3eOBI", [store, version]);
 	const toggleSourceFilter = /*#__PURE__*/ inlinedQrl((key) => {
-		const sourceFilters = _captures[0];
+		let sourceFilters = _capturesObj._[0];
 		sourceFilters[key] = !sourceFilters[key];
 	}, "Preloads_component_toggleSourceFilter_zJPQ6oCTEQw", [sourceFilters]);
 	const togglePhaseFilter = /*#__PURE__*/ inlinedQrl((key) => {
-		const phaseFilters = _captures[0];
+		let phaseFilters = _capturesObj._[0];
 		phaseFilters[key] = !phaseFilters[key];
 	}, "Preloads_component_togglePhaseFilter_TkDMzfHnpcI", [phaseFilters]);
 	const Preloads_component_div_div_div_div_div_div_button_q_e_click_mEfAxj9bfwU = /*#__PURE__*/ inlinedQrl((_, _1, filter) => {
-		const activeFilter = _captures[0];
+		let activeFilter = _capturesObj._[0];
 		activeFilter.value = filter.id;
 	}, "Preloads_component_div_div_div_div_div_div_button_q_e_click_mEfAxj9bfwU", [activeFilter]).m();
 	return /*#__PURE__*/ _jsxSorted("div", null, { class: "h-full w-full flex-1 overflow-auto" }, /*#__PURE__*/ _jsxSorted("div", null, { class: "flex min-h-full flex-col gap-4" }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-5" }, [
@@ -168,7 +168,7 @@ var Preloads = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 				class: "h-3.5 w-3.5 rounded focus:ring-0",
 				style: { accentColor: "var(--color-primary-active)" },
 				"q-e:change": /*#__PURE__*/ inlinedQrl(() => {
-					const toggleSourceFilter = _captures[0];
+					let toggleSourceFilter = _capturesObj._[0];
 					return toggleSourceFilter("vitePluginInjected");
 				}, "Preloads_component_div_div_div_div_div_div_label_input_q_e_change_PO4w6A5Idk4", [toggleSourceFilter])
 			}, null, 3, null), makeLabelCount("Vite Plugin Injected", vm.value.sourceCounts["vite-plugin-injected"])], 1, null),
@@ -178,7 +178,7 @@ var Preloads = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 				class: "h-3.5 w-3.5 rounded focus:ring-0",
 				style: { accentColor: "var(--color-primary-active)" },
 				"q-e:change": /*#__PURE__*/ inlinedQrl(() => {
-					const toggleSourceFilter = _captures[0];
+					let toggleSourceFilter = _capturesObj._[0];
 					return toggleSourceFilter("nodeModules");
 				}, "Preloads_component_div_div_div_div_div_div_label_input_q_e_change_1_a4f6Hw5N5s4", [toggleSourceFilter])
 			}, null, 3, null), makeLabelCount("Node Modules", vm.value.sourceCounts.node_modules)], 1, null),
@@ -188,7 +188,7 @@ var Preloads = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 				class: "h-3.5 w-3.5 rounded focus:ring-0",
 				style: { accentColor: "var(--color-primary-active)" },
 				"q-e:change": /*#__PURE__*/ inlinedQrl(() => {
-					const toggleSourceFilter = _captures[0];
+					let toggleSourceFilter = _capturesObj._[0];
 					return toggleSourceFilter("virtualModule");
 				}, "Preloads_component_div_div_div_div_div_div_label_input_q_e_change_2_JsdB9QG1WM0", [toggleSourceFilter])
 			}, null, 3, null), makeLabelCount("Virtual Module", vm.value.sourceCounts["virtual-module"])], 1, null),
@@ -198,7 +198,7 @@ var Preloads = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 				class: "h-3.5 w-3.5 rounded focus:ring-0",
 				style: { accentColor: "var(--color-primary-active)" },
 				"q-e:change": /*#__PURE__*/ inlinedQrl(() => {
-					const toggleSourceFilter = _captures[0];
+					let toggleSourceFilter = _capturesObj._[0];
 					return toggleSourceFilter("generated");
 				}, "Preloads_component_div_div_div_div_div_div_label_input_q_e_change_3_90iPosvF3mQ", [toggleSourceFilter])
 			}, null, 3, null), makeLabelCount("Generated", vm.value.sourceCounts.generated)], 1, null),
@@ -208,7 +208,7 @@ var Preloads = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 				class: "h-3.5 w-3.5 rounded focus:ring-0",
 				style: { accentColor: "var(--color-primary-active)" },
 				"q-e:change": /*#__PURE__*/ inlinedQrl(() => {
-					const toggleSourceFilter = _captures[0];
+					let toggleSourceFilter = _capturesObj._[0];
 					return toggleSourceFilter("external");
 				}, "Preloads_component_div_div_div_div_div_div_label_input_q_e_change_4_AuLKgSZkHes", [toggleSourceFilter])
 			}, null, 3, null), makeLabelCount("External", vm.value.sourceCounts.external)], 1, null),
@@ -218,7 +218,7 @@ var Preloads = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 				class: "h-3.5 w-3.5 rounded focus:ring-0",
 				style: { accentColor: "var(--color-primary-active)" },
 				"q-e:change": /*#__PURE__*/ inlinedQrl(() => {
-					const toggleSourceFilter = _captures[0];
+					let toggleSourceFilter = _capturesObj._[0];
 					return toggleSourceFilter("unknown");
 				}, "Preloads_component_div_div_div_div_div_div_label_input_q_e_change_5_0E0MQZDqb5U", [toggleSourceFilter])
 			}, null, 3, null), makeLabelCount("Unknown", vm.value.sourceCounts.unknown)], 1, null)
@@ -231,7 +231,7 @@ var Preloads = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 				class: "h-3.5 w-3.5 rounded focus:ring-0",
 				style: { accentColor: "var(--color-primary-active)" },
 				"q-e:change": /*#__PURE__*/ inlinedQrl(() => {
-					const togglePhaseFilter = _captures[0];
+					let togglePhaseFilter = _capturesObj._[0];
 					return togglePhaseFilter("csr");
 				}, "Preloads_component_div_div_div_div_div_div_label_input_q_e_change_6_L5lgZJlMTm8", [togglePhaseFilter])
 			}, null, 3, null), makeLabelCount("CSR", vm.value.phaseCounts.csr)], 1, null),
@@ -241,7 +241,7 @@ var Preloads = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 				class: "h-3.5 w-3.5 rounded focus:ring-0",
 				style: { accentColor: "var(--color-primary-active)" },
 				"q-e:change": /*#__PURE__*/ inlinedQrl(() => {
-					const togglePhaseFilter = _captures[0];
+					let togglePhaseFilter = _capturesObj._[0];
 					return togglePhaseFilter("ssr");
 				}, "Preloads_component_div_div_div_div_div_div_label_input_q_e_change_7_PiCA1ivS01Y", [togglePhaseFilter])
 			}, null, 3, null), makeLabelCount("SSR", vm.value.phaseCounts.ssr)], 1, null)

package/dist/ui/packages/devtools/ui/src/features/RenderTree/RenderTree.qwik.mjs

@@ -9,7 +9,7 @@ import { StateTreeNodeLabel } from "./components/StateTreeNodeLabel.qwik.mjs";
 import { HookFiltersCard } from "./components/HookFiltersCard.qwik.mjs";
 import { HighlightedCodeList } from "./components/HighlightedCodeList.qwik.mjs";
 import { getCodeLanguage } from "./utils/getCodeLanguage.qwik.mjs";
-import { Resource, _captures, _jsxSorted, _wrapProp, componentQrl, inlinedQrl, useComputedQrl, useResourceQrl, useSignal, useStylesQrl, useVisibleTaskQrl } from "@qwik.dev/core";
+import { Resource, _capturesObj, _jsxSorted, _wrapProp, componentQrl, inlinedQrl, useComputedQrl, useResourceQrl, useSignal, useStylesQrl, useVisibleTaskQrl } from "@qwik.dev/core";
 import { getViteClientRpc } from "@qwik.dev/devtools/kit";
 var log = (0, (/* @__PURE__ */ __toESM(require_browser(), 1)).default)("qwik:devtools:renderTree");
 var LOAD_RETRY_DELAY_MS = 300;
@@ -25,7 +25,7 @@ var RenderTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps)
     }
   `, "RenderTree_component_useStyles_AWhkWvC33YA"));
 	const revealNode = useComputedQrl(/*#__PURE__*/ inlinedQrl(() => {
-		return _captures[0].state.componentReveal;
+		return _capturesObj._[0].state.componentReveal;
 	}, "RenderTree_component_revealNode_useComputed_kosn0Rf4154", [_rawProps]));
 	const codes = useSignal([]);
 	const data = useSignal([]);
@@ -35,7 +35,7 @@ var RenderTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps)
 	const hookFilters = useSignal([]);
 	const hooksOpen = useSignal(true);
 	const highlightedCodesResource = useResourceQrl(/*#__PURE__*/ inlinedQrl(async (_rawProps) => {
-		const codes = _captures[0];
+		let codes = _capturesObj._[0];
 		_rawProps.track(() => codes.value);
 		if (!codes.value.length) return [];
 		const highlighter = await getHighlighter();
@@ -47,7 +47,7 @@ var RenderTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps)
 		});
 	}, "RenderTree_component_highlightedCodesResource_useResource_hdA49UhUQ7M", [codes]));
 	useVisibleTaskQrl(/*#__PURE__*/ inlinedQrl(({ cleanup }) => {
-		const data = _captures[0], lastTreeIds = _captures[1];
+		let data = _capturesObj._[0], lastTreeIds = _capturesObj._[1];
 		const source = getPageDataSource();
 		const syncTree = (tree) => {
 			if (!tree || tree.length === 0) return false;
@@ -71,7 +71,7 @@ var RenderTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps)
 		});
 	}, "RenderTree_component_useVisibleTask_zrAfIjp4mH4", [data, lastTreeIds]));
 	const onNodeClick = /*#__PURE__*/ inlinedQrl(async (node) => {
-		const codes = _captures[0], fullStateTree = _captures[1], hookFilters = _captures[2], stateTree = _captures[3];
+		let codes = _capturesObj._[0], fullStateTree = _capturesObj._[1], hookFilters = _capturesObj._[2], stateTree = _capturesObj._[3];
 		log(" current node clicked: %O", node);
 		const source = getPageDataSource();
 		const name = node.name || node.label || "";
@@ -113,15 +113,15 @@ var RenderTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps)
 	]);
 	const currentTab = useSignal("state");
 	const showStateTab = /*#__PURE__*/ inlinedQrl(() => {
-		const currentTab = _captures[0];
+		let currentTab = _capturesObj._[0];
 		currentTab.value = "state";
 	}, "RenderTree_component_showStateTab_O4o7nNS0Yc4", [currentTab]);
 	const showCodeTab = /*#__PURE__*/ inlinedQrl(() => {
-		const currentTab = _captures[0];
+		let currentTab = _capturesObj._[0];
 		currentTab.value = "code";
 	}, "RenderTree_component_showCodeTab_m6wrkPHXkYM", [currentTab]);
 	const refreshFilteredStateTree = /*#__PURE__*/ inlinedQrl(() => {
-		const fullStateTree = _captures[0], hookFilters = _captures[1], stateTree = _captures[2];
+		let fullStateTree = _capturesObj._[0], hookFilters = _capturesObj._[1], stateTree = _capturesObj._[2];
 		stateTree.value = applyHookFilters(fullStateTree.value, hookFilters.value);
 	}, "RenderTree_component_refreshFilteredStateTree_Ng6tq73zzek", [
 		fullStateTree,
@@ -129,7 +129,7 @@ var RenderTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps)
 		stateTree
 	]);
 	const handleSelectAll = /*#__PURE__*/ inlinedQrl(() => {
-		const hookFilters = _captures[0], refreshFilteredStateTree = _captures[1];
+		let hookFilters = _capturesObj._[0], refreshFilteredStateTree = _capturesObj._[1];
 		hookFilters.value = hookFilters.value.map((item) => ({
 			...item,
 			display: true
@@ -137,7 +137,7 @@ var RenderTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps)
 		refreshFilteredStateTree();
 	}, "RenderTree_component_handleSelectAll_yl6MuzcFZk0", [hookFilters, refreshFilteredStateTree]);
 	const handleClear = /*#__PURE__*/ inlinedQrl(() => {
-		const hookFilters = _captures[0], refreshFilteredStateTree = _captures[1];
+		let hookFilters = _capturesObj._[0], refreshFilteredStateTree = _capturesObj._[1];
 		hookFilters.value = hookFilters.value.map((item) => ({
 			...item,
 			display: false
@@ -145,7 +145,7 @@ var RenderTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps)
 		refreshFilteredStateTree();
 	}, "RenderTree_component_handleClear_0fY9KH70S2A", [hookFilters, refreshFilteredStateTree]);
 	const handleFilterChange = /*#__PURE__*/ inlinedQrl((index, checked) => {
-		const hookFilters = _captures[0], refreshFilteredStateTree = _captures[1];
+		let hookFilters = _capturesObj._[0], refreshFilteredStateTree = _capturesObj._[1];
 		hookFilters.value = hookFilters.value.map((item, itemIndex) => itemIndex === index ? {
 			...item,
 			display: checked
@@ -159,7 +159,7 @@ var RenderTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps)
 		}, /*#__PURE__*/ _jsxSorted(Tree, {
 			onNodeClick,
 			onRevealed$: /*#__PURE__*/ inlinedQrl(() => {
-				const _rawProps = _captures[0];
+				let _rawProps = _capturesObj._[0];
 				return _rawProps.state.componentReveal = null;
 			}, "RenderTree_component_div_div_div_Tree_onRevealed_EevePL82QY4", [_rawProps])
 		}, {
@@ -179,7 +179,7 @@ var RenderTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps)
 				onSelectAll$: handleSelectAll,
 				onClear$: handleClear,
 				onToggleOpen$: /*#__PURE__*/ inlinedQrl(() => {
-					const hooksOpen = _captures[0];
+					let hooksOpen = _capturesObj._[0];
 					return hooksOpen.value = !hooksOpen.value;
 				}, "RenderTree_component_div_div_div_div_HookFiltersCard_onToggleOpen_htBb6dFJgKk", [hooksOpen]),
 				onFilterChange$: handleFilterChange

package/dist/ui/packages/devtools/ui/src/features/RenderTree/components/HookFiltersCard.qwik.mjs

@@ -1,5 +1,5 @@
 import { IconChevronUpMini } from "../../../components/Icons/Icons.qwik.mjs";
-import { _captures, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
+import { _capturesObj, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
 var _hf0 = (p0) => ({
 	maxHeight: p0.isOpen ? "800px" : "0px",
 	opacity: p0.isOpen ? "1" : "0",
@@ -8,7 +8,7 @@ var _hf0 = (p0) => ({
 var _hf0_str = "{maxHeight:p0.isOpen?\"800px\":\"0px\",opacity:p0.isOpen?\"1\":\"0\",transition:\"max-height 200ms ease, opacity 200ms ease\"}";
 var HookFiltersCard = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
 	const HookFiltersCard_component_div_div_label_input_q_e_change_FeP7wk8oowk = /*#__PURE__*/ inlinedQrl((event, _1, index) => {
-		const _rawProps = _captures[0];
+		let _rawProps = _capturesObj._[0];
 		const target = event.target;
 		_rawProps.onFilterChange$(index, target.checked);
 	}, "HookFiltersCard_component_div_div_label_input_q_e_change_FeP7wk8oowk", [_rawProps]).m();