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

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 { _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 {
@@ -18,25 +18,23 @@ var CodeBreak = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
   `, "CodeBreak_component_useStyles_lHrOlzOysW0"));
 	const currentTab = useSignal("state");
 	return /*#__PURE__*/ _jsxSorted("div", null, { class: "h-full space-y-6 overflow-hidden" }, [
-		/*#__PURE__*/ _jsxSorted("div", null, { class: "flex justify-center" }, /*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg inline-flex rounded-xl border p-0.5" }, [/*#__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 === "state",
-				"text-muted-foreground hover:bg-foreground/5": currentTab.value !== "state"
-			},
-			"q-e:click": /*#__PURE__*/ inlinedQrl((_, _1, currentTab) => currentTab.value = "state", "CodeBreak_component_div_div_div_button_q_e_click_xWgXsjQPkqw").m(),
-			"q:p": currentTab
-		}, null, "State Parser", 6, 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((_, _1, currentTab) => currentTab.value = "html", "CodeBreak_component_div_div_div_button_q_e_click_1_LC2WyereJ0c").m(),
-			"q:p": currentTab
-		}, null, "HTML Parser", 6, null)], 1, null), 1, null),
-		currentTab.value === "state" && /*#__PURE__*/ _jsxSorted(StateParser, null, null, null, 3, "on_0"),
-		currentTab.value === "html" && /*#__PURE__*/ _jsxSorted(HtmlParser, null, null, null, 3, "on_1")
-	], 1, "on_2");
+		/*#__PURE__*/ _jsxSorted("div", null, { class: "flex justify-center" }, /*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg inline-flex rounded-xl border p-0.5" }, [/*#__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 === "state",
+			"text-muted-foreground hover:bg-foreground/5": currentTab.value !== "state"
+		} }, { "q-e:click": /*#__PURE__*/ inlinedQrl(() => {
+			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(() => {
+			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"),
+		currentTab.value === "html" && /*#__PURE__*/ _jsxSorted(HtmlParser, null, null, null, 3, "Qk_1")
+	], 1, "Qk_2");
 }, "CodeBreak_component_TGxTKTmWfNE"));
 export { CodeBreak };

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

@@ -1,7 +1,8 @@
 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||\"\"";
 var HtmlParser = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 	useStylesQrl(/*#__PURE__*/ inlinedQrl(`
     pre.shiki { overflow: auto; padding: 10px; height: 100%; }
@@ -11,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";
@@ -52,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 = "";
@@ -68,19 +69,20 @@ var HtmlParser = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 		htmlResult,
 		shikiRef
 	]));
-	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, "la_0")], 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "min-h-0 flex-1 flex-col space-y-3 p-3" }, [/*#__PURE__*/ _jsxSorted("textarea", {
-		"q-e:input": /*#__PURE__*/ inlinedQrl((e, t, inputHtml) => inputHtml.value = t.value, "HtmlParser_component_div_div_div_textarea_q_e_input_XIyjbAjuy8w").m(),
-		"q:p": inputHtml
-	}, {
+	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) => {
+			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.",
 		class: "border-glass-border bg-card-item-bg text-foreground placeholder:text-muted-foreground h-full min-h-0 w-full flex-1 resize-none rounded-md border p-3 font-mono text-sm"
-	}, null, 6, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "flex items-center gap-3" }, /*#__PURE__*/ _jsxSorted("button", null, {
+	}, null, 3, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "flex items-center gap-3" }, /*#__PURE__*/ _jsxSorted("button", null, {
 		"q-e:click": onParseHtml$,
 		class: "bg-accent rounded-md px-3 py-1.5 text-sm text-white hover:opacity-90"
-	}, "Parse HTML", 3, null), 3, null)], 1, null)], 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg flex h-[60vh] min-h-0 flex-col overflow-hidden 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" }, "VNode Tree", 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, "la_1")], 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "h-full min-h-0 flex-1" }, /*#__PURE__*/ _jsxSorted("pre", null, {
+	}, "Parse HTML", 3, null), 3, null)], 3, null)], 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg flex h-[60vh] min-h-0 flex-col overflow-hidden 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" }, "VNode Tree", 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_1")], 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "h-full min-h-0 flex-1" }, /*#__PURE__*/ _jsxSorted("pre", null, {
 		class: "h-full overflow-auto",
-		dangerouslySetInnerHTML: _fnSignal(_hf0, [highlightedHtml])
-	}, null, 3, null), 3, null)], 1, null)], 1, "la_2");
+		dangerouslySetInnerHTML: _fnSignal(_hf0, [highlightedHtml], _hf0_str)
+	}, null, 3, null), 3, null)], 1, null)], 1, "nu_2");
 }, "HtmlParser_component_9YnEezFEUMA"));
 export { HtmlParser };

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

