next-ai-editor 0.2.6 → 1.0.0

package/dist/AIEditorProvider-CLgf1Vwa.cjs

@@ -1,1488 +0,0 @@
-"use client";
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const pathUtils = require("./path-utils-DYzEWUGy.cjs");
-const ReactMarkdown = require("react-markdown");
-const remarkGfm = require("remark-gfm");
-const lucideReact = require("lucide-react");
-function getFiberFromElement(element) {
-  const key = Object.keys(element).find(
-    (k) => k.startsWith("__reactFiber$") || k.startsWith("__reactInternalInstance$")
-  );
-  return key ? element[key] : null;
-}
-function getComponentName(fiber) {
-  var _a, _b;
-  if (!fiber) return "Unknown";
-  const type = fiber.type;
-  if ((_a = fiber._debugSource) == null ? void 0 : _a.fileName) {
-    const fileName = fiber._debugSource.fileName;
-    const match = fileName.match(/\/([^/]+)\.(tsx?|jsx?)$/);
-    if (match) return match[1];
-  }
-  if (typeof type === "string") return type;
-  if (typeof type === "function")
-    return type.displayName || type.name || "Anonymous";
-  if (type == null ? void 0 : type.displayName) return type.displayName;
-  if ((_b = type == null ? void 0 : type.render) == null ? void 0 : _b.name) return type.render.name;
-  if (fiber._debugStack) {
-    const stack = String(fiber._debugStack.stack || fiber._debugStack);
-    const match = stack.match(/at\s+([A-Z][a-zA-Z0-9]*)\s*\(/);
-    if (match && match[1] !== "Object") {
-      return match[1];
-    }
-  }
-  return "Unknown";
-}
-function isUserComponent(fiber) {
-  if (fiber.tag === 5 || fiber.tag === 6 || fiber.tag === 3) return false;
-  const type = fiber.type;
-  if (!type || typeof type === "string") return false;
-  return true;
-}
-function countNthOfType(element, tagName) {
-  let boundary = element.parentElement;
-  while (boundary) {
-    const fiber = getFiberFromElement(boundary);
-    if (fiber && isUserComponent(fiber)) break;
-    boundary = boundary.parentElement;
-  }
-  if (!boundary) boundary = element.parentElement;
-  if (!boundary) return 1;
-  const sameTagElements = [];
-  if (boundary.tagName.toLowerCase() === tagName.toLowerCase()) {
-    sameTagElements.push(boundary);
-  }
-  sameTagElements.push(...Array.from(boundary.querySelectorAll(tagName)));
-  let count = 1;
-  for (const el of sameTagElements) {
-    if (el === element) break;
-    count++;
-  }
-  return count;
-}
-function extractProps(fiber) {
-  if (!fiber) return void 0;
-  const fiberProps = fiber.memoizedProps || fiber.pendingProps;
-  if (!fiberProps || typeof fiberProps !== "object") return void 0;
-  const props = {};
-  const identifyingKeys = [
-    "id",
-    "name",
-    "type",
-    "href",
-    "src",
-    "alt",
-    "role",
-    "aria-label",
-    "data-testid"
-  ];
-  for (const key of identifyingKeys) {
-    if (key in fiberProps && typeof fiberProps[key] === "string") {
-      props[key] = fiberProps[key];
-    }
-  }
-  if (fiberProps.style && typeof fiberProps.style === "object") {
-    props._styleKeys = Object.keys(fiberProps.style).slice(0, 5);
-  }
-  return Object.keys(props).length > 0 ? props : void 0;
-}
-function captureElementContext(element, fiber) {
-  const tagName = element.tagName.toLowerCase();
-  let textContent;
-  const directText = Array.from(element.childNodes).filter((n) => n.nodeType === Node.TEXT_NODE).map((n) => {
-    var _a;
-    return (_a = n.textContent) == null ? void 0 : _a.trim();
-  }).filter(Boolean).join(" ");
-  if (directText) {
-    textContent = directText.slice(0, 50);
-  } else if (element.textContent) {
-    textContent = element.textContent.trim().slice(0, 50);
-  }
-  const className = typeof element.className === "string" ? element.className.slice(0, 100) : void 0;
-  const nthOfType = countNthOfType(element, tagName);
-  const key = (fiber == null ? void 0 : fiber.key) ? String(fiber.key) : void 0;
-  const props = extractProps(fiber);
-  return { tagName, textContent, className, key, nthOfType, props };
-}
-function extractFromDebugStack(fiber) {
-  const stack = fiber._debugStack;
-  if (!stack) return null;
-  const stackStr = 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) {
-      const fileName = pathUtils.cleanPath(match[2].replace(/\?[^:]*$/, ""));
-      if (!pathUtils.shouldSkipPath(fileName, ["ai-editor-provider"])) {
-        return {
-          fileName,
-          lineNumber: parseInt(match[3], 10),
-          columnNumber: parseInt(match[4], 10)
-        };
-      }
-    }
-  }
-  return null;
-}
-function extractFromDebugOwner(fiber) {
-  var _a, _b;
-  const owner = fiber._debugOwner;
-  if (!owner) return null;
-  if ((_a = owner._debugSource) == null ? void 0 : _a.fileName) {
-    return owner._debugSource;
-  }
-  const stack = owner.stack;
-  if (Array.isArray(stack) && ((_b = stack[0]) == null ? void 0 : _b.fileName)) {
-    return stack[0];
-  }
-  return null;
-}
-function findSourceFromFiber(fiber) {
-  if (!fiber) return null;
-  let actualComponentName = null;
-  if (fiber._debugOwner && typeof fiber._debugOwner === "object") {
-    const debugOwner = fiber._debugOwner;
-    if (debugOwner.name && typeof debugOwner.name === "string") {
-      actualComponentName = debugOwner.name;
-    }
-  }
-  let current = fiber;
-  const visited = /* @__PURE__ */ new Set();
-  let iterations = 0;
-  while (current && !visited.has(current) && iterations < 10) {
-    iterations++;
-    visited.add(current);
-    const sourceData = current._debugSource || extractFromDebugStack(current) || extractFromDebugOwner(current);
-    if (sourceData == null ? void 0 : sourceData.fileName) {
-      const filePath = pathUtils.cleanPath(sourceData.fileName);
-      if (!pathUtils.shouldSkipPath(filePath, ["ai-editor-provider"])) {
-        if (actualComponentName) {
-          const rawDebugStack = current._debugStack ? String(current._debugStack.stack || current._debugStack) : void 0;
-          return {
-            filePath,
-            lineNumber: sourceData.lineNumber || 1,
-            columnNumber: sourceData.columnNumber || 0,
-            componentName: actualComponentName,
-            debugStack: rawDebugStack
-          };
-        } else {
-          let componentFiber = current;
-          while (componentFiber) {
-            if (isUserComponent(componentFiber)) {
-              const componentName = getComponentName(componentFiber);
-              const isNextJSInternal = [
-                "Segment",
-                "Boundary",
-                "Router",
-                "Handler",
-                "Context",
-                "Layout",
-                "Template",
-                "Scroll",
-                "Focus",
-                "Loading",
-                "Error"
-              ].some((pattern) => componentName.includes(pattern));
-              if (!isNextJSInternal) {
-                const rawDebugStack = current._debugStack ? String(current._debugStack.stack || current._debugStack) : void 0;
-                return {
-                  filePath,
-                  lineNumber: sourceData.lineNumber || 1,
-                  columnNumber: sourceData.columnNumber || 0,
-                  componentName,
-                  debugStack: rawDebugStack
-                };
-              }
-            }
-            componentFiber = componentFiber.return || componentFiber._debugOwner || null;
-          }
-        }
-      }
-    }
-    current = current.return || current._debugOwner || null;
-  }
-  return null;
-}
-function findParentComponentFromFiber(childFiber, childComponentName) {
-  if (!childFiber) return null;
-  let childComponentFiber = null;
-  if (childFiber._debugOwner && typeof childFiber._debugOwner === "object") {
-    const debugOwner = childFiber._debugOwner;
-    if (debugOwner.type && typeof debugOwner.type === "function") {
-      const ownerComponentName = getComponentName(debugOwner);
-      if (ownerComponentName === childComponentName) {
-        childComponentFiber = debugOwner;
-      }
-    }
-  }
-  if (!childComponentFiber) {
-    let current2 = childFiber;
-    let iterations2 = 0;
-    while (current2 && iterations2 < 20) {
-      iterations2++;
-      const componentName = getComponentName(current2);
-      current2.index;
-      if (isUserComponent(current2)) {
-        if (componentName === childComponentName) {
-          childComponentFiber = current2;
-          break;
-        }
-      }
-      if (current2._debugOwner && typeof current2._debugOwner === "object") {
-        const debugOwner = current2._debugOwner;
-        if (debugOwner.name === childComponentName && !debugOwner.type) {
-          const parent = current2.return;
-          const parentDebugOwner = parent == null ? void 0 : parent._debugOwner;
-          const isRootElement = !parentDebugOwner || parentDebugOwner.name !== childComponentName;
-          if (isRootElement) {
-            childComponentFiber = current2;
-            break;
-          }
-        }
-      }
-      current2 = current2.return;
-    }
-  }
-  let childKey;
-  if (childComponentFiber == null ? void 0 : childComponentFiber.key) {
-    childKey = String(childComponentFiber.key);
-  } else if (childComponentFiber && typeof childComponentFiber.index === "number") {
-    childKey = String(childComponentFiber.index);
-  }
-  if (childFiber._debugOwner && typeof childFiber._debugOwner === "object") {
-    const debugOwner = childFiber._debugOwner;
-    if (debugOwner.owner && debugOwner.owner.name) {
-      const parentName = debugOwner.owner.name;
-      const parentDebugLocation = debugOwner.owner.debugLocation;
-      if (parentDebugLocation) {
-        const stack = String(parentDebugLocation.stack || parentDebugLocation);
-        return {
-          filePath: "",
-          // Will be resolved on server
-          lineNumber: 0,
-          columnNumber: 0,
-          componentName: parentName,
-          debugStack: stack,
-          childKey
-        };
-      }
-    }
-    if (debugOwner.type && typeof debugOwner.type === "function") {
-      const componentFiberOwner = debugOwner._debugOwner;
-      if (componentFiberOwner && typeof componentFiberOwner === "object") {
-        const parentName = componentFiberOwner.name;
-        const parentDebugLocation = componentFiberOwner.debugLocation;
-        if (parentName && typeof parentName === "string") {
-          if (parentDebugLocation) {
-            const stack = String(
-              parentDebugLocation.stack || parentDebugLocation
-            );
-            return {
-              filePath: "",
-              // Will be resolved on server
-              lineNumber: 0,
-              columnNumber: 0,
-              componentName: parentName,
-              debugStack: stack,
-              childKey
-            };
-          }
-        }
-      }
-    }
-  }
-  let current = childFiber.return;
-  const visited = /* @__PURE__ */ new Set();
-  let iterations = 0;
-  while (current && !visited.has(current) && iterations < 20) {
-    iterations++;
-    visited.add(current);
-    if (isUserComponent(current)) {
-      const componentName = getComponentName(current);
-      if (componentName === childComponentName) {
-        current = current._debugOwner || null;
-        continue;
-      }
-      const shouldSkipComponent = componentName.includes("AIEditorProvider") || // Skip the AI Editor wrapper itself
-      componentName.startsWith("__next") || // Skip all Next.js internal components like __next_root_layout_boundary__
-      componentName.startsWith("_") || // Skip internal components starting with underscore
-      [
-        "Segment",
-        "Boundary",
-        "Router",
-        "Handler",
-        "Context",
-        "Layout",
-        "Template",
-        "Scroll",
-        "Focus",
-        "Loading",
-        "Error",
-        "RootLayout",
-        // Skip root layout wrapper
-        "NotFound"
-      ].some((pattern) => componentName.includes(pattern));
-      if (shouldSkipComponent) {
-        current = current._debugOwner || null;
-        continue;
-      }
-      const sourceData = current._debugSource || extractFromDebugStack(current) || extractFromDebugOwner(current);
-      if (sourceData == null ? void 0 : sourceData.fileName) {
-        const filePath = pathUtils.cleanPath(sourceData.fileName);
-        if (!pathUtils.shouldSkipPath(filePath, ["ai-editor-provider"])) {
-          const rawDebugStack = current._debugStack ? String(current._debugStack.stack || current._debugStack) : void 0;
-          return {
-            filePath,
-            lineNumber: sourceData.lineNumber || 1,
-            columnNumber: sourceData.columnNumber || 0,
-            componentName,
-            debugStack: rawDebugStack,
-            childKey
-          };
-        }
-      }
-    }
-    const nextOwner = current._debugOwner;
-    current = nextOwner || null;
-  }
-  const childDebugStack = childFiber._debugStack ? String(childFiber._debugStack.stack || childFiber._debugStack) : null;
-  if (childDebugStack) {
-    return {
-      filePath: "",
-      // Will be resolved on server from debugStack
-      lineNumber: 0,
-      columnNumber: 0,
-      componentName: "",
-      // Will be determined on server
-      debugStack: childDebugStack,
-      // Use child's debugStack for server-side resolution
-      childKey
-    };
-  }
-  return null;
-}
-function getSourceFromElement(element) {
-  var _a;
-  let current = element;
-  let elementWithSource = null;
-  let fiberWithSource = null;
-  while (current && current !== document.body) {
-    const fiber = getFiberFromElement(current);
-    if (fiber) {
-      const hasSourceInfo = ((_a = fiber._debugSource) == null ? void 0 : _a.fileName) || fiber._debugStack || fiber._debugOwner && typeof fiber._debugOwner === "object";
-      if (hasSourceInfo && !fiberWithSource) {
-        elementWithSource = current;
-        fiberWithSource = fiber;
-      }
-    }
-    current = current.parentElement;
-  }
-  if (!fiberWithSource || !elementWithSource) return null;
-  const source = findSourceFromFiber(fiberWithSource);
-  if (!source) return null;
-  const elementContext = captureElementContext(elementWithSource, fiberWithSource);
-  const parentComponent = findParentComponentFromFiber(
-    fiberWithSource,
-    source.componentName
-  );
-  return {
-    ...source,
-    elementContext,
-    parentComponent: parentComponent || void 0
-  };
-}
-if (typeof window !== "undefined") {
-  window.__getSource = getSourceFromElement;
-}
-function TaskHistoryPanel({
-  isOpen,
-  onClose,
-  tasks,
-  onTaskClick
-}) {
-  if (!isOpen) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "task-history-panel ai-editor-ui", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "task-history-overlay", onClick: onClose }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "task-history-content", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "task-history-header", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "header-title", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "header-icon", children: "📝" }),
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "Task History" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            className: "close-btn",
-            onClick: onClose,
-            "aria-label": "Close",
-            title: "Close (Esc)",
-            children: "✕"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "task-history-body", children: tasks.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "empty-state", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-icon", children: "🎯" }),
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "No tasks yet" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Create a comment and send a message to see AI actions here." })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "task-list", children: tasks.map((task) => /* @__PURE__ */ jsxRuntime.jsx(
-        TaskItem,
-        {
-          task,
-          onClick: () => onTaskClick == null ? void 0 : onTaskClick(task.id)
-        },
-        task.id
-      )) }) })
-    ] })
-  ] });
-}
-function TaskItem({ task, onClick }) {
-  const getStatusIcon = () => {
-    switch (task.status) {
-      case "pending":
-        return "⏳";
-      case "done":
-        return "✅";
-      case "failed":
-        return "❌";
-      default:
-        return "⏳";
-    }
-  };
-  const getStatusLabel = () => {
-    switch (task.status) {
-      case "pending":
-        return "In Progress";
-      case "done":
-        return "Complete";
-      case "failed":
-        return "Failed";
-      default:
-        return "Unknown";
-    }
-  };
-  const formatTime = (timestamp) => {
-    const date = new Date(timestamp);
-    const now = /* @__PURE__ */ new Date();
-    const diffMs = now.getTime() - date.getTime();
-    const diffMins = Math.floor(diffMs / 6e4);
-    if (diffMins < 1) return "Just now";
-    if (diffMins < 60) return `${diffMins}m ago`;
-    const diffHours = Math.floor(diffMins / 60);
-    if (diffHours < 24) return `${diffHours}h ago`;
-    const diffDays = Math.floor(diffHours / 24);
-    return `${diffDays}d ago`;
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: `task-item status-${task.status}`,
-      onClick,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "task-header", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "task-status", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "status-icon", children: getStatusIcon() }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "status-label", children: getStatusLabel() })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "task-time", children: formatTime(task.createdAt) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "task-request", children: task.userRequest }),
-        task.actions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "task-actions", children: task.actions.map((action, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "action-item", children: [
-          action.type === "tool_use" && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "action-text", children: [
-            "🔧 ",
-            action.tool
-          ] }),
-          action.type === "result" && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "action-text", children: [
-            "✓ ",
-            action.result
-          ] }),
-          action.type === "error" && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "action-text error", children: [
-            "⚠️ ",
-            action.error
-          ] })
-        ] }, idx)) }),
-        task.affectedFiles.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "task-files", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "files-label", children: "Files:" }),
-          task.affectedFiles.map((file, idx) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "file-badge", children: file.split("/").pop() }, idx))
-        ] })
-      ]
-    }
-  );
-}
-function MessageItem({ message }) {
-  var _a, _b, _c;
-  if ("role" in message) {
-    const commentMsg = message;
-    if (commentMsg.role === "user") {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message message-user", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-content", children: /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], children: commentMsg.content }) }) });
-    }
-    if (commentMsg.role === "assistant") {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message message-assistant", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-content", children: /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], children: commentMsg.content }) }) });
-    }
-  }
-  const chatMsg = message;
-  if (chatMsg.type === "connected" || chatMsg.type === "system") {
-    return null;
-  }
-  if (chatMsg.type === "user") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message message-user", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-content", children: /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], children: chatMsg.message }) }) });
-  }
-  if (chatMsg.type === "assistant") {
-    const content = ((_c = (_b = (_a = chatMsg.message) == null ? void 0 : _a.content) == null ? void 0 : _b[0]) == null ? void 0 : _c.text) || "";
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message message-assistant", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-content", children: /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], children: content }) }) });
-  }
-  if (chatMsg.type === "tool_use") {
-    const toolInfo = {
-      read_file: { icon: "📖", description: "Reading code" },
-      write_file: { icon: "✏️", description: "Writing changes" },
-      edit_file: { icon: "✨", description: "Editing code" },
-      search_files: { icon: "🔍", description: "Searching files" },
-      list_files: { icon: "📁", description: "Listing files" },
-      run_command: { icon: "⚙️", description: "Running command" }
-    };
-    const info = toolInfo[chatMsg.tool] || { icon: "🔧", description: "Working" };
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "message message-tool", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tool-icon", children: info.icon }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tool-name", children: info.description }),
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "tool-description", children: [
-        "• ",
-        chatMsg.tool
-      ] })
-    ] });
-  }
-  if (chatMsg.type === "tool_result") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "message message-tool-result", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-avatar", children: "✓" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-content", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "tool-result", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Tool result:" }),
-        " ",
-        chatMsg.tool,
-        /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "tool-details", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("summary", { children: "View output" }),
-          /* @__PURE__ */ jsxRuntime.jsx("pre", { children: typeof chatMsg.output === "string" ? chatMsg.output : JSON.stringify(chatMsg.output, null, 2) })
-        ] })
-      ] }) })
-    ] });
-  }
-  if (chatMsg.type === "result") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message message-result", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "message-content", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "result-header", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "result-icon", children: "✓" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "result-label", children: "Changes Applied" })
-      ] }),
-      chatMsg.result && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "result-description", children: /* @__PURE__ */ jsxRuntime.jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], children: chatMsg.result }) }),
-      chatMsg.total_cost_usd && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "result-cost", children: [
-        "Cost: $",
-        chatMsg.total_cost_usd.toFixed(4)
-      ] })
-    ] }) });
-  }
-  if (chatMsg.type === "error") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "message message-error", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-avatar", children: "❌" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "message-content", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Error:" }),
-        " ",
-        chatMsg.error
-      ] })
-    ] });
-  }
-  if (chatMsg.type === "done") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message message-done", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-separator" }) });
-  }
-  const unknownMessage = message;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "message message-unknown", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-avatar", children: "?" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-content", children: /* @__PURE__ */ jsxRuntime.jsxs("details", { className: "tool-details", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("summary", { children: [
-        "Unknown message type: ",
-        unknownMessage.type || "unknown"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("pre", { children: JSON.stringify(message, null, 2) })
-    ] }) })
-  ] });
-}
-function MessageList({ messages, isStreaming }) {
-  const messagesEndRef = react.useRef(null);
-  const containerRef = react.useRef(null);
-  react.useEffect(() => {
-    if (messagesEndRef.current) {
-      messagesEndRef.current.scrollIntoView({ behavior: "smooth" });
-    }
-  }, [messages]);
-  if (messages.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-list-empty", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "empty-state", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-icon", children: "💬" }),
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "Start a conversation" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Ask Claude to help you edit components, add features, or refactor code." })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: "message-list", children: [
-    messages.map((message, index) => /* @__PURE__ */ jsxRuntime.jsx(MessageItem, { message }, index)),
-    isStreaming && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "message message-streaming", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-avatar", children: "⋯" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-content", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "streaming-indicator", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "dot" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "dot" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "dot" })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: messagesEndRef })
-  ] });
-}
-function useChatStream(options) {
-  const { threadId, sessionId: initialSessionId, onMessage, onError, onDone } = options;
-  const [state, setState] = react.useState({
-    messages: [],
-    isConnected: false,
-    isStreaming: false,
-    error: null,
-    sessionId: initialSessionId || null
-  });
-  const eventSourceRef = react.useRef(null);
-  const abortControllerRef = react.useRef(null);
-  const parseEventData = react.useCallback((data) => {
-    try {
-      return JSON.parse(data);
-    } catch (error) {
-      console.error("Failed to parse SSE data:", data, error);
-      return null;
-    }
-  }, []);
-  const sendMessage = react.useCallback(
-    async (message, componentContext) => {
-      var _a;
-      if (eventSourceRef.current) {
-        eventSourceRef.current.close();
-        eventSourceRef.current = null;
-      }
-      if (abortControllerRef.current) {
-        abortControllerRef.current.abort();
-      }
-      abortControllerRef.current = new AbortController();
-      const userMessage = { type: "user", message };
-      setState((prev) => ({
-        ...prev,
-        messages: [...prev.messages, userMessage],
-        isStreaming: true,
-        error: null
-      }));
-      try {
-        const response = await fetch("/api/ai-editor/chat", {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json"
-          },
-          body: JSON.stringify({
-            threadId,
-            sessionId: state.sessionId,
-            message,
-            componentContext
-          }),
-          signal: abortControllerRef.current.signal
-        });
-        if (!response.ok) {
-          throw new Error(`HTTP error! status: ${response.status}`);
-        }
-        const reader = (_a = response.body) == null ? void 0 : _a.getReader();
-        const decoder = new TextDecoder();
-        if (!reader) {
-          throw new Error("No response body");
-        }
-        let currentAssistantMessage = null;
-        while (true) {
-          const { done, value } = await reader.read();
-          if (done) {
-            break;
-          }
-          const chunk = decoder.decode(value, { stream: true });
-          const lines = chunk.split("\n");
-          for (const line of lines) {
-            if (line.startsWith("data: ")) {
-              const data = line.slice(6);
-              const event = parseEventData(data);
-              if (event) {
-                if (event.type === "assistant") {
-                  if (currentAssistantMessage) {
-                    setState((prev) => {
-                      var _a2, _b, _c;
-                      const messages = [...prev.messages];
-                      const lastIndex = messages.length - 1;
-                      if (((_a2 = messages[lastIndex]) == null ? void 0 : _a2.type) === "assistant") {
-                        const existingContent = ((_b = messages[lastIndex].message) == null ? void 0 : _b.content) || [];
-                        const newContent = ((_c = event.message) == null ? void 0 : _c.content) || [];
-                        messages[lastIndex] = {
-                          ...messages[lastIndex],
-                          message: {
-                            ...messages[lastIndex].message,
-                            content: [...existingContent, ...newContent]
-                          }
-                        };
-                      }
-                      return { ...prev, messages };
-                    });
-                  } else {
-                    currentAssistantMessage = event;
-                    setState((prev) => ({
-                      ...prev,
-                      messages: [...prev.messages, event]
-                    }));
-                  }
-                  onMessage == null ? void 0 : onMessage(event);
-                  continue;
-                }
-                currentAssistantMessage = null;
-                if (event.type === "tool_result" || event.type === "user") {
-                  continue;
-                }
-                if (event.type === "tool_use") {
-                  setState((prev) => ({
-                    ...prev,
-                    messages: [...prev.messages, event]
-                  }));
-                  onMessage == null ? void 0 : onMessage(event);
-                  continue;
-                }
-                if (event.type === "result") {
-                  setState((prev) => {
-                    var _a2, _b, _c;
-                    const lastMsg = prev.messages[prev.messages.length - 1];
-                    if ((lastMsg == null ? void 0 : lastMsg.type) === "assistant") {
-                      const lastText = ((_c = (_b = (_a2 = lastMsg.message) == null ? void 0 : _a2.content) == null ? void 0 : _b[0]) == null ? void 0 : _c.text) || "";
-                      const resultText = event.result || "";
-                      if (lastText.includes(resultText) || resultText.includes(lastText)) {
-                        return prev;
-                      }
-                    }
-                    return {
-                      ...prev,
-                      messages: [...prev.messages, event]
-                    };
-                  });
-                  onMessage == null ? void 0 : onMessage(event);
-                  continue;
-                }
-                if (event.type === "connected") {
-                  setState((prev) => ({
-                    ...prev,
-                    sessionId: event.sessionId,
-                    isConnected: true
-                  }));
-                  continue;
-                }
-                if (event.type === "done") {
-                  setState((prev) => ({
-                    ...prev,
-                    isStreaming: false,
-                    messages: [...prev.messages, event]
-                  }));
-                  onDone == null ? void 0 : onDone();
-                  continue;
-                }
-                if (event.type === "error") {
-                  setState((prev) => ({
-                    ...prev,
-                    isStreaming: false,
-                    error: event.error,
-                    messages: [...prev.messages, event]
-                  }));
-                  onError == null ? void 0 : onError(event.error);
-                  continue;
-                }
-                setState((prev) => ({
-                  ...prev,
-                  messages: [...prev.messages, event]
-                }));
-                onMessage == null ? void 0 : onMessage(event);
-              }
-            }
-          }
-        }
-      } catch (error) {
-        if (error.name === "AbortError") {
-          return;
-        }
-        const errorMessage = error.message || "Failed to send message";
-        setState((prev) => ({
-          ...prev,
-          isStreaming: false,
-          error: errorMessage
-        }));
-        onError == null ? void 0 : onError(errorMessage);
-      }
-    },
-    [threadId, state.sessionId, parseEventData, onMessage, onError, onDone]
-  );
-  const clearMessages = react.useCallback(() => {
-    setState((prev) => ({
-      ...prev,
-      messages: []
-    }));
-  }, []);
-  react.useEffect(() => {
-    return () => {
-      if (eventSourceRef.current) {
-        eventSourceRef.current.close();
-      }
-      if (abortControllerRef.current) {
-        abortControllerRef.current.abort();
-      }
-    };
-  }, []);
-  return {
-    ...state,
-    sendMessage,
-    clearMessages
-  };
-}
-function ChatPanel({
-  isExpanded,
-  onToggle,
-  activeTool,
-  onToolChange,
-  attachedContext,
-  onClearContext,
-  theme = "dark"
-}) {
-  const [message, setMessage] = react.useState("");
-  const [threadId] = react.useState(() => `thread-${Date.now()}`);
-  const textareaRef = react.useRef(null);
-  const [contextRanges, setContextRanges] = react.useState([]);
-  const [isMessagesCollapsed, setMessagesCollapsed] = react.useState(false);
-  const { messages, isStreaming, sendMessage } = useChatStream({
-    threadId
-  });
-  react.useEffect(() => {
-    if (attachedContext) {
-      setContextRanges((prev) => [...prev, {
-        start: 0,
-        end: 0,
-        context: attachedContext
-      }]);
-      if (textareaRef.current) {
-        textareaRef.current.focus();
-      }
-      onClearContext();
-    }
-  }, [attachedContext, onClearContext]);
-  const handleInput = react.useCallback((e) => {
-    const target = e.target;
-    setMessage(target.value);
-    target.style.height = "auto";
-    target.style.height = Math.min(target.scrollHeight, 200) + "px";
-  }, []);
-  const handleSend = react.useCallback(async () => {
-    if (!message.trim() || isStreaming) return;
-    const messageText = message;
-    const componentContext = contextRanges.length > 0 && contextRanges[0].context.type === "component" ? contextRanges[0].context.data : void 0;
-    setMessage("");
-    setContextRanges([]);
-    if (textareaRef.current) {
-      textareaRef.current.style.height = "auto";
-    }
-    await sendMessage(messageText, componentContext);
-  }, [message, isStreaming, contextRanges, sendMessage]);
-  const handleKeyDown = react.useCallback((e) => {
-    if ((e.ctrlKey || e.metaKey) && e.key === "Enter") {
-      e.preventDefault();
-      handleSend();
-    }
-    if (e.key === "Escape") {
-      e.preventDefault();
-      onToggle();
-    }
-  }, [handleSend, onToggle]);
-  const commentMessages = messages.filter(
-    (msg) => msg.type === "user" || msg.type === "assistant" || msg.type === "tool_use" || msg.type === "tool_result"
-  ).map((msg) => {
-    var _a, _b, _c;
-    if (msg.type === "user") {
-      return { role: "user", content: msg.message };
-    }
-    if (msg.type === "assistant") {
-      const content = typeof msg.message === "string" ? msg.message : ((_c = (_b = (_a = msg.message) == null ? void 0 : _a.content) == null ? void 0 : _b[0]) == null ? void 0 : _c.text) || "";
-      return { role: "assistant", content };
-    }
-    return msg;
-  });
-  if (!isExpanded) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `chat-panel ai-editor-ui ${theme}`, children: [
-    commentMessages.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `chat-panel-messages-container ${isMessagesCollapsed ? "collapsed" : "expanded"}`, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: "chat-panel-messages-header",
-          onClick: () => setMessagesCollapsed(!isMessagesCollapsed),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "chat-panel-messages-title", children: [
-              commentMessages.length,
-              " message",
-              commentMessages.length !== 1 ? "s" : ""
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "chat-panel-messages-toggle", children: "▼" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "chat-panel-messages", children: /* @__PURE__ */ jsxRuntime.jsx(MessageList, { messages: commentMessages, isStreaming }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "chat-panel-input", children: [
-      contextRanges.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "context-pills-container", children: contextRanges.map((range, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "context-pill-inline", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: range.context.displayText }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            className: "context-pill-remove",
-            onClick: () => {
-              setContextRanges((prev) => prev.filter((_, i) => i !== idx));
-            },
-            title: "Remove context",
-            children: "×"
-          }
-        )
-      ] }, idx)) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "input-row", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "textarea",
-          {
-            ref: textareaRef,
-            className: "message-input",
-            placeholder: "Ask Claude to edit your code...",
-            value: message,
-            onChange: handleInput,
-            onKeyDown: handleKeyDown,
-            disabled: isStreaming,
-            rows: 1
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            className: "send-button",
-            onClick: handleSend,
-            disabled: !message.trim() || isStreaming,
-            children: "↑"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "chat-panel-toolbar", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "chat-panel-tools", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              className: `tool-button ${activeTool === "component" ? "active" : ""}`,
-              onClick: () => onToolChange(activeTool === "component" ? null : "component"),
-              title: "Select Component",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileCode, { size: 16 })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              className: `tool-button ${activeTool === "area" ? "active" : ""}`,
-              onClick: () => onToolChange(activeTool === "area" ? null : "area"),
-              title: "Select Area",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Box, { size: 16 })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              className: `tool-button ${activeTool === "text" ? "active" : ""}`,
-              onClick: () => onToolChange(activeTool === "text" ? null : "text"),
-              title: "Select Text",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Type, { size: 16 })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            className: "close-button",
-            onClick: onToggle,
-            title: "Close (Esc)",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 16 })
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-function ControlPill({
-  isExpanded,
-  onToggle,
-  activeTool
-}) {
-  react.useEffect(() => {
-    const handleKeyDown = (e) => {
-      if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) {
-        return;
-      }
-      if (e.key === " " || e.key === "/") {
-        e.preventDefault();
-        onToggle();
-      }
-      if (e.key === "Escape" && isExpanded) {
-        e.preventDefault();
-        onToggle();
-      }
-    };
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [onToggle, isExpanded]);
-  if (isExpanded) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "control-pill ai-editor-ui", onClick: onToggle, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "control-pill-inner", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { size: 16, className: "pill-icon" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pill-label", children: "Edit" }),
-      activeTool && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "active-tool-indicator", title: `${activeTool} tool active`, children: [
-        activeTool === "component" && "🎯",
-        activeTool === "area" && "⬛",
-        activeTool === "text" && "📝"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "control-pill-hint", children: [
-      "Press ",
-      /* @__PURE__ */ jsxRuntime.jsx("kbd", { children: "Space" }),
-      " or ",
-      /* @__PURE__ */ jsxRuntime.jsx("kbd", { children: "/" }),
-      " to toggle"
-    ] })
-  ] });
-}
-const sourceResolutionCache = /* @__PURE__ */ new Map();
-const inflightSourceResolutions = /* @__PURE__ */ new Map();
-function inferComponentNameFromPath(filePath) {
-  const fileName = filePath.split("/").pop() || "";
-  const nameWithoutExt = fileName.replace(/\.(tsx?|jsx?)$/, "");
-  return nameWithoutExt.charAt(0).toUpperCase() + nameWithoutExt.slice(1);
-}
-async function resolveSourceLocation(source) {
-  if (typeof window === "undefined" || process.env.NODE_ENV !== "development") {
-    return null;
-  }
-  if (!source.debugStack) {
-    console.warn("No debugStack available for resolution:", source);
-    return null;
-  }
-  const cacheKey = source.debugStack;
-  const cached = sourceResolutionCache.get(cacheKey);
-  if (cached) {
-    const resolved2 = { ...source, ...cached };
-    if (resolved2.componentName === "Unknown" && resolved2.filePath) {
-      resolved2.componentName = inferComponentNameFromPath(resolved2.filePath);
-    }
-    return resolved2;
-  }
-  let inflight = inflightSourceResolutions.get(cacheKey);
-  if (!inflight) {
-    inflight = fetch("/api/ai-editor/resolve", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ debugStack: cacheKey })
-    }).then(async (res) => {
-      if (!res.ok) {
-        console.error(`Resolve API error ${res.status}`);
-        return null;
-      }
-      const data = await res.json();
-      if ((data == null ? void 0 : data.success) && data.filePath && data.lineNumber) {
-        const resolved2 = {
-          filePath: data.filePath,
-          lineNumber: data.lineNumber,
-          columnNumber: typeof data.columnNumber === "number" ? data.columnNumber : source.columnNumber
-        };
-        sourceResolutionCache.set(cacheKey, resolved2);
-        return resolved2;
-      }
-      return null;
-    }).catch((err) => {
-      console.error("Error calling resolve API:", err);
-      return null;
-    }).finally(() => {
-      inflightSourceResolutions.delete(cacheKey);
-    });
-    inflightSourceResolutions.set(cacheKey, inflight);
-  }
-  const resolvedInfo = await inflight;
-  if (!resolvedInfo) return null;
-  const resolved = {
-    ...source,
-    filePath: resolvedInfo.filePath,
-    lineNumber: resolvedInfo.lineNumber,
-    columnNumber: resolvedInfo.columnNumber
-  };
-  if (resolved.componentName === "Unknown" && resolved.filePath) {
-    resolved.componentName = inferComponentNameFromPath(resolved.filePath);
-  }
-  return resolved;
-}
-const EditorContext = react.createContext(null);
-function AIEditorProvider({
-  children,
-  theme = "dark",
-  enabled
-}) {
-  const [serverEnabled, setServerEnabled] = react.useState(null);
-  react.useEffect(() => {
-    if (enabled !== void 0) return;
-    fetch("/api/ai-editor/config").then((res) => res.json()).then((data) => {
-      setServerEnabled(data.enabled === true);
-    }).catch(() => {
-      setServerEnabled(false);
-    });
-  }, [enabled]);
-  const isEditorEnabled = enabled ?? serverEnabled;
-  const [isEnabled, setEnabled] = react.useState(false);
-  const [isHistoryOpen, setHistoryOpen] = react.useState(false);
-  const [taskHistory, setTaskHistory] = react.useState([]);
-  const [isChatExpanded, setChatExpanded] = react.useState(false);
-  const [activeTool, setActiveTool] = react.useState(null);
-  const [attachedContext, setAttachedContext] = react.useState(null);
-  react.useCallback(
-    (taskUpdate) => {
-      setTaskHistory((prev) => {
-        const existing = prev.find((t) => t.id === taskUpdate.id);
-        if (existing) {
-          return prev.map(
-            (t) => t.id === taskUpdate.id ? { ...t, ...taskUpdate } : t
-          );
-        } else {
-          return [...prev, taskUpdate];
-        }
-      });
-    },
-    []
-  );
-  const handleChatToggle = react.useCallback(() => {
-    setChatExpanded((prev) => !prev);
-  }, []);
-  const handleToolChange = react.useCallback((tool) => {
-    setActiveTool(tool);
-    if (tool === null) {
-      setAttachedContext(null);
-    }
-  }, []);
-  const handleClearContext = react.useCallback(() => {
-    setAttachedContext(null);
-    setActiveTool(null);
-  }, []);
-  react.useEffect(() => {
-    const handleKey = (e) => {
-      if ((e.ctrlKey || e.metaKey) && e.shiftKey && e.key.toLowerCase() === "e") {
-        e.preventDefault();
-        setEnabled((p) => !p);
-      }
-      if ((e.ctrlKey || e.metaKey) && e.shiftKey && e.key.toLowerCase() === "h") {
-        e.preventDefault();
-        setHistoryOpen((p) => !p);
-      }
-      if (e.key === "Escape" && isHistoryOpen) {
-        e.preventDefault();
-        setHistoryOpen(false);
-      }
-    };
-    window.addEventListener("keydown", handleKey);
-    return () => window.removeEventListener("keydown", handleKey);
-  }, [isHistoryOpen]);
-  if (!isEditorEnabled) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    EditorContext.Provider,
-    {
-      value: {
-        isEnabled,
-        setEnabled
-      },
-      children: [
-        children,
-        activeTool === "component" && /* @__PURE__ */ jsxRuntime.jsx(
-          EditorOverlay,
-          {
-            theme,
-            onComponentSelect: (source, position) => {
-              const contextData = {
-                type: "component",
-                data: source,
-                displayText: `${source.componentName} (${source.filePath}:${source.lineNumber})`
-              };
-              setAttachedContext(contextData);
-              setActiveTool(null);
-              if (!isChatExpanded) {
-                setChatExpanded(true);
-              }
-            }
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: `editor-container ai-editor-ui ${isChatExpanded ? "expanded" : "collapsed"} ${theme}`,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                ChatPanel,
-                {
-                  isExpanded: isChatExpanded,
-                  onToggle: handleChatToggle,
-                  activeTool,
-                  onToolChange: handleToolChange,
-                  attachedContext,
-                  onClearContext: handleClearContext,
-                  theme
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                ControlPill,
-                {
-                  isExpanded: isChatExpanded,
-                  onToggle: handleChatToggle,
-                  activeTool
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          TaskHistoryPanel,
-          {
-            isOpen: isHistoryOpen,
-            onClose: () => setHistoryOpen(false),
-            tasks: taskHistory
-          }
-        )
-      ]
-    }
-  );
-}
-function EditorOverlay({ theme, onComponentSelect }) {
-  var _a;
-  const [hoveredSource, setHoveredSource] = react.useState(
-    null
-  );
-  const [hoveredElement, setHoveredElement] = react.useState(null);
-  const [hoveredRect, setHoveredRect] = react.useState(null);
-  const [mousePos, setMousePos] = react.useState({ x: 0, y: 0 });
-  const [isResolvingSource, setIsResolvingSource] = react.useState(false);
-  const lastHoverStateRef = react.useRef(null);
-  react.useEffect(() => {
-    if (hoveredSource && hoveredElement) {
-      lastHoverStateRef.current = {
-        source: hoveredSource,
-        element: hoveredElement
-      };
-    }
-  }, [hoveredSource, hoveredElement]);
-  const isDark = theme === "dark";
-  const c = {
-    text: isDark ? "#e4e4e7" : "#18181b",
-    muted: isDark ? "#71717a" : "#a1a1aa",
-    accent: "#818cf8",
-    bg: isDark ? "#0d0d14" : "#fff",
-    border: isDark ? "#27273f" : "#e4e4e7",
-    success: "#34d399"
-  };
-  react.useEffect(() => {
-    let lastEl = null;
-    let raf;
-    const onMove = (e) => {
-      setMousePos({ x: e.clientX, y: e.clientY });
-      cancelAnimationFrame(raf);
-      raf = requestAnimationFrame(() => {
-        const el = document.elementFromPoint(e.clientX, e.clientY);
-        if (!el || el.closest(".ai-editor-ui") || el === lastEl) return;
-        lastEl = el;
-        const source = getSourceFromElement(el);
-        if (source) {
-          setHoveredElement(el);
-          setHoveredRect(el.getBoundingClientRect());
-          const isCompiledPath = source.filePath.includes(".next/") || source.filePath.includes("/chunks/") || source.filePath.startsWith("file://") || source.filePath.endsWith(".js") && (source.filePath.includes("/server/") || source.filePath.includes("/static/"));
-          if (isCompiledPath && source.debugStack) {
-            setIsResolvingSource(true);
-            resolveSourceLocation(source).then((resolved) => {
-              setIsResolvingSource(false);
-              setHoveredSource(resolved || source);
-            }).catch((err) => {
-              console.error("Error resolving source location:", err);
-              setIsResolvingSource(false);
-              setHoveredSource(source);
-            });
-          } else {
-            setIsResolvingSource(false);
-            setHoveredSource(source);
-          }
-        } else {
-          setHoveredSource(null);
-          setHoveredElement(null);
-          setHoveredRect(null);
-          setIsResolvingSource(false);
-        }
-      });
-    };
-    const onClick = async (e) => {
-      if (e.target.closest(".ai-editor-ui")) {
-        return;
-      }
-      const el = e.target;
-      const source = getSourceFromElement(el);
-      if (source) {
-        e.preventDefault();
-        e.stopPropagation();
-        const isCompiledPath = source.filePath.includes(".next/") || source.filePath.includes("/chunks/") || source.filePath.startsWith("file://") || source.filePath.endsWith(".js") && (source.filePath.includes("/server/") || source.filePath.includes("/static/"));
-        if (isCompiledPath && source.debugStack) {
-          const resolved = await resolveSourceLocation(source);
-          onComponentSelect(resolved || source, { x: e.clientX, y: e.clientY });
-        } else {
-          onComponentSelect(source, { x: e.clientX, y: e.clientY });
-        }
-      }
-    };
-    document.addEventListener("mousemove", onMove, { passive: true });
-    document.addEventListener("click", onClick, true);
-    return () => {
-      document.removeEventListener("mousemove", onMove);
-      document.removeEventListener("click", onClick, true);
-      cancelAnimationFrame(raf);
-    };
-  }, [onComponentSelect]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: "ai-editor-ui",
-      style: { fontFamily: "system-ui, sans-serif" },
-      children: [
-        hoveredRect && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            style: {
-              position: "fixed",
-              left: hoveredRect.left - 2,
-              top: hoveredRect.top - 2,
-              width: hoveredRect.width + 4,
-              height: hoveredRect.height + 4,
-              border: `2px solid ${c.accent}`,
-              borderRadius: 6,
-              background: `${c.accent}15`,
-              pointerEvents: "none",
-              zIndex: 99998
-            }
-          }
-        ),
-        hoveredSource && !isResolvingSource && /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            style: {
-              position: "fixed",
-              left: Math.min(mousePos.x + 14, window.innerWidth - 340),
-              top: mousePos.y + 14,
-              background: c.bg,
-              color: c.text,
-              border: `1px solid ${c.border}`,
-              borderRadius: 10,
-              padding: "12px 16px",
-              fontSize: 12,
-              fontFamily: "ui-monospace, monospace",
-              zIndex: 99999,
-              boxShadow: `0 8px 30px rgba(0,0,0,${isDark ? 0.5 : 0.15})`,
-              maxWidth: 320,
-              pointerEvents: "none"
-            },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  style: {
-                    fontWeight: 700,
-                    color: c.accent,
-                    marginBottom: 4,
-                    fontSize: 14
-                  },
-                  children: [
-                    "<",
-                    hoveredSource.componentName,
-                    " />"
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { color: c.muted, fontSize: 11 }, children: [
-                hoveredSource.filePath,
-                ":",
-                hoveredSource.lineNumber
-              ] }),
-              ((_a = hoveredSource.elementContext) == null ? void 0 : _a.textContent) && /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  style: {
-                    color: c.muted,
-                    fontSize: 10,
-                    marginTop: 4,
-                    fontStyle: "italic"
-                  },
-                  children: [
-                    '"',
-                    hoveredSource.elementContext.textContent,
-                    '"'
-                  ]
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            style: {
-              position: "fixed",
-              bottom: 20,
-              right: 20,
-              background: c.bg,
-              color: c.success,
-              padding: "10px 16px",
-              borderRadius: 20,
-              fontSize: 13,
-              fontWeight: 600,
-              zIndex: 99997,
-              display: "flex",
-              alignItems: "center",
-              gap: 8,
-              border: `1px solid ${c.border}`,
-              boxShadow: `0 4px 20px rgba(0,0,0,${isDark ? 0.4 : 0.1})`
-            },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  style: {
-                    width: 8,
-                    height: 8,
-                    borderRadius: "50%",
-                    background: c.success
-                  }
-                }
-              ),
-              "Select Component"
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-exports.AIEditorProvider = AIEditorProvider;
-exports.ChatPanel = ChatPanel;
-exports.ControlPill = ControlPill;
-//# sourceMappingURL=AIEditorProvider-CLgf1Vwa.cjs.map