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

package/dist/ui/packages/devtools/ui/src/devtools/CustomizeTabsPanel.qwik.mjs

@@ -1,7 +1,7 @@
 import { IconGripVertical, IconXMark } from "../components/Icons/Icons.qwik.mjs";
 import { IconButton } from "../components/IconButton/IconButton.qwik.mjs";
 import { getAvailableTabs, reorderVisibleTabs, resolveTabs, saveVisibleTabIds, setTabVisible } from "./sidebar-tabs.qwik.mjs";
-import { Slot, _captures, _fnSignal, _jsxSorted, _qrlSync, _wrapProp, componentQrl, inlinedQrl, useSignal } from "@qwik.dev/core";
+import { Slot, _capturesObj, _fnSignal, _jsxSorted, _qrlSync, _wrapProp, componentQrl, inlinedQrl, useSignal } from "@qwik.dev/core";
 var _hf0 = (p0) => ["transition-opacity", p0.dragging ? "opacity-40" : ""];
 var _hf0_str = "[\"transition-opacity\",p0.dragging?\"opacity-40\":\"\"]";
 var _hf1 = (p0, p1) => p0.value === p1;
@@ -23,7 +23,7 @@ var TabRow = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => /*#_
 		class: "h-3.5 w-3.5 rounded",
 		style: { accentColor: "var(--color-primary-active)" },
 		"q-e:change": /*#__PURE__*/ inlinedQrl((_, el) => {
-			const props = _captures[0];
+			let props = _capturesObj._[0];
 			return props.onToggle$(props.id, el.checked);
 		}, "TabRow_component_li_label_input_q_e_change_34xiTR3EoWM", [props])
 	}, null, 3, null),
