ghostfill 0.2.3 → 0.2.4

package/dist/{chunk-VMCU3BNJ.mjs → chunk-CKZ6PWBH.mjs}

@@ -264,6 +264,7 @@ async function generateFillData(fields, userPrompt, provider, transport, systemP
 
 export {
   PROVIDERS,
+  findLabel,
   detectFields,
   describeFields,
   SYSTEM_PROMPT,
@@ -272,4 +273,4 @@ export {
   parseFillDataPayload,
   generateFillData
 };
-//# sourceMappingURL=chunk-VMCU3BNJ.mjs.map
+//# sourceMappingURL=chunk-CKZ6PWBH.mjs.map

package/dist/chunk-CKZ6PWBH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types.ts","../src/detector.ts","../src/ai.ts"],"sourcesContent":["/** Configuration options for GhostFill */\nexport interface GhostFillOptions {\n  /**\n   * @deprecated Browser API keys are insecure and ignored.\n   * Configure `ai` and keep provider credentials on your backend instead.\n   */\n  apiKey?: string;\n  /** Keyboard shortcut to toggle GhostFill (default: \"Alt+G\") */\n  shortcut?: string;\n  /** Custom system prompt to prepend */\n  systemPrompt?: string;\n  /** Secure AI transport configuration */\n  ai?: GhostFillAIOptions;\n}\n\nexport type Provider = \"openai\" | \"xai\" | \"moonshot\";\n\nexport const PROVIDERS: Record<Provider, { label: string; model: string; baseURL: string; helpText: string }> = {\n  openai: { label: \"OpenAI\", model: \"gpt-4o-mini\", baseURL: \"https://api.openai.com/v1\", helpText: \"Uses gpt-4o-mini — fast & cheap\" },\n  xai: { label: \"xAI\", model: \"grok-4-fast\", baseURL: \"https://api.x.ai/v1\", helpText: \"Uses Grok 4 Fast\" },\n  moonshot: { label: \"Moonshot\", model: \"kimi-k2\", baseURL: \"https://api.moonshot.ai/v1\", helpText: \"Uses Kimi K2 — fast & cheap\" },\n};\n\n/** Non-secret field metadata sent to an AI backend */\nexport interface GhostFillPromptField {\n  index: number;\n  type: string;\n  name: string;\n  label: string;\n  options?: string[];\n  required: boolean;\n  min?: string;\n  max?: string;\n  pattern?: string;\n}\n\n/** Secure AI request payload for a backend route or callback */\nexport interface GhostFillAIRequest {\n  provider: Provider;\n  prompt: string;\n  systemPrompt?: string;\n  fields: GhostFillPromptField[];\n}\n\nexport type GhostFillAIHandler = (\n  request: GhostFillAIRequest\n) => Promise<FieldFillData[]>;\n\n/** Secure AI configuration. Requests must go through a backend or custom handler. */\nexport interface GhostFillAIOptions {\n  /** Same-origin backend route. Defaults to `/api/ghostfill` when `ai` is enabled. */\n  endpoint?: string;\n  /** Optional custom transport that forwards requests to a secure backend. */\n  requestFillData?: GhostFillAIHandler;\n  /** Default provider shown in the UI. */\n  provider?: Provider;\n}\n\n/** A saved prompt preset */\nexport interface Preset {\n  id: string;\n  name: string;\n  prompt: string;\n}\n\n/** Persisted settings (localStorage) */\nexport interface GhostFillSettings {\n  apiKey: string;\n  provider: Provider;\n  highlightColor: string;\n  theme: \"dark\" | \"light\";\n  useAI: boolean;\n  presets: Preset[];\n  activePresetId: string | null;\n}\n\n/** A detected form field */\nexport interface DetectedField {\n  /** The DOM element */\n  element: HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | HTMLElement;\n  /** Field type: text, email, number, select, textarea, checkbox, radio, date, etc. */\n  type: string;\n  /** Field name attribute */\n  name: string;\n  /** Field label (from <label>, aria-label, or placeholder) */\n  label: string;\n  /** For <select>, the available options */\n  options?: string[];\n  /** Whether the field is required */\n  required: boolean;\n  /** Current value */\n  currentValue: string;\n  /** Min/max for number/date fields */\n  min?: string;\n  max?: string;\n  /** Pattern attribute */\n  pattern?: string;\n}\n\n/** Field data returned by the AI */\nexport interface FieldFillData {\n  /** Index matching the DetectedField array */\n  index: number;\n  /** Value to fill */\n  value: string;\n  /** For checkboxes: whether to check */\n  checked?: boolean;\n}\n\n/** Internal state */\nexport interface GhostFillState {\n  active: boolean;\n  selecting: boolean;\n  selectedBlock: HTMLElement | null;\n  fields: DetectedField[];\n}\n","import type { DetectedField, GhostFillPromptField } from \"./types\";\n\nconst INPUT_SELECTORS = [\n  \"input:not([type=hidden]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image])\",\n  \"textarea\",\n  \"select\",\n  // Custom dropdown triggers (Headless UI Listbox, Radix, etc.)\n  \"button[role=combobox]\",\n  \"[role=combobox]:not(input)\",\n  \"button[aria-haspopup=listbox]\",\n].join(\", \");\n\n/** Find the label text for a form field */\nexport function findLabel(el: HTMLElement): string {\n  // 1. Explicit <label for=\"id\">\n  if (el.id) {\n    const label = document.querySelector<HTMLLabelElement>(\n      `label[for=\"${CSS.escape(el.id)}\"]`\n    );\n    if (label?.textContent?.trim()) return label.textContent.trim();\n  }\n\n  // 2. Wrapping <label>\n  const parentLabel = el.closest(\"label\");\n  if (parentLabel) {\n    // Get text content excluding the input itself\n    const clone = parentLabel.cloneNode(true) as HTMLElement;\n    clone.querySelectorAll(\"input, textarea, select\").forEach((c) => c.remove());\n    const text = clone.textContent?.trim();\n    if (text) return text;\n  }\n\n  // 3. aria-label\n  const ariaLabel = el.getAttribute(\"aria-label\");\n  if (ariaLabel?.trim()) return ariaLabel.trim();\n\n  // 4. aria-labelledby\n  const labelledBy = el.getAttribute(\"aria-labelledby\");\n  if (labelledBy) {\n    const parts = labelledBy\n      .split(/\\s+/)\n      .map((id) => document.getElementById(id)?.textContent?.trim())\n      .filter(Boolean);\n    if (parts.length) return parts.join(\" \");\n  }\n\n  // 5. placeholder\n  if (\"placeholder\" in el) {\n    const ph = (el as HTMLInputElement).placeholder;\n    if (ph?.trim()) return ph.trim();\n  }\n\n  // 6. title\n  const title = el.getAttribute(\"title\");\n  if (title?.trim()) return title.trim();\n\n  // 7. Preceding sibling text (common pattern: <span>Label</span><input>)\n  const prev = el.previousElementSibling;\n  if (prev && ![\"INPUT\", \"TEXTAREA\", \"SELECT\"].includes(prev.tagName)) {\n    const prevText = prev.textContent?.trim();\n    if (prevText && prevText.length < 60) return prevText;\n  }\n\n  // 8. Parent's first text node or heading\n  const parent = el.parentElement;\n  if (parent) {\n    // Look for a heading or label-like element before this input in the parent\n    for (const child of Array.from(parent.children)) {\n      if (child === el) break;\n      if ([\"LABEL\", \"SPAN\", \"P\", \"H1\", \"H2\", \"H3\", \"H4\", \"H5\", \"H6\", \"LEGEND\", \"DIV\"].includes(child.tagName)) {\n        const text = child.textContent?.trim();\n        if (text && text.length < 60 && !child.querySelector(\"input, textarea, select\")) {\n          return text;\n        }\n      }\n    }\n  }\n\n  // 9. id attribute humanized\n  if (el.id) return el.id.replace(/[_\\-]/g, \" \").replace(/([a-z])([A-Z])/g, \"$1 $2\").trim();\n\n  // 10. name attribute as fallback\n  const name = el.getAttribute(\"name\");\n  if (name) return name.replace(/[_\\-[\\]]/g, \" \").replace(/([a-z])([A-Z])/g, \"$1 $2\").trim();\n\n  return \"unknown\";\n}\n\n/** Detect all fillable fields within a container element */\nexport function detectFields(container: HTMLElement): DetectedField[] {\n  const elements = container.querySelectorAll<\n    HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement\n  >(INPUT_SELECTORS);\n\n  const fields: DetectedField[] = [];\n\n  elements.forEach((el) => {\n    // Skip disabled fields\n    if ((el as HTMLInputElement).disabled) return;\n    if ((el as HTMLInputElement).readOnly) return;\n    // Skip hidden elements\n    if (el.offsetParent === null && (el as HTMLInputElement).type !== \"hidden\") return;\n\n    // Custom combobox / listbox (Headless UI, Radix, etc.)\n    const isCustomDropdown =\n      (el.getAttribute(\"role\") === \"combobox\" && !(el instanceof HTMLInputElement)) ||\n      el.getAttribute(\"aria-haspopup\") === \"listbox\";\n    if (isCustomDropdown) {\n      // Find listbox options: aria-controls, sibling [role=listbox], or Headless UI pattern\n      const listboxId = el.getAttribute(\"aria-controls\");\n      let listbox: Element | null = listboxId ? document.getElementById(listboxId) : null;\n      if (!listbox) {\n        // Headless UI puts the listbox as a sibling inside the same relative container\n        listbox = el.parentElement?.querySelector(\"[role=listbox]\") || null;\n      }\n\n      const options: string[] = [];\n      if (listbox) {\n        listbox.querySelectorAll(\"[role=option]\").forEach((opt) => {\n          const text = opt.textContent?.trim();\n          if (text) options.push(text);\n        });\n      }\n\n      // Get current display value from button text\n      const buttonText = el.textContent?.trim() || \"\";\n      // Check if it looks like a placeholder\n      const looksLikePlaceholder = buttonText.toLowerCase().startsWith(\"select\") || buttonText === \"\";\n\n      const field: DetectedField = {\n        element: el as HTMLElement,\n        type: \"select\",\n        name: el.id || el.getAttribute(\"name\") || \"\",\n        label: findLabel(el),\n        required: el.getAttribute(\"aria-required\") === \"true\",\n        currentValue: looksLikePlaceholder ? \"\" : buttonText,\n        options: options.length > 0 ? options : undefined,\n      };\n      fields.push(field);\n      return;\n    }\n\n    const field: DetectedField = {\n      element: el as HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement,\n      type: el instanceof HTMLSelectElement ? \"select\" : (el as HTMLInputElement).type || \"text\",\n      name: (el as HTMLInputElement).name || el.id || \"\",\n      label: findLabel(el),\n      required: (el as HTMLInputElement).required || el.getAttribute(\"aria-required\") === \"true\",\n      currentValue: (el as HTMLInputElement).value,\n    };\n\n    // Collect select options\n    if (el instanceof HTMLSelectElement) {\n      field.options = Array.from(el.options)\n        .filter((opt) => opt.value && !opt.disabled)\n        .map((opt) => opt.textContent?.trim() || opt.value);\n    }\n\n    // Collect constraints\n    if (\"min\" in el && (el as HTMLInputElement).min) {\n      field.min = (el as HTMLInputElement).min;\n    }\n    if (\"max\" in el && (el as HTMLInputElement).max) {\n      field.max = (el as HTMLInputElement).max;\n    }\n    if (\"pattern\" in el && (el as HTMLInputElement).pattern) {\n      field.pattern = (el as HTMLInputElement).pattern;\n    }\n\n    fields.push(field);\n  });\n\n  return fields;\n}\n\n/** Build a description of fields for the AI prompt */\nexport function describeFields(\n  fields: Array<\n    Pick<\n      DetectedField | GhostFillPromptField,\n      \"type\" | \"label\" | \"required\" | \"options\" | \"min\" | \"max\" | \"pattern\"\n    >\n  >\n): string {\n  return fields\n    .map((f, i) => {\n      let desc = `[${i}] \"${f.label}\" (type: ${f.type}`;\n      if (f.required) desc += \", required\";\n      if (f.options?.length) desc += `, options: [${f.options.join(\", \")}]`;\n      if (f.min) desc += `, min: ${f.min}`;\n      if (f.max) desc += `, max: ${f.max}`;\n      if (f.pattern) desc += `, pattern: ${f.pattern}`;\n      desc += \")\";\n      return desc;\n    })\n    .join(\"\\n\");\n}\n","import { describeFields } from \"./detector\";\nimport type {\n  DetectedField,\n  FieldFillData,\n  GhostFillAIOptions,\n  GhostFillAIRequest,\n  GhostFillPromptField,\n  Provider,\n} from \"./types\";\n\nexport const SYSTEM_PROMPT = `You are a form-filling assistant. Given a list of form fields and an optional user prompt, generate realistic fake data to fill ALL fields.\n\nRules:\n- Return ONLY a JSON object with a \"fields\" array of objects, each with \"index\" and \"value\" keys\n- You MUST fill EVERY field — do not skip any\n- Match the field type (email → valid email, phone → valid phone with country code, date → YYYY-MM-DD, datetime-local → YYYY-MM-DDTHH:MM, etc.)\n- For select/dropdown fields: you MUST pick one of the listed options EXACTLY as written\n- For checkboxes: add a \"checked\" boolean (true or false)\n- For radio buttons: only fill one per group, use the option value\n- Respect min/max constraints and patterns\n- Generate contextually coherent data (same person's name, matching city/state/zip, etc.)\n- If no user prompt is given, infer appropriate data from the field labels\n- Do NOT request or rely on secrets, tokens, passwords, or existing form values\n- Do NOT wrap the JSON in markdown code blocks — return raw JSON only`;\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === \"object\" && value !== null;\n}\n\nfunction toFieldFillData(value: unknown): FieldFillData {\n  if (!isRecord(value)) {\n    throw new Error(\"AI response item is not an object\");\n  }\n\n  const index = value.index;\n  const rawValue = value.value;\n  const checked = value.checked;\n\n  if (typeof index !== \"number\" || !Number.isInteger(index)) {\n    throw new Error(\"AI response item is missing a numeric index\");\n  }\n\n  if (typeof rawValue !== \"string\") {\n    throw new Error(\"AI response item is missing a string value\");\n  }\n\n  return {\n    index,\n    value: rawValue,\n    checked: typeof checked === \"boolean\" ? checked : undefined,\n  };\n}\n\nexport function toPromptFields(fields: DetectedField[]): GhostFillPromptField[] {\n  return fields.map((field, index) => ({\n    index,\n    type: field.type,\n    name: field.name,\n    label: field.label,\n    options: field.options,\n    required: field.required,\n    min: field.min,\n    max: field.max,\n    pattern: field.pattern,\n  }));\n}\n\nexport function buildFillMessages(\n  request: GhostFillAIRequest\n): Array<{ role: \"system\" | \"user\"; content: string }> {\n  const fieldDescription = describeFields(request.fields);\n  let userContent = `Form fields:\\n${fieldDescription}`;\n\n  if (request.prompt) {\n    userContent += `\\n\\nUser instructions: ${request.prompt}`;\n  } else {\n    userContent +=\n      \"\\n\\nNo specific instructions — generate realistic, contextually appropriate data for all fields.\";\n  }\n\n  return [\n    {\n      role: \"system\",\n      content: request.systemPrompt\n        ? `${request.systemPrompt}\\n\\n${SYSTEM_PROMPT}`\n        : SYSTEM_PROMPT,\n    },\n    {\n      role: \"user\",\n      content: userContent,\n    },\n  ];\n}\n\nexport function parseFillDataPayload(payload: unknown): FieldFillData[] {\n  if (typeof payload === \"string\") {\n    const jsonMatch =\n      payload.match(/```(?:json)?\\s*([\\s\\S]*?)```/) || [null, payload];\n    return parseFillDataPayload(JSON.parse(jsonMatch[1]!.trim()));\n  }\n\n  if (Array.isArray(payload)) {\n    return payload.map(toFieldFillData);\n  }\n\n  if (isRecord(payload)) {\n    if (Array.isArray(payload.choices)) {\n      const content = (payload.choices[0] as Record<string, unknown> | undefined)\n        ?.message as Record<string, unknown> | undefined;\n      if (typeof content?.content === \"string\") {\n        return parseFillDataPayload(content.content);\n      }\n    }\n\n    const candidate =\n      payload.fields ?? payload.data ?? payload.items ?? payload.result;\n    if (Array.isArray(candidate)) {\n      return candidate.map(toFieldFillData);\n    }\n  }\n\n  throw new Error(\"AI response is not an array of field fills\");\n}\n\nfunction createRequest(\n  fields: DetectedField[],\n  userPrompt: string,\n  provider: Provider,\n  systemPrompt?: string\n): GhostFillAIRequest {\n  return {\n    provider,\n    prompt: userPrompt,\n    systemPrompt,\n    fields: toPromptFields(fields),\n  };\n}\n\n/** Call a secure backend or callback to generate fill data. */\nexport async function generateFillData(\n  fields: DetectedField[],\n  userPrompt: string,\n  provider: Provider,\n  transport: GhostFillAIOptions,\n  systemPrompt?: string\n): Promise<FieldFillData[]> {\n  const request = createRequest(fields, userPrompt, provider, systemPrompt);\n\n  if (transport.requestFillData) {\n    return transport.requestFillData(request);\n  }\n\n  const endpoint = transport.endpoint ?? \"/api/ghostfill\";\n  const response = await fetch(endpoint, {\n    method: \"POST\",\n    headers: {\n      \"Content-Type\": \"application/json\",\n    },\n    body: JSON.stringify(request),\n  });\n\n  if (!response.ok) {\n    const error = await response.text();\n    throw new Error(`AI API error (${response.status}): ${error}`);\n  }\n\n  const contentType = response.headers.get(\"content-type\") || \"\";\n  const payload = contentType.includes(\"application/json\")\n    ? await response.json()\n    : await response.text();\n\n  return parseFillDataPayload(payload);\n}\n"],"mappings":"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","names":["field"]}

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { G as GhostFillAIOptions, P as Provider, a as GhostFillOptions } from './types-B3DGbZyx.mjs';
-export { D as DetectedField, F as FieldFillData, b as GhostFillAIRequest, c as GhostFillPromptField, d as PROVIDERS } from './types-B3DGbZyx.mjs';
+import { G as GhostFillAIOptions, P as Provider, a as GhostFillOptions } from './types-BYkjRHCV.mjs';
+export { D as DetectedField, F as FieldFillData, b as GhostFillAIRequest, c as GhostFillPromptField, d as PROVIDERS } from './types-BYkjRHCV.mjs';
 
 /**
  * Initialize GhostFill — adds a floating ghost icon to the page.

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { G as GhostFillAIOptions, P as Provider, a as GhostFillOptions } from './types-B3DGbZyx.js';
-export { D as DetectedField, F as FieldFillData, b as GhostFillAIRequest, c as GhostFillPromptField, d as PROVIDERS } from './types-B3DGbZyx.js';
+import { G as GhostFillAIOptions, P as Provider, a as GhostFillOptions } from './types-BYkjRHCV.js';
+export { D as DetectedField, F as FieldFillData, b as GhostFillAIRequest, c as GhostFillPromptField, d as PROVIDERS } from './types-BYkjRHCV.js';
 
 /**
  * Initialize GhostFill — adds a floating ghost icon to the page.

package/dist/index.js

@@ -214,8 +214,8 @@ function generateForField(field, context) {
     return `https://www.${context.company.toLowerCase().replace(/\s+/g, "")}.com`;
   }
   if (field.type === "number" || field.type === "range") {
-    const min = field.min ? parseInt(field.min) : 1;
-    const max = field.max ? parseInt(field.max) : 100;
+    const min = field.min ? parseInt(field.min, 10) || 1 : 1;
+    const max = field.max ? parseInt(field.max, 10) || 100 : 100;
     return String(randInt(min, max));
   }
   if (label.includes("first name") || label.includes("firstname")) return context.firstName;
@@ -275,14 +275,96 @@ function focusBlur(el) {
 }
 async function fillCustomSelect(button, value) {
   button.click();
-  await new Promise((r) => setTimeout(r, 200));
+  let waited = 0;
+  const step = 50;
+  while (waited < 500) {
+    await new Promise((r) => setTimeout(r, step));
+    waited += step;
+    const lb = button.getAttribute("aria-controls") ? document.getElementById(button.getAttribute("aria-controls")) : button.parentElement?.querySelector("[role=listbox]") || document.querySelector("[role=listbox]");
+    if (lb) break;
+    const cont = button.closest("[class*='relative']") || button.parentElement;
+    if (cont) {
+      const divs = cont.querySelectorAll("div");
+      for (const d of divs) {
+        if (d === button || d.contains(button) || button.contains(d)) continue;
+        if (d.classList.toString().includes("absolute") || d.classList.toString().includes("z-50")) {
+          waited = 999;
+          break;
+        }
+      }
+    }
+  }
   const listboxId = button.getAttribute("aria-controls");
   let listbox = listboxId ? document.getElementById(listboxId) : null;
   if (!listbox) {
-    listbox = button.parentElement?.querySelector("[role=listbox]") || document.querySelector("[role=listbox]");
+    listbox = button.parentElement?.querySelector("[role=listbox]") || null;
+  }
+  if (!listbox) {
+    const all = document.querySelectorAll("[role=listbox]");
+    for (const lb of all) {
+      if (lb.offsetParent !== null || lb.offsetHeight > 0) {
+        listbox = lb;
+        break;
+      }
+    }
+  }
+  let options = listbox ? listbox.querySelectorAll("[role=option]") : [];
+  if (!listbox || options.length === 0) {
+    let panel = null;
+    const container = button.closest("[class*='relative']") || button.parentElement;
+    if (container) {
+      for (const child of Array.from(container.children)) {
+        if (child === button || child.contains(button)) continue;
+        if (child.tagName === "LABEL" || child.tagName === "P" || child.tagName === "SPAN") continue;
+        const el = child;
+        const style = window.getComputedStyle(el);
+        if (el.classList.contains("absolute") || el.classList.contains("z-50") || style.position === "absolute" || style.position === "fixed") {
+          panel = el;
+          break;
+        }
+      }
+    }
+    if (!panel) {
+      let sibling = button.nextElementSibling;
+      while (sibling) {
+        const tag = sibling.tagName;
+        if (tag !== "P" && tag !== "LABEL" && tag !== "SPAN" && tag === "DIV") {
+          panel = sibling;
+          break;
+        }
+        sibling = sibling.nextElementSibling;
+      }
+    }
+    if (panel && panel !== button) {
+      let contentWait = 0;
+      while (contentWait < 1e3) {
+        await new Promise((r) => setTimeout(r, 100));
+        contentWait += 100;
+        const btns = panel.querySelectorAll("button");
+        let realBtns = 0;
+        for (const b of btns) {
+          if (!b.querySelector("input")) realBtns++;
+        }
+        if (realBtns > 0) break;
+      }
+      const clickables = panel.querySelectorAll("button, [role=option], [data-value], li");
+      const filtered = [];
+      for (const c of clickables) {
+        const text = c.textContent?.trim() || "";
+        if (!text || text === "\xD7" || text === "\u2715") continue;
+        if (c.querySelector("input")) continue;
+        if (c === button) continue;
+        const hasInput = c.querySelector("input[type='text'], input[type='search']");
+        if (hasInput) continue;
+        filtered.push(c);
+      }
+      if (filtered.length > 0) {
+        options = filtered;
+        listbox = panel;
+      }
+    }
   }
-  if (listbox) {
-    const options = listbox.querySelectorAll("[role=option]");
+  if (options.length > 0) {
     for (const opt of options) {
       const text = opt.textContent?.trim();
       if (text === value || text?.toLowerCase() === value.toLowerCase()) {
@@ -301,7 +383,7 @@ async function fillCustomSelect(button, value) {
     }
     for (const opt of options) {
       const text = (opt.textContent?.trim() || "").toLowerCase();
-      const isPlaceholder = text.startsWith("select") || text === "" || text === "---" || text === "choose" || text.startsWith("choose");
+      const isPlaceholder = text.startsWith("select") || text === "" || text === "---" || text === "choose" || text.startsWith("choose") || text.startsWith("search");
       if (!isPlaceholder) {
         opt.click();
         await new Promise((r) => setTimeout(r, 50));
@@ -354,7 +436,7 @@ async function fillFields(fields, fillData) {
             `input[type="radio"][name="${CSS.escape(radio.name)}"]`
           );
           for (const r of group) {
-            if (r.value === item.value || findLabel2(r) === item.value) {
+            if (r.value === item.value || findLabel(r) === item.value) {
               const nativeCheckedSetter = Object.getOwnPropertyDescriptor(
                 HTMLInputElement.prototype,
                 "checked"
@@ -423,26 +505,11 @@ async function fillFields(fields, fillData) {
   }
   return { filled, errors };
 }
-function findLabel2(el) {
-  if (el.id) {
-    const label = document.querySelector(
-      `label[for="${CSS.escape(el.id)}"]`
-    );
-    if (label?.textContent?.trim()) return label.textContent.trim();
-  }
-  const parent = el.closest("label");
-  if (parent) {
-    const clone = parent.cloneNode(true);
-    clone.querySelectorAll("input").forEach((c) => c.remove());
-    return clone.textContent?.trim() || "";
-  }
-  return "";
-}
 
 // src/selector.ts
 var currentHighlight = null;
 var overlay = null;
-function createOverlay(color) {
+function createSelectorOverlay(color) {
   const div = document.createElement("div");
   div.id = "ghostfill-selector-overlay";
   const r = parseInt(color.slice(1, 3), 16);
@@ -461,7 +528,7 @@ function createOverlay(color) {
   return div;
 }
 function positionOverlay(el, color) {
-  if (!overlay) overlay = createOverlay(color);
+  if (!overlay) overlay = createSelectorOverlay(color);
   const rect = el.getBoundingClientRect();
   Object.assign(overlay.style, {
     top: `${rect.top}px`,
@@ -533,6 +600,9 @@ function startSelection(onSelect, onCancel, ghostfillRoot, highlightColor = "#63
   return cleanup;
 }
 
+// package.json
+var version = "0.2.4";
+
 // src/overlay.ts
 var STORAGE_KEY = "ghostfill_settings";
 var POS_KEY = "ghostfill_pos";
@@ -757,7 +827,7 @@ var CSS2 = `
     font-size: 13px; font-weight: 600; color: #fff;
     letter-spacing: -0.0094em;
   }
-  .gf-pop-header .gf-slash { color: rgba(255,255,255,0.5); }
+  .gf-pop-header .gf-slash { color: #6366f1; }
   .gf-pop-header .gf-header-right {
     display: flex; align-items: center; gap: 6px;
   }
@@ -1022,7 +1092,7 @@ var CSS2 = `
     line-height: 1.5;
   }
 `;
-function createOverlay2(options) {
+function createOverlay(options) {
   const aiConfig = options.ai || null;
   const saved = loadSettings(aiConfig?.provider || "openai");
   if (options.apiKey) {
@@ -1043,9 +1113,7 @@ function createOverlay2(options) {
     active: false,
     selecting: false,
     selectedBlock: null,
-    fields: [],
-    overlay: host,
-    shadowRoot: shadow
+    fields: []
   };
   const bar = document.createElement("div");
   bar.className = "gf-bar";
@@ -1192,7 +1260,7 @@ function createOverlay2(options) {
     <div class="gf-pop-header">
       <h3><span class="gf-slash">/</span>ghostfill</h3>
       <div class="gf-header-right">
-        <span class="gf-version">v0.2.3</span>
+        <span class="gf-version">v${version}</span>
         <button class="gf-theme-btn" id="gf-s-theme" title="Toggle theme">
           ${saved.theme === "dark" ? ICONS.sun : ICONS.moon}
         </button>
@@ -2122,7 +2190,7 @@ function init(options = {}) {
     instance.destroy();
     instance = null;
   }
-  const { state, destroy } = createOverlay2(options);
+  const { state, destroy } = createOverlay(options);
   instance = { destroy };
   return { destroy };
 }