uilint-react 0.1.31 → 0.1.32

package/dist/{ElementBadges-BSTXYVB7.js → ElementBadges-IQIPOHBN.js}

@@ -2,7 +2,7 @@
 "use client";
 import {
   useUILintContext
-} from "./chunk-M3H56XIZ.js";
+} from "./chunk-Y44J7QO6.js";
 
 // src/components/ui-lint/ElementBadges.tsx
 import React, { useState, useEffect, useCallback, useMemo } from "react";

package/dist/{InspectionPanel-MUUDJ2BK.js → InspectionPanel-AU4SJPQN.js}

@@ -2,8 +2,8 @@
 "use client";
 import {
   InspectionPanel
-} from "./chunk-XAAIRXB4.js";
-import "./chunk-M3H56XIZ.js";
+} from "./chunk-NY7Q5DSG.js";
+import "./chunk-Y44J7QO6.js";
 export {
   InspectionPanel
 };

package/dist/{LocatorOverlay-XJH5TE2J.js → LocatorOverlay-XCNSUM34.js}

@@ -3,8 +3,8 @@
 import {
   InspectedElementHighlight,
   LocatorOverlay
-} from "./chunk-OV5BPTNA.js";
-import "./chunk-M3H56XIZ.js";
+} from "./chunk-VBU72FKU.js";
+import "./chunk-Y44J7QO6.js";
 export {
   InspectedElementHighlight,
   LocatorOverlay

package/dist/{UILintToolbar-RD6BT3LL.js → UILintToolbar-PRX3LYZD.js}

@@ -2,8 +2,8 @@
 "use client";
 import {
   UILintToolbar
-} from "./chunk-GLJBGFZK.js";
-import "./chunk-M3H56XIZ.js";
+} from "./chunk-K7SUEWNV.js";
+import "./chunk-Y44J7QO6.js";
 export {
   UILintToolbar
 };

package/dist/{chunk-GLJBGFZK.js → chunk-K7SUEWNV.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useUILintContext
-} from "./chunk-M3H56XIZ.js";
+} from "./chunk-Y44J7QO6.js";
 
 // src/components/ui-lint/UILintToolbar.tsx
 import { useState, useRef, useEffect } from "react";

package/dist/{chunk-XAAIRXB4.js → chunk-NY7Q5DSG.js}

@@ -3,7 +3,7 @@ import {
   buildEditorUrl,
   useUILintContext,
   useUILintStore
-} from "./chunk-M3H56XIZ.js";
+} from "./chunk-Y44J7QO6.js";
 
 // src/components/ui-lint/InspectionPanel.tsx
 import { useState, useEffect, useCallback, useMemo } from "react";
@@ -573,6 +573,7 @@ function ScanSection({ element }) {
   const upsertManualScan = useUILintStore(
     (s) => s.upsertManualScan
   );
+  const clearManualScan = useUILintStore((s) => s.clearManualScan);
   const includeChildren = manualScan?.includeChildren ?? false;
   const componentName = element.componentStack[0]?.name || element.element.tagName.toLowerCase();
   const componentLine = element.source?.lineNumber;
@@ -619,8 +620,18 @@ Please update this component to match our styleguide.`;
   const cachedFixPrompt = useMemo(() => {
     if (!cachedIssue || cachedIssue.status !== "complete") return null;
     const relativePath = element.source?.fileName || "unknown";
-    return generateFixPrompt(cachedIssue.issues, relativePath);
+    const allIssues = [
+      ...cachedIssue.issues,
+      ...(cachedIssue.eslintIssues || []).map((e) => ({
+        line: e.line,
+        message: `[${e.ruleId || "eslint"}] ${e.message}`
+      }))
+    ];
+    return generateFixPrompt(allIssues, relativePath);
   }, [cachedIssue, element.source, generateFixPrompt]);
+  const eslintIssues = useMemo(() => {
+    return cachedIssue?.eslintIssues || [];
+  }, [cachedIssue]);
   const handleScan = useCallback(async () => {
     if (!element.source) {
       upsertManualScan(manualKey, {
@@ -952,6 +963,7 @@ Please update this component to match our styleguide.`;
               ]
             }
           ),
