@qwik.dev/devtools 0.2.4 → 0.2.6

package/dist/ui/features/Overview/Overview.qwik.mjs

@@ -1,187 +1,43 @@
-import { jsxs, Fragment, jsx } from "@qwik.dev/core/jsx-runtime";
-import { component$, $, sync$ } from "@qwik.dev/core";
-import { HiCubeOutline, HiPhotoOutline } from "../../node_modules/.pnpm/@qwikest_icons@0.0.13_@builder.io_qwik@1.11.0_vite@7.1.3_@types_node@20.14.11_jiti@2.6._02d306fcbd9f637dd624291702bff9c0/node_modules/@qwikest/icons/lib/hi.qwik.qwik.mjs";
-import { LuFolderTree } from "../../node_modules/.pnpm/@qwikest_icons@0.0.13_@builder.io_qwik@1.11.0_vite@7.1.3_@types_node@20.14.11_jiti@2.6._02d306fcbd9f637dd624291702bff9c0/node_modules/@qwikest/icons/lib/lu.qwik.qwik.mjs";
-const Overview = component$(({ state }) => {
-  const pageJump = $((pageName) => {
-    state.activeTab = pageName;
-  });
-  const stopPropagation = sync$((e) => {
-    e.preventDefault();
-  });
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsxs("div", {
-        class: "grid grid-cols-1 gap-5 md:grid-cols-3",
-        children: [
-          /* @__PURE__ */ jsxs("div", {
-            onClick$: [
-              $(() => pageJump("routes")),
-              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",
-            children: [
-              /* @__PURE__ */ jsx("div", {
-                class: "bg-foreground/5 border-border rounded-lg border p-3.5",
-                children: /* @__PURE__ */ jsx(LuFolderTree, {
-                  class: "text-accent h-6 w-6"
-                })
-              }),
-              /* @__PURE__ */ jsxs("div", {
-                children: [
-                  /* @__PURE__ */ jsx("div", {
-                    class: "text-3xl font-semibold",
-                    children: state.routes?.length
-                  }),
-                  /* @__PURE__ */ jsx("div", {
-                    class: "text-muted-foreground text-sm",
-                    children: "pages"
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            onClick$: [
-              $(() => pageJump("components")),
-              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",
-            children: [
-              /* @__PURE__ */ jsx("div", {
-                class: "bg-foreground/5 border-border rounded-lg border p-3.5",
-                children: /* @__PURE__ */ jsx(HiCubeOutline, {
-                  class: "text-accent h-6 w-6"
-                })
-              }),
-              /* @__PURE__ */ jsxs("div", {
-                children: [
-                  /* @__PURE__ */ jsx("div", {
-                    class: "text-3xl font-semibold",
-                    children: state.components.length
-                  }),
-                  /* @__PURE__ */ jsx("div", {
-                    class: "text-muted-foreground text-sm",
-                    children: "components"
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            onClick$: [
-              $(() => pageJump("assets")),
-              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",
-            children: [
-              /* @__PURE__ */ jsx("div", {
-                class: "bg-foreground/5 border-border rounded-lg border p-3.5",
-                children: /* @__PURE__ */ jsx(HiPhotoOutline, {
-                  class: "text-accent h-6 w-6"
-                })
-              }),
-              /* @__PURE__ */ jsxs("div", {
-                children: [
-                  /* @__PURE__ */ jsx("div", {
-                    class: "text-3xl font-semibold",
-                    children: state.assets.length || 0
-                  }),
-                  /* @__PURE__ */ jsx("div", {
-                    class: "text-muted-foreground text-sm",
-                    children: "assets"
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        onClick$: [
-          $(() => pageJump("packages")),
-          stopPropagation
-        ],
-        class: "border-border bg-card-item-bg hover:bg-card-item-hover-bg mt-6 cursor-pointer space-y-4 rounded-xl border p-5 hover:-translate-y-0.5 md:mt-6",
-        children: [
-          /* @__PURE__ */ jsx("h3", {
-            class: "text-lg font-semibold",
-            children: "Installed Packages"
-          }),
-          /* @__PURE__ */ jsx("div", {
-            class: "grid grid-cols-1 gap-3 md:grid-cols-2",
-            children: state.npmPackages.map(([name, version]) => /* @__PURE__ */ jsxs("div", {
-              class: "bg-foreground/5 flex items-center justify-between rounded-lg p-3",
-              children: [
-                /* @__PURE__ */ jsx("div", {
-                  class: "text-sm",
-                  children: name
-                }),
-                /* @__PURE__ */ jsx("div", {
-                  class: "bg-foreground/5 border-border text-muted-foreground rounded-full border px-2 py-1 text-xs",
-                  children: version
-                })
-              ]
-            }, name))
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        class: "border-border bg-card-item-bg mt-6 space-y-4 rounded-xl border p-5 md:mt-6",
-        children: [
-          /* @__PURE__ */ jsx("h3", {
-            class: "text-lg font-semibold",
-            children: "Performance"
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            class: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsxs("div", {
-                class: "border-border flex justify-between border-b py-2",
-                children: [
-                  /* @__PURE__ */ jsx("span", {
-                    class: "text-muted-foreground",
-                    children: "SSR to full load"
-                  }),
-                  /* @__PURE__ */ jsx("span", {
-                    class: "font-medium",
-                    children: "-"
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs("div", {
-                class: "border-border flex justify-between border-b py-2",
-                children: [
-                  /* @__PURE__ */ jsx("span", {
-                    class: "text-muted-foreground",
-                    children: "Page load"
-                  }),
-                  /* @__PURE__ */ jsx("span", {
-                    class: "font-medium",
-                    children: "-"
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxs("div", {
-                class: "flex justify-between py-2",
-                children: [
-                  /* @__PURE__ */ jsx("span", {
-                    class: "text-muted-foreground",
-                    children: "Navigation"
-                  }),
-                  /* @__PURE__ */ jsx("span", {
-                    class: "font-medium",
-                    children: "-"
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-});
-export {
-  Overview
-};
+import { IconCubeOutline, IconFolderTree, IconPhotoOutline } from "../../components/Icons/Icons.qwik.mjs";
+import { _captures, _fnSignal, _jsxSorted, _qrlSync, componentQrl, inlinedQrl } from "@qwik.dev/core";
+import { Fragment } from "@qwik.dev/core/jsx-runtime";
+//#region src/features/Overview/Overview.tsx
+var _hf0 = (p0) => p0.routes?.length;
+var _hf1 = (p0) => p0.components.length;
+var _hf2 = (p0) => p0.assets.length || 0;
+var Overview = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ state }) => {
+	const pageJump = /* @__PURE__ */ inlinedQrl((pageName) => {
+		const state = _captures[0];
+		state.activeTab = pageName;
+	}, "Overview_component_pageJump_TOLK7cHmxTY", [state]);
+	const stopPropagation = _qrlSync((e) => {
+		e.preventDefault();
+	}, "e=>{e.preventDefault();}");
+	return /* @__PURE__ */ _jsxSorted(Fragment, null, null, [
+		/* @__PURE__ */ _jsxSorted("div", null, { class: "grid grid-cols-1 gap-5 md:grid-cols-3" }, [
+			/* @__PURE__ */ _jsxSorted("div", { "q-e:click": [/* @__PURE__ */ inlinedQrl(() => {
+				const pageJump = _captures[0];
+				return pageJump("routes");
+			}, "Overview_component_Fragment_div_div_q_e_click_0AEIxIfEkbU", [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, "u7_0"), 1, null), /* @__PURE__ */ _jsxSorted("div", null, null, [/* @__PURE__ */ _jsxSorted("div", null, { class: "text-3xl font-semibold" }, _fnSignal(_hf0, [state]), 1, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "text-muted-foreground text-sm" }, "pages", 3, null)], 1, null)], 0, null),
+			/* @__PURE__ */ _jsxSorted("div", { "q-e:click": [/* @__PURE__ */ inlinedQrl(() => {
+				const pageJump = _captures[0];
+				return pageJump("components");
+			}, "Overview_component_Fragment_div_div_q_e_click_1_jeN2mXtOz34", [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, "u7_1"), 1, null), /* @__PURE__ */ _jsxSorted("div", null, null, [/* @__PURE__ */ _jsxSorted("div", null, { class: "text-3xl font-semibold" }, _fnSignal(_hf1, [state]), 1, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "text-muted-foreground text-sm" }, "components", 3, null)], 1, null)], 0, null),
+			/* @__PURE__ */ _jsxSorted("div", { "q-e:click": [/* @__PURE__ */ inlinedQrl(() => {
+				const pageJump = _captures[0];
+				return pageJump("assets");
+			}, "Overview_component_Fragment_div_div_q_e_click_2_HnPth0DMIJE", [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, "u7_2"), 1, null), /* @__PURE__ */ _jsxSorted("div", null, null, [/* @__PURE__ */ _jsxSorted("div", null, { class: "text-3xl font-semibold" }, _fnSignal(_hf2, [state]), 1, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "text-muted-foreground text-sm" }, "assets", 3, null)], 1, null)], 0, null)
+		], 1, null),
+		/* @__PURE__ */ _jsxSorted("div", { "q-e:click": [/* @__PURE__ */ inlinedQrl(() => {
+			const pageJump = _captures[0];
+			return pageJump("packages");
+		}, "Overview_component_Fragment_div_q_e_click_511120uxOF4", [pageJump]), stopPropagation] }, { class: "border-border bg-card-item-bg hover:bg-card-item-hover-bg mt-6 cursor-pointer space-y-4 rounded-xl border p-5 hover:-translate-y-0.5 md:mt-6" }, [/* @__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" }, 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, null),
+		/* @__PURE__ */ _jsxSorted("div", null, { class: "border-border bg-card-item-bg mt-6 space-y-4 rounded-xl border p-5 md:mt-6" }, [/* @__PURE__ */ _jsxSorted("h3", null, { class: "text-lg font-semibold" }, "Performance", 3, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "space-y-3" }, [
+			/* @__PURE__ */ _jsxSorted("div", null, { class: "border-border flex justify-between border-b py-2" }, [/* @__PURE__ */ _jsxSorted("span", null, { class: "text-muted-foreground" }, "SSR to full load", 3, null), /* @__PURE__ */ _jsxSorted("span", null, { class: "font-medium" }, "-", 3, null)], 3, null),
+			/* @__PURE__ */ _jsxSorted("div", null, { class: "border-border flex justify-between border-b py-2" }, [/* @__PURE__ */ _jsxSorted("span", null, { class: "text-muted-foreground" }, "Page load", 3, null), /* @__PURE__ */ _jsxSorted("span", null, { class: "font-medium" }, "-", 3, null)], 3, null),
+			/* @__PURE__ */ _jsxSorted("div", null, { class: "flex justify-between py-2" }, [/* @__PURE__ */ _jsxSorted("span", null, { class: "text-muted-foreground" }, "Navigation", 3, null), /* @__PURE__ */ _jsxSorted("span", null, { class: "font-medium" }, "-", 3, null)], 3, null)
+		], 3, null)], 3, null)
+	], 1, "u7_3");
+}, "Overview_component_U9Vi6pvMkAc"));
+//#endregion
+export { Overview };

package/dist/ui/features/Packages/Packages.qwik.mjs

@@ -1,55 +1,16 @@
-import { jsx, jsxs } from "@qwik.dev/core/jsx-runtime";
-import { component$ } from "@qwik.dev/core";
 import { DependencyCard } from "./components/DependencyCard/DependencyCard.qwik.mjs";
-const Packages = component$(({ state }) => {
-  const packages = state.allDependencies;
-  const isLoading = state.isLoadingDependencies;
-  if (isLoading) {
-    return /* @__PURE__ */ jsx("div", {
-      class: "flex items-center justify-center py-8",
-      children: /* @__PURE__ */ jsxs("div", {
-        class: "flex flex-col items-center gap-3",
-        children: [
-          /* @__PURE__ */ jsxs("div", {
-            class: "flex items-center gap-2",
-            children: [
-              /* @__PURE__ */ jsx("div", {
-                class: "border-t-foreground/40 border-border h-5 w-5 animate-spin rounded-full border-2"
-              }),
-              /* @__PURE__ */ jsx("span", {
-                class: "text-muted-foreground text-sm",
-                children: "Loading dependencies..."
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            class: "text-muted-foreground text-center text-xs",
-            children: [
-              "Dependencies are being preloaded in the background...",
-              /* @__PURE__ */ jsx("br", {}),
-              "This should only take a moment"
-            ]
-          })
-        ]
-      })
-    });
-  }
-  if (!packages || packages.length === 0) {
-    return /* @__PURE__ */ jsx("div", {
-      class: "py-8 text-center",
-      children: /* @__PURE__ */ jsx("div", {
-        class: "text-muted-foreground text-sm",
-        children: "No dependencies found in package.json"
-      })
-    });
-  }
-  return /* @__PURE__ */ jsx("div", {
-    class: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
-    children: packages.map((pkg) => /* @__PURE__ */ jsx(DependencyCard, {
-      pkg
-    }, pkg.name))
-  });
-});
-export {
-  Packages
-};
+import "./components/DependencyCard/index.qwik.mjs";
+import { _jsxSorted, componentQrl, inlinedQrl } from "@qwik.dev/core";
+//#region src/features/Packages/Packages.tsx
+var Packages = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ state }) => {
+	const packages = state.allDependencies;
+	if (state.isLoadingDependencies) return /* @__PURE__ */ _jsxSorted("div", null, { class: "flex items-center justify-center py-8" }, /* @__PURE__ */ _jsxSorted("div", null, { class: "flex flex-col items-center gap-3" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "flex items-center gap-2" }, [/* @__PURE__ */ _jsxSorted("div", null, { class: "border-t-foreground/40 border-border h-5 w-5 animate-spin rounded-full border-2" }, null, 3, null), /* @__PURE__ */ _jsxSorted("span", null, { class: "text-muted-foreground text-sm" }, "Loading dependencies...", 3, null)], 3, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "text-muted-foreground text-center text-xs" }, [
+		"Dependencies are being preloaded in the background...",
+		/* @__PURE__ */ _jsxSorted("br", null, null, null, 3, null),
+		"This should only take a moment"
+	], 3, null)], 3, null), 3, "LQ_0");
+	if (!packages || packages.length === 0) return /* @__PURE__ */ _jsxSorted("div", null, { class: "py-8 text-center" }, /* @__PURE__ */ _jsxSorted("div", null, { class: "text-muted-foreground text-sm" }, "No dependencies found in package.json", 3, null), 3, "LQ_1");
+	return /* @__PURE__ */ _jsxSorted("div", null, { class: "grid gap-4 md:grid-cols-2 lg:grid-cols-3" }, packages.map((pkg) => /* @__PURE__ */ _jsxSorted(DependencyCard, { pkg }, null, null, 3, pkg.name)), 1, "LQ_2");
+}, "Packages_component_AaUhYf1IsiQ"));
+//#endregion
+export { Packages };

package/dist/ui/features/Packages/components/DependencyCard/DependencyCard.qwik.mjs

@@ -1,176 +1,97 @@
-import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
-import { component$, $ } from "@qwik.dev/core";
 import { PackageIcon } from "../PackageIcon/PackageIcon.qwik.mjs";
-const DependencyCard = component$(({ pkg }) => {
-  const author = pkg.author;
-  const authorName = typeof author === "string" ? author.trim() : (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 = $(() => {
-    if (typeof author !== "string") {
-      if (author?.url) {
-        window.open(author.url, "_blank");
-      } else if (author?.email) {
-        window.open(`mailto:${author.email}`, "_blank");
-      }
-    }
-  });
-  const handlePackageClick = $(() => {
-    if (pkg.npmUrl) {
-      window.open(pkg.npmUrl, "_blank");
-    }
-  });
-  const handleHomepageClick = $(() => {
-    if (pkg.homepage) {
-      window.open(pkg.homepage, "_blank");
-    }
-  });
-  const handleRepositoryClick = $(() => {
-    if (pkg.repository) {
-      window.open(pkg.repository, "_blank");
-    }
-  });
-  return /* @__PURE__ */ jsxs("div", {
-    class: "bg-card border-border/50 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",
-    children: [
-      /* @__PURE__ */ jsx("div", {
-        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"
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        class: "relative flex flex-col gap-4",
-        children: [
-          /* @__PURE__ */ jsxs("div", {
-            class: "flex items-start gap-4",
-            children: [
-              /* @__PURE__ */ jsx("div", {
-                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:rotate-3 hover:scale-110",
-                onClick$: handlePackageClick,
-                title: `View ${pkg.name} on npm`,
-                children: /* @__PURE__ */ jsx(PackageIcon, {
-                  packageName: pkg.name,
-                  iconUrl: pkg.iconUrl
-                })
-              }),
-              /* @__PURE__ */ jsxs("div", {
-                class: "min-w-0 flex-1",
-                children: [
-                  /* @__PURE__ */ jsx("h3", {
-                    class: "text-foreground hover:text-primary mb-1.5 cursor-pointer truncate text-base font-bold transition-colors",
-                    onClick$: handlePackageClick,
-                    title: pkg.name,
-                    children: pkg.name
-                  }),
-                  /* @__PURE__ */ jsxs("span", {
-                    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",
-                    children: [
-                      /* @__PURE__ */ jsx("svg", {
-                        class: "h-3 w-3",
-                        fill: "none",
-                        stroke: "currentColor",
-                        viewBox: "0 0 24 24",
-                        children: /* @__PURE__ */ jsx("path", {
-                          "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"
-                        })
-                      }),
-                      "v",
-                      pkg.version
-                    ]
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx("p", {
-            class: "text-muted-foreground line-clamp-2 min-h-[2.5rem] text-sm leading-relaxed",
-            children: pkg.description || "No description available"
-          }),
-          /* @__PURE__ */ jsx("div", {
-            class: "border-border border-t"
-          }),
-          /* @__PURE__ */ jsxs("div", {
-            class: "flex items-center justify-between gap-3",
-            children: [
-              author ? /* @__PURE__ */ jsxs("div", {
-                class: "flex min-w-0 flex-1 items-center gap-2",
-                children: [
-                  /* @__PURE__ */ jsx("div", {
-                    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",
-                    onClick$: handleAuthorClick,
-                    title: `Contact ${authorDisplayName}`,
-                    children: /* @__PURE__ */ jsx("span", {
-                      class: "text-accent text-[10px] font-semibold",
-                      children: authorInitials
-                    })
-                  }),
-                  /* @__PURE__ */ jsx("span", {
-                    class: "text-muted-foreground truncate text-xs",
-                    children: /* @__PURE__ */ jsx("span", {
-                      class: "text-foreground font-medium",
-                      children: authorDisplayName
-                    })
-                  })
-                ]
-              }) : /* @__PURE__ */ jsx("div", {
-                class: "flex-1"
-              }),
-              /* @__PURE__ */ jsxs("div", {
-                class: "flex items-center gap-1.5",
-                children: [
-                  pkg.homepage && /* @__PURE__ */ jsx("button", {
-                    onClick$: 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",
-                    children: /* @__PURE__ */ jsx("svg", {
-                      class: "h-4 w-4",
-                      fill: "none",
-                      stroke: "currentColor",
-                      viewBox: "0 0 24 24",
-                      children: /* @__PURE__ */ jsx("path", {
-                        "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"
-                      })
-                    })
-                  }),
-                  pkg.repository && /* @__PURE__ */ jsx("button", {
-                    onClick$: 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",
-                    children: /* @__PURE__ */ jsx("svg", {
-                      class: "h-4 w-4",
-                      fill: "currentColor",
-                      viewBox: "0 0 24 24",
-                      children: /* @__PURE__ */ jsx("path", {
-                        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"
-                      })
-                    })
-                  }),
-                  pkg.npmUrl && /* @__PURE__ */ jsx("button", {
-                    onClick$: 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",
-                    children: /* @__PURE__ */ jsx("svg", {
-                      class: "h-4 w-4",
-                      fill: "currentColor",
-                      viewBox: "0 0 24 24",
-                      children: /* @__PURE__ */ jsx("path", {
-                        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"
-                      })
-                    })
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-});
-export {
-  DependencyCard
-};
+import "../PackageIcon/index.qwik.mjs";
+import { _captures, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
+//#region src/features/Packages/components/DependencyCard/DependencyCard.tsx
+var _hf0 = (p0) => p0.description || "No description available";
+var DependencyCard = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ pkg }) => {
+	const author = 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_YjhWicTVuWk", [author]);
+	const handlePackageClick = /* @__PURE__ */ inlinedQrl(() => {
+		const pkg = _captures[0];
+		if (pkg.npmUrl) window.open(pkg.npmUrl, "_blank");
+	}, "DependencyCard_component_handlePackageClick_vWNUa9AWp2A", [pkg]);
+	const handleHomepageClick = /* @__PURE__ */ inlinedQrl(() => {
+		const pkg = _captures[0];
+		if (pkg.homepage) window.open(pkg.homepage, "_blank");
+	}, "DependencyCard_component_handleHomepageClick_XYKP8ze5TH0", [pkg]);
+	const handleRepositoryClick = /* @__PURE__ */ inlinedQrl(() => {
+		const pkg = _captures[0];
+		if (pkg.repository) window.open(pkg.repository, "_blank");
+	}, "DependencyCard_component_handleRepositoryClick_5k5LaunSR74", [pkg]);
+	return /* @__PURE__ */ _jsxSorted("div", null, { class: "bg-card border-border/50 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 ${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:rotate-3 hover:scale-110",
+			"q-e:click": handlePackageClick
+		}, /* @__PURE__ */ _jsxSorted(PackageIcon, null, {
+			packageName: _wrapProp(pkg, "name"),
+			iconUrl: _wrapProp(pkg, "iconUrl")
+		}, null, 3, "Vv_0"), 1, null), /* @__PURE__ */ _jsxSorted("div", null, { class: "min-w-0 flex-1" }, [/* @__PURE__ */ _jsxSorted("h3", { title: _wrapProp(pkg, "name") }, {
+			class: "text-foreground hover:text-primary mb-1.5 cursor-pointer truncate text-base font-bold transition-colors",
+			"q-e:click": handlePackageClick
+		}, _wrapProp(pkg, "name"), 1, null), /* @__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",
+			_wrapProp(pkg, "version")
+		], 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(_hf0, [pkg]), 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, "Vv_1") : /* @__PURE__ */ _jsxSorted("div", null, { class: "flex-1" }, null, 3, "Vv_2"), /* @__PURE__ */ _jsxSorted("div", null, { class: "flex items-center gap-1.5" }, [
+			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, "Vv_3"),
+			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, "Vv_4"),
+			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, "Vv_5")
+		], 1, null)], 1, null)
+	], 1, null)], 1, "Vv_6");
+}, "DependencyCard_component_mdorC5038D8"));
+//#endregion
+export { DependencyCard };

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

@@ -0,0 +1 @@
+import "./DependencyCard.qwik.mjs";