@@ -1,7 +1,8 @@
 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||\"\"";
 var StateParser = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 	useStylesQrl(/*#__PURE__*/ inlinedQrl(`
     pre.shiki { overflow: auto; padding: 10px;  height: 100%; }
@@ -11,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";
@@ -67,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) {
@@ -94,19 +95,20 @@ var StateParser = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
 		shikiRef,
 		stateResult
 	]));
-	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 gap-3 border-b p-3" }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "flex items-center gap-3" }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "text-sm font-medium" }, "Input State", 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, "O4_0")], 1, null), /*#__PURE__*/ _jsxSorted("button", null, {
+	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 gap-3 border-b p-3" }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "flex items-center gap-3" }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "text-sm font-medium" }, "Input State", 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, "97_0")], 1, null), /*#__PURE__*/ _jsxSorted("button", null, {
 		"q-e:click": onParseState$,
 		class: "bg-accent rounded-md px-3 py-1.5 text-sm text-white hover:opacity-90"
-	}, "Parse State", 3, null)], 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "flex min-h-0 flex-1 flex-col p-3" }, /*#__PURE__*/ _jsxSorted("textarea", {
-		"q-e:input": /*#__PURE__*/ inlinedQrl((e, t, inputState) => inputState.value = t.value, "StateParser_component_div_div_div_textarea_q_e_input_kcp2t0mamTI").m(),
-		"q:p": inputState
-	}, {
+	}, "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) => {
+			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.",
 		class: "border-glass-border bg-card-item-bg text-foreground placeholder:text-muted-foreground min-h-0 w-full flex-1 resize-none rounded-md border p-3 font-mono text-sm"
-	}, null, 6, null), 1, null)], 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg flex h-[60vh] min-h-0 flex-col overflow-hidden 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" }, "Parsed State", 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, "O4_1")], 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "h-full min-h-0 flex-1" }, /*#__PURE__*/ _jsxSorted("pre", null, {
+	}, null, 3, null), 3, null)], 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg flex h-[60vh] min-h-0 flex-col overflow-hidden 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" }, "Parsed State", 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, "97_1")], 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "h-full min-h-0 flex-1" }, /*#__PURE__*/ _jsxSorted("pre", null, {
 		class: "h-full overflow-auto",
-		dangerouslySetInnerHTML: _fnSignal(_hf0, [highlightedState])
-	}, null, 3, null), 3, null)], 1, null)], 1, "O4_2");
+		dangerouslySetInnerHTML: _fnSignal(_hf0, [highlightedState], _hf0_str)
+	}, null, 3, null), 3, null)], 1, null)], 1, "97_2");
 }, "StateParser_component_WYGTcR6czK0"));
 export { StateParser };

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

@@ -6,10 +6,13 @@ 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";
+var _hf1_str = "p0.value?\"Collapse all\":\"Expand all\"";
 var _hf2 = (p0) => p0.value ? "Collapse" : "Expand";
+var _hf2_str = "p0.value?\"Collapse\":\"Expand\"";
 var EXPAND_ANIMATION_DELAY_MS = 250;
 var HIGHLIGHT_FLASH_MS = 1500;
 var LOAD_RETRY_DELAY_MS = 300;
@@ -110,7 +113,8 @@ function buildDetailTree(entries) {
 	}
 	return result;
 }
-/** DOM helpers for expand/scroll/highlight */ function expandAndScrollToNode(targetName) {
+/** DOM helpers for expand/scroll/highlight */
+function expandAndScrollToNode(targetName) {
 	requestAnimationFrame(() => {
 		const container = document.getElementById("hook-tree-left");
 		if (!container) return;
@@ -150,7 +154,7 @@ function buildDetailTree(entries) {
 }
 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);
@@ -165,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], treeData = _captures[1];
+		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);
@@ -174,13 +178,17 @@ var HookTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 			onNodeClick(found);
 			expandAndScrollToNode(found.label || found.name || "");
 		}
-	}, "HookTree_component_handleElementPicked_Tg1fX7eTA88", [inspecting, treeData]);
+	}, "HookTree_component_handleElementPicked_Tg1fX7eTA88", [
+		inspecting,
+		onNodeClick,
+		treeData
+	]);
 	const applyFilters = /*#__PURE__*/ inlinedQrl((tree, filters) => {
 		if (filters.length === 0) return tree;
 		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();
@@ -209,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();
@@ -288,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) {
@@ -329,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;
@@ -338,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();
@@ -364,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
@@ -381,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
@@ -394,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
@@ -407,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;
@@ -415,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;
@@ -424,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\"]"));
@@ -441,81 +449,84 @@ var HookTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 		}, [/*#__PURE__*/ _jsxSorted("div", null, { class: "mb-2 flex items-center gap-1" }, [/*#__PURE__*/ _jsxSorted(IconButton, { onClick$: inspecting.value ? stopInspect : startInspect }, {
 			active: _wrapProp(inspecting),
 			title: "Select a component on the page"
-		}, [/*#__PURE__*/ _jsxSorted(IconTarget, null, { class: "h-3.5 w-3.5" }, null, 3, "uB_0"), _fnSignal(_hf0, [inspecting])], 0, "uB_1"), /*#__PURE__*/ _jsxSorted(IconButton, null, {
+		}, [/*#__PURE__*/ _jsxSorted(IconTarget, null, { class: "h-3.5 w-3.5" }, null, 3, "n0_2"), _fnSignal(_hf0, [inspecting], _hf0_str)], 0, "n0_3"), /*#__PURE__*/ _jsxSorted(IconButton, null, {
 			onClick$: toggleTreeExpand,
-			title: _fnSignal(_hf1, [treeExpanded])
+			title: _fnSignal(_hf1, [treeExpanded], _hf1_str)
 		}, [/*#__PURE__*/ _jsxSorted(IconExpandShrink, null, {
 			class: "h-3.5 w-3.5",
 			expanded: _wrapProp(treeExpanded)
-		}, null, 3, "uB_2"), _fnSignal(_hf2, [treeExpanded])], 1, "uB_3")], 1, null), /*#__PURE__*/ _jsxSorted("div", null, {
+		}, null, 3, "n0_4"), _fnSignal(_hf2, [treeExpanded], _hf2_str)], 1, "n0_5")], 1, null), /*#__PURE__*/ _jsxSorted("div", null, {
 			id: "hook-tree-left",
 			class: "min-h-0 flex-1 overflow-y-auto"
-		}, 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, "uB_4") : /*#__PURE__*/ _jsxSorted(Tree, { onRevealed$: /*#__PURE__*/ inlinedQrl(() => {
-			const _rawProps = _captures[0];
-			return _rawProps.state.componentReveal = null;
-		}, "HookTree_component_div_div_div_div_Tree_onRevealed_bBy7gH7s5cA", [_rawProps]) }, {
-			data: treeData,
+		}, 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(() => {
+				let _rawProps = _capturesObj._[0];
+				return _rawProps.state.componentReveal = null;
+			}, "HookTree_component_div_div_div_div_Tree_onRevealed_bBy7gH7s5cA", [_rawProps])
+		}, {
+			data: treeData,
 			revealNode
 		}, null, 2, treeVersion.value), 1, null)], 1, null),
 		/*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border border-l" }, null, 3, null),
 		/*#__PURE__*/ _jsxSorted("div", null, { class: "flex h-full min-h-0 w-1/2 flex-col overflow-hidden p-4" }, [
-			/*#__PURE__*/ _jsxSorted(RenderTreeTabs, {
-				onCodeClick$: /*#__PURE__*/ inlinedQrl(() => {
-					const currentTab = _captures[0];
-					return currentTab.value = "code";
-				}, "HookTree_component_div_div_div_RenderTreeTabs_onCodeClick_0lAe8vTbWRQ", [currentTab]),
+			/*#__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])
-			}, { currentTab: _wrapProp(currentTab) }, null, 2, "uB_5"),
-			currentTab.value === "state" && /*#__PURE__*/ _jsxSorted("div", null, { class: "mt-5 flex min-h-0 flex-1 flex-col" }, [hookFilters.value.length > 0 && /*#__PURE__*/ _jsxSorted(HookFiltersCard, { onToggleOpen$: /*#__PURE__*/ inlinedQrl(() => {
-				const hooksOpen = _captures[0];
-				return hooksOpen.value = !hooksOpen.value;
-			}, "HookTree_component_div_div_div_div_HookFiltersCard_onToggleOpen_wb4o4GAUjKQ", [hooksOpen]) }, {
+				}, "HookTree_component_div_div_div_RenderTreeTabs_onStateClick_91eAngQRRXU", [currentTab]),
+				onCodeClick$: /*#__PURE__*/ inlinedQrl(() => {
+					let currentTab = _capturesObj._[0];
+					return currentTab.value = "code";
+				}, "HookTree_component_div_div_div_RenderTreeTabs_onCodeClick_0lAe8vTbWRQ", [currentTab])
+			}, null, 3, "n0_7"),
+			currentTab.value === "state" && /*#__PURE__*/ _jsxSorted("div", null, { class: "mt-5 flex min-h-0 flex-1 flex-col" }, [hookFilters.value.length > 0 && /*#__PURE__*/ _jsxSorted(HookFiltersCard, null, {
 				filters: _wrapProp(hookFilters),
 				isOpen: _wrapProp(hooksOpen),
 				onSelectAll$: handleSelectAll,
 				onClear$: handleClear,
+				onToggleOpen$: /*#__PURE__*/ inlinedQrl(() => {
+					let hooksOpen = _capturesObj._[0];
+					return hooksOpen.value = !hooksOpen.value;
+				}, "HookTree_component_div_div_div_div_HookFiltersCard_onToggleOpen_wb4o4GAUjKQ", [hooksOpen]),
 				onFilterChange$: handleFilterChange
-			}, null, 2, "uB_6"), stateTree.value.length > 0 ? /*#__PURE__*/ _jsxSorted("div", null, { class: "mt-4 min-h-0 flex-1 overflow-y-auto p-2" }, /*#__PURE__*/ _jsxSorted(Tree, { 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, {
-					"preventdefault:submit": true,
-					"q-e:submit": commitEdit,
-					class: "inline-flex items-center gap-1"
-				}, [/*#__PURE__*/ _jsxSorted("input", {
-					"q-e:input": /*#__PURE__*/ inlinedQrl((_, el, _2, editValue) => {
-						editValue.value = el.value;
-					}, "HookTree_component_div_div_div_div_div_Tree_renderNode_form_input_q_e_input_z05hdrGPzhg").m(),
-					"q-e:keydown": /*#__PURE__*/ inlinedQrl((e, _1, cancelEdit) => {
-						if (e.key === "Escape") cancelEdit();
-					}, "HookTree_component_div_div_div_div_div_Tree_renderNode_form_input_q_e_keydown_0AuxXsO3Wa0").m(),
-					"q:ps": [cancelEdit, editValue]
-				}, {
-					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",
-					value: _wrapProp(editValue),
-					autoFocus: true
-				}, null, 6, null), /*#__PURE__*/ _jsxSorted("button", null, {
-					type: "submit",
-					class: "bg-primary/20 text-primary hover:bg-primary/30 rounded px-1.5 py-0.5 text-xs"
-				}, "ok", 3, null)], 1, "uB_7");
-				return /*#__PURE__*/ _jsxSorted(StateTreeNodeLabel, { node }, null, null, 3, "uB_8");
-			}, "HookTree_component_div_div_div_div_div_Tree_renderNode_vC6C4CEUHF8", [
-				cancelEdit,
-				commitEdit,
-				editValue,
-				editingNodeId
-			]) }, {
+			}, null, 3, "n0_8"), stateTree.value.length > 0 ? /*#__PURE__*/ _jsxSorted("div", null, { class: "mt-4 min-h-0 flex-1 overflow-y-auto p-2" }, /*#__PURE__*/ _jsxSorted(Tree, { onNodeClick: onStateNodeClick }, {
 				data: stateTree,
 				gap: 10,
 				animate: true,
 				animationDuration: 200,
 				isHover: true,
-				onNodeClick: onStateNodeClick
-			}, null, 3, "uB_9"), 1, "uB_10") : /*#__PURE__*/ _jsxSorted("div", null, { class: "text-muted-foreground flex h-full items-center justify-center text-sm" }, "Select a component to inspect its state", 3, "uB_11")], 1, "uB_12"),
+				renderNode: /*#__PURE__*/ inlinedQrl((node) => {
+					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"
+					}, [/*#__PURE__*/ _jsxSorted("input", { value: _wrapProp(editValue) }, {
+						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) => {
+							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) => {
+							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
+					}, null, 3, null), /*#__PURE__*/ _jsxSorted("button", null, {
+						type: "submit",
+						class: "bg-primary/20 text-primary hover:bg-primary/30 rounded px-1.5 py-0.5 text-xs"
+					}, "ok", 3, null)], 1, "n0_0");
+					return /*#__PURE__*/ _jsxSorted(StateTreeNodeLabel, { node }, null, null, 3, "n0_1");
+				}, "HookTree_component_div_div_div_div_div_Tree_renderNode_vC6C4CEUHF8", [
+					cancelEdit,
+					commitEdit,
+					editValue,
+					editingNodeId
+				])
+			}, null, 3, "n0_9"), 1, "n0_10") : /*#__PURE__*/ _jsxSorted("div", null, { class: "text-muted-foreground flex h-full items-center justify-center text-sm" }, "Select a component to inspect its state", 3, "n0_11")], 1, "n0_12"),
 			currentTab.value === "code" && /*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg mt-4 flex min-h-0 flex-1 items-center justify-center rounded-xl border p-4" }, /*#__PURE__*/ _jsxSorted("div", null, { class: "text-center" }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "text-muted-foreground text-sm" }, [/*#__PURE__*/ _jsxSorted("span", null, { class: "font-medium" }, "Code", 3, null), " requires the Qwik DevTools Vite plugin."], 3, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "text-muted-foreground/60 mt-2 text-xs" }, [
 				"Available in the in-app overlay when running",
 				" ",
@@ -523,8 +534,8 @@ var HookTree = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) =
 				" with",
 				" ",
 				/*#__PURE__*/ _jsxSorted("code", null, { class: "bg-card-item-hover-bg rounded px-1.5 py-0.5" }, "@qwik.dev/devtools", 3, null)
-			], 3, null)], 3, null), 3, "uB_13")
+			], 3, null)], 3, null), 3, "n0_13")
 		], 1, null)
-	], 1, null), 1, "uB_14");
+	], 1, null), 1, "n0_14");
 }, "HookTree_component_Q5wO3ucVIeA"));
 export { HookTree };

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

@@ -1,4 +1,5 @@
-/** VNodeTreeNode -> TreeNode conversion */ function toTreeNodes(vnodes) {
+/** VNodeTreeNode -> TreeNode conversion */
+function toTreeNodes(vnodes) {
 	return vnodes.map((v) => ({
 		id: v.id,
 		name: v.name,
@@ -7,18 +8,20 @@
 		children: v.children ? toTreeNodes(v.children) : void 0
 	}));
 }
-/** Quick structural fingerprint from node IDs. */ function treeIdFingerprint(nodes) {
+/** 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);
 		}
 	};
 	walk(nodes);
 	return ids.join(",");
 }
-/** Tree search helpers */ function findNodeById(nodes, id) {
+/** Tree search helpers */
+function findNodeById(nodes, id) {
 	for (const node of nodes) {
 		if (node.id === id) return node;
 		if (node.children) {

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

@@ -5,24 +5,25 @@ import { _jsxSorted, componentQrl, inlinedQrl, isBrowser } from "@qwik.dev/core"
 * Inspect iframe must load under app root (Vite `BASE_URL` + origin), not `location.pathname`, so
 * deep routes do not produce `.../nested/route__inspect/`. SSR: no `location` — return empty until
 * the client runs.
-*/ function getInspectIframeSrc() {
+*/
+function getInspectIframeSrc() {
 	if (!isBrowser) return "";
 	const base = new URL("/", location.origin);
 	return new URL(inspectorLink, base).href;
 }
 var Inspect = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
-	return /*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg h-full w-full flex-1 overflow-hidden rounded-2xl border" }, /*#__PURE__*/ _jsxSorted("iframe", { "q-e:load": /*#__PURE__*/ inlinedQrl((_, el) => {
-		try {
-			setupIframeThemeSync(el);
-		} catch (err) {
-			console.error("Failed to inject theme into inspect iframe:", err);
-		}
-	}, "Inspect_component_div_iframe_q_e_load_yjJo1Bx5M0w") }, {
-		src: getInspectIframeSrc(),
+	return /*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border bg-card-item-bg h-full w-full flex-1 overflow-hidden rounded-2xl border" }, /*#__PURE__*/ _jsxSorted("iframe", { src: getInspectIframeSrc() }, {
 		width: "100%",
 		height: "100%",
 		id: "inspect_qwik",
-		class: "h-full w-full rounded-xl"
-	}, null, 2, null), 1, "XI_0");
+		class: "h-full w-full rounded-xl",
+		"q-e:load": /*#__PURE__*/ inlinedQrl((_, el) => {
+			try {
+				setupIframeThemeSync(el);
+			} catch (err) {
+				console.error("Failed to inject theme into inspect iframe:", err);
+			}
+		}, "Inspect_component_div_iframe_q_e_load_yjJo1Bx5M0w")
+	}, null, 3, null), 1, "sh_0");
 }, "Inspect_component_domPlQHzbck"));
 export { Inspect };

package/dist/ui/packages/devtools/ui/src/features/Inspect/iframe-theme.qwik.mjs

@@ -26,7 +26,8 @@ var GLASSMORPHISM_CSS = `
   html.dark { color: #fafafa !important; }
   html, body, #app { overflow-x: hidden !important; max-width: 100vw !important; }
 `;
-/** 在 iframe onLoad 中调用，同步父主题 + 注入透明背景样式 */ function setupIframeThemeSync(iframe) {
+/** 在 iframe onLoad 中调用，同步父主题 + 注入透明背景样式 */
+function setupIframeThemeSync(iframe) {
 	const doc = iframe.contentDocument;
 	const win = iframe.contentWindow;
 	if (!doc || !win) return;