+          eslintIssues.length > 0 && /* @__PURE__ */ jsx(ESLintIssuesSection, { issues: eslintIssues }),
           /* @__PURE__ */ jsxs(
             "div",
             {
@@ -1025,7 +1037,7 @@ Please update this component to match our styleguide.`;
           /* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginTop: "12px" }, children: /* @__PURE__ */ jsx(
             "button",
             {
-              onClick: handleScan,
+              onClick: () => clearManualScan(manualKey),
               style: {
                 padding: "6px 12px",
                 borderRadius: "6px",
@@ -1044,7 +1056,7 @@ Please update this component to match our styleguide.`;
                 e.currentTarget.style.borderColor = STYLES.border;
                 e.currentTarget.style.color = STYLES.textMuted;
               },
-              children: "Rescan"
+              children: "Clear Analysis"
             }
           ) })
         ] }),
@@ -1287,9 +1299,7 @@ Please update this component to match our styleguide.`;
           /* @__PURE__ */ jsx("div", { style: { textAlign: "center", marginTop: "12px" }, children: /* @__PURE__ */ jsx(
             "button",
             {
-              onClick: () => {
-                handleScan();
-              },
+              onClick: () => clearManualScan(manualKey),
               style: {
                 padding: "6px 12px",
                 borderRadius: "6px",
@@ -1308,7 +1318,7 @@ Please update this component to match our styleguide.`;
                 e.currentTarget.style.borderColor = STYLES.border;
                 e.currentTarget.style.color = STYLES.textMuted;
               },
-              children: "Scan Again"
+              children: "Clear Analysis"
             }
           ) })
         ] })
