@qwik.dev/devtools 0.2.0 → 0.2.1

package/dist/ui/components/Tree/filterVnode.qwik.cjs

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const internal = require("@qwik.dev/core/internal");
-const vnode = require("./vnode.qwik.cjs");
-const location = require("../../utils/location.qwik.cjs");
-require("../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.qwik.cjs");
-const constants = require("../../packages/kit/src/constants.qwik.cjs");
-require("../../node_modules/.pnpm/dree@5.1.5/node_modules/dree/bundled/lib/esm/index.esm.qwik.cjs");
-let index = 0;
-function initVnode({ name = "text", props = {}, element = {}, children = [] }) {
-  return {
-    name,
-    props,
-    element,
-    children,
-    label: name,
-    id: `vnode-${index++}`
-  };
-}
-function vnode_toObject(vnodeItem) {
-  if (vnodeItem === null || vnodeItem === void 0) {
-    return null;
-  }
-  return buildTreeRecursive(vnodeItem);
-}
-const container = location.htmlContainer();
-function buildTreeRecursive(vnode$1, materialize) {
-  if (!vnode$1) {
-    return [];
-  }
-  const result = [];
-  let currentVNode = vnode$1;
-  while (currentVNode) {
-    const isVirtual = internal._vnode_isVirtualVNode(currentVNode);
-    const isFragment = isVirtual && typeof container.getHostProp(currentVNode, constants.QRENDERFN) === "function";
-    if (isFragment) {
-      const vnodeObject = initVnode({
-        element: currentVNode
-      });
-      internal._vnode_getAttrKeys(currentVNode).forEach((key) => {
-        if (key === constants.QTYPE) return;
-        const value = container.getHostProp(currentVNode, key);
-        internal._vnode_getProps(currentVNode)[internal._vnode_getProps(currentVNode).indexOf(key) + 1] = value;
-        vnodeObject.props[key] = internal._vnode_getAttr(currentVNode, key);
-        if (key === constants.QRENDERFN) {
-          vnodeObject.label = vnode.normalizeName(value.getSymbol());
-          vnodeObject.name = vnode.normalizeName(value.getSymbol());
-        }
-      });
-      const firstChild = internal._vnode_getFirstChild(currentVNode);
-      const children = firstChild ? buildTreeRecursive(firstChild) : [];
-      if (children.length > 0) {
-        vnodeObject.children = children;
-      }
-      result.push(vnodeObject);
-    } else if (internal._vnode_isMaterialized(currentVNode) || isVirtual && !isFragment) {
-      const firstChild = internal._vnode_getFirstChild(currentVNode);
-      if (firstChild) {
-        result.push(...buildTreeRecursive(firstChild));
-      }
-    }
-    currentVNode = internal._vnode_getNextSibling(currentVNode);
-  }
-  return result;
-}
-exports.vnode_toObject = vnode_toObject;

package/dist/ui/components/Tree/type.qwik.cjs

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const ISDEVTOOL = "Qwikdevtools";
-exports.ISDEVTOOL = ISDEVTOOL;

package/dist/ui/components/Tree/vnode.qwik.cjs

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function normalizeName(str) {
-  const array = str.split("_");
-  if (array.length > 0) {
-    const componentName = array[0];
-    return componentName.charAt(0).toUpperCase() + componentName.slice(1).toLowerCase();
-  } else {
-    return "";
-  }
-}
-function removeNodeFromTree(tree, callback) {
-  return tree.filter((node) => {
-    if (callback(node)) {
-      return false;
-    }
-    if (node.children && node.children.length > 0) {
-      node.children = removeNodeFromTree(node.children, callback);
-    }
-    return true;
-  });
-}
-exports.normalizeName = normalizeName;
-exports.removeNodeFromTree = removeNodeFromTree;

package/dist/ui/components/router-head/theme-script.qwik.cjs

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const themeStorageKey = "vueuse-color-scheme";
-exports.themeStorageKey = themeStorageKey;

