uilint-react 0.1.37 → 0.1.38

package/dist/{ElementBadges-BASN6P5L.js → ElementBadges-J2ELN2PU.js}

@@ -2,7 +2,7 @@
 "use client";
 import {
   useUILintContext
-} from "./chunk-DEHJKJNT.js";
+} from "./chunk-PU6XPNPN.js";
 
 // src/components/ui-lint/ElementBadges.tsx
 import React, { useState, useEffect, useCallback, useMemo } from "react";
@@ -163,8 +163,7 @@ function formatElementLabel(element) {
     const fileName = source.fileName.split("/").pop() || "Unknown";
     return `${tag} > ${fileName}`;
   }
-  const componentName = element.componentStack[0]?.name;
-  return componentName ? `${tag} > ${componentName}` : tag;
+  return tag;
 }
 var NEARBY_THRESHOLD = 30;
 var WINDOW_EDGE_THRESHOLD = 20;
@@ -271,7 +270,6 @@ function ElementBadges() {
       const inspected = {
         element: element.element,
         source: element.source,
-        componentStack: element.componentStack,
         rect: element.element.getBoundingClientRect(),
         scannedElementId: element.id
       };

package/dist/{InspectionPanel-FY7QVWP5.js → InspectionPanel-7N56XBWA.js}

@@ -2,8 +2,8 @@
 "use client";
 import {
   InspectionPanel
-} from "./chunk-ITKEGCAZ.js";
-import "./chunk-DEHJKJNT.js";
+} from "./chunk-GZOQ6QWC.js";
+import "./chunk-PU6XPNPN.js";
 export {
   InspectionPanel
 };

package/dist/{LocatorOverlay-IUZV5OVI.js → LocatorOverlay-RDDLASGB.js}

@@ -3,8 +3,8 @@
 import {
   InspectedElementHighlight,
   LocatorOverlay
-} from "./chunk-LZX53CPI.js";
-import "./chunk-DEHJKJNT.js";
+} from "./chunk-V4273T5B.js";
+import "./chunk-PU6XPNPN.js";
 export {
   InspectedElementHighlight,
   LocatorOverlay

package/dist/{UILintToolbar-TM3DVGPO.js → UILintToolbar-OQY2V7Q7.js}

@@ -2,8 +2,8 @@
 "use client";
 import {
   UILintToolbar
-} from "./chunk-EYWLUDXI.js";
-import "./chunk-DEHJKJNT.js";
+} from "./chunk-WEBVLQL5.js";
+import "./chunk-PU6XPNPN.js";
 export {
   UILintToolbar
 };

package/dist/{chunk-ITKEGCAZ.js → chunk-GZOQ6QWC.js}

@@ -2,7 +2,7 @@
 import {
   buildEditorUrl,
   useUILintContext
-} from "./chunk-DEHJKJNT.js";
+} from "./chunk-PU6XPNPN.js";
 
 // src/components/ui-lint/InspectionPanel.tsx
 import { useState, useEffect, useCallback, useMemo } from "react";
@@ -199,7 +199,7 @@ function PanelHeader({
   element,
   onClose
 }) {
-  const componentName = element.componentStack[0]?.name || element.element.tagName.toLowerCase();
+  const tagName = element.element.tagName.toLowerCase();
   const handleOpenInCursor = useCallback(() => {
     if (element.source) {
       const url = buildEditorUrl(element.source, "cursor");
@@ -219,11 +219,15 @@ function PanelHeader({
       },
       children: [
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("div", { style: { fontSize: "14px", fontWeight: 600 }, children: componentName }),
-          /* @__PURE__ */ jsxs("div", { style: { fontSize: "11px", color: STYLES.textMuted }, children: [
+          /* @__PURE__ */ jsxs("div", { style: { fontSize: "14px", fontWeight: 600 }, children: [
             "<",
-            element.element.tagName.toLowerCase(),
+            tagName,
             ">"
+          ] }),
+          element.source && /* @__PURE__ */ jsxs("div", { style: { fontSize: "11px", color: STYLES.textMuted }, children: [
+            element.source.fileName.split("/").pop(),
+            ":",
+            element.source.lineNumber
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: "8px" }, children: [
@@ -357,38 +361,6 @@ function InfoTab({ element }) {
           children: element.source.fileName
         }
       ) }),
-      element.componentStack.length > 0 && /* @__PURE__ */ jsx(Section, { title: "Component Stack", children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          style: { display: "flex", flexDirection: "column", gap: "4px" },
-          children: [
-            element.componentStack.slice(0, 10).map((comp, index) => /* @__PURE__ */ jsx(
-              ComponentStackItem,
-              {
-                component: comp,
-                index,
-                isFirst: index === 0
-              },
-              index
-            )),
-            element.componentStack.length > 10 && /* @__PURE__ */ jsxs(
-              "div",
-              {
-                style: {
-                  fontSize: "11px",
-                  color: STYLES.textDim,
-                  marginTop: "4px"
-                },
-                children: [
-                  "...and ",
-                  element.componentStack.length - 10,
-                  " more"
-                ]
-              }
-            )
-          ]
-        }
-      ) }),
       /* @__PURE__ */ jsxs(Section, { title: "Dimensions", children: [
         /* @__PURE__ */ jsx(
           InfoRow,
@@ -867,70 +839,6 @@ function InfoRow({
     }
   );
 }
-function ComponentStackItem({
-  component,
-  index,
-  isFirst
-}) {
-  const handleClick = useCallback(() => {
-    if (component.source) {
-      const url = buildEditorUrl(component.source, "cursor");
-      window.open(url, "_blank");
-    }
-  }, [component.source]);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        gap: "8px",
-        padding: "6px 8px",
-        marginLeft: index * 8,
-        backgroundColor: isFirst ? "rgba(59, 130, 246, 0.1)" : "transparent",
-        borderRadius: "4px",
-        cursor: component.source ? "pointer" : "default",
-        transition: "background-color 0.15s"
-      },
-      onClick: handleClick,
-      onMouseEnter: (e) => {
-        if (component.source) {
-          e.currentTarget.style.backgroundColor = "rgba(59, 130, 246, 0.15)";
-        }
-      },
-      onMouseLeave: (e) => {
-        e.currentTarget.style.backgroundColor = isFirst ? "rgba(59, 130, 246, 0.1)" : "transparent";
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            style: {
-              fontSize: "12px",
-              fontWeight: isFirst ? 600 : 400,
-              color: isFirst ? STYLES.accent : STYLES.textMuted
-            },
-            children: component.name
-          }
-        ),
-        component.source && /* @__PURE__ */ jsxs(
-          "span",
-          {
-            style: {
-              fontSize: "10px",
-              color: STYLES.textDim,
-              fontFamily: STYLES.fontMono
-            },
-            children: [
-              ":",
-              component.source.lineNumber
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
 function CursorIcon() {
   return /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
     "path",