@inspecto-dev/core 0.3.3 → 0.3.4

package/dist/index.cjs

@@ -3582,6 +3582,113 @@ var init_fix_bug_prompt = __esm({
   }
 });
 
+// src/menu-helpers.ts
+function formatSourceAnchor(location) {
+  const fileName = location.file.split("/").pop() || location.file;
+  return `${fileName}:${location.line}:${location.column}`;
+}
+function formatRuntimeErrorCount2(count) {
+  if (count > 99) return "99+";
+  return String(count);
+}
+function createMenuSection() {
+  const section = document.createElement("div");
+  section.className = menuSectionClass;
+  return section;
+}
+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 : "Add a custom ask or extra instruction...";
+  input.setAttribute("aria-label", "Custom ask");
+  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 _a2;
+  (_a2 = menu.querySelector(`.${errorMsgClass}`)) == null ? void 0 : _a2.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);
+}
+function isFixIntent(intent) {
+  return intent.aiIntent === "fix";
+}
+function isFixUiIntent(intent) {
+  return intent.id === "fix-ui";
+}
+function createRuntimeContextUi(runtimeContext, options) {
+  var _a2;
+  if (!runtimeContext) return null;
+  const summary = formatRuntimeContextSummary(runtimeContext);
+  if (!summary) return null;
+  const container = document.createElement("div");
+  container.style.display = "flex";
+  container.style.flexDirection = "column";
+  container.style.gap = "4px";
+  const summaryEl = document.createElement("div");
+  summaryEl.className = menuContextSummaryClass;
+  summaryEl.textContent = summary;
+  container.appendChild(summaryEl);
+  if (((_a2 = options.runtimeContext) == null ? void 0 : _a2.preview) !== true || runtimeContext.records.length === 0) {
+    return container;
+  }
+  const toggle = document.createElement("button");
+  toggle.type = "button";
+  toggle.className = menuContextToggleClass;
+  toggle.textContent = "Show preview";
+  const preview = document.createElement("div");
+  preview.className = menuContextPreviewClass;
+  preview.hidden = true;
+  preview.textContent = formatRuntimeContextPreview(runtimeContext.records);
+  toggle.addEventListener("click", (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    preview.hidden = !preview.hidden;
+    toggle.textContent = preview.hidden ? "Show preview" : "Hide preview";
+  });
+  container.append(toggle, preview);
+  return container;
+}
+function formatRuntimeContextSummary(runtimeContext) {
+  const parts = [];
+  const { runtimeErrorCount, failedRequestCount } = runtimeContext.summary;
+  if (runtimeErrorCount > 0) {
+    parts.push(
+      `${runtimeErrorCount} ${runtimeErrorCount === 1 ? "runtime error" : "runtime errors"}`
+    );
+  }
+  if (failedRequestCount > 0) {
+    parts.push(
+      `${failedRequestCount} ${failedRequestCount === 1 ? "failed request" : "failed requests"}`
+    );
+  }
+  return parts.join(" \u2022 ");
+}
+function formatRuntimeContextPreview(records) {
+  return records.slice(0, 3).map((record) => {
+    var _a2, _b, _c, _d, _e, _f;
+    const details = record.kind === "failed-request" ? `${(_b = (_a2 = record.request) == null ? void 0 : _a2.method) != null ? _b : "GET"} ${(_f = (_e = (_c = record.request) == null ? void 0 : _c.pathname) != null ? _e : (_d = record.request) == null ? void 0 : _d.url) != null ? _f : ""}`.trim() : `${record.occurrenceCount}x`;
+    return `[${record.kind}] ${record.message}
+${details}`;
+  }).join("\n\n");
+}
+var init_menu_helpers = __esm({
+  "src/menu-helpers.ts"() {
+    "use strict";
+    init_styles();
+  }
+});
+
 // src/menu-actions.ts
 function createIntentActionButtons(input) {
   return input.intents.map((intent) => {
@@ -3607,7 +3714,9 @@ function createIntentActionButtons(input) {
         }
         const requestRuntimeContext = input.resolveRuntimeContext(intent);
         const requestScreenshotContext = yield input.resolveScreenshotContext();
-        const requestCssContextPrompt = input.resolveCssContextPrompt();
+        const requestCssContextPrompt = input.resolveCssContextPrompt(
+          isFixUiIntent(intent) ? intent : void 0
+        );
         const prompt = appendCssContextToPrompt(
           appendScreenshotContextToPrompt(
             buildPromptForIntent(intent, input.location, snippetResult, requestRuntimeContext),
@@ -3638,6 +3747,7 @@ var init_menu_actions = __esm({
     init_css_context();
     init_fix_bug_prompt();
     init_http();
+    init_menu_helpers();
     init_styles();
   }
 });
@@ -3710,110 +3820,6 @@ var init_menu_send = __esm({
   }
 });
 
-// src/menu-helpers.ts
-function formatSourceAnchor(location) {
-  const fileName = location.file.split("/").pop() || location.file;
-  return `${fileName}:${location.line}:${location.column}`;
-}
-function formatRuntimeErrorCount2(count) {
-  if (count > 99) return "99+";
-  return String(count);
-}
-function createMenuSection() {
-  const section = document.createElement("div");
-  section.className = menuSectionClass;
-  return section;
-}
-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 : "Add a custom ask or extra instruction...";
-  input.setAttribute("aria-label", "Custom ask");
-  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 _a2;
-  (_a2 = menu.querySelector(`.${errorMsgClass}`)) == null ? void 0 : _a2.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);
-}
-function isFixIntent(intent) {
-  return intent.aiIntent === "fix";
-}
-function createRuntimeContextUi(runtimeContext, options) {
-  var _a2;
-  if (!runtimeContext) return null;
-  const summary = formatRuntimeContextSummary(runtimeContext);
-  if (!summary) return null;
-  const container = document.createElement("div");
-  container.style.display = "flex";
-  container.style.flexDirection = "column";
-  container.style.gap = "4px";
-  const summaryEl = document.createElement("div");
-  summaryEl.className = menuContextSummaryClass;
-  summaryEl.textContent = summary;
-  container.appendChild(summaryEl);
-  if (((_a2 = options.runtimeContext) == null ? void 0 : _a2.preview) !== true || runtimeContext.records.length === 0) {
-    return container;
-  }
-  const toggle = document.createElement("button");
-  toggle.type = "button";
-  toggle.className = menuContextToggleClass;
-  toggle.textContent = "Show preview";
-  const preview = document.createElement("div");
-  preview.className = menuContextPreviewClass;
-  preview.hidden = true;
-  preview.textContent = formatRuntimeContextPreview(runtimeContext.records);
-  toggle.addEventListener("click", (event) => {
-    event.preventDefault();
-    event.stopPropagation();
-    preview.hidden = !preview.hidden;
-    toggle.textContent = preview.hidden ? "Show preview" : "Hide preview";
-  });
-  container.append(toggle, preview);
-  return container;
-}
-function formatRuntimeContextSummary(runtimeContext) {
-  const parts = [];
-  const { runtimeErrorCount, failedRequestCount } = runtimeContext.summary;
-  if (runtimeErrorCount > 0) {
-    parts.push(
-      `${runtimeErrorCount} ${runtimeErrorCount === 1 ? "runtime error" : "runtime errors"}`
-    );
-  }
-  if (failedRequestCount > 0) {
-    parts.push(
-      `${failedRequestCount} ${failedRequestCount === 1 ? "failed request" : "failed requests"}`
-    );
-  }
-  return parts.join(" \u2022 ");
-}
-function formatRuntimeContextPreview(records) {
-  return records.slice(0, 3).map((record) => {
-    var _a2, _b, _c, _d, _e, _f;
-    const details = record.kind === "failed-request" ? `${(_b = (_a2 = record.request) == null ? void 0 : _a2.method) != null ? _b : "GET"} ${(_f = (_e = (_c = record.request) == null ? void 0 : _c.pathname) != null ? _e : (_d = record.request) == null ? void 0 : _d.url) != null ? _f : ""}`.trim() : `${record.occurrenceCount}x`;
-    return `[${record.kind}] ${record.message}
-${details}`;
-  }).join("\n\n");
-}
-var init_menu_helpers = __esm({
-  "src/menu-helpers.ts"() {
-    "use strict";
-    init_styles();
-  }
-});
-
 // src/menu-header.ts
 function createMenuHeaderDom(input) {
   var _a2;
@@ -4143,9 +4149,10 @@ function showIntentMenu(shadowRoot, location, clickX, clickY, options, onClose,
       return null;
     }
   });
-  const resolveCssContextPrompt = () => {
+  const resolveCssContextPrompt = (intent) => {
     var _a3, _b2;
-    if (!cssContextEnabled) return null;
+    const shouldAttachCssContext = cssContextEnabled || Boolean(intent && isFixUiIntent(intent));
+    if (!shouldAttachCssContext) return null;
     try {
       return (_b2 = (_a3 = deps.captureCssContextPrompt) == null ? void 0 : _a3.call(deps)) != null ? _b2 : null;
     } catch (e) {