@inspecto-dev/core 0.2.0-alpha.4 → 0.3.0-alpha.1

package/dist/component-VOGY7YTT.js

@@ -1,1115 +0,0 @@
-import {
-  __async
-} from "./chunk-C4KO2HLL.js";
-
-// src/styles.ts
-var overlayClass = "inspecto-overlay";
-var menuClass = "inspecto-menu";
-var menuItemClass = "inspecto-menu-item";
-var loadingSpinnerClass = "inspecto-spinner";
-var errorMsgClass = "inspecto-error";
-var badgeClass = "inspecto-badge";
-var menuInputClass = "inspecto-menu-input";
-var menuInputWrapperClass = "inspecto-menu-input-wrapper";
-var menuInputIconClass = "inspecto-menu-input-icon";
-var tooltipClass = "inspecto-tooltip";
-var tooltipTopClass = "inspecto-tooltip-top";
-var tooltipBottomClass = "inspecto-tooltip-bottom";
-var tagClass = "inspecto-tag";
-var idClass = "inspecto-id";
-var classClass = "inspecto-class";
-var dimClass = "inspecto-dim";
-var separatorClass = "inspecto-separator";
-var sourceClass = "inspecto-source";
-var shortcutIconClass = "ai-shortcut-icon";
-var darkVars = `
-  --inspecto-menu-bg: #252526;
-  --inspecto-menu-border: #454545;
-  --inspecto-menu-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
-  --inspecto-text: #cccccc;
-  --inspecto-text-muted: #858585;
-  --inspecto-hover-bg: #04395e;
-  --inspecto-hover-text: #ffffff;
-  --inspecto-hover-icon: #ffffff;
-  --inspecto-input-bg: #3c3c3c;
-  --inspecto-input-border: #007acc;
-  --inspecto-shortcut-text: #858585;
-  --inspecto-badge-bg: rgba(30, 30, 30, 0.7);
-  --inspecto-badge-text: #e5e5e5;
-  --inspecto-badge-active-bg: #007acc;
-  --inspecto-badge-active-text: #ffffff;
-  --inspecto-badge-border: 1px solid rgba(255, 255, 255, 0.1);
-  
-  --inspecto-tooltip-bg: #222222;
-  --inspecto-tooltip-text: #cccccc;
-  --inspecto-tooltip-border: #444;
-  --inspecto-tooltip-shadow: 0 2px 10px rgba(0,0,0,0.5);
-  --inspecto-tag-color: #d16969;
-  --inspecto-id-color: #d16969;
-  --inspecto-class-color: #9cdcfe;
-  --inspecto-dim-color: #858585;
-  --inspecto-error-color: #ef4444;
-`;
-var inspectorStyles = `
-  :host {
-    /* Light theme (default) */
-    --inspecto-menu-bg: #ffffff;
-    --inspecto-menu-border: #d4d4d4;
-    --inspecto-menu-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-    --inspecto-text: #333333;
-    --inspecto-text-muted: #6b7280;
-    --inspecto-hover-bg: #0060c0;
-    --inspecto-hover-text: #ffffff;
-    --inspecto-hover-icon: #ffffff;
-    --inspecto-input-bg: #ffffff;
-    --inspecto-input-border: #007acc;
-    --inspecto-shortcut-text: #9ca3af;
-    --inspecto-badge-bg: rgba(30, 30, 30, 0.7);
-    --inspecto-badge-text: #e5e5e5;
-    --inspecto-badge-active-bg: #007acc;
-    --inspecto-badge-active-text: #ffffff;
-    --inspecto-badge-border: 1px solid rgba(255, 255, 255, 0.1);
-    
-    /* Chrome DevTools like colors */
-    --inspecto-overlay-border: #4285f4; /* Google Blue */
-    --inspecto-overlay-bg: rgba(66, 133, 244, 0.2); 
-    --inspecto-tooltip-bg: #ffffff;
-    --inspecto-tooltip-text: #333333;
-    --inspecto-tooltip-border: #ccc;
-    --inspecto-tooltip-shadow: 0 2px 10px rgba(0,0,0,0.1);
-    
-    --inspecto-tag-color: #8b008b; /* Dark magenta */
-    --inspecto-id-color: #8b008b;
-    --inspecto-class-color: #00008b; /* Dark blue */
-    --inspecto-dim-color: #555555;
-    --inspecto-error-color: #ef4444;
-  }
-
-  :host([data-theme="dark"]) {
-    ${darkVars}
-  }
-
-  @media (prefers-color-scheme: dark) {
-    :host(:not([data-theme="light"])) {
-      ${darkVars}
-    }
-  }
-
-  .${overlayClass} {
-    position: fixed;
-    pointer-events: none;
-    z-index: 2147483646;
-    border: 1px dashed var(--inspecto-overlay-border);
-    background: var(--inspecto-overlay-bg);
-    box-sizing: border-box;
-    transition: all 0.05s linear;
-  }
-
-  .${tooltipClass} {
-    position: fixed;
-    pointer-events: none;
-    z-index: 2147483647;
-    background: var(--inspecto-tooltip-bg);
-    color: var(--inspecto-tooltip-text);
-    border: 1px solid var(--inspecto-tooltip-border);
-    border-radius: 4px;
-    box-shadow: var(--inspecto-tooltip-shadow);
-    padding: 6px 10px;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-    font-size: 12px;
-    line-height: 1.4;
-    transition: all 0.05s linear;
-    display: flex;
-    flex-direction: column;
-    gap: 4px;
-  }
-  
-  /* Create the small pointer arrow like Chrome DevTools */
-  .${tooltipClass}::after {
-    content: '';
-    position: absolute;
-    width: 0;
-    height: 0;
-    border-style: solid;
-  }
-
-  .${tooltipTopClass}::after {
-    bottom: -6px;
-    left: var(--inspecto-arrow-left, 10px);
-    border-width: 6px 6px 0 6px;
-    border-color: var(--inspecto-tooltip-bg) transparent transparent transparent;
-  }
-
-  .${tooltipBottomClass}::after {
-    top: -6px;
-    left: var(--inspecto-arrow-left, 10px);
-    border-width: 0 6px 6px 6px;
-    border-color: transparent transparent var(--inspecto-tooltip-bg) transparent;
-  }
-  
-  /* Outline for the arrow to match border */
-  .${tooltipClass}::before {
-    content: '';
-    position: absolute;
-    width: 0;
-    height: 0;
-    border-style: solid;
-  }
-  
-  .${tooltipTopClass}::before {
-    bottom: -7px;
-    left: calc(var(--inspecto-arrow-left, 10px) - 1px);
-    border-width: 7px 7px 0 7px;
-    border-color: var(--inspecto-tooltip-border) transparent transparent transparent;
-  }
-  
-  .${tooltipBottomClass}::before {
-    top: -7px;
-    left: calc(var(--inspecto-arrow-left, 10px) - 1px);
-    border-width: 0 7px 7px 7px;
-    border-color: transparent transparent var(--inspecto-tooltip-border) transparent;
-  }
-
-  .${tagClass} {
-    color: var(--inspecto-tag-color);
-    font-weight: 600;
-    font-family: monospace;
-  }
-  
-  .${idClass} {
-    color: var(--inspecto-id-color);
-    font-weight: 600;
-    font-family: monospace;
-  }
-
-  .${classClass} {
-    color: var(--inspecto-class-color);
-    font-family: monospace;
-  }
-
-  .${dimClass} {
-    color: var(--inspecto-dim-color);
-    margin-left: 4px;
-  }
-  
-  .${separatorClass} {
-    height: 1px;
-    background: var(--inspecto-tooltip-border);
-    margin: 2px -10px;
-    opacity: 0.5;
-  }
-  
-  .${sourceClass} {
-    font-family: 'SF Mono', 'Fira Code', monospace;
-    font-size: 11px;
-    color: var(--inspecto-text-muted);
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-width: 300px;
-  }
-
-  .${menuClass} {
-    position: fixed;
-    z-index: 2147483647;
-    background: var(--inspecto-menu-bg);
-    border: 1px solid var(--inspecto-menu-border);
-    border-radius: 6px;
-    padding: 6px;
-    min-width: 300px;
-    box-shadow: var(--inspecto-menu-shadow);
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-    color: var(--inspecto-text);
-  }
-
-  .${menuInputWrapperClass} {
-    display: flex;
-    align-items: center;
-    border: 1px solid var(--inspecto-menu-border);
-    border-radius: 4px;
-    padding: 6px 8px;
-    margin: 4px;
-    margin-bottom: 8px;
-  }
-  
-  .${menuInputWrapperClass}:focus-within {
-    border-color: var(--inspecto-input-border);
-  }
-
-  .${menuInputClass} {
-    width: 100%;
-    border: none;
-    outline: none;
-    font-size: 13px;
-    color: var(--inspecto-text);
-    background: transparent;
-  }
-
-  .${menuInputClass}::placeholder {
-    color: var(--inspecto-text-muted);
-  }
-
-  .${menuInputIconClass} {
-    color: var(--inspecto-text-muted);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-left: 4px;
-  }
-
-  .${menuInputIconClass}:hover {
-    color: var(--inspecto-text);
-  }
-
-  .${menuItemClass} {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    width: 100%;
-    padding: 6px 10px;
-    margin: 2px 0;
-    border: none;
-    border-radius: 4px;
-    background: transparent;
-    color: var(--inspecto-text);
-    font-size: 13px;
-    cursor: pointer;
-    text-align: left;
-  }
-
-  .${menuItemClass}:hover {
-    background: var(--inspecto-hover-bg);
-    color: var(--inspecto-hover-text);
-  }
-
-  .${menuItemClass} .${shortcutIconClass} {
-    margin-left: auto;
-    color: var(--inspecto-text-muted);
-  }
-
-  .${menuItemClass}:hover .${shortcutIconClass} {
-    color: var(--inspecto-hover-icon);
-  }
-
-  @keyframes spin {
-    to { transform: rotate(360deg); }
-  }
-
-  .${loadingSpinnerClass} {
-    width: 14px;
-    height: 14px;
-    border: 2px solid var(--inspecto-overlay-border);
-    border-top-color: transparent;
-    border-radius: 50%;
-    animation: spin 0.7s linear infinite;
-    margin: 4px auto;
-    display: block;
-  }
-
-  .${errorMsgClass} {
-    font-size: 11px;
-    color: var(--inspecto-error-color);
-    padding: 4px 8px;
-    text-align: center;
-  }
-
-  .${badgeClass} {
-    position: fixed;
-    bottom: 16px;
-    right: 16px;
-    z-index: 2147483645;
-    background: var(--inspecto-badge-bg);
-    color: var(--inspecto-badge-text);
-    border: var(--inspecto-badge-border);
-    border-radius: 20px;
-    padding: 6px 12px;
-    font-size: 12px;
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-    cursor: grab;
-    opacity: 0.85;
-    transition: background 0.2s, color 0.2s, opacity 0.2s, box-shadow 0.2s;
-    pointer-events: all;
-    backdrop-filter: blur(4px);
-    -webkit-backdrop-filter: blur(4px);
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    user-select: none;
-    -webkit-user-select: none;
-    touch-action: none;
-  }
-
-  .${badgeClass}:active {
-    cursor: grabbing;
-  }
-
-  .${badgeClass}-close {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 16px;
-    height: 16px;
-    border-radius: 50%;
-    background: transparent;
-    color: currentColor;
-    font-size: 14px;
-    line-height: 1;
-    opacity: 0.5;
-    transition: opacity 0.2s, background 0.2s;
-    margin-left: 2px;
-    cursor: pointer;
-  }
-
-  .${badgeClass}-close:hover {
-    opacity: 1;
-    background: rgba(255, 255, 255, 0.2);
-  }
-
-  .${badgeClass}.active {
-    background: var(--inspecto-badge-active-bg);
-    color: var(--inspecto-badge-active-text);
-    border: 1px solid transparent;
-    box-shadow: 0 0 10px rgba(0, 122, 204, 0.3);
-  }
-
-  .${badgeClass}.disabled {
-    background: rgba(30, 30, 30, 0.4);
-    color: rgba(229, 229, 229, 0.5);
-    text-decoration: line-through;
-    border: 1px dashed rgba(255, 255, 255, 0.1);
-  }
-
-  .${badgeClass}.disabled .${badgeClass}-close {
-    opacity: 0.8;
-    text-decoration: none;
-    transform: rotate(45deg);
-  }
-
-  .${badgeClass}:hover {
-    opacity: 1;
-  }
-`;
-
-// src/overlay.ts
-var GAP = 8;
-var EDGE_MARGIN = 4;
-function createOverlay(shadowRoot) {
-  const overlay = document.createElement("div");
-  overlay.className = overlayClass;
-  overlay.style.display = "none";
-  const tooltip = document.createElement("div");
-  tooltip.className = tooltipClass;
-  const tagSpan = document.createElement("span");
-  tagSpan.className = tagClass;
-  const idSpan = document.createElement("span");
-  idSpan.className = idClass;
-  const classSpan = document.createElement("span");
-  classSpan.className = classClass;
-  const dimSpan = document.createElement("span");
-  dimSpan.className = dimClass;
-  const separator = document.createElement("div");
-  separator.className = separatorClass;
-  const sourceSpan = document.createElement("div");
-  sourceSpan.className = sourceClass;
-  tooltip.appendChild(tagSpan);
-  tooltip.appendChild(idSpan);
-  tooltip.appendChild(classSpan);
-  tooltip.appendChild(document.createTextNode(" "));
-  tooltip.appendChild(dimSpan);
-  tooltip.appendChild(separator);
-  tooltip.appendChild(sourceSpan);
-  shadowRoot.appendChild(overlay);
-  shadowRoot.appendChild(tooltip);
-  function show(el, sourceLabel) {
-    const rect = el.getBoundingClientRect();
-    overlay.style.display = "block";
-    overlay.style.left = `${rect.left}px`;
-    overlay.style.top = `${rect.top}px`;
-    overlay.style.width = `${rect.width}px`;
-    overlay.style.height = `${rect.height}px`;
-    const tagName = el.tagName.toLowerCase();
-    tagSpan.textContent = tagName;
-    idSpan.textContent = el.id ? `#${el.id}` : "";
-    const classes = Array.from(el.classList).map((c) => `.${c}`).join("");
-    classSpan.textContent = classes;
-    dimSpan.textContent = `${Math.round(rect.width)} \xD7 ${Math.round(rect.height)}`;
-    sourceSpan.textContent = sourceLabel;
-    tooltip.style.visibility = "hidden";
-    tooltip.style.display = "block";
-    const tooltipRect = tooltip.getBoundingClientRect();
-    const viewportWidth = document.documentElement.clientWidth || window.innerWidth;
-    const viewportHeight = document.documentElement.clientHeight || window.innerHeight;
-    let tooltipTop = rect.top - tooltipRect.height - GAP;
-    let isBottom = false;
-    if (tooltipTop < EDGE_MARGIN) {
-      tooltipTop = rect.bottom + GAP;
-      if (tooltipTop + tooltipRect.height > viewportHeight - EDGE_MARGIN) {
-        tooltipTop = viewportHeight - tooltipRect.height - EDGE_MARGIN;
-      }
-      isBottom = true;
-    }
-    tooltip.classList.toggle(tooltipBottomClass, isBottom);
-    tooltip.classList.toggle(tooltipTopClass, !isBottom);
-    let tooltipLeft = rect.left;
-    if (tooltipLeft + tooltipRect.width > viewportWidth - EDGE_MARGIN) {
-      tooltipLeft = viewportWidth - tooltipRect.width - EDGE_MARGIN;
-    }
-    if (tooltipLeft < EDGE_MARGIN) {
-      tooltipLeft = EDGE_MARGIN;
-    }
-    const targetPointX = rect.left + Math.min(15, rect.width / 2);
-    let arrowLeft = targetPointX - tooltipLeft;
-    arrowLeft = Math.max(6, Math.min(arrowLeft, tooltipRect.width - 18));
-    tooltip.style.left = `${tooltipLeft}px`;
-    tooltip.style.top = `${tooltipTop}px`;
-    tooltip.style.setProperty("--inspecto-arrow-left", `${arrowLeft}px`);
-    tooltip.style.visibility = "visible";
-  }
-  function hide() {
-    overlay.style.display = "none";
-    tooltip.style.display = "none";
-  }
-  return { show, hide };
-}
-
-// src/intents.ts
-function CUSTOM_PROMPT_TEMPLATE(userPrompt) {
-  return userPrompt;
-}
-function detectFramework(fileName) {
-  var _a;
-  const ext = ((_a = fileName.split(".").pop()) == null ? void 0 : _a.toLowerCase()) || "";
-  switch (ext) {
-    case "vue":
-      return "Vue";
-    case "svelte":
-      return "Svelte";
-    case "astro":
-      return "Astro";
-    case "jsx":
-    case "tsx":
-      return "React";
-    case "ts":
-    case "js":
-      return "JavaScript/TypeScript";
-    default:
-      return "UI";
-  }
-}
-function buildPrompt(template, location, snippetResult) {
-  var _a, _b, _c;
-  const shortFile = (_a = location.file.split("/").pop()) != null ? _a : location.file;
-  const ext = ((_b = shortFile.split(".").pop()) == null ? void 0 : _b.toLowerCase()) || "tsx";
-  const framework = detectFramework(shortFile);
-  let finalPrompt = template.replace(/\{\{file\}\}/g, location.file).replace(/\{\{line\}\}/g, String(location.line)).replace(/\{\{column\}\}/g, String(location.column)).replace(/\{\{ext\}\}/g, ext).replace(/\{\{framework\}\}/g, framework).replace(/\{\{name\}\}/g, shortFile);
-  if (snippetResult && snippetResult.snippet) {
-    const name = (_c = snippetResult.name) != null ? _c : shortFile;
-    finalPrompt = finalPrompt.replace(/\{\{name\}\}/g, name);
-    finalPrompt += `
-
-Context from \`${location.file}\` (line ${location.line}):
-\`\`\`${ext}
-${snippetResult.snippet}
-\`\`\``;
-  }
-  return finalPrompt;
-}
-
-// src/http.ts
-import { INSPECTO_API_PATHS } from "@inspecto-dev/types";
-var BASE_URL = globalThis.__AI_INSPECTOR_SERVER_URL__ || "http://127.0.0.1:5678";
-function setBaseUrl(url) {
-  BASE_URL = url.replace(/\/$/, "");
-}
-var cachedConfig = null;
-function fetchIdeInfo(force = false) {
-  return __async(this, null, function* () {
-    if (cachedConfig && !force) return cachedConfig;
-    try {
-      const res = yield fetch(`${BASE_URL}${INSPECTO_API_PATHS.CLIENT_CONFIG}`);
-      if (!res.ok) return null;
-      cachedConfig = yield res.json();
-      return cachedConfig;
-    } catch (e) {
-      return null;
-    }
-  });
-}
-function openFile(req) {
-  return __async(this, null, function* () {
-    try {
-      const res = yield fetch(`${BASE_URL}${INSPECTO_API_PATHS.IDE_OPEN}`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(req)
-      });
-      return res.ok;
-    } catch (e) {
-      return false;
-    }
-  });
-}
-function fetchSnippet(file, line, column, maxLines = 100) {
-  return __async(this, null, function* () {
-    const params = new URLSearchParams({
-      file,
-      line: String(line),
-      column: String(column),
-      maxLines: String(maxLines)
-    });
-    const res = yield fetch(`${BASE_URL}${INSPECTO_API_PATHS.PROJECT_SNIPPET}?${params}`);
-    if (!res.ok) {
-      const err = yield res.json().catch(() => ({}));
-      throw Object.assign(new Error("snippet fetch failed"), { errorCode: err.errorCode });
-    }
-    return res.json();
-  });
-}
-function sendToAi(req) {
-  return __async(this, null, function* () {
-    var _a;
-    const res = yield fetch(`${BASE_URL}${INSPECTO_API_PATHS.AI_DISPATCH}`, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify(req)
-    });
-    if (!res.ok) {
-      const err = yield res.json().catch(() => ({}));
-      return {
-        success: false,
-        error: (_a = err.error) != null ? _a : "Request failed",
-        errorCode: err.errorCode
-      };
-    }
-    return res.json();
-  });
-}
-
-// src/menu.ts
-var MENU_WIDTH = 280;
-function showIntentMenu(shadowRoot, location, clickX, clickY, options, onClose) {
-  var _a, _b;
-  const maxSnippetLines = (_a = options.maxSnippetLines) != null ? _a : 100;
-  const includeSnippet = (_b = options.includeSnippet) != null ? _b : false;
-  const menu = document.createElement("div");
-  menu.className = menuClass;
-  const { input, inputWrapper, sendIcon } = createAskInput(options.askPlaceholder);
-  menu.appendChild(inputWrapper);
-  const separator = document.createElement("div");
-  separator.style.height = "1px";
-  separator.style.background = "var(--inspecto-menu-border)";
-  separator.style.margin = "8px 4px 6px 4px";
-  menu.appendChild(separator);
-  const loadingEl = document.createElement("div");
-  loadingEl.className = loadingSpinnerClass;
-  menu.appendChild(loadingEl);
-  const viewportWidth = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0);
-  const safeWidth = viewportWidth > 0 ? viewportWidth : MENU_WIDTH;
-  menu.style.left = `${Math.min(clickX, Math.max(safeWidth - MENU_WIDTH, 0))}px`;
-  menu.style.visibility = "hidden";
-  menu.style.display = "block";
-  shadowRoot.appendChild(menu);
-  const updatePosition = () => {
-    const rect = menu.getBoundingClientRect();
-    const viewportHeight = Math.max(
-      document.documentElement.clientHeight || 0,
-      window.innerHeight || 0
-    );
-    const safeHeight = viewportHeight > 0 ? viewportHeight : rect.height + 16;
-    menu.style.top = `${Math.min(clickY + 8, Math.max(safeHeight - rect.height - 8, 0))}px`;
-  };
-  updatePosition();
-  menu.style.visibility = "visible";
-  setTimeout(() => input.focus(), 0);
-  const onDocClick = (e) => {
-    const path = e.composedPath();
-    if (path.includes(menu)) return;
-    cleanup();
-  };
-  setTimeout(() => document.addEventListener("click", onDocClick, { capture: true }), 0);
-  function cleanup() {
-    document.removeEventListener("click", onDocClick, { capture: true });
-    menu.remove();
-    onClose();
-  }
-  const handleSend = (promptText, snippetText, disable, restore) => __async(null, null, function* () {
-    var _a2, _b2;
-    disable();
-    const opened = yield openFile(location);
-    if (!opened) {
-      restore();
-      showError(menu, "Unable to open file in the IDE.", "IDE_UNAVAILABLE");
-      return;
-    }
-    yield new Promise((r) => setTimeout(r, 100));
-    const result = yield sendToAi({ location, snippet: snippetText, prompt: promptText });
-    if (result.success) {
-      if ((_a2 = result.fallbackPayload) == null ? void 0 : _a2.prompt) {
-        try {
-          yield navigator.clipboard.writeText(result.fallbackPayload.prompt);
-        } catch (e) {
-        }
-      }
-      cleanup();
-    } else {
-      restore();
-      showError(menu, (_b2 = result.error) != null ? _b2 : "Unknown error", result.errorCode);
-    }
-  });
-  const submitAsk = () => __async(null, null, function* () {
-    if (!input.value.trim()) return;
-    input.disabled = true;
-    sendIcon.style.pointerEvents = "none";
-    try {
-      let snippetResult = null;
-      if (includeSnippet) {
-        snippetResult = yield fetchSnippet(
-          location.file,
-          location.line,
-          location.column,
-          maxSnippetLines
-        );
-      }
-      const prompt = buildPrompt(
-        CUSTOM_PROMPT_TEMPLATE(input.value.trim()),
-        location,
-        snippetResult
-      );
-      yield handleSend(
-        prompt,
-        (snippetResult == null ? void 0 : snippetResult.snippet) || "",
-        () => {
-        },
-        // already disabled
-        () => {
-          input.disabled = false;
-          sendIcon.style.pointerEvents = "auto";
-        }
-      );
-    } catch (err) {
-      input.disabled = false;
-      sendIcon.style.pointerEvents = "auto";
-      showError(menu, err.message, err.errorCode);
-    }
-  });
-  input.addEventListener("keydown", (e) => {
-    if (e.key === "Enter") submitAsk();
-  });
-  sendIcon.addEventListener("click", submitAsk);
-  fetchIdeInfo().then((ideInfo) => {
-    var _a2, _b2, _c, _d;
-    loadingEl.remove();
-    const intents = (ideInfo == null ? void 0 : ideInfo.prompts) || [];
-    for (const intent of intents) {
-      if (intent.isAction && intent.id === "open-in-editor") {
-        const btn2 = document.createElement("button");
-        btn2.className = menuItemClass;
-        const span = document.createElement("span");
-        span.textContent = (_a2 = intent.label) != null ? _a2 : "Unknown";
-        btn2.appendChild(span);
-        const shortcutDiv = document.createElement("div");
-        shortcutDiv.className = shortcutIconClass;
-        shortcutDiv.textContent = "\u21B5";
-        btn2.appendChild(shortcutDiv);
-        btn2.addEventListener("click", (e) => __async(null, null, function* () {
-          e.stopPropagation();
-          btn2.disabled = true;
-          const opened = yield openFile(location);
-          if (opened) {
-            cleanup();
-            return;
-          }
-          btn2.disabled = false;
-          showError(menu, "Unable to open file in the IDE.", "IDE_UNAVAILABLE");
-        }));
-        menu.appendChild(btn2);
-        continue;
-      }
-      let fullPromptTemplate = (_b2 = intent.prompt) != null ? _b2 : "";
-      if (intent.prependPrompt)
-        fullPromptTemplate = intent.prependPrompt + "\n\n" + fullPromptTemplate;
-      if (intent.appendPrompt)
-        fullPromptTemplate = fullPromptTemplate + "\n\n" + intent.appendPrompt;
-      const label = (_d = (_c = intent.label) != null ? _c : intent.id) != null ? _d : "Unknown";
-      const btn = document.createElement("button");
-      btn.className = menuItemClass;
-      btn.textContent = label;
-      btn.addEventListener("click", (e) => __async(null, null, function* () {
-        e.stopPropagation();
-        btn.disabled = true;
-        btn.textContent = "Sending...";
-        try {
-          let snippetResult = null;
-          if (includeSnippet) {
-            snippetResult = yield fetchSnippet(
-              location.file,
-              location.line,
-              location.column,
-              maxSnippetLines
-            );
-          }
-          const prompt = buildPrompt(fullPromptTemplate, location, snippetResult);
-          yield handleSend(
-            prompt,
-            (snippetResult == null ? void 0 : snippetResult.snippet) || "",
-            () => {
-            },
-            // already disabled
-            () => {
-              btn.disabled = false;
-              btn.textContent = label;
-            }
-          );
-        } catch (err) {
-          btn.disabled = false;
-          btn.textContent = label;
-          showError(menu, err.message, err.errorCode);
-        }
-      }));
-      menu.appendChild(btn);
-    }
-    updatePosition();
-  }).catch((err) => {
-    var _a2;
-    loadingEl.remove();
-    const isServerDown = err instanceof TypeError;
-    showError(
-      menu,
-      isServerDown ? "Cannot connect to inspector server. Is the dev server running?" : err.message,
-      (_a2 = err.errorCode) != null ? _a2 : "UNKNOWN"
-    );
-    updatePosition();
-  });
-  return cleanup;
-}
-function createAskInput(placeholder) {
-  const inputWrapper = document.createElement("div");
-  inputWrapper.className = menuInputWrapperClass;
-  const input = document.createElement("input");
-  input.className = menuInputClass;
-  input.type = "text";
-  input.placeholder = placeholder != null ? placeholder : "Describe how to change this component...";
-  const sendIcon = document.createElement("div");
-  sendIcon.className = menuInputIconClass;
-  sendIcon.innerHTML = `<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>`;
-  sendIcon.style.cursor = "pointer";
-  inputWrapper.appendChild(input);
-  inputWrapper.appendChild(sendIcon);
-  return { input, inputWrapper, sendIcon };
-}
-function showError(menu, message, errorCode) {
-  var _a;
-  (_a = menu.querySelector(`.${errorMsgClass}`)) == null ? void 0 : _a.remove();
-  const errEl = document.createElement("div");
-  errEl.className = errorMsgClass;
-  errEl.textContent = errorCode === "FILE_NOT_FOUND" ? "Source file not found. Is the server running?" : `Error: ${message}`;
-  menu.appendChild(errEl);
-}
-
-// src/component.ts
-var ATTR_NAME = "data-inspecto";
-function parseAttrValue(value) {
-  const parts = value.split(":");
-  if (parts.length < 3) return null;
-  const col = parseInt(parts[parts.length - 1], 10);
-  const line = parseInt(parts[parts.length - 2], 10);
-  const file = parts.slice(0, parts.length - 2).join(":");
-  if (isNaN(line) || isNaN(col) || !file) return null;
-  return { file, line, column: col };
-}
-function findInspectable(el) {
-  while (el) {
-    if (el.hasAttribute(ATTR_NAME)) return el;
-    el = el.parentElement;
-  }
-  return null;
-}
-function parseHotKeyString(hotKey) {
-  const keys = hotKey.split("+").map((k) => k.trim().toLowerCase());
-  const result = [];
-  if (keys.includes("alt") || keys.includes("option")) result.push("altKey");
-  if (keys.includes("ctrl") || keys.includes("control")) result.push("ctrlKey");
-  if (keys.includes("meta") || keys.includes("cmd") || keys.includes("command") || keys.includes("win"))
-    result.push("metaKey");
-  if (keys.includes("shift")) result.push("shiftKey");
-  return result;
-}
-function hotKeysHeld(event, hotKeys) {
-  if (!hotKeys) return false;
-  const mappedKeys = parseHotKeyString(hotKeys);
-  if (mappedKeys.length === 0) return false;
-  return mappedKeys.every((key) => event[key]);
-}
-var BaseElement = typeof HTMLElement !== "undefined" ? HTMLElement : class {
-};
-var InspectoElement = class extends BaseElement {
-  constructor() {
-    super(...arguments);
-    this.options = {};
-    this.serverHotKeys = null;
-    this.active = false;
-    this.disabled = false;
-    this.isDragging = false;
-    this.hasMoved = false;
-    this.dragStartX = 0;
-    this.dragStartY = 0;
-    this.badgeInitialRight = 16;
-    this.badgeInitialBottom = 16;
-    this.cleanupMenu = null;
-    this.onDragStart = (e) => {
-      var _a;
-      if (e.button !== 0) return;
-      if ((_a = e.target.classList) == null ? void 0 : _a.contains(`${badgeClass}-close`)) return;
-      e.preventDefault();
-      this.isDragging = true;
-      this.hasMoved = false;
-      const rect = this.badge.getBoundingClientRect();
-      this.dragStartX = e.clientX - rect.left;
-      this.dragStartY = e.clientY - rect.top;
-      document.addEventListener("mousemove", this.onDragMove);
-      document.addEventListener("mouseup", this.onDragEnd);
-    };
-    this.onDragMove = (e) => {
-      if (!this.isDragging) return;
-      this.hasMoved = true;
-      let newLeft = e.clientX - this.dragStartX;
-      let newTop = e.clientY - this.dragStartY;
-      const badgeWidth = this.badge.offsetWidth;
-      const badgeHeight = this.badge.offsetHeight;
-      newLeft = Math.max(0, Math.min(newLeft, window.innerWidth - badgeWidth));
-      newTop = Math.max(0, Math.min(newTop, window.innerHeight - badgeHeight));
-      this.badge.style.transition = "none";
-      this.badge.style.right = "auto";
-      this.badge.style.bottom = "auto";
-      this.badge.style.left = `${newLeft}px`;
-      this.badge.style.top = `${newTop}px`;
-    };
-    this.onDragEnd = () => {
-      document.removeEventListener("mousemove", this.onDragMove);
-      document.removeEventListener("mouseup", this.onDragEnd);
-      this.badge.style.transition = "";
-      setTimeout(() => {
-        this.isDragging = false;
-      }, 0);
-    };
-    this.onMouseMove = (e) => {
-      var _a;
-      const isActive = this.isInspectorActive(e);
-      if (!isActive) {
-        this.overlay.hide();
-        return;
-      }
-      const target = findInspectable(e.target);
-      if (!target) {
-        this.overlay.hide();
-        return;
-      }
-      const attrValue = target.getAttribute(ATTR_NAME);
-      const loc = parseAttrValue(attrValue);
-      const label = loc ? `${(_a = loc.file.split("/").pop()) != null ? _a : ""}:${loc.line}` : attrValue;
-      this.overlay.show(target, label);
-      e.stopPropagation();
-    };
-    this.onClick = (e) => {
-      this.handleTrigger(e);
-    };
-    this.onContextMenu = (e) => {
-      if (this.isInspectorActive(e)) {
-        this.handleTrigger(e);
-      }
-    };
-    this.onKeyDown = (e) => {
-      var _a;
-      if (e.key === "Escape") {
-        (_a = this.cleanupMenu) == null ? void 0 : _a.call(this);
-        this.overlay.hide();
-      }
-    };
-  }
-  connectedCallback() {
-    this.shadowRootEl = this.attachShadow({ mode: "open" });
-    const style = document.createElement("style");
-    style.textContent = inspectorStyles;
-    this.shadowRootEl.appendChild(style);
-    this.overlay = createOverlay(this.shadowRootEl);
-    this.badge = this.createBadge();
-    this.setupListeners();
-    if (this.options.defaultActive) {
-      this.setActive(true);
-    }
-  }
-  disconnectedCallback() {
-    this.teardownListeners();
-  }
-  configure(options) {
-    this.options = options;
-    if (options.serverUrl) {
-      setBaseUrl(options.serverUrl);
-    }
-    if (options.theme === "dark") {
-      this.setAttribute("data-theme", "dark");
-    } else if (options.theme === "light") {
-      this.setAttribute("data-theme", "light");
-    } else {
-      this.removeAttribute("data-theme");
-    }
-    fetchIdeInfo(true).then((info) => {
-      if ((info == null ? void 0 : info.hotKeys) !== void 0) {
-        this.serverHotKeys = info.hotKeys;
-        this.updateBadgeContent();
-      }
-      if ((info == null ? void 0 : info.theme) !== void 0) {
-        if (info.theme === "dark") {
-          this.setAttribute("data-theme", "dark");
-        } else if (info.theme === "light") {
-          this.setAttribute("data-theme", "light");
-        } else {
-          this.removeAttribute("data-theme");
-        }
-      }
-      if ((info == null ? void 0 : info.includeSnippet) !== void 0) {
-        this.options.includeSnippet = info.includeSnippet;
-      }
-    }).catch(() => {
-    });
-  }
-  createBadge() {
-    const btn = document.createElement("button");
-    btn.className = badgeClass;
-    btn.style.display = "flex";
-    const textSpan = document.createElement("span");
-    textSpan.textContent = "Inspecto Ready";
-    const closeBtn = document.createElement("span");
-    closeBtn.className = `${badgeClass}-close`;
-    closeBtn.innerHTML = "\xD7";
-    closeBtn.title = "Pause Inspector";
-    closeBtn.addEventListener("click", (e) => {
-      e.stopPropagation();
-      this.toggleDisabled();
-    });
-    btn.appendChild(textSpan);
-    btn.appendChild(closeBtn);
-    btn.addEventListener("mousedown", this.onDragStart);
-    btn.addEventListener("click", (e) => {
-      if (this.hasMoved) {
-        this.hasMoved = false;
-        return;
-      }
-      if (this.disabled) {
-        this.toggleDisabled();
-      } else {
-        this.setActive(!this.active);
-      }
-    });
-    this.shadowRootEl.appendChild(btn);
-    return btn;
-  }
-  toggleDisabled() {
-    var _a;
-    this.disabled = !this.disabled;
-    if (this.disabled) {
-      this.active = false;
-      this.overlay.hide();
-      (_a = this.cleanupMenu) == null ? void 0 : _a.call(this);
-      this.cleanupMenu = null;
-    }
-    this.updateBadgeContent();
-  }
-  dismiss() {
-    this.badge.style.display = "none";
-    this.setActive(false);
-  }
-  getHotKeyHint() {
-    const hotKeys = this.getEffectiveHotKeys();
-    if (hotKeys === false) return "Inspecto Ready";
-    const isMac = typeof navigator !== "undefined" && /Mac|iPod|iPhone|iPad/.test(navigator.platform);
-    const keys = hotKeys.split("+").map((k) => k.trim().toLowerCase());
-    const displayKeys = keys.map((k) => {
-      if (k === "alt" || k === "option") return isMac ? "\u2325" : "Alt";
-      if (k === "cmd" || k === "meta" || k === "win" || k === "command") return isMac ? "\u2318" : "Win";
-      if (k === "ctrl" || k === "control") return isMac ? "\u2303" : "Ctrl";
-      if (k === "shift") return isMac ? "\u21E7" : "Shift";
-      return k.charAt(0).toUpperCase() + k.slice(1);
-    });
-    return `Hold ${displayKeys.join(" + ")} to Inspect`;
-  }
-  getEffectiveHotKeys() {
-    if (this.options.hotKeys !== void 0) return this.options.hotKeys;
-    if (this.serverHotKeys !== null) return this.serverHotKeys;
-    return "alt";
-  }
-  updateBadgeContent() {
-    const textSpan = this.badge.querySelector("span");
-    if (!textSpan) return;
-    if (this.disabled) {
-      textSpan.textContent = "Inspector Paused";
-      this.badge.classList.remove("active");
-      this.badge.classList.add("disabled");
-    } else if (this.active) {
-      textSpan.textContent = "\u{1F50D} Inspecting...";
-      this.badge.classList.remove("disabled");
-      this.badge.classList.add("active");
-    } else {
-      textSpan.textContent = this.getHotKeyHint();
-      this.badge.classList.remove("active", "disabled");
-    }
-  }
-  setActive(value) {
-    var _a;
-    this.active = value;
-    this.updateBadgeContent();
-    if (!value) {
-      this.overlay.hide();
-      (_a = this.cleanupMenu) == null ? void 0 : _a.call(this);
-      this.cleanupMenu = null;
-    }
-  }
-  handleTrigger(e) {
-    var _a;
-    if (!this.isInspectorActive(e)) return;
-    const target = findInspectable(e.target);
-    if (!target) return;
-    e.preventDefault();
-    e.stopPropagation();
-    const attrValue = target.getAttribute(ATTR_NAME);
-    const loc = parseAttrValue(attrValue);
-    if (!loc) return;
-    (_a = this.cleanupMenu) == null ? void 0 : _a.call(this);
-    this.cleanupMenu = showIntentMenu(
-      this.shadowRootEl,
-      loc,
-      e.clientX,
-      e.clientY,
-      this.options,
-      () => {
-        this.cleanupMenu = null;
-      }
-    );
-  }
-  isInspectorActive(e) {
-    if (this.disabled) return false;
-    if (this.active) return true;
-    const hotKeys = this.getEffectiveHotKeys();
-    if (hotKeys === false) return false;
-    return hotKeysHeld(e, hotKeys);
-  }
-  setupListeners() {
-    document.addEventListener("mousemove", this.onMouseMove, true);
-    document.addEventListener("click", this.onClick, true);
-    document.addEventListener("contextmenu", this.onContextMenu, true);
-    document.addEventListener("keydown", this.onKeyDown, true);
-  }
-  teardownListeners() {
-    document.removeEventListener("mousemove", this.onMouseMove, true);
-    document.removeEventListener("click", this.onClick, true);
-    document.removeEventListener("contextmenu", this.onContextMenu, true);
-    document.removeEventListener("keydown", this.onKeyDown, true);
-  }
-};
-if (typeof customElements !== "undefined") {
-  customElements.define("inspecto-overlay", InspectoElement);
-}
-export {
-  InspectoElement
-};
-//# sourceMappingURL=component-VOGY7YTT.js.map