@qwik.dev/devtools 0.3.0-beta.3 → 2.0.0-beta.45

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

@@ -1,218 +1,124 @@
-import { componentQrl, inlinedQrl, _jsxSorted, _fnSignal, _captures } from "@qwik.dev/core";
 import { getDependencyStatusClass, getDependencyStatusLabel } from "../../package-utils.qwik.mjs";
 import { PackageIcon } from "../PackageIcon/PackageIcon.qwik.mjs";
-const _hf0 = (p0) => p0.pkg.name;
-const _hf1 = (p0) => p0.pkg.iconUrl;
-const _hf2 = (p0) => p0.pkg.currentVersion;
-const _hf3 = (p0) => p0.pkg.latestVersion;
-const _hf4 = (p0) => p0.pkg.description || "No description available";
-const _hf5 = (p0) => p0.activeOperationKey === `update:${p0.pkg.name}`;
-const _hf6 = (p0) => p0.activeOperationKey === `update:${p0.pkg.name}` ? "Updating..." : "Update Now";
-const DependencyCard = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
-  const authorName = typeof _rawProps.pkg.author === "string" ? _rawProps.pkg.author.trim() : (_rawProps.pkg.author?.name || "").trim();
-  const authorDisplayName = authorName || "Unknown";
-  const authorInitials = authorDisplayName.split(/\s+/).filter(Boolean).map((n) => n.charAt(0)).join("").substring(0, 2).toUpperCase() || "??";
-  const handleAuthorClick = /* @__PURE__ */ inlinedQrl(() => {
-    const _rawProps2 = _captures[0];
-    if (typeof _rawProps2.pkg.author !== "string") {
-      if (_rawProps2.pkg.author?.url) {
-        window.open(_rawProps2.pkg.author.url, "_blank");
-      } else if (_rawProps2.pkg.author?.email) {
-        window.open(`mailto:${_rawProps2.pkg.author.email}`, "_blank");
-      }
-    }
-  }, "DependencyCard_component_handleAuthorClick_Z27jxExGLYo", [
-    _rawProps
-  ]);
-  const handlePackageClick = /* @__PURE__ */ inlinedQrl(() => {
-    const _rawProps2 = _captures[0];
-    if (_rawProps2.pkg.npmUrl) {
-      window.open(_rawProps2.pkg.npmUrl, "_blank");
-    }
-  }, "DependencyCard_component_handlePackageClick_MvynAcdfp2g", [
-    _rawProps
-  ]);
-  const handleHomepageClick = /* @__PURE__ */ inlinedQrl(() => {
-    const _rawProps2 = _captures[0];
-    if (_rawProps2.pkg.homepage) {
-      window.open(_rawProps2.pkg.homepage, "_blank");
-    }
-  }, "DependencyCard_component_handleHomepageClick_G7v4ZbrD5Zs", [
-    _rawProps
-  ]);
-  const handleRepositoryClick = /* @__PURE__ */ inlinedQrl(() => {
-    const _rawProps2 = _captures[0];
-    if (_rawProps2.pkg.repository) {
-      window.open(_rawProps2.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"
-    }, [
-      /* @__PURE__ */ _jsxSorted("div", null, {
-        class: "flex items-start gap-4"
-      }, [
-        /* @__PURE__ */ _jsxSorted("div", {
-          title: `View ${_rawProps.pkg.name} on npm`
-        }, {
-          class: "from-primary/10 via-primary/20 to-primary/30 border-primary/20 group-hover:shadow-primary/20 flex h-12 w-12 flex-shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded-xl border bg-gradient-to-br shadow-md transition-all duration-300 hover:scale-110 hover:rotate-3",
-          "q-e:click": handlePackageClick
-        }, /* @__PURE__ */ _jsxSorted(PackageIcon, null, {
-          packageName: _fnSignal(_hf0, [
-            _rawProps
-          ]),
-          iconUrl: _fnSignal(_hf1, [
-            _rawProps
-          ])
-        }, null, 3, "ct_0"), 1, null),
-        /* @__PURE__ */ _jsxSorted("div", null, {
-          class: "min-w-0 flex-1"
-        }, [
-          /* @__PURE__ */ _jsxSorted("h3", {
-            title: _fnSignal(_hf0, [
-              _rawProps
-            ])
-          }, {
-            class: "text-foreground hover:text-primary mb-1.5 cursor-pointer truncate text-base font-bold transition-colors",
-            "q-e:click": handlePackageClick
-          }, _fnSignal(_hf0, [
-            _rawProps
-          ]), 1, null),
-          /* @__PURE__ */ _jsxSorted("div", null, {
-            class: "flex flex-wrap items-center gap-2"
-          }, [
-            /* @__PURE__ */ _jsxSorted("span", null, {
-              class: "bg-primary/10 border-primary/20 text-primary inline-flex items-center gap-1 rounded-md border px-2.5 py-0.5 text-xs font-medium"
-            }, [
-              /* @__PURE__ */ _jsxSorted("svg", null, {
-                class: "h-3 w-3",
-                fill: "none",
-                stroke: "currentColor",
-                viewBox: "0 0 24 24"
-              }, /* @__PURE__ */ _jsxSorted("path", null, {
-                "stroke-linecap": "round",
-                "stroke-linejoin": "round",
-                "stroke-width": "2",
-                d: "M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"
-              }, null, 3, null), 3, null),
-              "v",
-              _fnSignal(_hf2, [
-                _rawProps
-              ])
-            ], 1, null),
-            /* @__PURE__ */ _jsxSorted("span", {
-              class: [
-                "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-medium",
-                getDependencyStatusClass(_rawProps.pkg.status)
-              ].join(" ")
-            }, null, getDependencyStatusLabel(_rawProps.pkg.status), 1, null),
-            _rawProps.pkg.latestVersion && _rawProps.pkg.status === "outdated" ? /* @__PURE__ */ _jsxSorted("span", null, {
-              class: "text-muted-foreground text-xs"
-            }, [
-              "latest v",
-              _fnSignal(_hf3, [
-                _rawProps
-              ])
-            ], 1, "ct_1") : null
-          ], 1, null)
-        ], 1, null)
-      ], 1, null),
-      /* @__PURE__ */ _jsxSorted("p", null, {
-        class: "text-muted-foreground line-clamp-2 min-h-[2.5rem] text-sm leading-relaxed"
-      }, _fnSignal(_hf4, [
-        _rawProps
-      ]), 1, null),
-      /* @__PURE__ */ _jsxSorted("div", null, {
-        class: "border-border border-t"
-      }, null, 3, null),
-      /* @__PURE__ */ _jsxSorted("div", null, {
-        class: "flex items-center justify-between gap-3"
-      }, [
-        _rawProps.pkg.author ? /* @__PURE__ */ _jsxSorted("div", null, {
-          class: "flex min-w-0 flex-1 items-center gap-2"
-        }, [
-          /* @__PURE__ */ _jsxSorted("div", {
-            title: `Contact ${authorDisplayName}`
-          }, {
-            class: "from-accent/20 to-accent/40 border-accent/30 flex h-7 w-7 flex-shrink-0 cursor-pointer items-center justify-center rounded-full border bg-gradient-to-br transition-transform hover:scale-110",
-            "q-e:click": handleAuthorClick
-          }, /* @__PURE__ */ _jsxSorted("span", null, {
-            class: "text-accent text-[10px] font-semibold"
-          }, authorInitials, 1, null), 1, null),
-          /* @__PURE__ */ _jsxSorted("span", null, {
-            class: "text-muted-foreground truncate text-xs"
-          }, /* @__PURE__ */ _jsxSorted("span", null, {
-            class: "text-foreground font-medium"
-          }, authorDisplayName, 1, null), 1, null)
-        ], 1, "ct_2") : /* @__PURE__ */ _jsxSorted("div", null, {
-          class: "flex-1"
-        }, null, 3, "ct_3"),
-        /* @__PURE__ */ _jsxSorted("div", null, {
-          class: "flex items-center gap-1.5"
-        }, [
-          _rawProps.pkg.status === "outdated" && /* @__PURE__ */ _jsxSorted("button", {
-            disabled: _fnSignal(_hf5, [
-              _rawProps
-            ]),
-            "q-e:click": /* @__PURE__ */ inlinedQrl((_, _1, _rawProps2) => _rawProps2.onUpdate$(_rawProps2.pkg.name), "DependencyCard_component_div_div_div_div_button_q_e_click_0yYsxJjsZQk").m(),
-            "q:p": _rawProps,
-            title: `Update ${_rawProps.pkg.name}`
-          }, {
-            type: "button",
-            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"
-          }, _fnSignal(_hf6, [
-            _rawProps
-          ]), 4, "ct_4"),
-          _rawProps.pkg.homepage && /* @__PURE__ */ _jsxSorted("button", null, {
-            "q-e:click": handleHomepageClick,
-            class: "hover:bg-primary/10 group/btn text-muted-foreground hover:text-primary rounded-lg p-1.5 transition-all duration-200",
-            title: "Homepage"
-          }, /* @__PURE__ */ _jsxSorted("svg", null, {
-            class: "h-4 w-4",
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24"
-          }, /* @__PURE__ */ _jsxSorted("path", null, {
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round",
-            "stroke-width": "2",
-            d: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
-          }, null, 3, null), 3, null), 3, "ct_5"),
-          _rawProps.pkg.repository && /* @__PURE__ */ _jsxSorted("button", null, {
-            "q-e:click": handleRepositoryClick,
-            class: "hover:bg-primary/10 group/btn text-muted-foreground hover:text-primary rounded-lg p-1.5 transition-all duration-200",
-            title: "Repository"
-          }, /* @__PURE__ */ _jsxSorted("svg", null, {
-            class: "h-4 w-4",
-            fill: "currentColor",
-            viewBox: "0 0 24 24"
-          }, /* @__PURE__ */ _jsxSorted("path", null, {
-            d: "M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
-          }, null, 3, null), 3, null), 3, "ct_6"),
-          _rawProps.pkg.npmUrl && /* @__PURE__ */ _jsxSorted("button", null, {
-            "q-e:click": handlePackageClick,
-            class: "hover:bg-primary/10 group/btn text-muted-foreground hover:text-primary rounded-lg p-1.5 transition-all duration-200",
-            title: "npm"
-          }, /* @__PURE__ */ _jsxSorted("svg", null, {
-            class: "h-4 w-4",
-            fill: "currentColor",
-            viewBox: "0 0 24 24"
-          }, /* @__PURE__ */ _jsxSorted("path", null, {
-            d: "M0 7.334v8h6.666v1.332H12v-1.332h12v-8H0zm6.666 6.664H5.334v-4H3.999v4H1.335V8.667h5.331v5.331zm4 0v1.336H8.001V8.667h5.334v5.332h-2.669v-.001zm12.001 0h-1.33v-4h-1.336v4h-1.335v-4h-1.33v4h-2.671V8.667h8.002v5.331zM10.665 10H12v2.667h-1.335V10z"
-          }, null, 3, null), 3, null), 3, "ct_7")
-        ], 1, null)
-      ], 1, null)
-    ], 1, null)
-  ], 1, "ct_8");
+import "../PackageIcon/index.qwik.mjs";
+import { _captures, _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;
+var _hf1_str = "p0.pkg.iconUrl";
+var _hf2 = (p0) => p0.pkg.currentVersion;
+var _hf2_str = "p0.pkg.currentVersion";
+var _hf3 = (p0) => p0.pkg.latestVersion;
+var _hf3_str = "p0.pkg.latestVersion";
+var _hf4 = (p0) => p0.pkg.description || "No description available";
+var _hf4_str = "p0.pkg.description||\"No description available\"";
+var _hf5 = (p0) => p0.activeOperationKey === `update:${p0.pkg.name}`;
+var _hf5_str = "p0.activeOperationKey===`update:${p0.pkg.name}`";
+var _hf6 = (p0) => p0.activeOperationKey === `update:${p0.pkg.name}` ? "Updating..." : "Update Now";
+var _hf6_str = "p0.activeOperationKey===`update:${p0.pkg.name}`?\"Updating...\":\"Update Now\"";
+var DependencyCard = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
+	const author = _rawProps.pkg.author;
+	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];
+		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];
+		if (_rawProps.pkg.npmUrl) window.open(_rawProps.pkg.npmUrl, "_blank");
+	}, "DependencyCard_component_handlePackageClick_MvynAcdfp2g", [_rawProps]);
+	const handleHomepageClick = /*#__PURE__*/ inlinedQrl(() => {
+		const _rawProps = _captures[0];
+		if (_rawProps.pkg.homepage) window.open(_rawProps.pkg.homepage, "_blank");
+	}, "DependencyCard_component_handleHomepageClick_G7v4ZbrD5Zs", [_rawProps]);
+	const handleRepositoryClick = /*#__PURE__*/ inlinedQrl(() => {
+		const _rawProps = _captures[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" }, [
+		/*#__PURE__*/ _jsxSorted("div", null, { class: "flex items-start gap-4" }, [/*#__PURE__*/ _jsxSorted("div", { title: `View ${_rawProps.pkg.name} on npm` }, {
+			class: "from-primary/10 via-primary/20 to-primary/30 border-primary/20 group-hover:shadow-primary/20 flex h-12 w-12 flex-shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded-xl border bg-gradient-to-br shadow-md transition-all duration-300 hover:scale-110 hover:rotate-3",
+			"q-e:click": handlePackageClick
+		}, /*#__PURE__*/ _jsxSorted(PackageIcon, {
+			iconUrl: _fnSignal(_hf1, [_rawProps], _hf1_str),
+			packageName: _fnSignal(_hf0, [_rawProps], _hf0_str)
+		}, null, null, 3, "y7_0"), 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "min-w-0 flex-1" }, [/*#__PURE__*/ _jsxSorted("h3", { title: _fnSignal(_hf0, [_rawProps], _hf0_str) }, {
+			class: "text-foreground hover:text-primary mb-1.5 cursor-pointer truncate text-base font-bold transition-colors",
+			"q-e:click": handlePackageClick
+		}, _fnSignal(_hf0, [_rawProps], _hf0_str), 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "flex flex-wrap items-center gap-2" }, [
+			/*#__PURE__*/ _jsxSorted("span", null, { class: "bg-primary/10 border-primary/20 text-primary inline-flex items-center gap-1 rounded-md border px-2.5 py-0.5 text-xs font-medium" }, [
+				/*#__PURE__*/ _jsxSorted("svg", null, {
+					class: "h-3 w-3",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24"
+				}, /*#__PURE__*/ _jsxSorted("path", null, {
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"stroke-width": "2",
+					d: "M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"
+				}, null, 3, null), 3, null),
+				"v",
+				_fnSignal(_hf2, [_rawProps], _hf2_str)
+			], 1, null),
+			/*#__PURE__*/ _jsxSorted("span", { class: ["inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-medium", getDependencyStatusClass(_rawProps.pkg.status)].join(" ") }, null, getDependencyStatusLabel(_rawProps.pkg.status), 1, null),
+			_rawProps.pkg.latestVersion && _rawProps.pkg.status === "outdated" ? /*#__PURE__*/ _jsxSorted("span", null, { class: "text-muted-foreground text-xs" }, ["latest v", _fnSignal(_hf3, [_rawProps], _hf3_str)], 1, "y7_1") : null
+		], 1, null)], 1, null)], 1, null),
+		/*#__PURE__*/ _jsxSorted("p", null, { class: "text-muted-foreground line-clamp-2 min-h-[2.5rem] text-sm leading-relaxed" }, _fnSignal(_hf4, [_rawProps], _hf4_str), 1, null),
+		/*#__PURE__*/ _jsxSorted("div", null, { class: "border-border border-t" }, null, 3, null),
+		/*#__PURE__*/ _jsxSorted("div", null, { class: "flex items-center justify-between gap-3" }, [author ? /*#__PURE__*/ _jsxSorted("div", null, { class: "flex min-w-0 flex-1 items-center gap-2" }, [/*#__PURE__*/ _jsxSorted("div", { title: `Contact ${authorDisplayName}` }, {
+			class: "from-accent/20 to-accent/40 border-accent/30 flex h-7 w-7 flex-shrink-0 cursor-pointer items-center justify-center rounded-full border bg-gradient-to-br transition-transform hover:scale-110",
+			"q-e:click": handleAuthorClick
+		}, /*#__PURE__*/ _jsxSorted("span", null, { class: "text-accent text-[10px] font-semibold" }, authorInitials, 1, null), 1, null), /*#__PURE__*/ _jsxSorted("span", null, { class: "text-muted-foreground truncate text-xs" }, /*#__PURE__*/ _jsxSorted("span", null, { class: "text-foreground font-medium" }, authorDisplayName, 1, null), 1, null)], 1, "y7_2") : /*#__PURE__*/ _jsxSorted("div", null, { class: "flex-1" }, null, 3, "y7_3"), /*#__PURE__*/ _jsxSorted("div", null, { class: "flex items-center gap-1.5" }, [
+			_rawProps.pkg.status === "outdated" && /*#__PURE__*/ _jsxSorted("button", {
+				disabled: _fnSignal(_hf5, [_rawProps], _hf5_str),
+				title: `Update ${_rawProps.pkg.name}`
+			}, {
+				type: "button",
+				"q-e:click": /*#__PURE__*/ inlinedQrl(() => {
+					const _rawProps = _captures[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"
+			}, _fnSignal(_hf6, [_rawProps], _hf6_str), 1, "y7_4"),
+			_rawProps.pkg.homepage && /*#__PURE__*/ _jsxSorted("button", null, {
+				"q-e:click": handleHomepageClick,
+				class: "hover:bg-primary/10 group/btn text-muted-foreground hover:text-primary rounded-lg p-1.5 transition-all duration-200",
+				title: "Homepage"
+			}, /*#__PURE__*/ _jsxSorted("svg", null, {
+				class: "h-4 w-4",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24"
+			}, /*#__PURE__*/ _jsxSorted("path", null, {
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round",
+				"stroke-width": "2",
+				d: "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
+			}, null, 3, null), 3, null), 3, "y7_5"),
+			_rawProps.pkg.repository && /*#__PURE__*/ _jsxSorted("button", null, {
+				"q-e:click": handleRepositoryClick,
+				class: "hover:bg-primary/10 group/btn text-muted-foreground hover:text-primary rounded-lg p-1.5 transition-all duration-200",
+				title: "Repository"
+			}, /*#__PURE__*/ _jsxSorted("svg", null, {
+				class: "h-4 w-4",
+				fill: "currentColor",
+				viewBox: "0 0 24 24"
+			}, /*#__PURE__*/ _jsxSorted("path", null, { d: "M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" }, null, 3, null), 3, null), 3, "y7_6"),
+			_rawProps.pkg.npmUrl && /*#__PURE__*/ _jsxSorted("button", null, {
+				"q-e:click": handlePackageClick,
+				class: "hover:bg-primary/10 group/btn text-muted-foreground hover:text-primary rounded-lg p-1.5 transition-all duration-200",
+				title: "npm"
+			}, /*#__PURE__*/ _jsxSorted("svg", null, {
+				class: "h-4 w-4",
+				fill: "currentColor",
+				viewBox: "0 0 24 24"
+			}, /*#__PURE__*/ _jsxSorted("path", null, { d: "M0 7.334v8h6.666v1.332H12v-1.332h12v-8H0zm6.666 6.664H5.334v-4H3.999v4H1.335V8.667h5.331v5.331zm4 0v1.336H8.001V8.667h5.334v5.332h-2.669v-.001zm12.001 0h-1.33v-4h-1.336v4h-1.335v-4h-1.33v4h-2.671V8.667h8.002v5.331zM10.665 10H12v2.667h-1.335V10z" }, null, 3, null), 3, null), 3, "y7_7")
+		], 1, null)], 1, null)
+	], 1, null)], 1, "y7_8");
 }, "DependencyCard_component_16iStPKJyzY"));
