uilint-react 0.1.35 → 0.1.38

package/dist/{chunk-3YZH4UAT.js → chunk-V4273T5B.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   useUILintContext
-} from "./chunk-I4JDR36K.js";
+} from "./chunk-PU6XPNPN.js";
 
 // src/components/ui-lint/LocatorOverlay.tsx
 import { useState, useEffect, useMemo } from "react";
 import { createPortal } from "react-dom";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var STYLES = {
   bg: "rgba(17, 24, 39, 0.95)",
   border: "rgba(59, 130, 246, 0.8)",
@@ -31,23 +31,14 @@ function LocatorOverlay() {
   }, []);
   const currentSource = useMemo(() => {
     if (!locatorTarget) return null;
-    if (locatorTarget.stackIndex === 0) {
-      return locatorTarget.source;
-    }
-    const stackItem = locatorTarget.componentStack[locatorTarget.stackIndex - 1];
-    return stackItem?.source || null;
+    return locatorTarget.source;
   }, [locatorTarget]);
   const currentName = useMemo(() => {
     if (!locatorTarget) return "";
-    if (locatorTarget.stackIndex === 0) {
-      return locatorTarget.element.tagName.toLowerCase();
-    }
-    const stackItem = locatorTarget.componentStack[locatorTarget.stackIndex - 1];
-    return stackItem?.name || "Unknown";
+    return locatorTarget.element.tagName.toLowerCase();
   }, [locatorTarget]);
   if (!mounted || !locatorTarget) return null;
   const { rect } = locatorTarget;
-  const hasParents = locatorTarget.componentStack.length > 0;
   const content = /* @__PURE__ */ jsxs("div", { "data-ui-lint": true, style: { pointerEvents: "none" }, children: [
     /* @__PURE__ */ jsx("style", { children: `
         @keyframes uilint-locator-fade-in {
@@ -81,23 +72,13 @@ function LocatorOverlay() {
       {
         rect,
         source: currentSource,
-        componentName: currentName,
-        stackIndex: locatorTarget.stackIndex,
-        stackLength: locatorTarget.componentStack.length,
-        hasParents
+        componentName: currentName
       }
     )
   ] });
   return createPortal(content, document.body);
 }
-function InfoTooltip({
-  rect,
-  source,
-  componentName,
-  stackIndex,
-  stackLength,
-  hasParents
-}) {
+function InfoTooltip({ rect, source, componentName }) {
   const viewportHeight = window.innerHeight;
   const spaceAbove = rect.top;
   const spaceBelow = viewportHeight - rect.bottom;
@@ -133,36 +114,21 @@ function InfoTooltip({
         pointerEvents: "auto"
       },
       children: [
-        /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-          /* @__PURE__ */ jsxs(
-            "span",
-            {
-              style: {
-                fontSize: "13px",
-                fontWeight: 600,
-                color: STYLES.accent
-              },
-              children: [
-                "<",
-                componentName,
-                " />"
-              ]
-            }
-          ),
-          hasParents && /* @__PURE__ */ jsx(
-            "span",
-            {
-              style: {
-                fontSize: "10px",
-                color: STYLES.textMuted,
-                padding: "2px 6px",
-                backgroundColor: "rgba(59, 130, 246, 0.15)",
-                borderRadius: "4px"
-              },
-              children: stackIndex === 0 ? "element" : `parent ${stackIndex}/${stackLength}`
-            }
-          )
-        ] }),
+        /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: /* @__PURE__ */ jsxs(
+          "span",
+          {
+            style: {
+              fontSize: "13px",
+              fontWeight: 600,
+              color: STYLES.accent
+            },
+            children: [
+              "<",
+              componentName,
+              " />"
+            ]
+          }
+        ) }),
         source && /* @__PURE__ */ jsxs(
           "div",
           {
@@ -181,7 +147,7 @@ function InfoTooltip({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx(
           "div",
           {
             style: {
@@ -194,13 +160,7 @@ function InfoTooltip({
               paddingTop: "8px",
               marginTop: "2px"
             },
-            children: [
-              /* @__PURE__ */ jsx("span", { children: "Click to open" }),
-              hasParents && /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx("span", { style: { opacity: 0.5 }, children: "\u2022" }),
-                /* @__PURE__ */ jsx("span", { children: "Scroll to navigate parents" })
-              ] })
-            ]
+            children: /* @__PURE__ */ jsx("span", { children: "Click to inspect" })
           }
         )
       ]