npm - textweb - Versions diffs - 0.1.1 → 0.2.0 - Mend

textweb 0.1.1 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/canvas/dashboard.html ADDED Viewed

@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>TextWeb Job Pipeline</title>
+<style>
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  body {
+    font-family: -apple-system, BlinkMacSystemFont, "SF Pro", system-ui, sans-serif;
+    background: linear-gradient(135deg, #0a0a1a 0%, #1a1a3e 50%, #0a1628 100%);
+    color: #e8e8f0; min-height: 100vh; padding: 16px; overflow-y: auto;
+  }
+  .hdr { text-align: center; margin-bottom: 14px; }
+  .hdr h1 {
+    font-size: 20px; font-weight: 700;
+    background: linear-gradient(90deg, #7b68ee, #00d4ff);
+    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
+  }
+  .sub { font-size: 11px; color: #888; margin-top: 2px; }
+  .stats { display: flex; gap: 8px; justify-content: center; margin-bottom: 12px; flex-wrap: wrap; }
+  .st {
+    background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);
+    border-radius: 10px; padding: 8px 12px; text-align: center; flex: 1; max-width: 90px; min-width: 70px;
+  }
+  .st .n { font-size: 24px; font-weight: 800; line-height: 1; }
+  .st .l { font-size: 8px; color: #999; margin-top: 2px; text-transform: uppercase; letter-spacing: 0.5px; }
+  .st.ok .n { color: #4ade80; }
+  .st.mb .n { color: #fbbf24; }
+  .st.fa .n { color: #f87171; }
+  .st.tt .n { color: #7b68ee; }
+  .st.ac .n { color: #38bdf8; }
+  .btns { display: flex; gap: 6px; justify-content: center; margin-bottom: 12px; flex-wrap: wrap; }
+  .btn {
+    background: rgba(123,104,238,0.2); border: 1px solid rgba(123,104,238,0.4);
+    border-radius: 8px; padding: 7px 14px; color: #c8c8ff; font-size: 11px;
+    cursor: pointer; font-weight: 600; transition: all 0.15s; white-space: nowrap;
+  }
+  .btn:hover { background: rgba(123,104,238,0.35); transform: scale(1.02); }
+  .btn:active { transform: scale(0.98); }
+  .btn.green { background: rgba(74,222,128,0.15); border-color: rgba(74,222,128,0.3); color: #86efac; }
+  .btn.amber { background: rgba(251,191,36,0.15); border-color: rgba(251,191,36,0.3); color: #fde68a; }
+  .jl {
+    background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08);
+    border-radius: 10px; overflow: hidden; margin-bottom: 10px;
+  }
+  .sl {
+    font-size: 9px; text-transform: uppercase; letter-spacing: 1px; color: #666;
+    padding: 6px 12px 3px; background: rgba(255,255,255,0.02);
+  }
+  .sl.act { color: #38bdf8; background: rgba(56,189,248,0.05); }
+  .sl.q { color: #a78bfa; }
+  .j {
+    display: flex; align-items: center; padding: 7px 12px;
+    border-bottom: 1px solid rgba(255,255,255,0.05); gap: 8px; font-size: 12px;
+    transition: background 0.15s;
+  }
+  .j:last-child { border-bottom: none; }
+  .j:hover { background: rgba(255,255,255,0.03); }
+  .j.active { background: rgba(56,189,248,0.08); animation: activePulse 2s infinite; }
+  .j .i { font-size: 14px; flex-shrink: 0; }
+  .j .c { font-weight: 600; color: #c8c8ff; min-width: 75px; font-size: 11px; }
+  .j .t { color: #aaa; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
+  .j .f { font-size: 10px; color: #666; flex-shrink: 0; font-variant-numeric: tabular-nums; }
+  .j .tm { font-size: 9px; color: #555; flex-shrink: 0; }
+  @keyframes activePulse { 0%,100%{background:rgba(56,189,248,0.08)} 50%{background:rgba(56,189,248,0.15)} }
+  .live { text-align: center; margin-top: 10px; font-size: 10px; color: #666; min-height: 20px; }
+  .dot {
+    display: inline-block; width: 6px; height: 6px; border-radius: 50%;
+    background: #4ade80; margin-right: 4px; animation: jpulse 2s infinite;
+  }
+  .dot.active { background: #38bdf8; animation: jpulse 0.8s infinite; }
+  @keyframes jpulse { 0%,100%{opacity:1} 50%{opacity:0.3} }
+  .ft { text-align: center; margin-top: 6px; font-size: 9px; color: #444; }
+  .empty { text-align: center; padding: 30px 20px; color: #666; }
+  .empty .big { font-size: 40px; margin-bottom: 10px; }
+</style>
+</head>
+<body>
+  <div class="hdr">
+    <h1>🦊 TextWeb Job Pipeline</h1>
+    <div class="sub">Zero screenshots · Zero API cost · Local LLM</div>
+  </div>
+  <div class="stats" id="stats"></div>
+  <div class="btns">
+    <div class="btn green" onclick="agentMsg('Find and apply to 5 more engineering leadership jobs via the TextWeb pipeline')">🔍 Find + Apply</div>
+    <div class="btn" onclick="agentMsg('Discover new jobs on Greenhouse boards and show them on the canvas dashboard')">📋 Discover</div>
+    <div class="btn amber" onclick="agentMsg('Check my email for any job application confirmations or responses')">📬 Inbox</div>
+  </div>
+  <div class="jl" id="jobList"></div>
+  <div class="live" id="liveStatus"></div>
+  <div class="ft">TextWeb v0.1.1 · Gemma 3 4B · Playwright headless</div>
+<script>
+function agentMsg(msg) {
+  window.location.href = 'openclaw://agent?message=' + encodeURIComponent(msg);
+}
+function esc(s) { return (s||'').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }
+function relTime(iso) {
+  if (!iso) return '';
+  const mins = Math.floor((Date.now() - new Date(iso).getTime()) / 60000);
+  if (mins < 1) return 'now';
+  if (mins < 60) return mins + 'm';
+  const hrs = Math.floor(mins / 60);
+  if (hrs < 24) return hrs + 'h';
+  return new Date(iso).toLocaleDateString('en-US',{month:'short',day:'numeric'});
+}
+function render(data) {
+  const jobs = data.jobs || [];
+  const icons = {submitted:'✅',probable:'🟡',active:'⏳',failed:'❌',queued:'📋',filling:'✏️',uploading:'📎',llm:'🤖',submitting:'🔘'};
+  const activeStatuses = ['active','filling','uploading','llm','submitting'];
+  const confirmed = jobs.filter(j=>j.status==='submitted').length;
+  const probable = jobs.filter(j=>j.status==='probable').length;
+  const active = jobs.filter(j=>activeStatuses.includes(j.status)).length;
+  const failed = jobs.filter(j=>j.status==='failed').length;
+  const queued = jobs.filter(j=>j.status==='queued').length;
+  let sh = `<div class="st ok"><div class="n">${confirmed}</div><div class="l">Confirmed</div></div>
+    <div class="st mb"><div class="n">${probable}</div><div class="l">Probable</div></div>`;
+  if(active) sh += `<div class="st ac"><div class="n">${active}</div><div class="l">Active</div></div>`;
+  if(queued) sh += `<div class="st" style="border-color:rgba(167,139,250,0.3)"><div class="n" style="color:#a78bfa">${queued}</div><div class="l">Queued</div></div>`;
+  if(failed) sh += `<div class="st fa"><div class="n">${failed}</div><div class="l">Failed</div></div>`;
+  sh += `<div class="st tt"><div class="n">${jobs.length}</div><div class="l">Total</div></div>`;
+  document.getElementById('stats').innerHTML = sh;
+  const groups = [
+    {label:'🔴 ACTIVE',cls:'act',statuses:activeStatuses},
+    {label:'QUEUED',cls:'q',statuses:['queued']},
+    {label:'CONFIRMED',cls:'',statuses:['submitted']},
+    {label:'PROBABLE',cls:'',statuses:['probable']},
+    {label:'FAILED',cls:'',statuses:['failed']},
+  ];
+  let lh = '';
+  for (const g of groups) {
+    const items = jobs.filter(j=>g.statuses.includes(j.status));
+    if (!items.length) continue;
+    lh += `<div class="sl ${g.cls}">${g.label}</div>`;
+    for (const j of items) {
+      const f = j.autoFields!=null ? `${j.autoFields}+${j.llmFields||0}` : '';
+      const t = relTime(j.submittedAt||j.startedAt||j.queuedAt);
+      lh += `<div class="j${activeStatuses.includes(j.status)?' active':''}"><span class="i">${icons[j.status]||'📋'}</span><span class="c">${esc(j.company)}</span><span class="t">${esc(j.title)}</span><span class="f">${f}</span><span class="tm">${t}</span></div>`;
+    }
+  }
+  if(!jobs.length) lh = '<div class="empty"><div class="big">🦊</div>No jobs yet. Click Find + Apply!</div>';
+  document.getElementById('jobList').innerHTML = lh;
+  const live = document.getElementById('liveStatus');
+  if(data.liveStatus) live.innerHTML = `<span class="dot active"></span>${esc(data.liveStatus)}`;
+  else if(active) live.innerHTML = '<span class="dot active"></span>Applying...';
+  else live.innerHTML = `<span class="dot"></span>Idle · ${new Date().toLocaleTimeString('en-US',{hour:'2-digit',minute:'2-digit'})}`;
+}
+// Use embedded state (injected by dashboard.js) or empty
+const state = window.__PIPELINE_STATE__ || {jobs:[]};
+render(state);
+</script>
+</body>
+</html>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "textweb",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "A text-grid web renderer for AI agents — see the web without screenshots",
   "main": "src/browser.js",
   "bin": {

package/src/browser.js CHANGED Viewed

@@ -60,7 +60,7 @@ class AgentBrowser {
   async click(ref) {
     const el = this._getElement(ref);
     await this.page.click(el.selector);
-    await this.page.waitForLoadState('networkidle').catch(() => {});
+    await this._settle();
     return await this.snapshot();
   }
@@ -71,9 +71,39 @@ class AgentBrowser {
     return await this.snapshot();
   }
+  /**
+   * Fill a field by CSS selector without re-rendering (faster for batch fills)
+   */
+  async fillBySelector(selector, text) {
+    try {
+      await this.page.click(selector, { timeout: 5000 });
+      await this.page.fill(selector, text);
+    } catch (e) {
+      // Fallback: try typing character by character (for contenteditable, etc.)
+      try {
+        await this.page.click(selector, { timeout: 5000 });
+        await this.page.evaluate((sel) => {
+          const el = document.querySelector(sel);
+          if (el) { el.value = ''; el.textContent = ''; }
+        }, selector);
+        await this.page.type(selector, text, { delay: 10 });
+      } catch (e2) {
+        throw new Error(`Cannot fill ${selector}: ${e.message}`);
+      }
+    }
+  }
+  /**
+   * Upload a file by CSS selector
+   */
+  async uploadBySelector(selector, filePaths) {
+    const paths = Array.isArray(filePaths) ? filePaths : [filePaths];
+    await this.page.setInputFiles(selector, paths);
+  }
   async press(key) {
     await this.page.keyboard.press(key);
-    await this.page.waitForLoadState('networkidle').catch(() => {});
+    await this._settle();
     return await this.snapshot();
   }
@@ -129,6 +159,56 @@ class AgentBrowser {
     }
   }
+  /**
+   * Get the current page URL
+   */
+  getCurrentUrl() {
+    return this.page ? this.page.url() : null;
+  }
+  /**
+   * Find elements matching a CSS selector
+   * Returns array of {tag, text, selector, visible} objects
+   */
+  async query(selector) {
+    if (!this.page) throw new Error('No page open. Call navigate() first.');
+    return await this.page.evaluate((sel) => {
+      const els = document.querySelectorAll(sel);
+      return Array.from(els).map((el, i) => ({
+        tag: el.tagName.toLowerCase(),
+        text: (el.textContent || '').trim().substring(0, 200),
+        selector: `${sel}:nth-child(${i + 1})`,
+        visible: el.offsetParent !== null,
+        href: el.href || null,
+        value: el.value || null,
+      }));
+    }, selector);
+  }
+  /**
+   * Take a screenshot (for debugging)
+   * @param {object} options - Playwright screenshot options (path, fullPage, type, etc.)
+   */
+  async screenshot(options = {}) {
+    if (!this.page) throw new Error('No page open. Call navigate() first.');
+    return await this.page.screenshot({
+      fullPage: true,
+      type: 'png',
+      ...options,
+    });
+  }
+  /**
+   * Wait for page to settle after an interaction.
+   * Races networkidle against a short timeout to avoid hanging on SPAs.
+   */
+  async _settle() {
+    await Promise.race([
+      this.page.waitForLoadState('networkidle').catch(() => {}),
+      new Promise(r => setTimeout(r, 3000)),
+    ]);
+  }
   _getElement(ref) {
     if (!this.lastResult) throw new Error('No snapshot. Navigate first.');
     const el = this.lastResult.elements[ref];

package/src/cli.js CHANGED Viewed

@@ -17,7 +17,6 @@ function parseArgs() {
     json: false,
     serve: false,
     cols: 100,
-    rows: 30,
     port: 3000,
     help: false
   };
@@ -48,7 +47,9 @@ function parseArgs() {
       case '--rows':
       case '-r':
-        options.rows = parseInt(args[++i]) || 30;
+        // Deprecated: height is dynamic (grows to fit content). Ignored.
+        console.error('Warning: --rows is deprecated. Height is dynamic (grows to fit content).');
+        args[++i]; // consume the value
         break;
       case '--port':
@@ -85,7 +86,7 @@ USAGE:
 OPTIONS:
   --cols, -c <number>                Grid width in characters (default: 100)
-  --rows, -r <number>                Grid height in characters (default: 30)
+  --rows, -r <number>                (deprecated, height is dynamic)
   --port, -p <number>                Server port (default: 3000)
   --interactive, -i                  Interactive REPL mode
   --json, -j                         JSON output format
@@ -117,7 +118,7 @@ INTERACTIVE COMMANDS:
 async function render(url, options) {
   const browser = new AgentBrowser({
     cols: options.cols,
-    rows: options.rows,
     headless: true
   });
@@ -156,7 +157,7 @@ async function render(url, options) {
 async function interactive(url, options) {
   const browser = new AgentBrowser({
     cols: options.cols,
-    rows: options.rows,
     headless: true
   });
@@ -367,7 +368,7 @@ async function serve(options) {
   const server = createServer({
     cols: options.cols,
-    rows: options.rows
   });
   server.listen(options.port, () => {

package/src/renderer.js CHANGED Viewed

@@ -7,8 +7,8 @@
  * Key design decisions:
  * - Overflow > truncation (never lose information)
  * - Measure actual font metrics from the page
- * - Table-aware layout
- * - Z-index compositing (back to front)
+ * - Row-grouping layout (elements grouped by Y position)
+ * - Dynamic height (grows to fit all content)
  */
 /**
@@ -187,6 +187,29 @@ async function extractElements(page) {
         text = '---';
       }
+      // Resolve label for form elements
+      let label = '';
+      if (!isText && (tag === 'input' || tag === 'select' || tag === 'textarea')) {
+        // Strategy 1: <label for="id">
+        if (el.id) {
+          const labelEl = document.querySelector('label[for="' + CSS.escape(el.id) + '"]');
+          if (labelEl) label = labelEl.textContent.trim().replace(/\s*\*\s*$/, '').trim();
+        }
+        // Strategy 2: aria-label
+        if (!label && el.getAttribute('aria-label')) {
+          label = el.getAttribute('aria-label');
+        }
+        // Strategy 3: wrapping <label>
+        if (!label) {
+          const parentLabel = el.closest('label');
+          if (parentLabel) label = parentLabel.textContent.trim().replace(/\s*\*\s*$/, '').trim();
+        }
+        // Strategy 4: name attribute as fallback
+        if (!label && el.name) {
+          label = el.name.replace(/[_\-\[\]]/g, ' ').replace(/\s+/g, ' ').trim();
+        }
+      }
       // Determine semantic type
       let semantic = 'text';
       const headingMatch = tag.match(/^h(\d)$/);
@@ -231,6 +254,7 @@ async function extractElements(page) {
       results.push({
         text,
+        label: label || '',
         tag,
         semantic,
         headingLevel: headingMatch ? parseInt(headingMatch[1]) : 0,
@@ -253,44 +277,6 @@ async function extractElements(page) {
   });
 }
-/**
- * Place text onto the grid, allowing overflow (never truncate).
- * Text wraps to the next line at grid edge, continuing at the same start column.
- */
-function placeText(grid, zGrid, z, row, col, text, cols, rows) {
-  let r = row;
-  let c = col;
-  for (let i = 0; i < text.length; i++) {
-    // Grow grid vertically if needed (overflow — don't lose data)
-    while (r >= grid.length) {
-      grid.push(Array(cols).fill(' '));
-      zGrid.push(Array(cols).fill(-1));
-    }
-    if (c >= cols) {
-      // Wrap to next line at original column position
-      r++;
-      c = col;
-      while (r >= grid.length) {
-        grid.push(Array(cols).fill(' '));
-        zGrid.push(Array(cols).fill(-1));
-      }
-    }
-    const ch = text[i];
-    if (ch === '\n') { r++; c = col; continue; }
-    if (c >= 0 && c < cols && z >= zGrid[r][c]) {
-      grid[r][c] = ch;
-      zGrid[r][c] = z;
-    }
-    c++;
-  }
-  return r; // Return last row written to (useful for tracking grid growth)
-}
 /**
  * Detect row boundaries — groups of elements that share the same Y position
  * This prevents text from different elements on the same visual line from overlapping
@@ -399,6 +385,7 @@ function renderGrid(elements, cols, charW, charH, scrollY = 0) {
           semantic: el.semantic,
           href: el.href,
           text: el.text,
+          label: el.label || '',
           x: el.x,
           y: el.y,
         };

package/src/server.js CHANGED Viewed

@@ -10,7 +10,7 @@ class TextWebServer {
   constructor(options = {}) {
     this.options = {
       cols: options.cols || 100,
-      rows: options.rows || 30,
+      // rows is deprecated — height is dynamic
       timeout: options.timeout || 30000,
       ...options
     };
@@ -33,7 +33,6 @@ class TextWebServer {
     if (!this.browser) {
       this.browser = new AgentBrowser({
         cols: this.options.cols,
-        rows: this.options.rows,
         headless: true,
         timeout: this.options.timeout
       });

package/src/apply.js DELETED Viewed

@@ -1,565 +0,0 @@
-#!/usr/bin/env node
-/**
- * TextWeb Job Application Agent
- *
- * Fills out job applications using text-grid rendering instead of screenshots.
- * Handles: LinkedIn Easy Apply, Greenhouse, Workday, Lever, Ashby, generic forms.
- *
- * Usage:
- *   node apply.js <url> [--resume path] [--cover-letter path] [--dry-run]
- *   node apply.js --batch <jobs.json>
- */
-const { AgentBrowser } = require('./browser');
-const path = require('path');
-const fs = require('fs');
-// ─── Applicant Profile ───────────────────────────────────────────────────────
-const PROFILE = {
-  firstName: 'Christopher',
-  lastName: 'Robison',
-  fullName: 'Christopher Robison',
-  email: 'cdr@cdr2.com',
-  phone: '(415) 810-6991',
-  location: 'San Francisco, CA',
-  linkedin: 'https://linkedin.com/in/crobison',
-  github: 'https://github.com/chrisrobison',
-  website: 'https://cdr2.com',
-  currentTitle: 'CTO',
-  currentCompany: 'D. Harris Tours',
-  yearsExperience: '25',
-  willingToRelocate: 'Yes',
-  workAuthorization: 'US Citizen',
-  requireSponsorship: 'No',
-  salaryExpectation: '200000',
-  noticePeriod: 'Immediately',
-  // Default resume/cover letter
-  resumePath: path.join(process.env.HOME, '.jobsearch/christopher-robison-resume.pdf'),
-  coverLetterPath: null, // set per-application if available
-};
-// ─── Field Matching ──────────────────────────────────────────────────────────
-// Maps common form field labels/placeholders to profile values
-const FIELD_PATTERNS = [
-  // Name fields
-  { match: /first\s*name/i, value: () => PROFILE.firstName },
-  { match: /last\s*name|family\s*name|surname/i, value: () => PROFILE.lastName },
-  { match: /full\s*name|^name$|^name:|customer.*name|your.*name|applicant.*name/i, value: () => PROFILE.fullName },
-  // Contact (email before address — "email address" should match email, not location)
-  { match: /e-?mail/i, value: () => PROFILE.email },
-  { match: /phone|mobile|cell|telephone/i, value: () => PROFILE.phone },
-  // Location (exclude "email address" by requiring no "email" nearby)
-  { match: /^(?!.*e-?mail).*(city|location|address|zip|postal)/i, value: () => PROFILE.location },
-  // Links
-  { match: /linkedin/i, value: () => PROFILE.linkedin },
-  { match: /github/i, value: () => PROFILE.github },
-  { match: /website|portfolio|personal.*url|blog/i, value: () => PROFILE.website },
-  // Work info
-  { match: /current.*title|job.*title/i, value: () => PROFILE.currentTitle },
-  { match: /current.*company|employer|organization/i, value: () => PROFILE.currentCompany },
-  { match: /years.*experience|experience.*years/i, value: () => PROFILE.yearsExperience },
-  // Logistics
-  { match: /relocat/i, value: () => PROFILE.willingToRelocate },
-  { match: /authorized|authorization|legally.*work|eligible.*work/i, value: () => PROFILE.workAuthorization },
-  { match: /sponsor/i, value: () => PROFILE.requireSponsorship },
-  { match: /salary|compensation|pay.*expect/i, value: () => PROFILE.salaryExpectation },
-  { match: /notice.*period|start.*date|availab.*start|when.*start/i, value: () => PROFILE.noticePeriod },
-  { match: /how.*hear|where.*find|referr(?!ed)|source.*(?:job|opening|position)|how.*learn.*about/i, value: () => 'Online job search' },
-];
-// ─── Platform Detection ─────────────────────────────────────────────────────
-function detectPlatform(url, pageText) {
-  const u = url.toLowerCase();
-  const t = (pageText || '').toLowerCase();
-  if (u.includes('linkedin.com')) return 'linkedin';
-  if (u.includes('greenhouse.io') || u.includes('boards.greenhouse')) return 'greenhouse';
-  if (u.includes('myworkday') || u.includes('workday.com')) return 'workday';
-  if (u.includes('lever.co') || u.includes('jobs.lever')) return 'lever';
-  if (u.includes('ashbyhq.com')) return 'ashby';
-  if (u.includes('smartrecruiters')) return 'smartrecruiters';
-  if (u.includes('icims')) return 'icims';
-  if (u.includes('indeed.com')) return 'indeed';
-  if (t.includes('greenhouse')) return 'greenhouse';
-  if (t.includes('workday')) return 'workday';
-  if (t.includes('lever')) return 'lever';
-  return 'generic';
-}
-// ─── Form Analysis ──────────────────────────────────────────────────────────
-/**
- * Analyze a page snapshot to identify fillable fields and map them to profile data
- */
-function analyzeForm(result) {
-  const { view, elements } = result;
-  const lines = view.split('\n');
-  const actions = [];
-  for (const [ref, el] of Object.entries(elements)) {
-    if (el.semantic === 'input' || el.semantic === 'textarea') {
-      // Find the label for this field by looking at surrounding text
-      const label = findLabel(el, lines, result);
-      const profileValue = matchFieldToProfile(label, el);
-      if (profileValue) {
-        actions.push({
-          action: 'type',
-          ref: parseInt(ref),
-          value: profileValue,
-          field: label,
-          confidence: 'high',
-        });
-      } else {
-        actions.push({
-          action: 'type',
-          ref: parseInt(ref),
-          value: null,
-          field: label,
-          confidence: 'unknown',
-        });
-      }
-    }
-    if (el.semantic === 'file') {
-      const label = findLabel(el, lines, result);
-      const isResume = /resume|cv/i.test(label);
-      const isCoverLetter = /cover.*letter/i.test(label);
-      actions.push({
-        action: 'upload',
-        ref: parseInt(ref),
-        filePath: isCoverLetter ? PROFILE.coverLetterPath : PROFILE.resumePath,
-        field: label,
-        fileType: isCoverLetter ? 'cover_letter' : 'resume',
-      });
-    }
-    if (el.semantic === 'select') {
-      const label = findLabel(el, lines, result);
-      actions.push({
-        action: 'select',
-        ref: parseInt(ref),
-        field: label,
-        confidence: 'needs_review',
-      });
-    }
-    if (el.semantic === 'checkbox' || el.semantic === 'radio') {
-      const label = findLabel(el, lines, result);
-      // Auto-check common consent/agreement checkboxes
-      if (/agree|consent|acknowledge|confirm|certif/i.test(label)) {
-        actions.push({
-          action: 'click',
-          ref: parseInt(ref),
-          field: label,
-          reason: 'auto-agree',
-        });
-      }
-    }
-  }
-  // Find submit button
-  for (const [ref, el] of Object.entries(elements)) {
-    if (el.semantic === 'button' || el.semantic === 'link') {
-      const text = (el.text || '').toLowerCase();
-      if (/submit|apply|next|continue|save|send/i.test(text) && !/cancel|back|sign.*in|log.*in/i.test(text)) {
-        actions.push({
-          action: 'submit',
-          ref: parseInt(ref),
-          text: el.text,
-        });
-      }
-    }
-  }
-  return actions;
-}
-/**
- * Find the label text associated with a form field
- */
-function findLabel(el, lines, result) {
-  // Strategy 1: Check the element's own text/placeholder
-  if (el.text && el.text.length > 2) return el.text;
-  // Strategy 2: Look at the text grid near this element's position
-  // Find which line this element is on
-  const view = result.view;
-  const allLines = view.split('\n');
-  for (let i = 0; i < allLines.length; i++) {
-    const refPattern = `[${Object.entries(result.elements).find(([r, e]) => e === el)?.[0]}`;
-    if (allLines[i].includes(refPattern)) {
-      // Check same line for label text (to the left of the field)
-      const line = allLines[i];
-      const refIdx = line.indexOf(refPattern);
-      const leftText = line.substring(0, refIdx).trim();
-      if (leftText) return leftText;
-      // Check line above
-      if (i > 0) {
-        const above = allLines[i - 1].trim();
-        if (above && above.length < 60) return above;
-      }
-      break;
-    }
-  }
-  return el.text || 'unknown field';
-}
-/**
- * Match a field label to profile data
- */
-function matchFieldToProfile(label, el) {
-  if (!label) return null;
-  for (const pattern of FIELD_PATTERNS) {
-    if (pattern.match.test(label)) {
-      return pattern.value();
-    }
-  }
-  return null;
-}
-// ─── Application Engine ─────────────────────────────────────────────────────
-class JobApplicator {
-  constructor(options = {}) {
-    this.browser = null;
-    this.dryRun = options.dryRun || false;
-    this.verbose = options.verbose || false;
-    this.resumePath = options.resumePath || PROFILE.resumePath;
-    this.coverLetterPath = options.coverLetterPath || PROFILE.coverLetterPath;
-    this.maxSteps = options.maxSteps || 10; // safety limit for multi-step forms
-    this.log = [];
-  }
-  async init() {
-    this.browser = new AgentBrowser({ cols: 120 });
-    await this.browser.launch();
-    return this;
-  }
-  async apply(url) {
-    this._log('info', `Starting application: ${url}`);
-    // Navigate to the application page
-    let result = await this.browser.navigate(url);
-    const platform = detectPlatform(url, result.view);
-    this._log('info', `Detected platform: ${platform}`);
-    this._log('info', `Page: ${result.meta.title}`);
-    if (this.verbose) {
-      console.log('\n' + result.view + '\n');
-    }
-    let step = 0;
-    let completed = false;
-    while (step < this.maxSteps && !completed) {
-      step++;
-      this._log('info', `--- Step ${step} ---`);
-      // Analyze current form
-      const actions = analyzeForm(result);
-      if (actions.length === 0) {
-        this._log('warn', 'No form fields or actions found on this page');
-        break;
-      }
-      // Report what we found
-      const fillable = actions.filter(a => a.action === 'type' && a.value);
-      const unknown = actions.filter(a => a.action === 'type' && !a.value);
-      const uploads = actions.filter(a => a.action === 'upload');
-      const submits = actions.filter(a => a.action === 'submit');
-      this._log('info', `Found: ${fillable.length} auto-fill, ${unknown.length} unknown, ${uploads.length} uploads, ${submits.length} buttons`);
-      // Fill in known fields
-      for (const action of fillable) {
-        this._log('fill', `[${action.ref}] ${action.field} → "${action.value}"`);
-        if (!this.dryRun) {
-          try {
-            result = await this.browser.type(action.ref, action.value);
-          } catch (err) {
-            this._log('error', `Failed to fill [${action.ref}] ${action.field}: ${err.message}`);
-          }
-        }
-      }
-      // Upload files
-      for (const action of uploads) {
-        const filePath = action.fileType === 'cover_letter'
-          ? (this.coverLetterPath || this.resumePath)
-          : this.resumePath;
-        if (filePath && fs.existsSync(filePath)) {
-          this._log('upload', `[${action.ref}] ${action.field} ← ${path.basename(filePath)}`);
-          if (!this.dryRun) {
-            try {
-              result = await this.browser.upload(action.ref, filePath);
-            } catch (err) {
-              this._log('error', `Failed to upload [${action.ref}]: ${err.message}`);
-            }
-          }
-        } else {
-          this._log('warn', `No file for ${action.field} (path: ${filePath})`);
-        }
-      }
-      // Click agreement checkboxes
-      for (const action of actions.filter(a => a.action === 'click')) {
-        this._log('click', `[${action.ref}] ${action.field} (${action.reason})`);
-        if (!this.dryRun) {
-          try {
-            result = await this.browser.click(action.ref);
-          } catch (err) {
-            this._log('error', `Failed to click [${action.ref}]: ${err.message}`);
-          }
-        }
-      }
-      // Log unknown fields
-      for (const action of unknown) {
-        this._log('skip', `[${action.ref}] "${action.field}" — no auto-fill match`);
-      }
-      // Take a fresh snapshot after fills
-      if (!this.dryRun) {
-        result = await this.browser.snapshot();
-      }
-      if (this.verbose) {
-        console.log('\n--- After filling ---');
-        console.log(result.view);
-      }
-      // Find submit/next button
-      const submitBtn = submits.find(s => /next|continue/i.test(s.text)) || submits[0];
-      if (!submitBtn) {
-        this._log('warn', 'No submit/next button found');
-        break;
-      }
-      // Check for confirmation/success indicators
-      const viewLower = result.view.toLowerCase();
-      if (/application.*submitted|thank.*you.*appl|success.*submitted|application.*received/i.test(viewLower)) {
-        this._log('success', '🎉 Application submitted successfully!');
-        completed = true;
-        break;
-      }
-      // Submit / go to next step
-      this._log('click', `[${submitBtn.ref}] "${submitBtn.text}"`);
-      if (!this.dryRun) {
-        const prevUrl = result.meta.url;
-        try {
-          result = await this.browser.click(submitBtn.ref);
-        } catch (err) {
-          this._log('error', `Submit click failed: ${err.message}`);
-          break;
-        }
-        // Check if we landed on a success/thank you page
-        const newView = result.view.toLowerCase();
-        if (/application.*submitted|thank.*you|success|received.*application|already.*applied/i.test(newView)) {
-          this._log('success', '🎉 Application submitted successfully!');
-          completed = true;
-          break;
-        }
-        // Check if URL changed significantly (redirect to confirmation)
-        if (result.meta.url !== prevUrl && /confirm|success|thank/i.test(result.meta.url)) {
-          this._log('success', '🎉 Redirected to confirmation page');
-          completed = true;
-          break;
-        }
-      } else {
-        this._log('dry-run', `Would click [${submitBtn.ref}] "${submitBtn.text}"`);
-        break;
-      }
-    }
-    if (step >= this.maxSteps) {
-      this._log('warn', `Reached max steps (${this.maxSteps}). May need manual review.`);
-    }
-    return {
-      url,
-      platform,
-      completed,
-      steps: step,
-      log: this.log,
-      finalView: result.view,
-    };
-  }
-  async close() {
-    if (this.browser) await this.browser.close();
-  }
-  _log(level, message) {
-    const entry = { time: new Date().toISOString(), level, message };
-    this.log.push(entry);
-    const prefix = {
-      info: '  ℹ',
-      fill: '  ✏️',
-      upload: '  📎',
-      click: '  👆',
-      skip: '  ⏭️',
-      warn: '  ⚠️',
-      error: '  ❌',
-      success: '  ✅',
-      'dry-run': '  🔍',
-    }[level] || '  ';
-    console.error(`${prefix} ${message}`);
-  }
-}
-// ─── Batch Mode ─────────────────────────────────────────────────────────────
-async function batchApply(jobsFile, options) {
-  const jobs = JSON.parse(fs.readFileSync(jobsFile, 'utf8'));
-  const results = [];
-  console.error(`\nBatch applying to ${jobs.length} jobs...\n`);
-  for (let i = 0; i < jobs.length; i++) {
-    const job = jobs[i];
-    const url = job.apply_url || job.url || job.applyUrl;
-    if (!url) {
-      console.error(`  ⏭️  [${i + 1}/${jobs.length}] Skipping "${job.title}" — no URL`);
-      continue;
-    }
-    console.error(`\n━━━ [${i + 1}/${jobs.length}] ${job.title || 'Unknown'} at ${job.company || 'Unknown'} ━━━`);
-    const applicator = new JobApplicator({
-      ...options,
-      coverLetterPath: job.coverLetterPath || options.coverLetterPath,
-      resumePath: job.resumePath || options.resumePath,
-    });
-    try {
-      await applicator.init();
-      const result = await applicator.apply(url);
-      results.push({ job, ...result });
-    } catch (err) {
-      console.error(`  ❌ Failed: ${err.message}`);
-      results.push({ job, url, completed: false, error: err.message });
-    } finally {
-      await applicator.close();
-    }
-    // Brief pause between applications
-    if (i < jobs.length - 1) {
-      await new Promise(r => setTimeout(r, 2000));
-    }
-  }
-  // Summary
-  const succeeded = results.filter(r => r.completed).length;
-  const failed = results.filter(r => !r.completed).length;
-  console.error(`\n━━━ Summary: ${succeeded} submitted, ${failed} need review ━━━\n`);
-  // Output results as JSON to stdout
-  console.log(JSON.stringify(results, null, 2));
-  return results;
-}
-// ─── CLI ─────────────────────────────────────────────────────────────────────
-async function main() {
-  const args = process.argv.slice(2);
-  const options = {
-    dryRun: false,
-    verbose: false,
-    resumePath: PROFILE.resumePath,
-    coverLetterPath: null,
-    batchFile: null,
-    url: null,
-  };
-  for (let i = 0; i < args.length; i++) {
-    const arg = args[i];
-    if (arg === '--dry-run' || arg === '-n') options.dryRun = true;
-    else if (arg === '--verbose' || arg === '-v') options.verbose = true;
-    else if (arg === '--resume') options.resumePath = args[++i];
-    else if (arg === '--cover-letter') options.coverLetterPath = args[++i];
-    else if (arg === '--batch') options.batchFile = args[++i];
-    else if (arg === '-h' || arg === '--help') { printHelp(); process.exit(0); }
-    else if (!arg.startsWith('-')) options.url = arg;
-  }
-  if (options.batchFile) {
-    await batchApply(options.batchFile, options);
-    return;
-  }
-  if (!options.url) {
-    printHelp();
-    process.exit(1);
-  }
-  const applicator = new JobApplicator(options);
-  try {
-    await applicator.init();
-    const result = await applicator.apply(options.url);
-    console.log(JSON.stringify(result, null, 2));
-  } finally {
-    await applicator.close();
-  }
-}
-function printHelp() {
-  console.log(`
-TextWeb Job Applicator — Fill out job applications without screenshots
-Usage:
-  node apply.js <url>                     Apply to a single job
-  node apply.js --batch <jobs.json>       Apply to multiple jobs
-Options:
-  --dry-run, -n         Show what would be filled without submitting
-  --verbose, -v         Print page views at each step
-  --resume <path>       Path to resume PDF (default: ~/.jobsearch/christopher-robison-resume.pdf)
-  --cover-letter <path> Path to cover letter PDF
-  -h, --help            Show this help
-Batch JSON format:
-  [
-    { "title": "VP Eng", "company": "Acme", "apply_url": "https://..." },
-    { "title": "CTO", "company": "Startup", "url": "https://...", "resumePath": "/custom/resume.pdf" }
-  ]
-Examples:
-  node apply.js https://boards.greenhouse.io/company/jobs/123
-  node apply.js --dry-run https://jobs.lever.co/company/abc-123
-  node apply.js --batch ~/.jobsearch/to_apply.json --verbose
-`);
-}
-module.exports = { JobApplicator, analyzeForm, detectPlatform, PROFILE, FIELD_PATTERNS };
-if (require.main === module) {
-  main().catch(err => {
-    console.error(`Fatal: ${err.message}`);
-    process.exit(1);
-  });
-}