-export {
-  DependencyCard
-};
+export { DependencyCard };

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

@@ -0,0 +1,2 @@
+import { DependencyCard } from "./DependencyCard.qwik.mjs";
+export { DependencyCard };

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

@@ -1,39 +1,15 @@
-import { componentQrl, inlinedQrl, _jsxSorted, _fnSignal } from "@qwik.dev/core";
-const _hf0 = (p0) => p0.feedback.message;
-const DependencyOperationFeedback = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
-  if (!_rawProps.feedback) {
-    return null;
-  }
-  const isError = _rawProps.feedback.type === "error";
-  return /* @__PURE__ */ _jsxSorted("div", {
-    class: [
-      "rounded-xl border px-4 py-3 text-sm",
-      isError ? "border-red-500/20 bg-red-500/10 text-red-300" : "border-emerald-500/20 bg-emerald-500/10 text-emerald-300"
-    ].join(" ")
-  }, null, /* @__PURE__ */ _jsxSorted("div", null, {
-    class: "flex flex-wrap items-center justify-between gap-3"
-  }, [
-    /* @__PURE__ */ _jsxSorted("span", null, null, _fnSignal(_hf0, [
-      _rawProps
-    ]), 1, null),
-    /* @__PURE__ */ _jsxSorted("div", null, {
-      class: "flex items-center gap-2"
-    }, [
-      isError && _rawProps.feedback.retryAction ? /* @__PURE__ */ _jsxSorted("button", {
-        "q-e:click": _rawProps.onRetry$
-      }, {
-        type: "button",
-        class: "rounded-lg bg-foreground/10 px-2.5 py-1 text-xs hover:bg-foreground/20"
-      }, "Retry", 2, "yy_0") : null,
-      /* @__PURE__ */ _jsxSorted("button", {
-        "q-e:click": _rawProps.onDismiss$
-      }, {
-        type: "button",
-        class: "rounded-lg bg-foreground/10 px-2.5 py-1 text-xs hover:bg-foreground/20"
-      }, "Dismiss", 2, null)
-    ], 1, null)
-  ], 1, null), 1, "yy_1");
+import { _fnSignal, _jsxSorted, componentQrl, inlinedQrl } from "@qwik.dev/core";
+var _hf0 = (p0) => p0.feedback.message;
+var _hf0_str = "p0.feedback.message";
+var DependencyOperationFeedback = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
+	if (!_rawProps.feedback) return null;
+	const isError = _rawProps.feedback.type === "error";
+	return /*#__PURE__*/ _jsxSorted("div", { class: ["rounded-xl border px-4 py-3 text-sm", isError ? "border-red-500/20 bg-red-500/10 text-red-300" : "border-emerald-500/20 bg-emerald-500/10 text-emerald-300"].join(" ") }, null, /*#__PURE__*/ _jsxSorted("div", null, { class: "flex flex-wrap items-center justify-between gap-3" }, [/*#__PURE__*/ _jsxSorted("span", null, null, _fnSignal(_hf0, [_rawProps], _hf0_str), 1, null), /*#__PURE__*/ _jsxSorted("div", null, { class: "flex items-center gap-2" }, [isError && _rawProps.feedback.retryAction ? /*#__PURE__*/ _jsxSorted("button", { "q-e:click": _rawProps.onRetry$ }, {
+		type: "button",
+		class: "rounded-lg bg-foreground/10 px-2.5 py-1 text-xs hover:bg-foreground/20"
+	}, "Retry", 2, "Jo_0") : null, /*#__PURE__*/ _jsxSorted("button", { "q-e:click": _rawProps.onDismiss$ }, {
+		type: "button",
+		class: "rounded-lg bg-foreground/10 px-2.5 py-1 text-xs hover:bg-foreground/20"
+	}, "Dismiss", 2, null)], 1, null)], 1, null), 1, "Jo_1");
 }, "DependencyOperationFeedback_component_3LtTZiIpvzQ"));
