next-ai-editor 0.2.3 → 0.2.4

package/dist/{comments-BcCC35iA.js → comments-BYFEhf6K.js}

@@ -1,13 +1,11 @@
 import { NextResponse } from "next/server";
 import fs, { readFile, writeFile, mkdir } from "fs/promises";
-import { ChatAnthropic } from "@langchain/anthropic";
-import { SystemMessage, HumanMessage } from "@langchain/core/messages";
 import path, { join } from "path";
+import { SourceMapConsumer } from "@jridgewell/source-map";
+import { c as cleanPath, s as shouldSkipPath, n as normalizeSourcePath } from "./path-utils-Bai2xKx9.js";
 import * as parser from "@babel/parser";
 import traverse from "@babel/traverse";
 import * as t from "@babel/types";
-import { SourceMapConsumer } from "@jridgewell/source-map";
-import { c as cleanPath, s as shouldSkipPath, n as normalizeSourcePath } from "./path-utils-Bai2xKx9.js";
 import crypto from "crypto";
 import { unstable_v2_resumeSession, unstable_v2_createSession } from "@anthropic-ai/claude-agent-sdk";
 import { existsSync } from "fs";
@@ -50,913 +48,609 @@ async function fileExists$1(filePath) {
     return false;
   }
 }
-function parseFile(content) {
-  try {
-    return parser.parse(content, {
-      sourceType: "module",
-      plugins: [
-        "jsx",
-        "typescript",
-        "decorators-legacy",
-        "classProperties",
-        "optionalChaining",
-        "nullishCoalescingOperator"
-      ]
-    });
-  } catch (e) {
-    console.error("Parse error:", e);
-    return null;
-  }
-}
-function extractComponentName(ast) {
-  let componentName = null;
-  traverse(ast, {
-    ExportDefaultDeclaration(path2) {
-      var _a;
-      if (t.isFunctionDeclaration(path2.node.declaration)) {
-        componentName = ((_a = path2.node.declaration.id) == null ? void 0 : _a.name) || null;
-      } else if (t.isArrowFunctionExpression(path2.node.declaration)) {
-        componentName = "default";
-      } else if (t.isIdentifier(path2.node.declaration)) {
-        componentName = path2.node.declaration.name;
+function parseDebugStack(stack) {
+  if (!stack) return null;
+  const stackStr = typeof stack === "string" ? stack : stack.stack || String(stack);
+  const frames = stackStr.split("\n");
+  const skipPatterns = [
+    "node_modules",
+    "SegmentViewNode",
+    "LayoutRouter",
+    "ErrorBoundary",
+    "fakeJSXCallSite"
+  ];
+  for (const frame of frames) {
+    if (skipPatterns.some((p) => frame.includes(p))) continue;
+    const match = frame.match(/at\s+(\w+)\s+\((.+?):(\d+):(\d+)\)?$/);
+    if (match) {
+      let filePath = match[2];
+      const line = parseInt(match[3], 10);
+      const column = parseInt(match[4], 10);
+      let chunkId;
+      const chunkMatch = filePath.match(/\?([^:]+)$/);
+      if (chunkMatch) {
+        chunkId = chunkMatch[1];
+        filePath = filePath.replace(/\?[^:]*$/, "");
       }
-    },
-    ExportNamedDeclaration(path2) {
-      var _a;
-      if (t.isFunctionDeclaration(path2.node.declaration)) {
-        componentName = ((_a = path2.node.declaration.id) == null ? void 0 : _a.name) || null;
-      } else if (t.isVariableDeclaration(path2.node.declaration)) {
-        const declarator = path2.node.declaration.declarations[0];
-        if (t.isIdentifier(declarator.id)) {
-          componentName = declarator.id.name;
-        }
-      } else if (path2.node.specifiers && path2.node.specifiers.length > 0) {
-        const specifier = path2.node.specifiers[0];
-        if (t.isExportSpecifier(specifier) && t.isIdentifier(specifier.exported)) {
-          componentName = specifier.exported.name;
-        }
+      filePath = cleanPath(filePath);
+      if (!shouldSkipPath(filePath)) {
+        console.log("parseDebugStack extracted:", { filePath, line, column });
+        return { filePath, line, column, chunkId };
       }
     }
-  });
-  return componentName;
+  }
+  console.log(
+    "parseDebugStack: no valid frame found in stack:",
+    stackStr.substring(0, 200)
+  );
+  return null;
 }
-function validateGeneratedCode(newCode, originalCode, fileContent) {
-  try {
-    const isFullComponent = /^(export\s+)?(default\s+)?function\s+\w+/.test(newCode.trim()) || /^(export\s+)?(default\s+)?const\s+\w+\s*=/.test(newCode.trim());
-    if (isFullComponent) {
-      let codeToValidate = newCode;
-      if (fileContent) {
-        const interfaceMatches = fileContent.match(
-          /^(interface|type)\s+\w+[^}]*\}/gm
-        );
-        if (interfaceMatches) {
-          codeToValidate = interfaceMatches.join("\n\n") + "\n\n" + newCode;
-        }
+function extractComponentNameFromStack(stack) {
+  if (!stack) return null;
+  const stackStr = typeof stack === "string" ? stack : stack.stack || String(stack);
+  const frames = stackStr.split("\n");
+  const skipPatterns = [
+    "node_modules",
+    "SegmentViewNode",
+    "LayoutRouter",
+    "ErrorBoundary",
+    "fakeJSXCallSite",
+    "react_stack_bottom_frame"
+  ];
+  for (const frame of frames) {
+    if (skipPatterns.some((p) => frame.includes(p))) continue;
+    const match = frame.match(/at\s+(\w+)\s+\(/);
+    if (match && match[1]) {
+      const componentName = match[1];
+      if (componentName !== "Object" && componentName !== "anonymous") {
+        return componentName;
       }
-      parser.parse(codeToValidate, {
-        sourceType: "module",
-        plugins: ["jsx", "typescript"]
-      });
-    } else {
-      const wrapped = `function _() { return (${newCode}); }`;
-      parser.parse(wrapped, {
-        sourceType: "module",
-        plugins: ["jsx", "typescript"]
-      });
     }
-  } catch (e) {
-    console.error("Generated code parse error:", e);
-    return false;
-  }
-  const origBraces = (originalCode.match(/[{}]/g) || []).length;
-  const newBraces = (newCode.match(/[{}]/g) || []).length;
-  const origTags = (originalCode.match(/[<>]/g) || []).length;
-  const newTags = (newCode.match(/[<>]/g) || []).length;
-  if (Math.abs(origBraces - newBraces) > 4 || Math.abs(origTags - newTags) > 4) {
-    console.warn(
-      `Structure changed significantly: braces ${origBraces}->${newBraces}, tags ${origTags}->${newTags}`
-    );
   }
-  return true;
+  return null;
 }
-function findTargetElement(ast, fileContent, options) {
-  const { componentName, lineNumber, elementContext } = options;
-  let componentNode = null;
-  let componentStart = 0;
-  let componentEnd = Infinity;
-  let fallbackExportDefault = null;
-  traverse(ast, {
-    FunctionDeclaration(path2) {
-      var _a, _b, _c;
-      if (((_a = path2.node.id) == null ? void 0 : _a.name) === componentName) {
-        componentNode = path2.node;
-        componentStart = ((_b = path2.node.loc) == null ? void 0 : _b.start.line) || 0;
-        componentEnd = ((_c = path2.node.loc) == null ? void 0 : _c.end.line) || Infinity;
+function parseDebugStackFrames(stack) {
+  if (!stack) return [];
+  const stackStr = typeof stack === "string" ? stack : stack.stack || String(stack);
+  const frames = stackStr.split("\n");
+  const skipPatterns = [
+    "node_modules",
+    "SegmentViewNode",
+    "LayoutRouter",
+    "ErrorBoundary",
+    "fakeJSXCallSite",
+    "react_stack_bottom_frame"
+  ];
+  const positions = [];
+  for (const frame of frames) {
+    if (skipPatterns.some((p) => frame.includes(p))) continue;
+    const match = frame.match(/at\s+(\w+)\s+\((.+?):(\d+):(\d+)\)?$/);
+    if (match) {
+      match[1];
+      let filePath = match[2];
+      const line = parseInt(match[3], 10);
+      const column = parseInt(match[4], 10);
+      let chunkId;
+      const chunkMatch = filePath.match(/\?([^:]+)$/);
+      if (chunkMatch) {
+        chunkId = chunkMatch[1];
+        filePath = filePath.replace(/\?[^:]*$/, "");
       }
-    },
-    VariableDeclarator(path2) {
-      var _a, _b;
-      if (t.isIdentifier(path2.node.id) && path2.node.id.name === componentName) {
-        componentNode = path2.node;
-        const parent = path2.parentPath.parent;
-        componentStart = ((_a = parent == null ? void 0 : parent.loc) == null ? void 0 : _a.start.line) || 0;
-        componentEnd = ((_b = parent == null ? void 0 : parent.loc) == null ? void 0 : _b.end.line) || Infinity;
+      filePath = cleanPath(filePath);
+      if (!shouldSkipPath(filePath)) {
+        positions.push({ filePath, line, column, chunkId });
+        if (positions.length >= 2) break;
       }
-    },
-    ExportDefaultDeclaration(path2) {
-      var _a, _b, _c, _d, _e;
-      if (t.isFunctionDeclaration(path2.node.declaration)) {
-        const funcName = (_a = path2.node.declaration.id) == null ? void 0 : _a.name;
-        if (funcName === componentName || !funcName) {
-          componentNode = path2.node;
-          componentStart = ((_b = path2.node.loc) == null ? void 0 : _b.start.line) || 0;
-          componentEnd = ((_c = path2.node.loc) == null ? void 0 : _c.end.line) || Infinity;
-        } else if (!componentNode) {
-          fallbackExportDefault = {
-            node: path2.node,
-            start: ((_d = path2.node.loc) == null ? void 0 : _d.start.line) || 0,
-            end: ((_e = path2.node.loc) == null ? void 0 : _e.end.line) || Infinity
-          };
+    }
+  }
+  console.log(`parseDebugStackFrames extracted ${positions.length} frames:`, positions);
+  return positions;
+}
+async function resolveOriginalPosition(compiledPos, projectRoot) {
+  try {
+    console.log("resolveOriginalPosition called with:", compiledPos);
+    let compiledFilePath = compiledPos.filePath;
+    compiledFilePath = cleanPath(compiledFilePath);
+    console.log("After cleanPath:", compiledFilePath);
+    if (compiledFilePath.startsWith("http://") || compiledFilePath.startsWith("https://")) {
+      const url = new URL(compiledFilePath);
+      const pathname = url.pathname;
+      if (pathname.startsWith("/_next/")) {
+        const relativePath = pathname.substring("/_next/".length);
+        compiledFilePath = path.join(projectRoot, ".next", "dev", relativePath);
+      } else {
+        console.warn("Unexpected HTTP URL path:", pathname);
+        return null;
+      }
+    } else if (!path.isAbsolute(compiledFilePath)) {
+      if (compiledFilePath.startsWith(".next/")) {
+        compiledFilePath = path.resolve(projectRoot, compiledFilePath);
+      } else {
+        const resolved = path.resolve(projectRoot, compiledFilePath);
+        if (await fileExists(resolved)) {
+          compiledFilePath = resolved;
+        } else {
+          const possiblePaths = [
+            path.join(projectRoot, ".next", "dev", compiledFilePath),
+            path.join(projectRoot, compiledFilePath)
+          ];
+          for (const tryPath of possiblePaths) {
+            if (await fileExists(tryPath)) {
+              compiledFilePath = tryPath;
+              break;
+            }
+          }
         }
       }
+    } else {
+      compiledFilePath = path.normalize(compiledFilePath);
     }
-  });
-  if (!componentNode && fallbackExportDefault !== null) {
-    const fallback = fallbackExportDefault;
+    console.log("Normalized compiled file path:", compiledFilePath);
+    const compiledExists = await fileExists(compiledFilePath);
     console.log(
-      `⚠️  Component "${componentName}" not found, using export default function as fallback`
+      "Compiled file exists:",
+      compiledExists,
+      "at:",
+      compiledFilePath
     );
-    componentNode = fallback.node;
-    componentStart = fallback.start;
-    componentEnd = fallback.end;
-  }
-  const allElementsByTag = /* @__PURE__ */ new Map();
-  const elementsAtLine = [];
-  traverse(ast, {
-    JSXElement(path2) {
-      const loc = path2.node.loc;
-      if (!loc) return;
-      const startLine = loc.start.line;
-      const endLine = loc.end.line;
-      if (startLine < componentStart || endLine > componentEnd) return;
-      const opening = path2.node.openingElement;
-      if (t.isJSXIdentifier(opening.name)) {
-        const tagName = opening.name.name;
-        if (!allElementsByTag.has(tagName)) {
-          allElementsByTag.set(tagName, []);
+    if (!compiledExists) {
+      console.error(
+        `Compiled file not found: ${compiledFilePath} (from parsed: ${compiledPos.filePath})`
+      );
+    }
+    const sourceMapPath = compiledFilePath + ".map";
+    console.log("Looking for source map at:", sourceMapPath);
+    const sourceMapExists = await fileExists(sourceMapPath);
+    console.log("Source map exists:", sourceMapExists);
+    if (!sourceMapExists) {
+      console.error(
+        `Source map not found: ${sourceMapPath} (from compiled: ${compiledPos.filePath}, normalized: ${compiledFilePath})`
+      );
+      const altPaths = [
+        compiledFilePath.replace(/\.js$/, ".map"),
+        path.join(
+          path.dirname(compiledFilePath),
+          path.basename(compiledFilePath) + ".map"
+        )
+      ];
+      console.log("Trying alternative paths:", altPaths);
+      for (const altPath of altPaths) {
+        if (await fileExists(altPath)) {
+          console.log("Found source map at alternative path:", altPath);
+          return await resolveFromSourceMap(altPath, compiledPos, projectRoot);
         }
-        allElementsByTag.get(tagName).push({ node: path2.node, startLine, endLine, score: 0 });
-      }
-      if (startLine === lineNumber) {
-        elementsAtLine.push({ node: path2.node, startLine, endLine, score: 0 });
       }
+      return null;
     }
-  });
-  if (elementsAtLine.length > 0) {
-    if (elementsAtLine.length === 1) {
-      const target = elementsAtLine[0];
-      return {
-        startLine: target.startLine,
-        endLine: target.endLine,
-        componentStart,
-        componentEnd
-      };
+    return await resolveFromSourceMap(sourceMapPath, compiledPos, projectRoot);
+  } catch (error) {
+    console.error("Error resolving source map:", error);
+    return null;
+  }
+}
+async function resolveFromSourceMap(sourceMapPath, compiledPos, projectRoot) {
+  try {
+    const sourceMapContent = await fs.readFile(sourceMapPath, "utf-8");
+    const sourceMap = JSON.parse(sourceMapContent);
+    if ((!sourceMap.sources || sourceMap.sources.length === 0) && (!sourceMap.sections || sourceMap.sections.length === 0)) {
+      console.warn(
+        "Empty source map detected, cannot resolve position:",
+        sourceMapPath
+      );
+      return null;
     }
-    if (elementContext) {
-      for (const elem of elementsAtLine) {
-        if (t.isJSXElement(elem.node)) {
-          const score = scoreElementMatch(elem.node, elementContext, fileContent);
-          elem.score = score;
+    if (sourceMap.sections) {
+      let matchingSection = null;
+      for (let i = sourceMap.sections.length - 1; i >= 0; i--) {
+        const section = sourceMap.sections[i];
+        const offset = section.offset;
+        const sectionStartLine1Indexed = offset.line + 1;
+        if (compiledPos.line > sectionStartLine1Indexed || compiledPos.line === sectionStartLine1Indexed && compiledPos.column >= offset.column) {
+          matchingSection = section;
+          break;
         }
       }
-      elementsAtLine.sort((a, b) => b.score - a.score);
-      if (elementsAtLine[0].score > 0) {
-        return {
-          startLine: elementsAtLine[0].startLine,
-          endLine: elementsAtLine[0].endLine,
-          componentStart,
-          componentEnd
-        };
-      }
-    }
-    return {
-      startLine: elementsAtLine[0].startLine,
-      endLine: elementsAtLine[0].endLine,
-      componentStart,
-      componentEnd
-    };
-  }
-  if (elementContext == null ? void 0 : elementContext.tagName) {
-    const allOfTag = allElementsByTag.get(elementContext.tagName);
-    if (allOfTag && allOfTag.length > 0) {
-      if (elementContext.textContent || elementContext.className) {
-        for (const elem of allOfTag) {
-          if (t.isJSXElement(elem.node)) {
-            elem.score = scoreElementMatch(elem.node, elementContext, fileContent);
-          }
+      if (matchingSection && matchingSection.map) {
+        const sectionMap = matchingSection.map;
+        const offset = matchingSection.offset;
+        let consumer2;
+        try {
+          consumer2 = await new SourceMapConsumer(sectionMap);
+        } catch (error) {
+          console.error("Error creating SourceMapConsumer:", error);
+          return null;
         }
-        allOfTag.sort((a, b) => b.score - a.score);
-        if (allOfTag[0].score > 50) {
-          return {
-            startLine: allOfTag[0].startLine,
-            endLine: allOfTag[0].endLine,
-            componentStart,
-            componentEnd
-          };
+        try {
+          const adjustedLine = compiledPos.line - offset.line;
+          const adjustedColumn = compiledPos.line === offset.line + 1 ? compiledPos.column - offset.column : compiledPos.column;
+          const originalPos = consumer2.originalPositionFor({
+            line: adjustedLine,
+            column: adjustedColumn
+          });
+          if (originalPos.source && originalPos.line !== null) {
+            const source = normalizeSourcePath(
+              originalPos.source || "",
+              projectRoot
+            );
+            return {
+              source,
+              line: originalPos.line,
+              column: originalPos.column ?? 0
+            };
+          }
+        } finally {
+          consumer2.destroy();
         }
       }
-      if (elementContext.nthOfType && allOfTag.length >= elementContext.nthOfType) {
-        const target = allOfTag[elementContext.nthOfType - 1];
+      return null;
+    }
+    const consumer = await new SourceMapConsumer(sourceMap);
+    try {
+      const originalPos = consumer.originalPositionFor({
+        line: compiledPos.line,
+        column: compiledPos.column
+      });
+      if (originalPos.source && originalPos.line !== null) {
+        const source = normalizeSourcePath(
+          originalPos.source || "",
+          projectRoot
+        );
         return {
-          startLine: target.startLine,
-          endLine: target.endLine,
-          componentStart,
-          componentEnd
+          source,
+          line: originalPos.line,
+          column: originalPos.column ?? 0
         };
       }
+    } finally {
+      consumer.destroy();
     }
+    return null;
+  } catch (error) {
+    console.error("Error resolving source map:", error);
+    return null;
   }
-  const nearbyElements = [];
+}
+async function fileExists(filePath) {
+  try {
+    await fs.access(filePath);
+    return true;
+  } catch {
+    return false;
+  }
+}
+async function getOriginalPositionFromDebugStack(debugStack, projectRoot) {
+  const compiledPos = parseDebugStack(debugStack);
+  if (!compiledPos) return null;
+  return await resolveOriginalPosition(compiledPos, projectRoot);
+}
+function parseFile(content) {
+  try {
+    return parser.parse(content, {
+      sourceType: "module",
+      plugins: [
+        "jsx",
+        "typescript",
+        "decorators-legacy",
+        "classProperties",
+        "optionalChaining",
+        "nullishCoalescingOperator"
+      ]
+    });
+  } catch (e) {
+    console.error("Parse error:", e);
+    return null;
+  }
+}
+function extractComponentName(ast) {
+  let componentName = null;
   traverse(ast, {
-    JSXElement(path2) {
-      const loc = path2.node.loc;
-      if (!loc) return;
-      const startLine = loc.start.line;
-      const endLine = loc.end.line;
-      if (startLine < componentStart || endLine > componentEnd) return;
-      if (Math.abs(startLine - lineNumber) <= 5) {
-        const score = elementContext ? scoreElementMatch(path2.node, elementContext, fileContent) : 100 - Math.abs(startLine - lineNumber);
-        nearbyElements.push({ node: path2.node, startLine, endLine, score });
+    ExportDefaultDeclaration(path2) {
+      var _a;
+      if (t.isFunctionDeclaration(path2.node.declaration)) {
+        componentName = ((_a = path2.node.declaration.id) == null ? void 0 : _a.name) || null;
+      } else if (t.isArrowFunctionExpression(path2.node.declaration)) {
+        componentName = "default";
+      } else if (t.isIdentifier(path2.node.declaration)) {
+        componentName = path2.node.declaration.name;
+      }
+    },
+    ExportNamedDeclaration(path2) {
+      var _a;
+      if (t.isFunctionDeclaration(path2.node.declaration)) {
+        componentName = ((_a = path2.node.declaration.id) == null ? void 0 : _a.name) || null;
+      } else if (t.isVariableDeclaration(path2.node.declaration)) {
+        const declarator = path2.node.declaration.declarations[0];
+        if (t.isIdentifier(declarator.id)) {
+          componentName = declarator.id.name;
+        }
+      } else if (path2.node.specifiers && path2.node.specifiers.length > 0) {
+        const specifier = path2.node.specifiers[0];
+        if (t.isExportSpecifier(specifier) && t.isIdentifier(specifier.exported)) {
+          componentName = specifier.exported.name;
+        }
       }
     }
   });
-  if (nearbyElements.length > 0) {
-    nearbyElements.sort((a, b) => b.score - a.score);
-    return {
-      startLine: nearbyElements[0].startLine,
-      endLine: nearbyElements[0].endLine,
-      componentStart,
-      componentEnd
-    };
-  }
-  if (componentNode && componentStart > 0) {
-    return {
-      startLine: componentStart,
-      endLine: componentEnd,
-      componentStart,
-      componentEnd
-    };
-  }
-  return null;
-}
-function scoreElementMatch(node, context, fileContent) {
-  let score = 0;
-  const opening = node.openingElement;
-  if (t.isJSXIdentifier(opening.name)) {
-    if (opening.name.name === context.tagName) {
-      score += 50;
-    } else {
-      return 0;
-    }
-  } else if (t.isJSXMemberExpression(opening.name)) {
-    const fullName = getJSXMemberName(opening.name);
-    if (fullName === context.tagName || fullName.endsWith(`.${context.tagName}`)) {
-      score += 50;
-    } else {
-      return 0;
-    }
-  }
-  if (context.className) {
-    const classAttr = opening.attributes.find(
-      (attr) => t.isJSXAttribute(attr) && t.isJSXIdentifier(attr.name) && attr.name.name === "className"
-    );
-    if (classAttr && t.isJSXAttribute(classAttr)) {
-      const classValue = getAttributeValue(classAttr);
-      if (classValue && context.className.split(/\s+/).some((c) => classValue.includes(c))) {
-        score += 20;
-      }
-    }
-  }
-  if (context.textContent && node.loc) {
-    const elementCode = fileContent.split("\n").slice(node.loc.start.line - 1, node.loc.end.line).join("\n");
-    const normalizedContent = context.textContent.toLowerCase().trim();
-    const normalizedElement = elementCode.toLowerCase();
-    if (normalizedElement.includes(normalizedContent)) {
-      score += 30;
-    }
-  }
-  if (context.props) {
-    for (const [key, value] of Object.entries(context.props)) {
-      if (key.startsWith("_")) continue;
-      const attr = opening.attributes.find(
-        (a) => t.isJSXAttribute(a) && t.isJSXIdentifier(a.name) && a.name.name === key
-      );
-      if (attr) {
-        score += 5;
-        if (typeof value === "string" && t.isJSXAttribute(attr)) {
-          const attrValue = getAttributeValue(attr);
-          if (attrValue === value) score += 10;
-        }
-      }
-    }
-  }
-  return score;
-}
-function getJSXMemberName(node) {
-  if (t.isJSXIdentifier(node.object)) {
-    return `${node.object.name}.${node.property.name}`;
-  }
-  if (t.isJSXMemberExpression(node.object)) {
-    return `${getJSXMemberName(node.object)}.${node.property.name}`;
-  }
-  return node.property.name;
-}
-function getAttributeValue(attr) {
-  if (!attr.value) return null;
-  if (t.isStringLiteral(attr.value)) return attr.value.value;
-  if (t.isJSXExpressionContainer(attr.value) && t.isStringLiteral(attr.value.expression)) {
-    return attr.value.expression.value;
-  }
-  return null;
+  return componentName;
 }
-async function handleEdit(req) {
-  var _a;
-  const devModeError = validateDevMode();
-  if (devModeError) return devModeError;
+function validateGeneratedCode(newCode, originalCode, fileContent) {
   try {
-    const body = await req.json();
-    const {
-      filePath,
-      lineNumber,
-      componentName,
-      suggestion,
-      elementContext,
-      editHistory,
-      parentInstance
-    } = body;
-    const projectRoot = process.cwd();
-    const normalizedPath = normalizePath(filePath);
-    const absolutePath = await resolveFilePath(projectRoot, normalizedPath);
-    if (!absolutePath) {
-      return NextResponse.json(
-        { success: false, error: `File not found: ${normalizedPath}` },
-        { status: 404 }
-      );
-    }
-    const fileContent = await fs.readFile(absolutePath, "utf-8");
-    const ast = parseFile(fileContent);
-    if (!ast) {
-      return NextResponse.json(
-        { success: false, error: "Failed to parse file" },
-        { status: 400 }
-      );
-    }
-    const target = findTargetElement(ast, fileContent, {
-      componentName,
-      lineNumber,
-      elementContext
-    });
-    if (!target) {
-      return NextResponse.json(
-        { success: false, error: "Could not locate target element" },
-        { status: 400 }
-      );
-    }
-    const lines = fileContent.split("\n");
-    const targetCode = lines.slice(target.startLine - 1, target.endLine).join("\n");
-    const baseIndentation = ((_a = lines[target.startLine - 1].match(/^(\s*)/)) == null ? void 0 : _a[1]) || "";
-    if (target.componentStart <= 0 || target.componentEnd === Infinity) {
-      return NextResponse.json({
-        success: false,
-        error: `Could not determine component bounds. Component: ${target.componentStart}-${target.componentEnd}`
-      });
-    }
-    const componentLines = lines.slice(
-      target.componentStart - 1,
-      target.componentEnd
-    );
-    const annotatedLines = componentLines.map((line, idx) => {
-      const lineNum = target.componentStart + idx;
-      const isTargetStart = lineNum === target.startLine;
-      const isTargetEnd = lineNum === target.endLine;
-      const isWithinTarget = lineNum >= target.startLine && lineNum <= target.endLine;
-      let annotation = "";
-      if (isTargetStart && isTargetEnd) {
-        annotation = " // ← CLICKED ELEMENT (single line)";
-      } else if (isTargetStart) {
-        annotation = " // ← CLICKED ELEMENT STARTS";
-      } else if (isTargetEnd) {
-        annotation = " // ← CLICKED ELEMENT ENDS";
-      } else if (isWithinTarget) {
-        annotation = " // ← (clicked element)";
-      }
-      return line + annotation;
-    });
-    const fullComponentCode = annotatedLines.join("\n");
-    const newCode = await generateEdit({
-      targetCode,
-      fullComponentCode,
-      suggestion,
-      elementContext,
-      baseIndentation,
-      targetLine: target.startLine,
-      targetEndLine: target.endLine,
-      componentStart: target.componentStart,
-      componentEnd: target.componentEnd,
-      editHistory: editHistory || [],
-      parentInstance
-    });
-    if (!newCode) {
-      return NextResponse.json({
-        success: false,
-        error: "AI failed to generate valid edit"
-      });
-    }
-    const parentInstanceMatch = newCode.match(/\/\/ EDIT_PARENT_INSTANCE\s*\n([\s\S]+)/);
-    if (parentInstanceMatch && parentInstance) {
-      const parentCode = parentInstanceMatch[1].trim();
-      const parentNormalizedPath = normalizePath(parentInstance.filePath);
-      const parentAbsolutePath = await resolveFilePath(projectRoot, parentNormalizedPath);
-      if (!parentAbsolutePath) {
-        return NextResponse.json({
-          success: false,
-          error: `Parent file not found: ${parentNormalizedPath}`
-        });
+    const isFullComponent = /^(export\s+)?(default\s+)?function\s+\w+/.test(newCode.trim()) || /^(export\s+)?(default\s+)?const\s+\w+\s*=/.test(newCode.trim());
+    if (isFullComponent) {
+      let codeToValidate = newCode;
+      if (fileContent) {
+        const interfaceMatches = fileContent.match(
+          /^(interface|type)\s+\w+[^}]*\}/gm
+        );
+        if (interfaceMatches) {
+          codeToValidate = interfaceMatches.join("\n\n") + "\n\n" + newCode;
+        }
       }
-      const parentFileContent = await fs.readFile(parentAbsolutePath, "utf-8");
-      const parentLines = parentFileContent.split("\n");
-      const newParentLines = [...parentLines];
-      newParentLines.splice(
-        parentInstance.lineStart - 1,
-        parentInstance.lineEnd - parentInstance.lineStart + 1,
-        ...parentCode.split("\n")
-      );
-      await fs.writeFile(parentAbsolutePath, newParentLines.join("\n"), "utf-8");
-      return NextResponse.json({
-        success: true,
-        fileSnapshot: parentFileContent,
-        generatedCode: parentCode,
-        modifiedLines: {
-          start: parentInstance.lineStart,
-          end: parentInstance.lineEnd
-        },
-        editedFile: parentInstance.filePath
-        // Indicate which file was edited
+      parser.parse(codeToValidate, {
+        sourceType: "module",
+        plugins: ["jsx", "typescript"]
       });
-    }
-    const fullComponentMatch = newCode.match(/\/\/ FULL_COMPONENT\s*\n([\s\S]+)/);
-    let codeToApply = newCode;
-    let startLineToReplace = target.startLine;
-    let endLineToReplace = target.endLine;
-    const isFullComponentDeclaration = /^(export\s+)?(default\s+)?function\s+\w+/.test(newCode.trim()) || /^(export\s+)?const\s+\w+\s*=/.test(newCode.trim());
-    if (fullComponentMatch) {
-      codeToApply = fullComponentMatch[1].trim();
-      startLineToReplace = target.componentStart;
-      endLineToReplace = target.componentEnd;
-    } else if (isFullComponentDeclaration && target.startLine !== target.componentStart) {
-      codeToApply = newCode;
-      startLineToReplace = target.componentStart;
-      endLineToReplace = target.componentEnd;
-    }
-    if (!validateGeneratedCode(codeToApply, targetCode, fileContent)) {
-      return NextResponse.json({
-        success: false,
-        error: "Generated code is invalid"
+    } else {
+      const wrapped = `function _() { return (${newCode}); }`;
+      parser.parse(wrapped, {
+        sourceType: "module",
+        plugins: ["jsx", "typescript"]
       });
     }
-    const newLines = [...lines];
-    newLines.splice(
-      startLineToReplace - 1,
-      endLineToReplace - startLineToReplace + 1,
-      ...codeToApply.split("\n")
-    );
-    await fs.writeFile(absolutePath, newLines.join("\n"), "utf-8");
-    return NextResponse.json({
-      success: true,
-      fileSnapshot: fileContent,
-      // Original file content for undo
-      generatedCode: codeToApply,
-      // AI-generated code
-      modifiedLines: {
-        start: startLineToReplace,
-        end: endLineToReplace
-      },
-      editedFile: filePath
-      // Indicate which file was edited
-    });
-  } catch (error) {
-    return NextResponse.json(
-      { success: false, error: String(error) },
-      { status: 500 }
-    );
-  }
-}
-async function generateEdit(options) {
-  const {
-    fullComponentCode,
-    suggestion,
-    baseIndentation,
-    editHistory,
-    parentInstance
-  } = options;
-  const apiKey = process.env.ANTHROPIC_API_KEY;
-  if (!apiKey) throw new Error("ANTHROPIC_API_KEY not set");
-  const model = new ChatAnthropic({
-    apiKey,
-    modelName: "claude-sonnet-4-5-20250929",
-    maxTokens: 4096,
-    temperature: 0
-  });
-  const systemPrompt = `You are a precise code editor for React/JSX components.
-
-WHAT YOU'LL SEE:
-- Component Definition: Full code of the clicked component with line annotations
-  * The clicked element is marked with "// ← CLICKED ELEMENT STARTS" and "// ← CLICKED ELEMENT ENDS"
-  * These are just annotations - NOT part of the actual code
-${parentInstance ? `- Parent Instance: Where this component is used, with "// ← COMPONENT USAGE" marking the usage line` : ""}
-
-YOUR DECISION - Choose ONE approach based on the user's request:
-
-1. EDIT COMPONENT DEFINITION (most common):
-   - Modify styling, layout, or behavior that should apply to ALL instances
-   - Example requests: "make the button blue", "add padding", "change font size"
-   - Output: Just the modified element OR "// FULL_COMPONENT\\n" + complete modified component
-
-${parentInstance ? `2. EDIT PARENT INSTANCE (when user wants to modify THIS specific usage):
-   - Change props, text, or configuration for THIS specific instance only
-   - Example requests: "change this title to...", "remove this card", "add another button here"
-   - Output: "// EDIT_PARENT_INSTANCE\\n" + complete modified parent component` : ""}
-
-RULES:
-- Output ONLY code, no explanations
-- No markdown fences
-- Do NOT include annotation comments in your output
-- Preserve indentation
-- Make minimal changes`;
-  let userPrompt = "";
-  if (editHistory.length > 0) {
-    userPrompt += "Previous edits made to this element:\n";
-    editHistory.forEach((item, idx) => {
-      userPrompt += `${idx + 1}. ${item.suggestion} ${item.success ? "(✓ applied)" : "(✗ failed)"}
-`;
-    });
-    userPrompt += "\n";
-  }
-  userPrompt += `COMPONENT DEFINITION (clicked element is annotated):
-
-\`\`\`jsx
-${fullComponentCode}
-\`\`\`
-`;
-  if (parentInstance) {
-    const parentLines = parentInstance.content.split("\n");
-    const annotatedParentLines = parentLines.map((line, idx) => {
-      const lineNum = parentInstance.lineStart + idx;
-      const isUsageLine = lineNum >= parentInstance.usageLineStart && lineNum <= parentInstance.usageLineEnd;
-      return line + (isUsageLine ? " // ← COMPONENT USAGE" : "");
-    });
-    userPrompt += `
-PARENT INSTANCE (where component is used - in ${parentInstance.filePath}):
-
-\`\`\`jsx
-${annotatedParentLines.join("\n")}
-\`\`\`
-`;
-  }
-  userPrompt += `
-User request: "${suggestion}"
-${editHistory.length > 0 ? "(Build upon previous changes)" : ""}
-
-${parentInstance ? `Decide whether to:
-1. Edit the component definition (for changes that affect ALL instances)
-2. Edit the parent instance (for changes specific to THIS usage)
-
-Then output the appropriate code with the correct marker.` : `Modify the annotated element to fulfill this request. Remember: do NOT include the annotation comments in your output.`}`;
-  try {
-    const response = await model.invoke([
-      new SystemMessage(systemPrompt),
-      new HumanMessage(userPrompt)
-    ]);
-    let code = typeof response.content === "string" ? response.content : String(response.content);
-    code = cleanGeneratedCode(code, baseIndentation);
-    return code || null;
   } catch (e) {
-    return null;
-  }
-}
-function cleanGeneratedCode(code, baseIndentation) {
-  var _a, _b, _c;
-  const isParentEdit = code.trim().startsWith("// EDIT_PARENT_INSTANCE");
-  if (isParentEdit) {
-    const marker2 = "// EDIT_PARENT_INSTANCE\n";
-    code = code.replace(/^\/\/ EDIT_PARENT_INSTANCE\n?/, "");
-    code = code.replace(/^```[\w]*\n?/gm, "").replace(/\n?```$/gm, "").replace(/\s*\/\/ ← COMPONENT USAGE/g, "").trim();
-    return marker2 + code;
+    console.error("Generated code parse error:", e);
+    return false;
   }
-  const isFullComponent = code.trim().startsWith("// FULL_COMPONENT");
-  let marker = "";
-  if (isFullComponent) {
-    marker = "// FULL_COMPONENT\n";
-    code = code.replace(/^\/\/ FULL_COMPONENT\n?/, "");
+  const origBraces = (originalCode.match(/[{}]/g) || []).length;
+  const newBraces = (newCode.match(/[{}]/g) || []).length;
+  const origTags = (originalCode.match(/[<>]/g) || []).length;
+  const newTags = (newCode.match(/[<>]/g) || []).length;
+  if (Math.abs(origBraces - newBraces) > 4 || Math.abs(origTags - newTags) > 4) {
+    console.warn(
+      `Structure changed significantly: braces ${origBraces}->${newBraces}, tags ${origTags}->${newTags}`
+    );
   }
-  code = code.replace(/^```[\w]*\n?/gm, "").replace(/\n?```$/gm, "").trim();
-  code = code.replace(/^(Here'?s?|Here is|Modified|Output|Result)[:\s]*/i, "").replace(/\s*(Done|Complete|That'?s? it)\.?$/i, "").trim();
-  code = code.replace(/\s*\/\/ ← CLICKED ELEMENT STARTS/g, "").replace(/\s*\/\/ ← CLICKED ELEMENT ENDS/g, "").replace(/\s*\/\/ ← CLICKED ELEMENT \(single line\)/g, "").replace(/\s*\/\/ ← \(clicked element\)/g, "").trim();
-  if (!code) return "";
-  if (!isFullComponent) {
-    const lines = code.split("\n");
-    const firstLineIndent = ((_b = (_a = lines[0]) == null ? void 0 : _a.match(/^(\s*)/)) == null ? void 0 : _b[1]) || "";
-    const indentDiff = baseIndentation.length - firstLineIndent.length;
-    if (indentDiff !== 0) {
-      for (let i = 0; i < lines.length; i++) {
-        if (lines[i].trim()) {
-          const currentIndent = ((_c = lines[i].match(/^(\s*)/)) == null ? void 0 : _c[1]) || "";
-          const newIndentLength = Math.max(
-            0,
-            currentIndent.length + indentDiff
-          );
-          lines[i] = " ".repeat(newIndentLength) + lines[i].trimStart();
+  return true;
+}
+function findTargetElement(ast, fileContent, options) {
+  const { componentName, lineNumber, elementContext } = options;
+  let componentNode = null;
+  let componentStart = 0;
+  let componentEnd = Infinity;
+  let fallbackExportDefault = null;
+  traverse(ast, {
+    FunctionDeclaration(path2) {
+      var _a, _b, _c;
+      if (((_a = path2.node.id) == null ? void 0 : _a.name) === componentName) {
+        componentNode = path2.node;
+        componentStart = ((_b = path2.node.loc) == null ? void 0 : _b.start.line) || 0;
+        componentEnd = ((_c = path2.node.loc) == null ? void 0 : _c.end.line) || Infinity;
+      }
+    },
+    VariableDeclarator(path2) {
+      var _a, _b;
+      if (t.isIdentifier(path2.node.id) && path2.node.id.name === componentName) {
+        componentNode = path2.node;
+        const parent = path2.parentPath.parent;
+        componentStart = ((_a = parent == null ? void 0 : parent.loc) == null ? void 0 : _a.start.line) || 0;
+        componentEnd = ((_b = parent == null ? void 0 : parent.loc) == null ? void 0 : _b.end.line) || Infinity;
+      }
+    },
+    ExportDefaultDeclaration(path2) {
+      var _a, _b, _c, _d, _e;
+      if (t.isFunctionDeclaration(path2.node.declaration)) {
+        const funcName = (_a = path2.node.declaration.id) == null ? void 0 : _a.name;
+        if (funcName === componentName || !funcName) {
+          componentNode = path2.node;
+          componentStart = ((_b = path2.node.loc) == null ? void 0 : _b.start.line) || 0;
+          componentEnd = ((_c = path2.node.loc) == null ? void 0 : _c.end.line) || Infinity;
+        } else if (!componentNode) {
+          fallbackExportDefault = {
+            node: path2.node,
+            start: ((_d = path2.node.loc) == null ? void 0 : _d.start.line) || 0,
+            end: ((_e = path2.node.loc) == null ? void 0 : _e.end.line) || Infinity
+          };
         }
       }
-      code = lines.join("\n");
     }
+  });
+  if (!componentNode && fallbackExportDefault !== null) {
+    const fallback = fallbackExportDefault;
+    console.log(
+      `⚠️  Component "${componentName}" not found, using export default function as fallback`
+    );
+    componentNode = fallback.node;
+    componentStart = fallback.start;
+    componentEnd = fallback.end;
   }
-  return marker + code;
-}
-function parseDebugStack(stack) {
-  if (!stack) return null;
-  const stackStr = typeof stack === "string" ? stack : stack.stack || String(stack);
-  const frames = stackStr.split("\n");
-  const skipPatterns = [
-    "node_modules",
-    "SegmentViewNode",
-    "LayoutRouter",
-    "ErrorBoundary",
-    "fakeJSXCallSite"
-  ];
-  for (const frame of frames) {
-    if (skipPatterns.some((p) => frame.includes(p))) continue;
-    const match = frame.match(/at\s+(\w+)\s+\((.+?):(\d+):(\d+)\)?$/);
-    if (match) {
-      let filePath = match[2];
-      const line = parseInt(match[3], 10);
-      const column = parseInt(match[4], 10);
-      let chunkId;
-      const chunkMatch = filePath.match(/\?([^:]+)$/);
-      if (chunkMatch) {
-        chunkId = chunkMatch[1];
-        filePath = filePath.replace(/\?[^:]*$/, "");
+  const allElementsByTag = /* @__PURE__ */ new Map();
+  const elementsAtLine = [];
+  traverse(ast, {
+    JSXElement(path2) {
+      const loc = path2.node.loc;
+      if (!loc) return;
+      const startLine = loc.start.line;
+      const endLine = loc.end.line;
+      if (startLine < componentStart || endLine > componentEnd) return;
+      const opening = path2.node.openingElement;
+      if (t.isJSXIdentifier(opening.name)) {
+        const tagName = opening.name.name;
+        if (!allElementsByTag.has(tagName)) {
+          allElementsByTag.set(tagName, []);
+        }
+        allElementsByTag.get(tagName).push({ node: path2.node, startLine, endLine, score: 0 });
       }
-      filePath = cleanPath(filePath);
-      if (!shouldSkipPath(filePath)) {
-        console.log("parseDebugStack extracted:", { filePath, line, column });
-        return { filePath, line, column, chunkId };
+      if (startLine === lineNumber) {
+        elementsAtLine.push({ node: path2.node, startLine, endLine, score: 0 });
       }
     }
-  }
-  console.log(
-    "parseDebugStack: no valid frame found in stack:",
-    stackStr.substring(0, 200)
-  );
-  return null;
-}
-function extractComponentNameFromStack(stack) {
-  if (!stack) return null;
-  const stackStr = typeof stack === "string" ? stack : stack.stack || String(stack);
-  const frames = stackStr.split("\n");
-  const skipPatterns = [
-    "node_modules",
-    "SegmentViewNode",
-    "LayoutRouter",
-    "ErrorBoundary",
-    "fakeJSXCallSite",
-    "react_stack_bottom_frame"
-  ];
-  for (const frame of frames) {
-    if (skipPatterns.some((p) => frame.includes(p))) continue;
-    const match = frame.match(/at\s+(\w+)\s+\(/);
-    if (match && match[1]) {
-      const componentName = match[1];
-      if (componentName !== "Object" && componentName !== "anonymous") {
-        return componentName;
-      }
+  });
+  if (elementsAtLine.length > 0) {
+    if (elementsAtLine.length === 1) {
+      const target = elementsAtLine[0];
+      return {
+        startLine: target.startLine,
+        endLine: target.endLine,
+        componentStart,
+        componentEnd
+      };
     }
-  }
-  return null;
-}
-function parseDebugStackFrames(stack) {
-  if (!stack) return [];
-  const stackStr = typeof stack === "string" ? stack : stack.stack || String(stack);
-  const frames = stackStr.split("\n");
-  const skipPatterns = [
-    "node_modules",
-    "SegmentViewNode",
-    "LayoutRouter",
-    "ErrorBoundary",
-    "fakeJSXCallSite",
-    "react_stack_bottom_frame"
-  ];
-  const positions = [];
-  for (const frame of frames) {
-    if (skipPatterns.some((p) => frame.includes(p))) continue;
-    const match = frame.match(/at\s+(\w+)\s+\((.+?):(\d+):(\d+)\)?$/);
-    if (match) {
-      match[1];
-      let filePath = match[2];
-      const line = parseInt(match[3], 10);
-      const column = parseInt(match[4], 10);
-      let chunkId;
-      const chunkMatch = filePath.match(/\?([^:]+)$/);
-      if (chunkMatch) {
-        chunkId = chunkMatch[1];
-        filePath = filePath.replace(/\?[^:]*$/, "");
+    if (elementContext) {
+      for (const elem of elementsAtLine) {
+        if (t.isJSXElement(elem.node)) {
+          const score = scoreElementMatch(elem.node, elementContext, fileContent);
+          elem.score = score;
+        }
       }
-      filePath = cleanPath(filePath);
-      if (!shouldSkipPath(filePath)) {
-        positions.push({ filePath, line, column, chunkId });
-        if (positions.length >= 2) break;
+      elementsAtLine.sort((a, b) => b.score - a.score);
+      if (elementsAtLine[0].score > 0) {
+        return {
+          startLine: elementsAtLine[0].startLine,
+          endLine: elementsAtLine[0].endLine,
+          componentStart,
+          componentEnd
+        };
       }
     }
+    return {
+      startLine: elementsAtLine[0].startLine,
+      endLine: elementsAtLine[0].endLine,
+      componentStart,
+      componentEnd
+    };
   }
-  console.log(`parseDebugStackFrames extracted ${positions.length} frames:`, positions);
-  return positions;
-}
-async function resolveOriginalPosition(compiledPos, projectRoot) {
-  try {
-    console.log("resolveOriginalPosition called with:", compiledPos);
-    let compiledFilePath = compiledPos.filePath;
-    compiledFilePath = cleanPath(compiledFilePath);
-    console.log("After cleanPath:", compiledFilePath);
-    if (compiledFilePath.startsWith("http://") || compiledFilePath.startsWith("https://")) {
-      const url = new URL(compiledFilePath);
-      const pathname = url.pathname;
-      if (pathname.startsWith("/_next/")) {
-        const relativePath = pathname.substring("/_next/".length);
-        compiledFilePath = path.join(projectRoot, ".next", "dev", relativePath);
-      } else {
-        console.warn("Unexpected HTTP URL path:", pathname);
-        return null;
-      }
-    } else if (!path.isAbsolute(compiledFilePath)) {
-      if (compiledFilePath.startsWith(".next/")) {
-        compiledFilePath = path.resolve(projectRoot, compiledFilePath);
-      } else {
-        const resolved = path.resolve(projectRoot, compiledFilePath);
-        if (await fileExists(resolved)) {
-          compiledFilePath = resolved;
-        } else {
-          const possiblePaths = [
-            path.join(projectRoot, ".next", "dev", compiledFilePath),
-            path.join(projectRoot, compiledFilePath)
-          ];
-          for (const tryPath of possiblePaths) {
-            if (await fileExists(tryPath)) {
-              compiledFilePath = tryPath;
-              break;
-            }
+  if (elementContext == null ? void 0 : elementContext.tagName) {
+    const allOfTag = allElementsByTag.get(elementContext.tagName);
+    if (allOfTag && allOfTag.length > 0) {
+      if (elementContext.textContent || elementContext.className) {
+        for (const elem of allOfTag) {
+          if (t.isJSXElement(elem.node)) {
+            elem.score = scoreElementMatch(elem.node, elementContext, fileContent);
           }
         }
-      }
-    } else {
-      compiledFilePath = path.normalize(compiledFilePath);
-    }
-    console.log("Normalized compiled file path:", compiledFilePath);
-    const compiledExists = await fileExists(compiledFilePath);
-    console.log(
-      "Compiled file exists:",
-      compiledExists,
-      "at:",
-      compiledFilePath
-    );
-    if (!compiledExists) {
-      console.error(
-        `Compiled file not found: ${compiledFilePath} (from parsed: ${compiledPos.filePath})`
-      );
-    }
-    const sourceMapPath = compiledFilePath + ".map";
-    console.log("Looking for source map at:", sourceMapPath);
-    const sourceMapExists = await fileExists(sourceMapPath);
-    console.log("Source map exists:", sourceMapExists);
-    if (!sourceMapExists) {
-      console.error(
-        `Source map not found: ${sourceMapPath} (from compiled: ${compiledPos.filePath}, normalized: ${compiledFilePath})`
-      );
-      const altPaths = [
-        compiledFilePath.replace(/\.js$/, ".map"),
-        path.join(
-          path.dirname(compiledFilePath),
-          path.basename(compiledFilePath) + ".map"
-        )
-      ];
-      console.log("Trying alternative paths:", altPaths);
-      for (const altPath of altPaths) {
-        if (await fileExists(altPath)) {
-          console.log("Found source map at alternative path:", altPath);
-          return await resolveFromSourceMap(altPath, compiledPos, projectRoot);
+        allOfTag.sort((a, b) => b.score - a.score);
+        if (allOfTag[0].score > 50) {
+          return {
+            startLine: allOfTag[0].startLine,
+            endLine: allOfTag[0].endLine,
+            componentStart,
+            componentEnd
+          };
         }
       }
-      return null;
+      if (elementContext.nthOfType && allOfTag.length >= elementContext.nthOfType) {
+        const target = allOfTag[elementContext.nthOfType - 1];
+        return {
+          startLine: target.startLine,
+          endLine: target.endLine,
+          componentStart,
+          componentEnd
+        };
+      }
     }
-    return await resolveFromSourceMap(sourceMapPath, compiledPos, projectRoot);
-  } catch (error) {
-    console.error("Error resolving source map:", error);
-    return null;
   }
+  const nearbyElements = [];
+  traverse(ast, {
+    JSXElement(path2) {
+      const loc = path2.node.loc;
+      if (!loc) return;
+      const startLine = loc.start.line;
+      const endLine = loc.end.line;
+      if (startLine < componentStart || endLine > componentEnd) return;
+      if (Math.abs(startLine - lineNumber) <= 5) {
+        const score = elementContext ? scoreElementMatch(path2.node, elementContext, fileContent) : 100 - Math.abs(startLine - lineNumber);
+        nearbyElements.push({ node: path2.node, startLine, endLine, score });
+      }
+    }
+  });
+  if (nearbyElements.length > 0) {
+    nearbyElements.sort((a, b) => b.score - a.score);
+    return {
+      startLine: nearbyElements[0].startLine,
+      endLine: nearbyElements[0].endLine,
+      componentStart,
+      componentEnd
+    };
+  }
+  if (componentNode && componentStart > 0) {
+    return {
+      startLine: componentStart,
+      endLine: componentEnd,
+      componentStart,
+      componentEnd
+    };
+  }
+  return null;
 }
-async function resolveFromSourceMap(sourceMapPath, compiledPos, projectRoot) {
-  try {
-    const sourceMapContent = await fs.readFile(sourceMapPath, "utf-8");
-    const sourceMap = JSON.parse(sourceMapContent);
-    if ((!sourceMap.sources || sourceMap.sources.length === 0) && (!sourceMap.sections || sourceMap.sections.length === 0)) {
-      console.warn(
-        "Empty source map detected, cannot resolve position:",
-        sourceMapPath
-      );
-      return null;
+function scoreElementMatch(node, context, fileContent) {
+  let score = 0;
+  const opening = node.openingElement;
+  if (t.isJSXIdentifier(opening.name)) {
+    if (opening.name.name === context.tagName) {
+      score += 50;
+    } else {
+      return 0;
     }
-    if (sourceMap.sections) {
-      let matchingSection = null;
-      for (let i = sourceMap.sections.length - 1; i >= 0; i--) {
-        const section = sourceMap.sections[i];
-        const offset = section.offset;
-        const sectionStartLine1Indexed = offset.line + 1;
-        if (compiledPos.line > sectionStartLine1Indexed || compiledPos.line === sectionStartLine1Indexed && compiledPos.column >= offset.column) {
-          matchingSection = section;
-          break;
-        }
-      }
-      if (matchingSection && matchingSection.map) {
-        const sectionMap = matchingSection.map;
-        const offset = matchingSection.offset;
-        let consumer2;
-        try {
-          consumer2 = await new SourceMapConsumer(sectionMap);
-        } catch (error) {
-          console.error("Error creating SourceMapConsumer:", error);
-          return null;
-        }
-        try {
-          const adjustedLine = compiledPos.line - offset.line;
-          const adjustedColumn = compiledPos.line === offset.line + 1 ? compiledPos.column - offset.column : compiledPos.column;
-          const originalPos = consumer2.originalPositionFor({
-            line: adjustedLine,
-            column: adjustedColumn
-          });
-          if (originalPos.source && originalPos.line !== null) {
-            const source = normalizeSourcePath(
-              originalPos.source || "",
-              projectRoot
-            );
-            return {
-              source,
-              line: originalPos.line,
-              column: originalPos.column ?? 0
-            };
-          }
-        } finally {
-          consumer2.destroy();
-        }
+  } else if (t.isJSXMemberExpression(opening.name)) {
+    const fullName = getJSXMemberName(opening.name);
+    if (fullName === context.tagName || fullName.endsWith(`.${context.tagName}`)) {
+      score += 50;
+    } else {
+      return 0;
+    }
+  }
+  if (context.className) {
+    const classAttr = opening.attributes.find(
+      (attr) => t.isJSXAttribute(attr) && t.isJSXIdentifier(attr.name) && attr.name.name === "className"
+    );
+    if (classAttr && t.isJSXAttribute(classAttr)) {
+      const classValue = getAttributeValue(classAttr);
+      if (classValue && context.className.split(/\s+/).some((c) => classValue.includes(c))) {
+        score += 20;
       }
-      return null;
     }
-    const consumer = await new SourceMapConsumer(sourceMap);
-    try {
-      const originalPos = consumer.originalPositionFor({
-        line: compiledPos.line,
-        column: compiledPos.column
-      });
-      if (originalPos.source && originalPos.line !== null) {
-        const source = normalizeSourcePath(
-          originalPos.source || "",
-          projectRoot
-        );
-        return {
-          source,
-          line: originalPos.line,
-          column: originalPos.column ?? 0
-        };
+  }
+  if (context.textContent && node.loc) {
+    const elementCode = fileContent.split("\n").slice(node.loc.start.line - 1, node.loc.end.line).join("\n");
+    const normalizedContent = context.textContent.toLowerCase().trim();
+    const normalizedElement = elementCode.toLowerCase();
+    if (normalizedElement.includes(normalizedContent)) {
+      score += 30;
+    }
+  }
+  if (context.props) {
+    for (const [key, value] of Object.entries(context.props)) {
+      if (key.startsWith("_")) continue;
+      const attr = opening.attributes.find(
+        (a) => t.isJSXAttribute(a) && t.isJSXIdentifier(a.name) && a.name.name === key
+      );
+      if (attr) {
+        score += 5;
+        if (typeof value === "string" && t.isJSXAttribute(attr)) {
+          const attrValue = getAttributeValue(attr);
+          if (attrValue === value) score += 10;
+        }
       }
-    } finally {
-      consumer.destroy();
     }
-    return null;
-  } catch (error) {
-    console.error("Error resolving source map:", error);
-    return null;
   }
+  return score;
 }
-async function fileExists(filePath) {
-  try {
-    await fs.access(filePath);
-    return true;
-  } catch {
-    return false;
+function getJSXMemberName(node) {
+  if (t.isJSXIdentifier(node.object)) {
+    return `${node.object.name}.${node.property.name}`;
+  }
+  if (t.isJSXMemberExpression(node.object)) {
+    return `${getJSXMemberName(node.object)}.${node.property.name}`;
   }
+  return node.property.name;
 }
-async function getOriginalPositionFromDebugStack(debugStack, projectRoot) {
-  const compiledPos = parseDebugStack(debugStack);
-  if (!compiledPos) return null;
-  return await resolveOriginalPosition(compiledPos, projectRoot);
+function getAttributeValue(attr) {
+  if (!attr.value) return null;
+  if (t.isStringLiteral(attr.value)) return attr.value.value;
+  if (t.isJSXExpressionContainer(attr.value) && t.isStringLiteral(attr.value.expression)) {
+    return attr.value.expression.value;
+  }
+  return null;
 }
 async function handleRead(req) {
   const devModeError = validateDevMode();
@@ -1313,209 +1007,6 @@ async function handleValidateSession(req) {
     );
   }
 }
-const suggestionCache = /* @__PURE__ */ new Map();
-const CACHE_TTL = 3e4;
-function getCacheKey(params) {
-  return `${params.componentName}:${params.elementTag || "div"}:${params.lastSuggestion || ""}`;
-}
-function getCachedSuggestions(key) {
-  const cached = suggestionCache.get(key);
-  if (cached && Date.now() - cached.timestamp < CACHE_TTL) {
-    return cached.suggestions;
-  }
-  suggestionCache.delete(key);
-  return null;
-}
-function cacheSuggestions(key, suggestions) {
-  suggestionCache.set(key, { suggestions, timestamp: Date.now() });
-  if (suggestionCache.size > 100) {
-    const oldestKeys = Array.from(suggestionCache.entries()).sort((a, b) => a[1].timestamp - b[1].timestamp).slice(0, 20).map(([key2]) => key2);
-    oldestKeys.forEach((key2) => suggestionCache.delete(key2));
-  }
-}
-const DEFAULT_SUGGESTIONS = [
-  "Add padding",
-  "Change color",
-  "Make larger",
-  "Add shadow",
-  "Round corners",
-  "Center content",
-  "Add hover effect",
-  "Adjust spacing"
-];
-async function handleSuggestions(req) {
-  const devModeError = validateDevMode();
-  if (devModeError) return devModeError;
-  try {
-    const { searchParams } = new URL(req.url);
-    const componentName = searchParams.get("componentName") || "Component";
-    const elementTag = searchParams.get("elementTag") || void 0;
-    const className = searchParams.get("className") || void 0;
-    const textContent = searchParams.get("textContent") || void 0;
-    const lastSuggestion = searchParams.get("lastSuggestion") || void 0;
-    const editHistoryStr = searchParams.get("editHistory") || void 0;
-    const excludedSuggestionsStr = searchParams.get("excludedSuggestions") || void 0;
-    let editHistory = [];
-    if (editHistoryStr) {
-      try {
-        editHistory = JSON.parse(editHistoryStr);
-      } catch (e) {
-      }
-    }
-    let excludedSuggestions = [];
-    if (excludedSuggestionsStr) {
-      try {
-        excludedSuggestions = JSON.parse(excludedSuggestionsStr);
-      } catch (e) {
-      }
-    }
-    const cacheKey = getCacheKey({ componentName, elementTag, lastSuggestion });
-    const cached = excludedSuggestions.length === 0 ? getCachedSuggestions(cacheKey) : null;
-    if (cached) {
-      return NextResponse.json({
-        success: true,
-        suggestions: cached
-      });
-    }
-    const suggestions = await generateSuggestions({
-      componentName,
-      elementTag,
-      className,
-      textContent,
-      editHistory,
-      lastSuggestion,
-      excludedSuggestions
-    });
-    if (suggestions && suggestions.length > 0) {
-      cacheSuggestions(cacheKey, suggestions);
-      return NextResponse.json({
-        success: true,
-        suggestions
-      });
-    }
-    return NextResponse.json({
-      success: true,
-      suggestions: DEFAULT_SUGGESTIONS
-    });
-  } catch (error) {
-    return NextResponse.json(
-      {
-        success: false,
-        error: String(error),
-        suggestions: DEFAULT_SUGGESTIONS
-        // Fallback
-      },
-      { status: 500 }
-    );
-  }
-}
-async function generateSuggestions(options) {
-  const {
-    componentName,
-    elementTag,
-    className,
-    textContent,
-    editHistory,
-    lastSuggestion,
-    excludedSuggestions = []
-  } = options;
-  const apiKey = process.env.ANTHROPIC_API_KEY;
-  if (!apiKey) {
-    return null;
-  }
-  const model = new ChatAnthropic({
-    apiKey,
-    modelName: "claude-haiku-4-5-20251001",
-    maxTokens: 1024,
-    temperature: 0.3
-    // Slightly creative for variety
-  });
-  const systemPrompt = `You are a UI/UX expert suggesting quick edits for React components.
-
-Generate 6-8 concise, actionable suggestions that a developer might want to make next.
-
-RULES:
-- Each suggestion must be 2-6 words (e.g., "Add padding", "Make text larger")
-- Focus on common UI improvements: spacing, colors, sizing, layout, shadows, borders, typography
-- Consider the element type (${elementTag || "element"})
-- Output ONLY a JSON array of strings, no explanations, no markdown fences
-${excludedSuggestions.length > 0 ? `- DO NOT suggest any of these (user wants different options): ${excludedSuggestions.join(
-    ", "
-  )}` : ""}
-
-${lastSuggestion ? `IMPORTANT - LAST EDIT CONTEXT:
-The user just applied: "${lastSuggestion}"
-Your suggestions MUST be direct follow-ups/refinements of this last change:
-- If it was "Add padding" → suggest "More padding", "Less padding", "Add vertical padding only"
-- If it was "Make it blue" → suggest "Darker blue", "Lighter blue", "Change to navy blue"
-- If it was "Increase font size" → suggest "Decrease font size", "Make even larger", "Adjust line height"
-- 4-6 suggestions should be variations/refinements of the last edit
-- 2-4 suggestions can be other related improvements
-
-Generate follow-up suggestions that let the user iteratively refine what they just did.` : `Generate varied initial suggestions covering different aspects: layout, colors, spacing, shadows, typography, etc.`}
-
-Example output format:
-["Add hover effect", "Increase padding", "Make corners rounder", "Change to flex row", "Add drop shadow", "Adjust font size"]`;
-  let userPrompt = `Element: <${elementTag || "div"}>`;
-  if (className) {
-    userPrompt += `
-Classes: ${className}`;
-  }
-  if (textContent) {
-    userPrompt += `
-Text: "${textContent.slice(0, 50)}"`;
-  }
-  userPrompt += `
-Component: ${componentName}`;
-  if (editHistory && editHistory.length > 0) {
-    userPrompt += `
-
-Recent edits:
-`;
-    editHistory.slice(-3).forEach((item, idx) => {
-      userPrompt += `${idx + 1}. ${item.suggestion} ${item.success ? "✓" : "✗"}
-`;
-    });
-  } else {
-    userPrompt += `
-
-No previous edits.`;
-  }
-  if (lastSuggestion) {
-    userPrompt += `
-
-**LAST EDIT APPLIED:** "${lastSuggestion}"`;
-    userPrompt += `
-
-Generate 6-8 follow-up suggestions (mostly variations of the last edit):`;
-  } else {
-    userPrompt += `
-
-Generate 6-8 initial suggestions:`;
-  }
-  try {
-    const response = await model.invoke([
-      new SystemMessage(systemPrompt),
-      new HumanMessage(userPrompt)
-    ]);
-    let content = typeof response.content === "string" ? response.content : String(response.content);
-    content = content.trim();
-    content = content.replace(/^```json?\s*/gm, "").replace(/\s*```$/gm, "");
-    const suggestions = JSON.parse(content);
-    if (Array.isArray(suggestions)) {
-      const validSuggestions = suggestions.filter((s) => typeof s === "string").map((s) => s.trim()).filter((s) => {
-        const words = s.split(/\s+/).length;
-        return words >= 1 && words <= 15;
-      }).slice(0, 8);
-      if (validSuggestions.length >= 4) {
-        return validSuggestions;
-      }
-    }
-    return null;
-  } catch (e) {
-    return null;
-  }
-}
 class AIEditorAgent {
   constructor(session, projectRoot) {
     this.session = session;
@@ -1884,9 +1375,6 @@ async function handleAIEditorRequest(req, context) {
   const endpoint = path2[0];
   const method = req.method;
   switch (endpoint) {
-    case "edit":
-      if (method === "POST") return handleEdit(req);
-      break;
     case "read":
       if (method === "GET") return handleRead(req);
       break;
@@ -1902,9 +1390,6 @@ async function handleAIEditorRequest(req, context) {
     case "validate-session":
       if (method === "POST") return handleValidateSession(req);
       break;
-    case "suggestions":
-      if (method === "GET") return handleSuggestions(req);
-      break;
     case "chat":
       if (method === "POST") return handleChat(req);
       break;
@@ -1982,31 +1467,29 @@ async function handleCommentsRequest(request) {
   }
 }
 export {
-  handleEdit as a,
-  handleRead as b,
-  handleUndo as c,
-  handleResolve as d,
-  handleAbsolutePath as e,
-  handleValidateSession as f,
-  handleSuggestions as g,
+  handleRead as a,
+  handleUndo as b,
+  handleResolve as c,
+  handleAbsolutePath as d,
+  handleValidateSession as e,
+  handleCommentsRequest as f,
+  fileExists$1 as g,
   handleAIEditorRequest as h,
-  handleCommentsRequest as i,
-  isPathSecure as j,
-  fileExists$1 as k,
-  extractComponentName as l,
-  validateGeneratedCode as m,
+  isPathSecure as i,
+  extractComponentName as j,
+  validateGeneratedCode as k,
+  findTargetElement as l,
+  getJSXMemberName as m,
   normalizePath as n,
-  findTargetElement as o,
+  getAttributeValue as o,
   parseFile as p,
-  getJSXMemberName as q,
+  parseDebugStack as q,
   resolveFilePath as r,
   scoreElementMatch as s,
-  getAttributeValue as t,
-  parseDebugStack as u,
+  extractComponentNameFromStack as t,
+  parseDebugStackFrames as u,
   validateDevMode as v,
-  extractComponentNameFromStack as w,
-  parseDebugStackFrames as x,
-  resolveOriginalPosition as y,
-  getOriginalPositionFromDebugStack as z
+  resolveOriginalPosition as w,
+  getOriginalPositionFromDebugStack as x
 };
-//# sourceMappingURL=comments-BcCC35iA.js.map
+//# sourceMappingURL=comments-BYFEhf6K.js.map