package/dist/ui/devtools.qwik.cjs

@@ -1,259 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
-const core = require("@qwik.dev/core");
-const index = require("./node_modules/.pnpm/vite-hot-client@2.0.4_vite@7.1.3_@types_node@20.14.11_jiti@2.4.2_tsx@4.19.2_yaml@2.7.0_/node_modules/vite-hot-client/dist/index.qwik.cjs");
-const hi_qwik = require("./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.4.2_tsx@4.19.2_yaml@2.7.0__/node_modules/@qwikest/icons/lib/hi.qwik.qwik.cjs");
-const bs_qwik = require("./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.4.2_tsx@4.19.2_yaml@2.7.0__/node_modules/@qwikest/icons/lib/bs.qwik.qwik.cjs");
-const lu_qwik = require("./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.4.2_tsx@4.19.2_yaml@2.7.0__/node_modules/@qwikest/icons/lib/lu.qwik.qwik.cjs");
-const client = require("./packages/kit/src/client.qwik.cjs");
-require("./node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.qwik.cjs");
-const context = require("./packages/kit/src/context.qwik.cjs");
-const index_esm = require("./node_modules/.pnpm/dree@5.1.5/node_modules/dree/bundled/lib/esm/index.esm.qwik.cjs");
-const global = require("./global.css.qwik.cjs");
-const Tab = require("./components/Tab/Tab.qwik.cjs");
-const TabContent = require("./components/TabContent/TabContent.qwik.cjs");
-const Overview = require("./features/Overview/Overview.qwik.cjs");
-const Assets = require("./features/Assets/Assets.qwik.cjs");
-const Routes = require("./features/Routes/Routes.qwik.cjs");
-const TabTitle = require("./components/TabTitle/TabTitle.qwik.cjs");
-const RenderTree = require("./features/RenderTree/RenderTree.qwik.cjs");
-const DevtoolsButton = require("./components/DevtoolsButton/DevtoolsButton.qwik.cjs");
-const DevtoolsContainer = require("./components/DevtoolsContainer/DevtoolsContainer.qwik.cjs");
-const DevtoolsPanel = require("./components/DevtoolsPanel/DevtoolsPanel.qwik.cjs");
-const Packages = require("./features/Packages/Packages.qwik.cjs");
-const Inspect = require("./features/inspect/Inspect.qwik.cjs");
-const ThemeToggle = require("./components/ThemeToggle/ThemeToggle.qwik.cjs");
-const themeScript = require("./components/ThemeToggle/theme-script.qwik.cjs");
-function getClientRpcFunctions() {
-  return {
-    healthCheck: () => true
-  };
-}
-const QwikDevtools = core.component$(() => {
-  core.useStyles$(global);
-  const state = core.useStore({
-    isOpen: core.useSignal(false),
-    activeTab: "overview",
-    npmPackages: [],
-    assets: [],
-    components: [],
-    routes: void 0
-  });
-  core.useVisibleTask$(async ({ track }) => {
-    const hot = await index.tryCreateHotContext(void 0, [
-      "/"
-    ]);
-    if (!hot) {
-      throw new Error("Vite Hot Context not connected");
-    }
-    context.setViteClientContext(hot);
-    client.createClientRpc(getClientRpcFunctions());
-    track(() => {
-      if (state.isOpen.value) {
-        const rpc = context.getViteClientRpc();
-        rpc.getAssetsFromPublicDir().then((data) => {
-          state.assets = data;
-        });
-        rpc.getComponents().then((data) => {
-          state.components = data;
-        });
-        rpc.getRoutes().then((data) => {
-          const children = data?.children || [];
-          const directories = children.filter((child) => child.type === "directory");
-          const values = [
-            {
-              relativePath: "",
-              name: "index",
-              type: index_esm.Type.DIRECTORY,
-              path: "",
-              isSymbolicLink: false,
-              children: void 0
-            },
-            ...directories
-          ];
-          state.routes = core.noSerialize(values);
-        });
-        rpc.getQwikPackages().then((data) => {
-          state.npmPackages = data;
-        });
-      }
-    });
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(themeScript.ThemeScript, {}),
-      /* @__PURE__ */ jsxRuntime.jsxs(DevtoolsContainer.DevtoolsContainer, {
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DevtoolsButton.DevtoolsButton, {
-            state
-          }),
-          state.isOpen.value && /* @__PURE__ */ jsxRuntime.jsxs(DevtoolsPanel.DevtoolsPanel, {
-            state,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                class: "bg-background/95 flex flex-col gap-2 border-r border-border p-3",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(Tab.Tab, {
-                    state,
-                    id: "overview",
-                    title: "Overview",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(hi_qwik.HiBoltOutline, {
-                      class: "h-5 w-5"
-                    })
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx(Tab.Tab, {
-                    state,
-                    id: "packages",
-                    title: "Packages",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(hi_qwik.HiCubeOutline, {
-                      class: "h-5 w-5"
-                    })
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx(Tab.Tab, {
-                    state,
-                    id: "renderTree",
-                    title: "renderTree",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(bs_qwik.BsDiagram3, {
-                      class: "h-5 w-5"
-                    })
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx(Tab.Tab, {
-                    state,
-                    id: "routes",
-                    title: "Routes",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(lu_qwik.LuFolderTree, {
-                      class: "h-5 w-5"
-                    })
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx(Tab.Tab, {
-                    state,
-                    id: "assets",
-                    title: "Assets",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(hi_qwik.HiPhotoOutline, {
-                      class: "h-5 w-5"
-                    })
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx(Tab.Tab, {
-                    state,
-                    id: "inspect",
-                    title: "inspect",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(hi_qwik.HiMegaphoneMini, {
-                      class: "h-5 w-5"
-                    })
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", {
-                    class: "mt-auto",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(ThemeToggle.ThemeToggle, {})
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                class: "custom-scrollbar flex-1 overflow-y-auto p-4",
-                children: [
-                  state.activeTab === "overview" && /* @__PURE__ */ jsxRuntime.jsxs(TabContent.TabContent, {
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                        class: "flex items-center gap-3",
-                        "q:slot": "title",
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("img", {
-                            width: 32,
-                            height: 32,
-                            src: "https://qwik.dev/logos/qwik-logo.svg",
-                            alt: "Qwik Logo",
-                            class: "h-8 w-8"
-                          }),
-                          /* @__PURE__ */ jsxRuntime.jsx("h1", {
-                            class: "text-2xl font-semibold",
-                            children: "Qwik DevTools"
-                          })
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxRuntime.jsx(Overview.Overview, {
-                        state,
-                        "q:slot": "content"
-                      })
-                    ]
-                  }),
-                  state.activeTab === "assets" && /* @__PURE__ */ jsxRuntime.jsxs(TabContent.TabContent, {
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(TabTitle.TabTitle, {
-                        title: "Public Assets",
-                        "q:slot": "title"
-                      }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                        class: "flex gap-4 text-sm text-muted-foreground",
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsxs("span", {
-                            children: [
-                              "Total Size:",
-                              " ",
-                              (state.assets?.reduce((acc, asset) => acc + asset.size, 0) / 1024).toFixed(2),
-                              " ",
-                              "KB"
-                            ]
-                          }),
-                          /* @__PURE__ */ jsxRuntime.jsxs("span", {
-                            children: [
-                              "Count: ",
-                              state.assets?.length || 0
-                            ]
-                          })
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxRuntime.jsx(Assets.Assets, {
-                        state,
-                        "q:slot": "content"
-                      })
-                    ]
-                  }),
-                  state.activeTab === "packages" && /* @__PURE__ */ jsxRuntime.jsxs(TabContent.TabContent, {
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(TabTitle.TabTitle, {
-                        title: "Install an npm package",
-                        "q:slot": "title"
-                      }),
-                      /* @__PURE__ */ jsxRuntime.jsx(Packages.Packages, {
-                        "q:slot": "content"
-                      })
-                    ]
-                  }),
-                  state.activeTab === "routes" && /* @__PURE__ */ jsxRuntime.jsxs(TabContent.TabContent, {
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(TabTitle.TabTitle, {
-                        title: "Application Routes",
-                        "q:slot": "title"
-                      }),
-                      /* @__PURE__ */ jsxRuntime.jsx(Routes.Routes, {
-                        state,
-                        "q:slot": "content"
-                      })
-                    ]
-                  }),
-                  state.activeTab === "inspect" && /* @__PURE__ */ jsxRuntime.jsx(TabContent.TabContent, {
-                    children: /* @__PURE__ */ jsxRuntime.jsx(Inspect.Inspect, {
-                      "q:slot": "content"
-                    })
-                  }),
-                  state.activeTab === "renderTree" && /* @__PURE__ */ jsxRuntime.jsxs(TabContent.TabContent, {
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(TabTitle.TabTitle, {
-                        title: "render Tree",
-                        "q:slot": "title"
-                      }),
-                      /* @__PURE__ */ jsxRuntime.jsx(RenderTree.RenderTree, {
-                        "q:slot": "content"
-                      })
-                    ]
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-});
-exports.QwikDevtools = QwikDevtools;

package/dist/ui/features/Assets/Assets.qwik.cjs

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
-const core = require("@qwik.dev/core");
-const Assets = core.component$(({ state }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    class: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-    children: state.assets?.map((asset) => {
-      const isImage = asset.path.match(/\.(jpg|jpeg|png|gif|svg|webp)$/i);
-      const fileExt = asset.path.split(".").pop()?.toUpperCase();
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        class: "overflow-hidden rounded-xl border border-border bg-card-item-bg transition-all duration-200 hover:bg-card-item-hover-bg",
-        children: [
-          isImage ? /* @__PURE__ */ jsxRuntime.jsx("div", {
-            class: "aspect-square overflow-hidden bg-black/20",
-            children: /* @__PURE__ */ jsxRuntime.jsx("img", {
-              width: 176,
-              height: 176,
-              src: asset.publicPath,
-              alt: asset.path,
-              class: "h-full w-full object-cover"
-            })
-          }) : /* @__PURE__ */ jsxRuntime.jsx("div", {
-            class: "flex aspect-square items-center justify-center bg-black/20",
-            children: /* @__PURE__ */ jsxRuntime.jsx("span", {
-              class: "font-mono text-2xl text-muted-foreground",
-              children: fileExt
-            })
-          }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", {
-            class: "space-y-2 p-4",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", {
-                class: "truncate text-sm",
-                title: asset.path,
-                children: asset.path.split("/").pop()
-              }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                class: "flex items-center justify-between text-xs text-muted-foreground",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("span", {
-                    children: [
-                      (asset.size / 1024).toFixed(2),
-                      " KB"
-                    ]
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", {
-                    class: "bg-foreground/5 rounded-full px-2 py-1",
-                    children: fileExt
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      }, asset.filePath);
-    })
-  });
-});
-exports.Assets = Assets;

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

@@ -1,187 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
-const core = require("@qwik.dev/core");
-const hi_qwik = require("../../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.4.2_tsx@4.19.2_yaml@2.7.0__/node_modules/@qwikest/icons/lib/hi.qwik.qwik.cjs");
-const lu_qwik = require("../../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.4.2_tsx@4.19.2_yaml@2.7.0__/node_modules/@qwikest/icons/lib/lu.qwik.qwik.cjs");
-const Overview = core.component$(({ state }) => {
-  const pageJump = core.$((pageName) => {
-    state.activeTab = pageName;
-  });
-  const stopPropagation = core.sync$((e) => {
-    e.preventDefault();
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        class: "grid grid-cols-1 gap-5 md:grid-cols-3",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", {
-            onClick$: [
-              core.$(() => pageJump("routes")),
-              stopPropagation
-            ],
-            class: "flex cursor-pointer items-center gap-5 rounded-xl border border-border bg-card-item-bg p-5 transition-all duration-200 hover:-translate-y-0.5 hover:bg-card-item-hover-bg",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", {
-                class: "bg-foreground/5 rounded-lg border border-border p-3.5",
-                children: /* @__PURE__ */ jsxRuntime.jsx(lu_qwik.LuFolderTree, {
-                  class: "h-6 w-6 text-accent"
-                })
-              }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", {
-                    class: "text-3xl font-semibold",
-                    children: state.routes?.length
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", {
-                    class: "text-sm text-muted-foreground",
-                    children: "pages"
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", {
-            onClick$: [
-              core.$(() => pageJump("components")),
-              stopPropagation
-            ],
-            class: "flex cursor-pointer items-center gap-5 rounded-xl border border-border bg-card-item-bg p-5 transition-all duration-200 hover:-translate-y-0.5 hover:bg-card-item-hover-bg",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", {
-                class: "bg-foreground/5 rounded-lg border border-border p-3.5",
-                children: /* @__PURE__ */ jsxRuntime.jsx(hi_qwik.HiCubeOutline, {
-                  class: "h-6 w-6 text-accent"
-                })
-              }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", {
-                    class: "text-3xl font-semibold",
-                    children: state.components.length
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", {
-                    class: "text-sm text-muted-foreground",
-                    children: "components"
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", {
-            onClick$: [
-              core.$(() => pageJump("assets")),
-              stopPropagation
-            ],
-            class: "flex cursor-pointer items-center gap-5 rounded-xl border border-border bg-card-item-bg p-5 transition-all duration-200 hover:-translate-y-0.5 hover:bg-card-item-hover-bg",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", {
-                class: "bg-foreground/5 rounded-lg border border-border p-3.5",
-                children: /* @__PURE__ */ jsxRuntime.jsx(hi_qwik.HiPhotoOutline, {
-                  class: "h-6 w-6 text-accent"
-                })
-              }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", {
-                    class: "text-3xl font-semibold",
-                    children: state.assets.length || 0
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", {
-                    class: "text-sm text-muted-foreground",
-                    children: "assets"
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        onClick$: [
-          core.$(() => pageJump("packages")),
-          stopPropagation
-        ],
-        class: "cursor-pointer space-y-4 rounded-xl border border-border bg-card-item-bg p-5 hover:-translate-y-0.5 hover:bg-card-item-hover-bg",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h3", {
-            class: "text-lg font-semibold",
-            children: "Installed Packages"
-          }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", {
-            class: "grid grid-cols-1 gap-3 md:grid-cols-2",
-            children: state.npmPackages.map(([name, version]) => /* @__PURE__ */ jsxRuntime.jsxs("div", {
-              class: "bg-foreground/5 flex items-center justify-between rounded-lg p-3",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", {
-                  class: "text-sm",
-                  children: name
-                }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", {
-                  class: "bg-foreground/5 rounded-full border border-border px-2 py-1 text-xs text-muted-foreground",
-                  children: version
-                })
-              ]
-            }, name))
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        class: "space-y-4 rounded-xl border border-border bg-card-item-bg p-5",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h3", {
-            class: "text-lg font-semibold",
-            children: "Performance"
-          }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", {
-            class: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                class: "flex justify-between border-b border-border py-2",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", {
-                    class: "text-muted-foreground",
-                    children: "SSR to full load"
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", {
-                    class: "font-medium",
-                    children: "-"
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                class: "flex justify-between border-b border-border py-2",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", {
-                    class: "text-muted-foreground",
-                    children: "Page load"
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", {
-                    class: "font-medium",
-                    children: "-"
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                class: "flex justify-between py-2",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", {
-                    class: "text-muted-foreground",
-                    children: "Navigation"
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", {
-                    class: "font-medium",
-                    children: "-"
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-});
-exports.Overview = Overview;