uilint-react 0.1.39 → 0.1.40

package/dist/{chunk-ILK73X6L.js → chunk-LAL3JTAA.js}

@@ -133,16 +133,21 @@ function updateElementRects(elements) {
     rect: el.element.getBoundingClientRect()
   }));
 }
-function buildEditorUrl(source, editor = "cursor") {
+function buildEditorUrl(source, editor = "cursor", workspaceRoot) {
   const { fileName, lineNumber, columnNumber } = source;
   const column = columnNumber ?? 1;
+  let absolutePath = fileName;
+  if (workspaceRoot && !fileName.startsWith("/")) {
+    const root = workspaceRoot.endsWith("/") ? workspaceRoot.slice(0, -1) : workspaceRoot;
+    absolutePath = `${root}/${fileName}`;
+  }
   if (editor === "cursor") {
     return `cursor://file/${encodeURIComponent(
-      fileName
+      absolutePath
     )}:${lineNumber}:${column}`;
   }
   return `vscode://file/${encodeURIComponent(
-    fileName
+    absolutePath
   )}:${lineNumber}:${column}`;
 }
 
@@ -447,6 +452,9 @@ var useUILintStore = create()((set, get) => ({
   wsProgressPhase: /* @__PURE__ */ new Map(),
   wsLastActivity: null,
   wsRecentResults: [],
+  workspaceRoot: null,
+  appRoot: null,
+  serverCwd: null,
   connectWebSocket: (url) => {
     const targetUrl = url || get().wsUrl;
     const existing = get().wsConnection;
@@ -682,6 +690,16 @@ var useUILintStore = create()((set, get) => ({
         }
         break;
       }
+      case "workspace:info": {
+        const { appRoot, workspaceRoot, serverCwd } = data;
+        console.log("[UILint] Received workspace info:", {
+          appRoot,
+          workspaceRoot,
+          serverCwd
+        });
+        set({ appRoot, workspaceRoot, serverCwd });
+        break;
+      }
     }
   },
   _reconnectWebSocket: () => {
@@ -879,7 +897,7 @@ function UILintProvider({
   );
   const handleMouseMove = useCallback2(
     (e) => {
-      if (!altKeyHeld && !inspectedElement) return;
+      if (!altKeyHeld) return;
       const elementAtPoint = document.elementFromPoint(e.clientX, e.clientY);
       if (!elementAtPoint) {
         setLocatorTarget(null);
@@ -896,16 +914,11 @@ function UILintProvider({
       }
       setLocatorTarget(null);
     },
-    [
-      altKeyHeld,
-      inspectedElement,
-      getLocatorTargetFromElement,
-      setLocatorTarget
-    ]
+    [altKeyHeld, getLocatorTargetFromElement, setLocatorTarget]
   );
   const handleLocatorClick = useCallback2(
     (e) => {
-      if (!altKeyHeld && !inspectedElement || !locatorTarget) return;
+      if (!altKeyHeld || !locatorTarget) return;
       const targetEl = e.target;
       if (targetEl?.closest?.("[data-ui-lint]")) return;
       e.preventDefault();
@@ -917,13 +930,7 @@ function UILintProvider({
       });
       setLocatorTarget(null);
     },
-    [
-      altKeyHeld,
-      locatorTarget,
-      inspectedElement,
-      setInspectedElement,
-      setLocatorTarget
-    ]
+    [altKeyHeld, locatorTarget, setInspectedElement, setLocatorTarget]
   );
   useEffect2(() => {
     if (!isBrowser() || !enabled) return;
@@ -953,20 +960,14 @@ function UILintProvider({
   }, [enabled, setAltKeyHeld, setLocatorTarget]);
   useEffect2(() => {
     if (!isBrowser() || !enabled) return;
-    if (!altKeyHeld && !inspectedElement) return;
+    if (!altKeyHeld) return;
     window.addEventListener("mousemove", handleMouseMove);
     window.addEventListener("click", handleLocatorClick, true);
     return () => {
       window.removeEventListener("mousemove", handleMouseMove);
       window.removeEventListener("click", handleLocatorClick, true);
     };
-  }, [
-    enabled,
-    altKeyHeld,
-    inspectedElement,
-    handleMouseMove,
-    handleLocatorClick
-  ]);
+  }, [enabled, altKeyHeld, handleMouseMove, handleLocatorClick]);
   useEffect2(() => {
     if (!isBrowser() || !enabled) return;
     const handleKeyDown = (e) => {
@@ -1030,10 +1031,10 @@ function UILintUI() {
   const [components, setComponents] = useState(null);
   useEffect2(() => {
     Promise.all([
-      import("./UILintToolbar-4SH33QJU.js"),
-      import("./InspectionPanel-VAHZBVVL.js"),
-      import("./LocatorOverlay-BEJYHU6S.js"),
-      import("./ElementBadges-3AFD2W4Z.js")
+      import("./UILintToolbar-MJH7RUZK.js"),
+      import("./InspectionPanel-4LOWGHW7.js"),
+      import("./LocatorOverlay-ERRFPXKK.js"),
+      import("./ElementBadges-2I25HN6W.js")
     ]).then(([toolbar, panel, locator, badges]) => {
       setComponents({
         Toolbar: toolbar.UILintToolbar,

package/dist/{chunk-7434TUMX.js → chunk-UD6HPLEZ.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useUILintContext
-} from "./chunk-ILK73X6L.js";
+} from "./chunk-LAL3JTAA.js";
 
 // src/components/ui-lint/LocatorOverlay.tsx
 import { useState, useEffect, useMemo } from "react";

package/dist/index.d.ts

@@ -169,32 +169,31 @@ declare function useUILintContext(): UILintContextValue;
 declare function UILintProvider({ children, enabled, }: UILintProviderProps): react_jsx_runtime.JSX.Element;
 
 /**
- * UILint Toolbar - Three-segment pill for live scanning
+ * UILint Toolbar - Improved UX Version
  *
- * Design:
- * ┌────────────────────────────────────────┐
- * │  [👁 Toggle]  │  [Issues]  │  [...]   │
- * └────────────────────────────────────────┘
- *              ⌥+Click to inspect
- *
- * Segments:
- * 1. Toggle: Enable/disable live scanning mode
- * 2. Issues: Show issue count, opens results panel
- * 3. Settings: Ellipsis for settings popover
+ * Key improvements:
+ * - Clear visual hierarchy: Primary (toggle) → Secondary (issues) → Tertiary (settings)
+ * - Contextual hints that only show when relevant
+ * - CSS-based hover/focus states (no inline handlers)
+ * - Full keyboard navigation with visible focus rings
+ * - Smooth animations for all state changes
+ * - Better disabled state communication
+ * - Expanded panel that doesn't conflict with settings
+ * - Touch-friendly targets (min 44px)
+ * - ARIA labels and semantic markup
  */
 
-/**
- * Main Toolbar Component - Three-segment pill
- */
 declare function UILintToolbar(): React$1.ReactPortal | null;
 
 /**
- * Inspection Panel - Slide-out sidebar showing element details, source preview,
- * and LLM analysis with clipboard-ready fix prompts
+ * Inspection Panel - Lightweight floating popover showing element issues
+ * with inline code previews and "Open in Cursor" actions
+ *
+ * Positions near the clicked badge, avoiding overlap with the element itself.
  */
 
 /**
- * Main Inspection Panel Component
+ * Main Inspection Panel Component - Floating Popover
  */
 declare function InspectionPanel(): React$1.ReactPortal | null;
 
@@ -253,8 +252,11 @@ declare function getElementById(id: string): Element | null;
 declare function updateElementRects(elements: ScannedElement[]): ScannedElement[];
 /**
  * Build an "Open in Editor" URL
+ * @param source - The source location (fileName may be relative or absolute)
+ * @param editor - The editor to open in (cursor or vscode)
+ * @param workspaceRoot - Optional workspace root to prepend for relative paths
  */
-declare function buildEditorUrl(source: SourceLocation, editor?: "cursor" | "vscode"): string;
+declare function buildEditorUrl(source: SourceLocation, editor?: "cursor" | "vscode", workspaceRoot?: string | null): string;
 
 /**
  * Client for fetching source code from the dev API

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   UILintToolbar
-} from "./chunk-4TLFW7LD.js";
+} from "./chunk-C6NUU5MF.js";
 import {
   InspectionPanel,
   clearSourceCache,
@@ -9,10 +9,10 @@ import {
   fetchSourceWithContext,
   getCachedSource,
   prefetchSources
-} from "./chunk-NCNRCF5A.js";
+} from "./chunk-2VRWAMW7.js";
 import {
   LocatorOverlay
-} from "./chunk-7434TUMX.js";
+} from "./chunk-UD6HPLEZ.js";
 import {
   DATA_UILINT_ID,
   DEFAULT_SETTINGS,
@@ -28,7 +28,7 @@ import {
   scanDOMForSources,
   updateElementRects,
   useUILintContext
-} from "./chunk-ILK73X6L.js";
+} from "./chunk-LAL3JTAA.js";
 
 // src/consistency/snapshot.ts
 var DATA_ELEMENTS_ATTR = "data-elements";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uilint-react",
-  "version": "0.1.39",
+  "version": "0.1.40",
   "description": "React component for AI-powered UI consistency checking",
   "author": "Peter Suggate",
   "repository": {
@@ -34,7 +34,7 @@
     "node": ">=20.0.0"
   },
   "dependencies": {
-    "uilint-core": "^0.1.39",
+    "uilint-core": "^0.1.40",
     "zustand": "^5.0.5"
   },
   "peerDependencies": {