-export {
-  DependencyOperationFeedback
-};
+export { DependencyOperationFeedback };

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

@@ -0,0 +1,2 @@
+import { DependencyOperationFeedback } from "./DependencyOperationFeedback.qwik.mjs";
+export { DependencyOperationFeedback };

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

@@ -1,75 +1,43 @@
-import { componentQrl, inlinedQrl, _jsxSorted, _wrapProp, _fnSignal } from "@qwik.dev/core";
-const _hf0 = (p0) => p0.isSearching ? "Searching..." : "Search";
-const _hf1 = (p0) => p0.isRefreshing ? "Refreshing..." : "Refresh";
-const DependencyToolbar = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  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", {
-        "q-e:input": /* @__PURE__ */ inlinedQrl((_, target, props2) => props2.onInstalledSearch$(target.value), "DependencyToolbar_component_div_div_label_input_q_e_input_nhSJP6PYDI0").m(),
-        "q:p": props,
-        value: _wrapProp(props, "installedSearch")
-      }, {
-        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",
-        type: "search"
-      }, null, 6, 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", {
-          "q-e:input": /* @__PURE__ */ inlinedQrl((_, target, props2) => props2.onPackageSearch$(target.value), "DependencyToolbar_component_div_div_label_div_input_q_e_input_mwHCBr4jtxk").m(),
-          "q-e:keydown": /* @__PURE__ */ inlinedQrl((event, _1, props2) => {
-            if (event.key === "Enter") {
-              props2.onSearch$();
-            }
-          }, "DependencyToolbar_component_div_div_label_div_input_q_e_keydown_NtKT2JkJI0g").m(),
-          "q:p": props,
-          value: _wrapProp(props, "packageSearch")
-        }, {
-          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",
-          placeholder: "Find new packages",
-          type: "search"
-        }, null, 6, null),
-        /* @__PURE__ */ _jsxSorted("button", {
-          disabled: _wrapProp(props, "isSearching"),
-          "q-e:click": props.onSearch$
-        }, {
-          type: "button",
-          class: "bg-primary/10 hover:bg-primary/20 text-primary rounded-lg px-3 py-2 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50"
-        }, _fnSignal(_hf0, [
-          props
-        ]), 0, null)
-      ], 1, null)
-    ], 1, null),
-    /* @__PURE__ */ _jsxSorted("div", null, {
-      class: "flex items-end"
-    }, /* @__PURE__ */ _jsxSorted("button", {
-      disabled: _wrapProp(props, "isRefreshing"),
-      "q-e:click": props.onRefresh$
-    }, {
-      type: "button",
-      class: "border-border bg-foreground/5 hover:bg-foreground/10 rounded-lg border px-3 py-2 text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-50"
-    }, _fnSignal(_hf1, [
-      props
-    ]), 0, null), 1, null)
-  ], 1, null), 1, "DU_0");
+import { _captures, _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";
+var _hf1_str = "p0.isRefreshing?\"Refreshing...\":\"Refresh\"";
+var DependencyToolbar = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	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);
+			}, "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",
+			type: "search"
+		}, 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);
+			}, "DependencyToolbar_component_div_div_label_div_input_q_e_input_mwHCBr4jtxk", [props]),
+			"q-e:keydown": /*#__PURE__*/ inlinedQrl((event) => {
+				const props = _captures[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",
+			placeholder: "Find new packages",
+			type: "search"
+		}, null, 3, null), /*#__PURE__*/ _jsxSorted("button", {
+			disabled: _wrapProp(props, "isSearching"),
+			"q-e:click": props.onSearch$
+		}, {
+			type: "button",
+			class: "bg-primary/10 hover:bg-primary/20 text-primary rounded-lg px-3 py-2 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50"
+		}, _fnSignal(_hf0, [props], _hf0_str), 0, null)], 1, null)], 1, null),
+		/*#__PURE__*/ _jsxSorted("div", null, { class: "flex items-end" }, /*#__PURE__*/ _jsxSorted("button", {
+			disabled: _wrapProp(props, "isRefreshing"),
+			"q-e:click": props.onRefresh$
+		}, {
+			type: "button",
+			class: "border-border bg-foreground/5 hover:bg-foreground/10 rounded-lg border px-3 py-2 text-sm transition-colors disabled:cursor-not-allowed disabled:opacity-50"
+		}, _fnSignal(_hf1, [props], _hf1_str), 0, null), 1, null)
+	], 1, null), 1, "0M_0");
 }, "DependencyToolbar_component_A01yfmGXjeo"));
-export {
-  DependencyToolbar
-};
+export { DependencyToolbar };

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

@@ -0,0 +1,2 @@
+import { DependencyToolbar } from "./DependencyToolbar.qwik.mjs";
+export { DependencyToolbar };