@@ -1316,6 +1326,121 @@ Please update this component to match our styleguide.`;
     }
   );
 }
+function ESLintIssuesSection({ issues }) {
+  if (issues.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { style: { marginBottom: "16px" }, children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: "8px",
+          marginBottom: "8px"
+        },
+        children: [
+          /* @__PURE__ */ jsx(ESLintIcon, {}),
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              style: {
+                fontSize: "12px",
+                fontWeight: 600,
+                color: STYLES.text
+              },
+              children: [
+                "ESLint Issues (",
+                issues.length,
+                ")"
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          display: "flex",
+          flexDirection: "column",
+          gap: "6px"
+        },
+        children: issues.map((issue, index) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              padding: "10px 12px",
+              backgroundColor: "rgba(239, 68, 68, 0.1)",
+              border: "1px solid rgba(239, 68, 68, 0.2)",
+              borderRadius: "6px"
+            },
+            children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                style: {
+                  display: "flex",
+                  alignItems: "flex-start",
+                  gap: "8px"
+                },
+                children: [
+                  /* @__PURE__ */ jsx(WarningIcon, {}),
+                  /* @__PURE__ */ jsxs("div", { style: { flex: 1 }, children: [
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          fontSize: "12px",
+                          color: STYLES.text,
+                          lineHeight: 1.4,
+                          marginBottom: "4px"
+                        },
+                        children: issue.message
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          alignItems: "center",
+                          gap: "12px",
+                          fontSize: "10px",
+                          color: STYLES.textDim,
+                          fontFamily: STYLES.fontMono
+                        },
+                        children: [
+                          issue.ruleId && /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              style: {
+                                padding: "2px 6px",
+                                backgroundColor: "rgba(239, 68, 68, 0.15)",
+                                borderRadius: "4px",
+                                color: "#EF4444"
+                              },
+                              children: issue.ruleId
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs("span", { children: [
+                            "Line ",
+                            issue.line,
+                            issue.column ? `:${issue.column}` : ""
+                          ] })
+                        ]
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
+          },
+          index
+        ))
+      }
+    )
+  ] });
+}
 function CheckIconSmall() {
   return /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
     "path",
@@ -1519,6 +1644,40 @@ function CheckIcon() {
     }
   ) });
 }
+function ESLintIcon() {
+  return /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5",
+      stroke: "#EF4444",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function WarningIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      style: { flexShrink: 0, marginTop: "1px" },
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12 9v4M12 17h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z",
+          stroke: "#EF4444",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
 
 export {
   fetchSource,

package/dist/{chunk-OV5BPTNA.js → chunk-VBU72FKU.js}

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

package/dist/{chunk-M3H56XIZ.js → chunk-Y44J7QO6.js}

@@ -270,17 +270,26 @@ function getDataLocFromId(id) {
   }
   return null;
 }
-async function scanFileForIssues(sourceFile) {
+async function scanFileForIssues(sourceFile, store) {
   if (sourceFile.elements.length === 0) {
-    return { issues: [] };
+    return { issues: [], eslintIssues: [] };
   }
   const filePath = sourceFile.path;
+  let eslintIssues = [];
+  let llmIssues = [];
+  if (store.wsConnected && store.wsConnection) {
+    try {
+      eslintIssues = await store.requestFileLint(filePath);
+    } catch (err) {
+      console.warn("[UILint] WebSocket lint failed, will use HTTP:", err);
+    }
+  }
   try {
     const sourceResponse = await fetch(
       `/api/.uilint/source?path=${encodeURIComponent(filePath)}`
     );
     if (!sourceResponse.ok) {
-      return { issues: [], error: true };
+      return { issues: [], eslintIssues, error: true };
     }
     const sourceData = await sourceResponse.json();
     const dataLocs = [];
@@ -300,15 +309,16 @@ async function scanFileForIssues(sourceFile) {
       })
     });
     if (!analyzeResponse.ok) {
-      return { issues: [], error: true };
+      return { issues: [], eslintIssues, error: true };
     }
     const result = await analyzeResponse.json();
-    return { issues: result.issues || [] };
+    llmIssues = result.issues || [];
   } catch {
-    return { issues: [], error: true };
+    return { issues: [], eslintIssues, error: true };
   }
+  return { issues: llmIssues, eslintIssues };
 }
-function distributeIssuesToElements(issues, elements, updateElementIssue, hasError) {
+function distributeIssuesToElements(issues, eslintIssues, elements, updateElementIssue, hasError) {
   const dataLocToElementId = /* @__PURE__ */ new Map();
   for (const el of elements) {
     const dataLoc = getDataLocFromId(el.id);
@@ -327,15 +337,32 @@ function distributeIssuesToElements(issues, elements, updateElementIssue, hasErr
       }
     }
   }
+  const eslintByElement = /* @__PURE__ */ new Map();
+  for (const issue of eslintIssues) {
+    if (issue.dataLoc) {
+      const elementId = dataLocToElementId.get(issue.dataLoc);
+      if (elementId) {
+        const existing = eslintByElement.get(elementId) || [];
+        existing.push(issue);
+        eslintByElement.set(elementId, existing);
+      }
+    }
+  }
   for (const el of elements) {
     const elementIssues = issuesByElement.get(el.id) || [];
+    const elementEslintIssues = eslintByElement.get(el.id) || [];
     updateElementIssue(el.id, {
       elementId: el.id,
       issues: elementIssues,
+      eslintIssues: elementEslintIssues,
       status: hasError ? "error" : "complete"
     });
   }
 }
+var DEFAULT_WS_URL = "ws://localhost:9234";
+var MAX_RECONNECT_ATTEMPTS = 5;
+var RECONNECT_BASE_DELAY = 1e3;
+var pendingRequests = /* @__PURE__ */ new Map();
 var useUILintStore = create()((set, get) => ({
   // ============ Settings ============
   settings: DEFAULT_SETTINGS,
@@ -492,9 +519,10 @@ var useUILintStore = create()((set, get) => ({
         });
       }
       await new Promise((resolve) => requestAnimationFrame(resolve));
-      const { issues, error } = await scanFileForIssues(sourceFile);
+      const { issues, eslintIssues, error } = await scanFileForIssues(sourceFile, get());
       distributeIssuesToElements(
         issues,
+        eslintIssues,
         sourceFile.elements,
         get().updateElementIssue,
         error ?? false
@@ -510,6 +538,187 @@ var useUILintStore = create()((set, get) => ({
         currentIndex: elements.length
       }
     });
+  },
+  // ============ WebSocket ============
+  wsConnection: null,
+  wsConnected: false,
+  wsUrl: DEFAULT_WS_URL,
+  wsReconnectAttempts: 0,
+  eslintIssuesCache: /* @__PURE__ */ new Map(),
+  wsProgressPhase: /* @__PURE__ */ new Map(),
+  connectWebSocket: (url) => {
+    const targetUrl = url || get().wsUrl;
+    const existing = get().wsConnection;
+    if (existing && existing.readyState !== WebSocket.CLOSED) {
+      existing.close();
+    }
+    if (typeof WebSocket === "undefined") {
+      console.warn("[UILint] WebSocket not available in this environment");
+      return;
+    }
+    try {
+      const ws = new WebSocket(targetUrl);
+      ws.onopen = () => {
+        console.log("[UILint] WebSocket connected to", targetUrl);
+        set({
+          wsConnected: true,
+          wsReconnectAttempts: 0,
+          wsUrl: targetUrl
+        });
+      };
+      ws.onclose = () => {
+        console.log("[UILint] WebSocket disconnected");
+        set({ wsConnected: false, wsConnection: null });
+        const attempts = get().wsReconnectAttempts;
+        if (attempts < MAX_RECONNECT_ATTEMPTS) {
+          const delay = RECONNECT_BASE_DELAY * Math.pow(2, attempts);
+          console.log(`[UILint] Reconnecting in ${delay}ms (attempt ${attempts + 1})`);
+          setTimeout(() => {
+            set({ wsReconnectAttempts: attempts + 1 });
+            get()._reconnectWebSocket();
+          }, delay);
+        }
+      };
+      ws.onerror = (error) => {
+        console.error("[UILint] WebSocket error:", error);
+      };
+      ws.onmessage = (event) => {
+        try {
+          const data = JSON.parse(event.data);
+          get()._handleWsMessage(data);
+        } catch (err) {
+          console.error("[UILint] Failed to parse WebSocket message:", err);
+        }
+      };
+      set({ wsConnection: ws, wsUrl: targetUrl });
+    } catch (err) {
+      console.error("[UILint] Failed to create WebSocket:", err);
+    }
+  },
+  disconnectWebSocket: () => {
+    const ws = get().wsConnection;
+    if (ws) {
+      ws.close();
+      set({ wsConnection: null, wsConnected: false, wsReconnectAttempts: MAX_RECONNECT_ATTEMPTS });
+    }
+  },
+  requestFileLint: async (filePath) => {
+    const { wsConnection, wsConnected, eslintIssuesCache } = get();
+    const cached = eslintIssuesCache.get(filePath);
+    if (cached) {
+      return cached;
+    }
+    if (!wsConnected || !wsConnection) {
+      console.log("[UILint] WebSocket not connected, using HTTP fallback");
+      return [];
+    }
+    return new Promise((resolve, reject) => {
+      const requestKey = `file:${filePath}`;
+      pendingRequests.set(requestKey, { resolve, reject });
+      const message = { type: "lint:file", filePath };
+      wsConnection.send(JSON.stringify(message));
+      setTimeout(() => {
+        if (pendingRequests.has(requestKey)) {
+          pendingRequests.delete(requestKey);
+          reject(new Error("Request timed out"));
+        }
+      }, 3e4);
+    });
+  },
+  requestElementLint: async (filePath, dataLoc) => {
+    const { wsConnection, wsConnected } = get();
+    if (!wsConnected || !wsConnection) {
+      console.log("[UILint] WebSocket not connected, using HTTP fallback");
+      return [];
+    }
+    return new Promise((resolve, reject) => {
+      const requestKey = `element:${filePath}:${dataLoc}`;
+      pendingRequests.set(requestKey, { resolve, reject });
+      const message = { type: "lint:element", filePath, dataLoc };
+      wsConnection.send(JSON.stringify(message));
+      setTimeout(() => {
+        if (pendingRequests.has(requestKey)) {
+          pendingRequests.delete(requestKey);
+          reject(new Error("Request timed out"));
+        }
+      }, 3e4);
+    });
+  },
+  subscribeToFile: (filePath) => {
+    const { wsConnection, wsConnected } = get();
+    if (!wsConnected || !wsConnection) return;
+    const message = { type: "subscribe:file", filePath };
+    wsConnection.send(JSON.stringify(message));
+  },
+  invalidateCache: (filePath) => {
+    const { wsConnection, wsConnected } = get();
+    if (filePath) {
+      set((state) => {
+        const next = new Map(state.eslintIssuesCache);
+        next.delete(filePath);
+        return { eslintIssuesCache: next };
+      });
+    } else {
+      set({ eslintIssuesCache: /* @__PURE__ */ new Map() });
+    }
+    if (wsConnected && wsConnection) {
+      const message = { type: "cache:invalidate", filePath };
+      wsConnection.send(JSON.stringify(message));
+    }
+  },
+  _handleWsMessage: (data) => {
+    switch (data.type) {
+      case "lint:result": {
+        const { filePath, issues } = data;
+        set((state) => {
+          const next = new Map(state.eslintIssuesCache);
+          next.set(filePath, issues);
+          return { eslintIssuesCache: next };
+        });
+        set((state) => {
+          const next = new Map(state.wsProgressPhase);
+          next.delete(filePath);
+          return { wsProgressPhase: next };
+        });
+        const fileKey = `file:${filePath}`;
+        const pending = pendingRequests.get(fileKey);
+        if (pending) {
+          pending.resolve(issues);
+          pendingRequests.delete(fileKey);
+        }
+        for (const [key, req] of pendingRequests.entries()) {
+          if (key.startsWith(`element:${filePath}:`)) {
+            const dataLoc = key.split(":").slice(2).join(":");
+            const filtered = issues.filter((i) => i.dataLoc === dataLoc);
+            req.resolve(filtered);
+            pendingRequests.delete(key);
+          }
+        }
+        break;
+      }
+      case "lint:progress": {
+        const { filePath, phase } = data;
+        set((state) => {
+          const next = new Map(state.wsProgressPhase);
+          next.set(filePath, phase);
+          return { wsProgressPhase: next };
+        });
+        break;
+      }
+      case "file:changed": {
+        const { filePath } = data;
+        set((state) => {
+          const next = new Map(state.eslintIssuesCache);
+          next.delete(filePath);
+          return { eslintIssuesCache: next };
+        });
+        break;
+      }
+    }
+  },
+  _reconnectWebSocket: () => {
+    const { wsUrl } = get();
+    get().connectWebSocket(wsUrl);
   }
 }));
 function useEffectiveLocatorTarget() {
@@ -796,10 +1005,10 @@ function UILintUI() {
   const [components, setComponents] = useState(null);
   useEffect(() => {
     Promise.all([
-      import("./UILintToolbar-RD6BT3LL.js"),
-      import("./InspectionPanel-MUUDJ2BK.js"),
-      import("./LocatorOverlay-XJH5TE2J.js"),
-      import("./ElementBadges-BSTXYVB7.js")
+      import("./UILintToolbar-PRX3LYZD.js"),
+      import("./InspectionPanel-AU4SJPQN.js"),
+      import("./LocatorOverlay-XCNSUM34.js"),
+      import("./ElementBadges-IQIPOHBN.js")
     ]).then(([toolbar, panel, locator, badges]) => {
       setComponents({
         Toolbar: toolbar.UILintToolbar,

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React$1 from 'react';
-import { GroupedSnapshot, Violation, DOMSnapshot, ExtractedStyles, AnalysisResult } from 'uilint-core';
+import { GroupedSnapshot, Violation, DOMSnapshot } from 'uilint-core';
 export { AnalysisResult, ConsistencyResult, DOMSnapshot, ElementRole, ElementSnapshot, ExtractedStyles, GroupedSnapshot, SerializedStyles, StyleGuide, StyleSnapshot, UILintIssue, Violation, ViolationCategory, ViolationSeverity, createEmptyStyleGuide, createStyleSummary, extractStylesFromDOM, generateStyleGuideFromStyles as generateStyleGuide, mergeStyleGuides, parseStyleGuide, serializeStyles } from 'uilint-core';
 
 /**
@@ -69,12 +69,30 @@ interface ScanIssue {
     /** data-loc value to match to DOM element (format: path:line:column) */
     dataLoc?: string;
 }
+/**
+ * ESLint issue from WebSocket server (uilint serve)
+ */
+interface ESLintIssue {
+    /** Line number in source file */
+    line: number;
+    /** Column number */
+    column?: number;
+    /** Issue description */
+    message: string;
+    /** ESLint rule ID (e.g., "uilint/semantic", "uilint/no-arbitrary-tailwind") */
+    ruleId?: string;
+    /** data-loc value to match to DOM element */
+    dataLoc?: string;
+}
 /**
  * Cached issue data for a scanned element
  */
 interface ElementIssue {
     elementId: string;
+    /** LLM-based issues from styleguide analysis */
     issues: ScanIssue[];
+    /** ESLint rule violations from uilint-eslint */
+    eslintIssues?: ESLintIssue[];
     status: "pending" | "scanning" | "complete" | "error";
 }
 /**
@@ -363,9 +381,13 @@ declare function isNode(): boolean;
 
 /**
  * LLM client for browser environment
- * Uses uilint-core for prompts and wraps API calls
+ * Wraps API calls to the dev server analyze route (browser environment)
  */
-
+type UILintScanIssue = {
+    line?: number;
+    message: string;
+    dataLoc?: string;
+};
 interface LLMClientOptions {
     apiEndpoint?: string;
     model?: string;
@@ -378,13 +400,22 @@ declare class LLMClient {
     private model;
     constructor(options?: LLMClientOptions);
     /**
-     * Analyzes extracted styles and returns issues
-     */
-    analyze(styles: ExtractedStyles, styleGuide: string | null): Promise<AnalysisResult>;
-    /**
-     * Generates a style guide from detected styles
+     * Analyze a source file/snippet and return issues.
+     *
+     * NOTE: This matches the (simplified) `/api/.uilint/analyze` route which is
+     * now source-only (no styleSummary / styleguide generation).
      */
-    generateStyleGuide(styles: ExtractedStyles): Promise<string | null>;
+    analyzeSource(input: {
+        sourceCode: string;
+        filePath?: string;
+        styleGuide?: string | null;
+        componentName?: string;
+        componentLine?: number;
+        includeChildren?: boolean;
+        dataLocs?: string[];
+    }): Promise<{
+        issues: UILintScanIssue[];
+    }>;
 }
 
 export { type CachedSource, type ComponentInfo, ConsistencyHighlighter, DATA_UILINT_ID, DEFAULT_SETTINGS, FILE_COLORS, type InspectedElement, InspectionPanel, LLMClient, LocatorOverlay, type LocatorTarget, type ScannedElement, type SourceApiResponse, type SourceFile, type SourceLocation, type UILintContextValue, UILintProvider, type UILintProviderProps, type UILintSettings, UILintToolbar, buildEditorUrl, cleanupDataAttributes, cleanupDataElements, clearSourceCache, createSnapshot, fetchSource, fetchSourceWithContext, getCachedSource, getComponentStack, getDebugOwner, getDebugSource, getDisplayName, getElementById, getElementBySnapshotId, getFiberFromElement, groupBySourceFile, isBrowser, isJSDOM, isNode, isNodeModulesPath, prefetchSources, scanDOM, scanDOMForSources, updateElementRects, useUILintContext };

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   UILintToolbar
-} from "./chunk-GLJBGFZK.js";
+} from "./chunk-K7SUEWNV.js";
 import {
   InspectionPanel,
   clearSourceCache,
@@ -9,10 +9,10 @@ import {
   fetchSourceWithContext,
   getCachedSource,
   prefetchSources
-} from "./chunk-XAAIRXB4.js";
+} from "./chunk-NY7Q5DSG.js";
 import {
   LocatorOverlay
-} from "./chunk-OV5BPTNA.js";
+} from "./chunk-VBU72FKU.js";
 import {
   DATA_UILINT_ID,
   DEFAULT_SETTINGS,
@@ -31,7 +31,7 @@ import {
   scanDOMForSources,
   updateElementRects,
   useUILintContext
-} from "./chunk-M3H56XIZ.js";
+} from "./chunk-Y44J7QO6.js";
 
 // src/consistency/snapshot.ts
 var DATA_ELEMENTS_ATTR = "data-elements";
@@ -439,16 +439,11 @@ function isNode() {
 import {
   extractStylesFromDOM as extractStylesFromDOM2,
   serializeStyles as serializeStyles2,
-  createStyleSummary as createStyleSummary3
+  createStyleSummary as createStyleSummary2
 } from "uilint-core";
 
 // src/analyzer/llm-client.ts
-import {
-  createStyleSummary as createStyleSummary2,
-  buildAnalysisPrompt,
-  buildStyleGuidePrompt,
-  UILINT_DEFAULT_OLLAMA_MODEL
-} from "uilint-core";
+import { UILINT_DEFAULT_OLLAMA_MODEL } from "uilint-core";
 var DEFAULT_API_ENDPOINT = "/api/.uilint/analyze";
 var LLMClient = class {
   apiEndpoint;
@@ -458,18 +453,24 @@ var LLMClient = class {
     this.model = options.model || UILINT_DEFAULT_OLLAMA_MODEL;
   }
   /**
-   * Analyzes extracted styles and returns issues
+   * Analyze a source file/snippet and return issues.
+   *
+   * NOTE: This matches the (simplified) `/api/.uilint/analyze` route which is
+   * now source-only (no styleSummary / styleguide generation).
    */
-  async analyze(styles, styleGuide) {
-    const startTime = Date.now();
-    const styleSummary = createStyleSummary2(styles);
+  async analyzeSource(input) {
     try {
       const response = await fetch(this.apiEndpoint, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
-          styleSummary,
-          styleGuide,
+          sourceCode: input.sourceCode,
+          filePath: input.filePath,
+          styleGuide: input.styleGuide ?? void 0,
+          componentName: input.componentName,
+          componentLine: input.componentLine,
+          includeChildren: input.includeChildren,
+          dataLocs: input.dataLocs,
           model: this.model
         })
       });
@@ -477,42 +478,10 @@ var LLMClient = class {
         throw new Error(`API request failed: ${response.status}`);
       }
       const data = await response.json();
-      return {
-        issues: data.issues || [],
-        suggestedStyleGuide: data.suggestedStyleGuide,
-        analysisTime: Date.now() - startTime
-      };
+      return { issues: data.issues || [] };
     } catch (error) {
       console.error("[UILint] Analysis failed:", error);
-      return {
-        issues: [],
-        analysisTime: Date.now() - startTime
-      };
-    }
-  }
-  /**
-   * Generates a style guide from detected styles
-   */
-  async generateStyleGuide(styles) {
-    const styleSummary = createStyleSummary2(styles);
-    try {
-      const response = await fetch(this.apiEndpoint, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          styleSummary,
-          generateGuide: true,
-          model: this.model
-        })
-      });
-      if (!response.ok) {
-        throw new Error(`API request failed: ${response.status}`);
-      }
-      const data = await response.json();
-      return data.styleGuide || null;
-    } catch (error) {
-      console.error("[UILint] Style guide generation failed:", error);
-      return null;
+      return { issues: [] };
     }
   }
 };
@@ -537,7 +506,7 @@ export {
   clearSourceCache,
   createEmptyStyleGuide,
   createSnapshot,
-  createStyleSummary3 as createStyleSummary,
+  createStyleSummary2 as createStyleSummary,
   extractStylesFromDOM2 as extractStylesFromDOM,
   fetchSource,
   fetchSourceWithContext,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uilint-react",
-  "version": "0.1.31",
+  "version": "0.1.32",
   "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.31",
+    "uilint-core": "^0.1.32",
     "zustand": "^5.0.5"
   },
   "peerDependencies": {