@@ -41,22 +41,22 @@ var CustomizeTabsPanel = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_r
 	const visibleTabs = resolveTabs(pendingVisibleIds.value);
 	const availableTabs = getAvailableTabs(pendingVisibleIds.value);
 	const toggle$ = /*#__PURE__*/ inlinedQrl((id, checked) => {
-		const pendingVisibleIds = _captures[0];
+		let pendingVisibleIds = _capturesObj._[0];
 		pendingVisibleIds.value = setTabVisible(pendingVisibleIds.value, id, checked);
 	}, "CustomizeTabsPanel_component_toggle_7ito2DKngBw", [pendingVisibleIds]);
 	const endDrag$ = /*#__PURE__*/ inlinedQrl(() => {
-		const draggingId = _captures[0];
+		let draggingId = _capturesObj._[0];
 		return draggingId.value = null;
 	}, "CustomizeTabsPanel_component_endDrag_GuR2fyNtG9E", [draggingId]);
 	return /*#__PURE__*/ _jsxSorted("div", null, { class: "absolute inset-0 z-30 flex items-start justify-start p-4" }, [/*#__PURE__*/ _jsxSorted("div", null, {
 		class: "absolute inset-0 bg-black/40 backdrop-blur-sm transition-opacity",
 		"q-e:click": /*#__PURE__*/ inlinedQrl(() => {
-			const _rawProps = _captures[0];
+			let _rawProps = _capturesObj._[0];
 			return _rawProps.state.isCustomizeOpen = false;
 		}, "CustomizeTabsPanel_component_div_div_q_e_click_l3t3UrZvZ6Y", [_rawProps])
 	}, null, 3, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "glass-panel relative z-10 flex max-h-full w-80 flex-col overflow-hidden rounded-2xl" }, [
 		/*#__PURE__*/ _jsxSorted("div", null, { class: "flex items-start justify-between p-4 pb-3" }, [/*#__PURE__*/ _jsxSorted("div", null, null, [/*#__PURE__*/ _jsxSorted("h2", null, { class: "text-foreground text-base font-semibold" }, "Customize Tabs", 3, null), /*#__PURE__*/ _jsxSorted("p", null, { class: "text-muted-foreground text-xs" }, "Choose which tools appear in the sidebar.", 3, null)], 3, null), /*#__PURE__*/ _jsxSorted(IconButton, { onClick$: /*#__PURE__*/ inlinedQrl(() => {
-			const _rawProps = _captures[0];
+			let _rawProps = _capturesObj._[0];
 			return _rawProps.state.isCustomizeOpen = false;
 		}, "CustomizeTabsPanel_component_div_div_div_IconButton_onClick_BD1Lcw5n01g", [_rawProps]) }, { title: "Close" }, /*#__PURE__*/ _jsxSorted(IconXMark, null, { class: "h-5 w-5" }, null, 3, "Ig_4"), 0, "Ig_5")], 1, null),
 		/*#__PURE__*/ _jsxSorted("div", null, { class: "custom-scrollbar flex flex-1 flex-col gap-4 overflow-y-auto px-4 pb-3" }, [/*#__PURE__*/ _jsxSorted("section", {
@@ -74,7 +74,7 @@ var CustomizeTabsPanel = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_r
 					dragging: _fnSignal(_hf1, [draggingId, id], _hf1_str),
 					id,
 					onDragEnter$: /*#__PURE__*/ inlinedQrl(() => {
-						const draggingId = _captures[0], id = _captures[1], pendingVisibleIds = _captures[2];
+						let draggingId = _capturesObj._[0], id = _capturesObj._[1], pendingVisibleIds = _capturesObj._[2];
 						const dragged = draggingId.value;
 						if (dragged && dragged !== id) pendingVisibleIds.value = reorderVisibleTabs(pendingVisibleIds.value, dragged, id);
 					}, "CustomizeTabsPanel_component_div_div_div_section_ul_TabRow_onDragEnter_yYXv7uhV1nk", [
@@ -83,8 +83,8 @@ var CustomizeTabsPanel = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_r
 						pendingVisibleIds
 					]),
 					onDragStart$: /*#__PURE__*/ inlinedQrl(() => {
-						const draggingId = _captures[0];
-						return draggingId.value = _captures[1];
+						let draggingId = _capturesObj._[0];
+						return draggingId.value = _capturesObj._[1];
 					}, "CustomizeTabsPanel_component_div_div_div_section_ul_TabRow_onDragStart_j7We62qpm2E", [draggingId, id]),
 					title: _wrapProp(tab, "title")
 				}, {
@@ -108,13 +108,13 @@ var CustomizeTabsPanel = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_r
 		/*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border flex justify-end gap-2 border-t p-4" }, [/*#__PURE__*/ _jsxSorted("button", null, {
 			class: "text-muted-foreground hover:text-foreground rounded-lg px-4 py-1.5 text-sm font-medium transition-colors",
 			"q-e:click": /*#__PURE__*/ inlinedQrl(() => {
-				const _rawProps = _captures[0];
+				let _rawProps = _capturesObj._[0];
 				return _rawProps.state.isCustomizeOpen = false;
 			}, "CustomizeTabsPanel_component_div_div_div_button_q_e_click_bKi0Y3F44SM", [_rawProps])
 		}, "Cancel", 3, null), /*#__PURE__*/ _jsxSorted("button", null, {
 			class: "bg-primary rounded-lg px-4 py-1.5 text-sm font-medium text-white transition-opacity hover:opacity-90",
 			"q-e:click": /*#__PURE__*/ inlinedQrl(() => {
-				const _rawProps = _captures[0], pendingVisibleIds = _captures[1];
+				let _rawProps = _capturesObj._[0], pendingVisibleIds = _capturesObj._[1];
 				_rawProps.state.visibleTabIds = [...pendingVisibleIds.value];
 				saveVisibleTabIds(pendingVisibleIds.value);
 				_rawProps.state.isCustomizeOpen = false;

package/dist/ui/packages/devtools/ui/src/devtools/DevtoolsSidebar.qwik.mjs

@@ -2,7 +2,7 @@ import { IconAdjustmentsHorizontal, IconEllipsisHorizontal } from "../components
 import { getAvailableTabs, getVisibleTabs } from "./sidebar-tabs.qwik.mjs";
 import { Tab } from "../components/Tab/Tab.qwik.mjs";
 import { QwikThemeToggle } from "../components/ThemeToggle/QwikThemeToggle.qwik.mjs";
-import { Slot, _captures, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl, useSignal } from "@qwik.dev/core";
+import { Slot, _capturesObj, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl, useSignal } from "@qwik.dev/core";
 import { Fragment } from "@qwik.dev/core/jsx-runtime";
 var _hf0 = (p0, p1) => p1.value || p0;
 var _hf0_str = "p1.value||p0";
@@ -18,7 +18,7 @@ var DevtoolsSidebar = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawP
 	const moreTabs = getAvailableTabs(_rawProps.state.visibleTabIds);
 	const isMoreActive = moreTabs.some((tab) => tab.id === _rawProps.state.activeTab);
 	const DevtoolsSidebar_component_div_div_div_Fragment_div_button_q_e_click_UeLOkJekfd8 = /*#__PURE__*/ inlinedQrl((_, _1, id) => {
-		const _rawProps = _captures[0], isMoreOpen = _captures[1];
+		let _rawProps = _capturesObj._[0], isMoreOpen = _capturesObj._[1];
 		_rawProps.state.activeTab = id;
 		isMoreOpen.value = false;
 	}, "DevtoolsSidebar_component_div_div_div_Fragment_div_button_q_e_click_UeLOkJekfd8", [_rawProps, isMoreOpen]).m();
@@ -29,13 +29,13 @@ var DevtoolsSidebar = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawP
 		moreTabs.length > 0 && /*#__PURE__*/ _jsxSorted("div", null, { class: "relative" }, [/*#__PURE__*/ _jsxSorted(SidebarIconButton, { active: _fnSignal(_hf0, [isMoreActive, isMoreOpen], _hf0_str) }, {
 			title: "More tools",
 			onClick$: /*#__PURE__*/ inlinedQrl(() => {
-				const isMoreOpen = _captures[0];
+				let isMoreOpen = _capturesObj._[0];
 				return isMoreOpen.value = !isMoreOpen.value;
 			}, "DevtoolsSidebar_component_div_div_div_SidebarIconButton_onClick_Ehnn3kErcX8", [isMoreOpen])
 		}, /*#__PURE__*/ _jsxSorted(IconEllipsisHorizontal, null, { class: "h-6 w-6" }, null, 3, "BY_2"), 1, "BY_3"), isMoreOpen.value && /*#__PURE__*/ _jsxSorted(Fragment, null, null, [/*#__PURE__*/ _jsxSorted("div", null, {
 			class: "fixed inset-0 z-20",
 			"q-e:click": /*#__PURE__*/ inlinedQrl(() => {
-				const isMoreOpen = _captures[0];
+				let isMoreOpen = _capturesObj._[0];
 				return isMoreOpen.value = false;
 			}, "DevtoolsSidebar_component_div_div_div_Fragment_div_q_e_click_90NEvxKYiKk", [isMoreOpen])
 		}, null, 3, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "glass-panel absolute bottom-0 left-full z-30 ml-2 flex min-w-40 flex-col gap-1 rounded-xl p-2" }, moreTabs.map((tab) => {
@@ -46,7 +46,7 @@ var DevtoolsSidebar = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawP
 			}, { class: "text-muted-foreground hover:bg-card-item-hover-bg hover:text-foreground flex items-center gap-3 rounded-lg px-2 py-1.5 text-left" }, [tab.renderIcon(), /*#__PURE__*/ _jsxSorted("span", null, { class: "text-foreground text-sm" }, _wrapProp(tab, "title"), 1, null)], 4, id);
 		}), 1, null)], 1, "BY_4")], 1, "BY_5"),
 		!_rawProps.state.isExtension && /*#__PURE__*/ _jsxSorted(SidebarIconButton, { onClick$: /*#__PURE__*/ inlinedQrl(() => {
-			const _rawProps = _captures[0];
+			let _rawProps = _capturesObj._[0];
 			return _rawProps.state.isCustomizeOpen = true;
 		}, "DevtoolsSidebar_component_div_div_SidebarIconButton_onClick_h0rhNZi5Tq0", [_rawProps]) }, { title: "Customize Tabs" }, /*#__PURE__*/ _jsxSorted(IconAdjustmentsHorizontal, null, { class: "h-6 w-6" }, null, 3, "BY_6"), 0, "BY_7"),
 		/*#__PURE__*/ _jsxSorted("div", null, { class: "mb-2 opacity-80 transition-opacity hover:opacity-100" }, /*#__PURE__*/ _jsxSorted(QwikThemeToggle, null, null, null, 3, "BY_8"), 1, null)

package/dist/ui/packages/devtools/ui/src/devtools/QwikDevtools.qwik.mjs

@@ -12,14 +12,14 @@ import { CustomizeTabsPanel } from "./CustomizeTabsPanel.qwik.mjs";
 import { CommandPalette } from "./CommandPalette.qwik.mjs";
 import { ensurePreloadRuntime } from "../runtime/preloads.qwik.mjs";
 import { isExcludedPathname, normalizeExcludePathnames } from "../../../kit/src/overlay-paths.qwik.mjs";
-import { _captures, _jsxSorted, componentQrl, inlinedQrl, useSignal, useStore, useVisibleTaskQrl } from "@qwik.dev/core";
+import { _capturesObj, _jsxSorted, componentQrl, inlinedQrl, useSignal, useStore, useVisibleTaskQrl } from "@qwik.dev/core";
 import { QWIK_DEVTOOLS_GLOBAL, getQwikDevtoolsGlobal } from "@qwik.dev/devtools/kit";
 var QwikDevtools = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
 	const state = useStore(createDevtoolsState());
 	const excludePathnames = normalizeExcludePathnames(props.excludePathnames);
 	const shouldRender = useSignal(excludePathnames.length === 0);
 	useVisibleTaskQrl(/*#__PURE__*/ inlinedQrl(async () => {
-		const excludePathnames = _captures[0], shouldRender = _captures[1], state = _captures[2];
+		let excludePathnames = _capturesObj._[0], shouldRender = _capturesObj._[1], state = _capturesObj._[2];
 		if (isExcludedPathname(location.pathname, excludePathnames)) {
 			shouldRender.value = false;
 			return;
@@ -37,7 +37,7 @@ var QwikDevtools = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) =
 		state
 	]), { strategy: "document-ready" });
 	useVisibleTaskQrl(/*#__PURE__*/ inlinedQrl(({ cleanup }) => {
-		const state = _captures[0];
+		let state = _capturesObj._[0];
 		const handleShortcut = (event) => {
 			if ((event.metaKey || event.ctrlKey) && (event.key === "k" || event.key === "K")) {
 				if (!state.isOpen) return;

package/dist/ui/packages/devtools/ui/src/devtools/QwikDevtoolsExtension.qwik.mjs

@@ -3,7 +3,7 @@ import { loadDevtoolsData } from "./rpc.qwik.mjs";
 import { DevtoolsContent } from "./DevtoolsContent.qwik.mjs";
 import { createDevtoolsState } from "./state.qwik.mjs";
 import { DevtoolsSidebar } from "./DevtoolsSidebar.qwik.mjs";
-import { _captures, _jsxSorted, componentQrl, inlinedQrl, useStore, useVisibleTaskQrl } from "@qwik.dev/core";
+import { _capturesObj, _jsxSorted, componentQrl, inlinedQrl, useStore, useVisibleTaskQrl } from "@qwik.dev/core";
 /**
 * Extension-only devtools layout.
 *
@@ -18,7 +18,7 @@ import { _captures, _jsxSorted, componentQrl, inlinedQrl, useStore, useVisibleTa
 var QwikDevtoolsExtension = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 	const state = useStore(createDevtoolsState({ isExtension: true }));
 	useVisibleTaskQrl(/*#__PURE__*/ inlinedQrl(async () => {
-		const state = _captures[0];
+		let state = _capturesObj._[0];
 		await loadDevtoolsData(state);
 	}, "QwikDevtoolsExtension_component_useVisibleTask_uLhNm8VeHHc", [state]));
 	return /*#__PURE__*/ _jsxSorted("div", null, {

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

@@ -1,5 +1,5 @@
 import { getDevtoolsRpc } from "../../devtools/rpc.qwik.mjs";
-import { _captures, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl, isBrowser, useSignal, useVisibleTaskQrl } from "@qwik.dev/core";
+import { _capturesObj, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl, isBrowser, useSignal, useVisibleTaskQrl } from "@qwik.dev/core";
 import { Fragment } from "@qwik.dev/core/jsx-runtime";
 var _hf0 = (p0) => p0.value ? "Rebuilding..." : "Rebuild Report";
 var _hf0_str = "p0.value?\"Rebuilding...\":\"Rebuild Report\"";
@@ -24,7 +24,7 @@ var BuildAnalysis = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 	const buildTriggerHint = useSignal("");
 	const errorMessage = useSignal("");
 	const loadStatus = /*#__PURE__*/ inlinedQrl(async () => {
-		const buildCommand = _captures[0], buildTriggerHint = _captures[1], canTriggerBuild = _captures[2], errorMessage = _captures[3], hasReport = _captures[4], isChecking = _captures[5], reportPath = _captures[6];
+		let buildCommand = _capturesObj._[0], buildTriggerHint = _capturesObj._[1], canTriggerBuild = _capturesObj._[2], errorMessage = _capturesObj._[3], hasReport = _capturesObj._[4], isChecking = _capturesObj._[5], reportPath = _capturesObj._[6];
 		isChecking.value = true;
 		errorMessage.value = "";
 		try {
@@ -49,11 +49,11 @@ var BuildAnalysis = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 		reportPath
 	]);
 	const refreshFrame = /*#__PURE__*/ inlinedQrl(() => {
-		const iframeVersion = _captures[0];
+		let iframeVersion = _capturesObj._[0];
 		iframeVersion.value += 1;
 	}, "BuildAnalysis_component_refreshFrame_KBOtgw7vjAM", [iframeVersion]);
 	const buildReport = /*#__PURE__*/ inlinedQrl(async () => {
-		const buildCommand = _captures[0], buildTriggerHint = _captures[1], canTriggerBuild = _captures[2], errorMessage = _captures[3], iframeVersion = _captures[4], isBuilding = _captures[5], loadStatus = _captures[6];
+		let buildCommand = _capturesObj._[0], buildTriggerHint = _capturesObj._[1], canTriggerBuild = _capturesObj._[2], errorMessage = _capturesObj._[3], iframeVersion = _capturesObj._[4], isBuilding = _capturesObj._[5], loadStatus = _capturesObj._[6];
 		if (!buildCommand.value) {
 			errorMessage.value = "No build script found. Expected \"build.client\" or \"build\" in package.json.";
 			return;
@@ -88,7 +88,7 @@ var BuildAnalysis = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 		loadStatus
 	]);
 	useVisibleTaskQrl(/*#__PURE__*/ inlinedQrl(async () => {
-		const loadStatus = _captures[0];
+		let loadStatus = _capturesObj._[0];
 		await loadStatus();
 	}, "BuildAnalysis_component_useVisibleTask_aOkClGsXcvo", [loadStatus]));
 	return /*#__PURE__*/ _jsxSorted("div", null, { class: "flex h-full min-h-0 flex-col gap-4" }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg rounded-2xl border p-5" }, /*#__PURE__*/ _jsxSorted("div", null, { class: "flex flex-col gap-3" }, [

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

@@ -1,6 +1,6 @@
 import { StateParser } from "./StateParser.qwik.mjs";
 import { HtmlParser } from "./HtmlParser.qwik.mjs";
-import { _captures, _jsxSorted, componentQrl, inlinedQrl, useSignal, useStylesQrl } from "@qwik.dev/core";
+import { _capturesObj, _jsxSorted, componentQrl, inlinedQrl, useSignal, useStylesQrl } from "@qwik.dev/core";
 var CodeBreak = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 	useStylesQrl(/*#__PURE__*/ inlinedQrl(`
   .code-output-container {
@@ -23,14 +23,14 @@ var CodeBreak = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 			"bg-accent text-white shadow": currentTab.value === "state",
 			"text-muted-foreground hover:bg-foreground/5": currentTab.value !== "state"
 		} }, { "q-e:click": /*#__PURE__*/ inlinedQrl(() => {
-			const currentTab = _captures[0];
+			let currentTab = _capturesObj._[0];
 			return currentTab.value = "state";
 		}, "CodeBreak_component_div_div_div_button_q_e_click_xWgXsjQPkqw", [currentTab]) }, "State Parser", 3, null), /*#__PURE__*/ _jsxSorted("button", { class: {
 			"rounded-lg px-3 py-2 text-sm font-medium transition-colors md:px-4": true,
 			"bg-accent text-white shadow": currentTab.value === "html",
 			"text-muted-foreground hover:bg-foreground/5": currentTab.value !== "html"
 		} }, { "q-e:click": /*#__PURE__*/ inlinedQrl(() => {
-			const currentTab = _captures[0];
+			let currentTab = _capturesObj._[0];
 			return currentTab.value = "html";
 		}, "CodeBreak_component_div_div_div_button_q_e_click_1_LC2WyereJ0c", [currentTab]) }, "HTML Parser", 3, null)], 1, null), 1, null),
 		currentTab.value === "state" && /*#__PURE__*/ _jsxSorted(StateParser, null, null, null, 3, "Qk_0"),

package/dist/ui/packages/devtools/ui/src/features/CodeBreak/HtmlParser.qwik.mjs

@@ -1,5 +1,5 @@
 import { getHighlighter } from "../../utils/shiki.qwik.mjs";
-import { _captures, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl, useSignal, useStylesQrl, useVisibleTaskQrl } from "@qwik.dev/core";
+import { _capturesObj, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl, useSignal, useStylesQrl, useVisibleTaskQrl } from "@qwik.dev/core";
 import { _getDomContainer, _vnode_toString } from "@qwik.dev/core/internal";
 var _hf0 = (p0) => p0.value || "";
 var _hf0_str = "p0.value||\"\"";
@@ -12,7 +12,7 @@ var HtmlParser = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 	const htmlResult = useSignal("");
 	const highlightedHtml = useSignal("");
 	const onParseHtml$ = /*#__PURE__*/ inlinedQrl(() => {
-		const htmlResult = _captures[0], inputHtml = _captures[1], parsingTime = _captures[2];
+		let htmlResult = _capturesObj._[0], inputHtml = _capturesObj._[1], parsingTime = _capturesObj._[2];
 		if (!inputHtml.value.trim()) {
 			parsingTime.value = null;
 			htmlResult.value = "// Paste HTML on the left to parse";
@@ -53,7 +53,7 @@ var HtmlParser = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 	]);
 	const shikiRef = useSignal(null);
 	useVisibleTaskQrl(/*#__PURE__*/ inlinedQrl(async ({ track }) => {
-		const highlightedHtml = _captures[0], htmlResult = _captures[1], shikiRef = _captures[2];
+		let highlightedHtml = _capturesObj._[0], htmlResult = _capturesObj._[1], shikiRef = _capturesObj._[2];
 		track(() => htmlResult.value);
 		if (!htmlResult.value) {
 			highlightedHtml.value = "";
@@ -72,7 +72,7 @@ var HtmlParser = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 	return /*#__PURE__*/ _jsxSorted("div", null, { class: "grid grid-cols-1 gap-4 md:grid-cols-2" }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg flex h-[60vh] min-h-0 flex-col rounded-xl border" }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border flex items-center justify-between border-b p-3" }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "text-sm font-medium" }, "Input HTML", 3, null), parsingTime.value !== null && /*#__PURE__*/ _jsxSorted("span", null, { class: "border-glass-border text-muted-foreground rounded-full border px-2 py-0.5 text-xs" }, [_wrapProp(parsingTime), "ms"], 3, "nu_0")], 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "min-h-0 flex-1 flex-col space-y-3 p-3" }, [/*#__PURE__*/ _jsxSorted("textarea", null, {
 		value: _wrapProp(inputHtml),
 		"q-e:input": /*#__PURE__*/ inlinedQrl((e, t) => {
-			const inputHtml = _captures[0];
+			let inputHtml = _capturesObj._[0];
 			return inputHtml.value = t.value;
 		}, "HtmlParser_component_div_div_div_textarea_q_e_input_XIyjbAjuy8w", [inputHtml]),
 		placeholder: "Paste HTML and click to parse/format.",

package/dist/ui/packages/devtools/ui/src/features/CodeBreak/StateParser.qwik.mjs

@@ -1,5 +1,5 @@
 import { getHighlighter } from "../../utils/shiki.qwik.mjs";
-import { _captures, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl, useSignal, useStylesQrl, useVisibleTaskQrl } from "@qwik.dev/core";
+import { _capturesObj, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl, useSignal, useStylesQrl, useVisibleTaskQrl } from "@qwik.dev/core";
 import { _dumpState, _preprocessState } from "@qwik.dev/core/internal";
 var _hf0 = (p0) => p0.value || "";
 var _hf0_str = "p0.value||\"\"";
@@ -12,7 +12,7 @@ var StateParser = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 	const stateResult = useSignal("");
 	const highlightedState = useSignal("");
 	const onParseState$ = /*#__PURE__*/ inlinedQrl(() => {
-		const inputState = _captures[0], parsingTime = _captures[1], stateResult = _captures[2];
+		let inputState = _capturesObj._[0], parsingTime = _capturesObj._[1], stateResult = _capturesObj._[2];
 		if (!inputState.value.trim()) {
 			parsingTime.value = null;
 			stateResult.value = "// Paste state on the left to parse";
@@ -68,7 +68,7 @@ var StateParser = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 	]);
 	const shikiRef = useSignal(null);
 	useVisibleTaskQrl(/*#__PURE__*/ inlinedQrl(async ({ track }) => {
-		const highlightedState = _captures[0], shikiRef = _captures[1], stateResult = _captures[2];
+		let highlightedState = _capturesObj._[0], shikiRef = _capturesObj._[1], stateResult = _capturesObj._[2];
 		track(() => stateResult?.value);
 		const currentState = stateResult?.value ?? "";
 		if (!currentState) {
@@ -101,7 +101,7 @@ var StateParser = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 	}, "Parse State", 3, null)], 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "flex min-h-0 flex-1 flex-col p-3" }, /*#__PURE__*/ _jsxSorted("textarea", null, {
 		value: _wrapProp(inputState),
 		"q-e:input": /*#__PURE__*/ inlinedQrl((e, t) => {
-			const inputState = _captures[0];
+			let inputState = _capturesObj._[0];
 			return inputState.value = t.value;
 		}, "StateParser_component_div_div_div_textarea_q_e_input_kcp2t0mamTI", [inputState]),
 		placeholder: "Paste Qwik state and click to parse/format.",

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

@@ -6,7 +6,7 @@ import { RenderTreeTabs } from "../RenderTree/components/RenderTreeTabs.qwik.mjs
 import { StateTreeNodeLabel } from "../RenderTree/components/StateTreeNodeLabel.qwik.mjs";
 import { HookFiltersCard } from "../RenderTree/components/HookFiltersCard.qwik.mjs";
 import { IconButton } from "../../components/IconButton/IconButton.qwik.mjs";
-import { _captures, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl, useComputedQrl, useSignal, useVisibleTaskQrl } from "@qwik.dev/core";
+import { _capturesObj, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl, useComputedQrl, useSignal, useVisibleTaskQrl } from "@qwik.dev/core";
 var _hf0 = (p0) => p0.value ? "Picking..." : "Pick";
 var _hf0_str = "p0.value?\"Picking...\":\"Pick\"";
 var _hf1 = (p0) => p0.value ? "Collapse all" : "Expand all";
@@ -154,7 +154,7 @@ function expandAndScrollToNode(targetName) {
 }
 var HookTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
 	const revealNode = useComputedQrl(/*#__PURE__*/ inlinedQrl(() => {
-		return _captures[0].state.componentReveal;
+		return _capturesObj._[0].state.componentReveal;
 	}, "HookTree_component_revealNode_useComputed_tpsp3UJyFJs", [_rawProps]));
 	const treeData = useSignal([]);
 	const treeVersion = useSignal(0);
@@ -169,7 +169,7 @@ var HookTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 	const editValue = useSignal("");
 	const inspecting = useSignal(false);
 	const handleElementPicked = /*#__PURE__*/ inlinedQrl((payload) => {
-		const inspecting = _captures[0], onNodeClick = _captures[1], treeData = _captures[2];
+		let inspecting = _capturesObj._[0], onNodeClick = _capturesObj._[1], treeData = _capturesObj._[2];
 		inspecting.value = false;
 		let found = null;
 		if (payload.treeNodeId) found = findNodeById(treeData.value, payload.treeNodeId);
@@ -188,7 +188,7 @@ var HookTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 		return tree.filter((node) => filters.some((f) => f.key === node.label && f.display));
 	}, "HookTree_component_applyFilters_BI0rmhS6jV0");
 	const refreshSelectedDetail = /*#__PURE__*/ inlinedQrl(async () => {
-		const applyFilters = _captures[0], fullStateTree = _captures[1], hookFilters = _captures[2], selectedNode = _captures[3], stateTree = _captures[4];
+		let applyFilters = _capturesObj._[0], fullStateTree = _capturesObj._[1], hookFilters = _capturesObj._[2], selectedNode = _capturesObj._[3], stateTree = _capturesObj._[4];
 		const sel = selectedNode.value;
 		if (!sel) return;
 		const source = getPageDataSource();
@@ -217,7 +217,7 @@ var HookTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 		stateTree
 	]);
 	useVisibleTaskQrl(/*#__PURE__*/ inlinedQrl(({ cleanup }) => {
-		const handleElementPicked = _captures[0], lastTreeIds = _captures[1], refreshSelectedDetail = _captures[2], selectedNode = _captures[3], stateTree = _captures[4], treeData = _captures[5], treeVersion = _captures[6];
+		let handleElementPicked = _capturesObj._[0], lastTreeIds = _capturesObj._[1], refreshSelectedDetail = _capturesObj._[2], selectedNode = _capturesObj._[3], stateTree = _capturesObj._[4], treeData = _capturesObj._[5], treeVersion = _capturesObj._[6];
 		const source = getPageDataSource();
 		const loadInitial = async (retries = 3) => {
 			const vnodeTree = await source.readVNodeTree();
@@ -296,7 +296,7 @@ var HookTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 		treeVersion
 	]));
 	const onNodeClick = /*#__PURE__*/ inlinedQrl(async (node) => {
-		const fullStateTree = _captures[0], hookFilters = _captures[1], selectedNode = _captures[2], stateTree = _captures[3];
+		let fullStateTree = _capturesObj._[0], hookFilters = _capturesObj._[1], selectedNode = _capturesObj._[2], stateTree = _capturesObj._[3];
 		const source = getPageDataSource();
 		const name = node.name || node.label || "";
 		if (!name) {
@@ -337,7 +337,7 @@ var HookTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 		stateTree
 	]);
 	const onStateNodeClick = /*#__PURE__*/ inlinedQrl(async (node) => {
-		const editValue = _captures[0], editingNodeId = _captures[1];
+		let editValue = _capturesObj._[0], editingNodeId = _capturesObj._[1];
 		if (node.children && node.children.length > 0) return;
 		const match = (node.label || "").match(/^let (\S+) = : (.+)$/);
 		if (!match) return;
@@ -346,7 +346,7 @@ var HookTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 		editValue.value = rawVal.startsWith("\"") && rawVal.endsWith("\"") ? rawVal.slice(1, -1) : rawVal;
 	}, "HookTree_component_onStateNodeClick_w05LL5ft0xI", [editValue, editingNodeId]);
 	const commitEdit = /*#__PURE__*/ inlinedQrl(async () => {
-		const editValue = _captures[0], editingNodeId = _captures[1], refreshSelectedDetail = _captures[2], selectedNode = _captures[3], stateTree = _captures[4];
+		let editValue = _capturesObj._[0], editingNodeId = _capturesObj._[1], refreshSelectedDetail = _capturesObj._[2], selectedNode = _capturesObj._[3], stateTree = _capturesObj._[4];
 		if (!editingNodeId.value || !selectedNode.value) return;
 		const sel = selectedNode.value;
 		const source = getPageDataSource();
@@ -372,11 +372,11 @@ var HookTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 		stateTree
 	]);
 	const cancelEdit = /*#__PURE__*/ inlinedQrl(() => {
-		const editingNodeId = _captures[0];
+		let editingNodeId = _capturesObj._[0];
 		editingNodeId.value = null;
 	}, "HookTree_component_cancelEdit_T9PZ4ZUP0kg", [editingNodeId]);
 	const handleSelectAll = /*#__PURE__*/ inlinedQrl(async () => {
-		const applyFilters = _captures[0], fullStateTree = _captures[1], hookFilters = _captures[2], stateTree = _captures[3];
+		let applyFilters = _capturesObj._[0], fullStateTree = _capturesObj._[1], hookFilters = _capturesObj._[2], stateTree = _capturesObj._[3];
 		hookFilters.value = hookFilters.value.map((f) => ({
 			...f,
 			display: true
@@ -389,7 +389,7 @@ var HookTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 		stateTree
 	]);
 	const handleClear = /*#__PURE__*/ inlinedQrl(async () => {
-		const applyFilters = _captures[0], fullStateTree = _captures[1], hookFilters = _captures[2], stateTree = _captures[3];
+		let applyFilters = _capturesObj._[0], fullStateTree = _capturesObj._[1], hookFilters = _capturesObj._[2], stateTree = _capturesObj._[3];
 		hookFilters.value = hookFilters.value.map((f) => ({
 			...f,
 			display: false
@@ -402,7 +402,7 @@ var HookTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 		stateTree
 	]);
 	const handleFilterChange = /*#__PURE__*/ inlinedQrl(async (index, checked) => {
-		const applyFilters = _captures[0], fullStateTree = _captures[1], hookFilters = _captures[2], stateTree = _captures[3];
+		let applyFilters = _capturesObj._[0], fullStateTree = _capturesObj._[1], hookFilters = _capturesObj._[2], stateTree = _capturesObj._[3];
 		hookFilters.value = hookFilters.value.map((f, i) => i === index ? {
 			...f,
 			display: checked
@@ -415,7 +415,7 @@ var HookTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 		stateTree
 	]);
 	const startInspect = /*#__PURE__*/ inlinedQrl(() => {
-		const inspecting = _captures[0];
+		let inspecting = _capturesObj._[0];
 		const port = window.__devtools_port;
 		if (port) {
 			inspecting.value = true;
@@ -423,7 +423,7 @@ var HookTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 		}
 	}, "HookTree_component_startInspect_ivplr7Kh8Cg", [inspecting]);
 	const stopInspect = /*#__PURE__*/ inlinedQrl(() => {
-		const inspecting = _captures[0];
+		let inspecting = _capturesObj._[0];
 		const port = window.__devtools_port;
 		if (port) {
 			inspecting.value = false;
@@ -432,7 +432,7 @@ var HookTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 	}, "HookTree_component_stopInspect_0GbFiCX0c2U", [inspecting]);
 	const treeExpanded = useSignal(true);
 	const toggleTreeExpand = /*#__PURE__*/ inlinedQrl(() => {
-		const treeExpanded = _captures[0];
+		let treeExpanded = _capturesObj._[0];
 		const container = document.getElementById("hook-tree-left");
 		if (!container) return;
 		const chevrons = Array.from(container.querySelectorAll("svg[class*=\"shrink-0\"]"));
@@ -461,7 +461,7 @@ var HookTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 		}, treeData.value.length === 0 ? /*#__PURE__*/ _jsxSorted("div", null, { class: "text-muted-foreground flex h-full items-center justify-center text-sm" }, "Waiting for component tree...", 3, "n0_6") : /*#__PURE__*/ _jsxSorted(Tree, {
 			onNodeClick,
 			onRevealed$: /*#__PURE__*/ inlinedQrl(() => {
-				const _rawProps = _captures[0];
+				let _rawProps = _capturesObj._[0];
 				return _rawProps.state.componentReveal = null;
 			}, "HookTree_component_div_div_div_div_Tree_onRevealed_bBy7gH7s5cA", [_rawProps])
 		}, {
@@ -473,11 +473,11 @@ var HookTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 			/*#__PURE__*/ _jsxSorted(RenderTreeTabs, null, {
 				currentTab: _wrapProp(currentTab),
 				onStateClick$: /*#__PURE__*/ inlinedQrl(() => {
-					const currentTab = _captures[0];
+					let currentTab = _capturesObj._[0];
 					return currentTab.value = "state";
 				}, "HookTree_component_div_div_div_RenderTreeTabs_onStateClick_91eAngQRRXU", [currentTab]),
 				onCodeClick$: /*#__PURE__*/ inlinedQrl(() => {
-					const currentTab = _captures[0];
+					let currentTab = _capturesObj._[0];
 					return currentTab.value = "code";
 				}, "HookTree_component_div_div_div_RenderTreeTabs_onCodeClick_0lAe8vTbWRQ", [currentTab])
 			}, null, 3, "n0_7"),
@@ -487,7 +487,7 @@ var HookTree = /*#__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;
 				}, "HookTree_component_div_div_div_div_HookFiltersCard_onToggleOpen_wb4o4GAUjKQ", [hooksOpen]),
 				onFilterChange$: handleFilterChange
@@ -498,8 +498,8 @@ var HookTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 				animationDuration: 200,
 				isHover: true,
 				renderNode: /*#__PURE__*/ inlinedQrl((node) => {
-					const cancelEdit = _captures[0], commitEdit = _captures[1], editValue = _captures[2];
-					if (_captures[3].value === node.id) return /*#__PURE__*/ _jsxSorted("form", null, {
+					let cancelEdit = _capturesObj._[0], commitEdit = _capturesObj._[1], editValue = _capturesObj._[2];
+					if (_capturesObj._[3].value === node.id) return /*#__PURE__*/ _jsxSorted("form", null, {
 						"preventdefault:submit": true,
 						"q-e:submit": commitEdit,
 						class: "inline-flex items-center gap-1"
@@ -507,11 +507,11 @@ var HookTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 						type: "text",
 						class: "border-primary/50 bg-card-item-hover-bg text-foreground focus:border-primary w-32 rounded border px-1.5 py-0.5 text-xs outline-none",
 						"q-e:input": /*#__PURE__*/ inlinedQrl((_, el) => {
-							const editValue = _captures[0];
+							let editValue = _capturesObj._[0];
 							editValue.value = el.value;
 						}, "HookTree_component_div_div_div_div_div_Tree_renderNode_form_input_q_e_input_z05hdrGPzhg", [editValue]),
 						"q-e:keydown": /*#__PURE__*/ inlinedQrl((e) => {
-							const cancelEdit = _captures[0];
+							let cancelEdit = _capturesObj._[0];
 							if (e.key === "Escape") cancelEdit();
 						}, "HookTree_component_div_div_div_div_div_Tree_renderNode_form_input_q_e_keydown_0AuxXsO3Wa0", [cancelEdit]),
 						autoFocus: true

package/dist/ui/packages/devtools/ui/src/features/HookTree/hookTreeHelpers.qwik.mjs

@@ -8,12 +8,12 @@ function toTreeNodes(vnodes) {
 		children: v.children ? toTreeNodes(v.children) : void 0
 	}));
 }
-/** Quick structural fingerprint from node IDs. */
+/** Includes names so collected source metadata refreshes existing nodes. */
 function treeIdFingerprint(nodes) {
 	const ids = [];
 	const walk = (list) => {
 		for (const n of list) {
-			ids.push(n.id);
+			ids.push(n.name ? `${n.id}:${n.name}` : n.id);
 			if (n.children) walk(n.children);
 		}
 	};

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

@@ -1,6 +1,6 @@
 import { IconCubeOutline, IconFolderTree, IconPhotoOutline } from "../../components/Icons/Icons.qwik.mjs";
 import { InfoBanner } from "../../components/InfoBanner/InfoBanner.qwik.mjs";
-import { _captures, _fnSignal, _jsxSorted, _qrlSync, componentQrl, inlinedQrl } from "@qwik.dev/core";
+import { _capturesObj, _fnSignal, _jsxSorted, _qrlSync, componentQrl, inlinedQrl } from "@qwik.dev/core";
 import { Fragment } from "@qwik.dev/core/jsx-runtime";
 var _hf0 = (p0) => p0.state.routes?.length;
 var _hf0_str = "p0.state.routes?.length";
@@ -11,7 +11,7 @@ var _hf2_str = "p0.state.assets.length||0";
 var Overview = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
 	const isExtension = _rawProps.state.isExtension;
 	const pageJump = /*#__PURE__*/ inlinedQrl((pageName) => {
-		const _rawProps = _captures[0];
+		let _rawProps = _capturesObj._[0];
 		_rawProps.state.activeTab = pageName;
 	}, "Overview_component_pageJump_0Fqlp0MwWqk", [_rawProps]);
 	const stopPropagation = _qrlSync((e) => {
@@ -21,22 +21,22 @@ var Overview = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 		isExtension && _rawProps.state.vitePluginDetected && /*#__PURE__*/ _jsxSorted(InfoBanner, null, { class: "mb-5" }, [/*#__PURE__*/ _jsxSorted("span", null, { class: "text-foreground font-medium" }, "Vite plugin detected", 3, null), /*#__PURE__*/ _jsxSorted("span", null, { class: "text-muted-foreground" }, [" ", "- the in-app overlay has additional features (routes, assets, packages, code inspection)"], 3, null)], 3, "pG_0"),
 		/*#__PURE__*/ _jsxSorted("div", null, { class: "grid grid-cols-1 gap-5 md:grid-cols-3" }, [
 			!isExtension && /*#__PURE__*/ _jsxSorted("div", { "q-e:click": [/*#__PURE__*/ inlinedQrl(() => {
-				const pageJump = _captures[0];
+				let pageJump = _capturesObj._[0];
 				return pageJump("routes");
 			}, "Overview_component_Fragment_div_div_q_e_click_qb0eJJi67Us", [pageJump]), stopPropagation] }, { class: "border-border bg-card-item-bg hover:bg-card-item-hover-bg flex cursor-pointer items-center gap-5 rounded-xl border p-5 transition-all duration-200 hover:-translate-y-0.5" }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "bg-foreground/5 border-border rounded-lg border p-3.5" }, /*#__PURE__*/ _jsxSorted(IconFolderTree, null, { class: "text-accent h-6 w-6" }, null, 3, "pG_1"), 1, null), /*#__PURE__*/ _jsxSorted("div", null, null, [/*#__PURE__*/ _jsxSorted("div", null, { class: "text-3xl font-semibold" }, _fnSignal(_hf0, [_rawProps], _hf0_str), 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "text-muted-foreground text-sm" }, "pages", 3, null)], 1, null)], 0, "pG_2"),
 			/*#__PURE__*/ _jsxSorted("div", { "q-e:click": [/*#__PURE__*/ inlinedQrl(() => {
-				const pageJump = _captures[0];
+				let pageJump = _capturesObj._[0];
 				return pageJump("renderTree");
 			}, "Overview_component_Fragment_div_div_q_e_click_1_B7lsWRRqMVk", [pageJump]), stopPropagation] }, { class: "border-border bg-card-item-bg hover:bg-card-item-hover-bg flex cursor-pointer items-center gap-5 rounded-xl border p-5 transition-all duration-200 hover:-translate-y-0.5" }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "bg-foreground/5 border-border rounded-lg border p-3.5" }, /*#__PURE__*/ _jsxSorted(IconCubeOutline, null, { class: "text-accent h-6 w-6" }, null, 3, "pG_3"), 1, null), /*#__PURE__*/ _jsxSorted("div", null, null, [/*#__PURE__*/ _jsxSorted("div", null, { class: "text-3xl font-semibold" }, _fnSignal(_hf1, [_rawProps], _hf1_str), 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "text-muted-foreground text-sm" }, "components", 3, null)], 1, null)], 0, null),
 			!isExtension && /*#__PURE__*/ _jsxSorted("div", { "q-e:click": [/*#__PURE__*/ inlinedQrl(() => {
-				const pageJump = _captures[0];
+				let pageJump = _capturesObj._[0];
 				return pageJump("assets");
 			}, "Overview_component_Fragment_div_div_q_e_click_2_ZsZbMuPvZFo", [pageJump]), stopPropagation] }, { class: "border-border bg-card-item-bg hover:bg-card-item-hover-bg flex cursor-pointer items-center gap-5 rounded-xl border p-5 transition-all duration-200 hover:-translate-y-0.5" }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "bg-foreground/5 border-border rounded-lg border p-3.5" }, /*#__PURE__*/ _jsxSorted(IconPhotoOutline, null, { class: "text-accent h-6 w-6" }, null, 3, "pG_4"), 1, null), /*#__PURE__*/ _jsxSorted("div", null, null, [/*#__PURE__*/ _jsxSorted("div", null, { class: "text-3xl font-semibold" }, _fnSignal(_hf2, [_rawProps], _hf2_str), 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "text-muted-foreground text-sm" }, "assets", 3, null)], 1, null)], 0, "pG_5")
 		], 1, null),
 		_rawProps.state.npmPackages.length > 0 && /*#__PURE__*/ _jsxSorted("div", {
 			class: ["border-border bg-card-item-bg mt-6 space-y-4 rounded-xl border p-5 md:mt-6", !isExtension && "hover:bg-card-item-hover-bg cursor-pointer hover:-translate-y-0.5"],
 			"q-e:click": isExtension ? void 0 : [/*#__PURE__*/ inlinedQrl(() => {
-				const pageJump = _captures[0];
+				let pageJump = _capturesObj._[0];
 				return pageJump("packages");
 			}, "Overview_component_Fragment_div_q_e_click_vcC0WjWKJuE", [pageJump]), stopPropagation]
 		}, null, [/*#__PURE__*/ _jsxSorted("h3", null, { class: "text-lg font-semibold" }, "Installed Packages", 3, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "grid grid-cols-1 gap-3 md:grid-cols-2" }, _rawProps.state.npmPackages.map(([name, version]) => /*#__PURE__*/ _jsxSorted("div", null, { class: "bg-foreground/5 flex items-center justify-between rounded-lg p-3" }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "text-sm" }, name, 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "bg-foreground/5 border-border text-muted-foreground rounded-full border px-2 py-1 text-xs" }, version, 1, null)], 1, name)), 1, null)], 0, "pG_6"),