npm - qiksy - Versions diffs - 1.0.0 - Mend

qiksy 1.0.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 (78) hide show

package/ARCHITECTURE.md +78 -0
package/INSTALL-PROMPT.md +53 -0
package/bin/qiksy.mjs +302 -0
package/package.json +32 -0
package/tools/client-finder/vendor/README.md +70 -0
package/tools/client-finder/vendor/find.mjs +121 -0
package/tools/client-finder/vendor/icp/assist-pl-shops.json +30 -0
package/tools/client-finder/vendor/icp/assist-ua-shops.json +30 -0
package/tools/client-finder/vendor/knowledge/assist.md +68 -0
package/tools/client-finder/vendor/knowledge/custom.md +36 -0
package/tools/client-finder/vendor/knowledge/multilogin.md +29 -0
package/tools/client-finder/vendor/knowledge/pay.md +26 -0
package/tools/client-finder/vendor/knowledge/qa-copilot.md +43 -0
package/tools/client-finder/vendor/knowledge/travel.md +43 -0
package/tools/client-finder/vendor/knowledge/work-finder.md +52 -0
package/tools/client-finder/vendor/lib/access.mjs +108 -0
package/tools/client-finder/vendor/lib/agent.mjs +204 -0
package/tools/client-finder/vendor/lib/approver-mcp.mjs +78 -0
package/tools/client-finder/vendor/lib/browser.mjs +108 -0
package/tools/client-finder/vendor/lib/catalog.mjs +86 -0
package/tools/client-finder/vendor/lib/channels.mjs +54 -0
package/tools/client-finder/vendor/lib/deliver.mjs +89 -0
package/tools/client-finder/vendor/lib/engine.mjs +283 -0
package/tools/client-finder/vendor/lib/formats.mjs +108 -0
package/tools/client-finder/vendor/lib/jobs.mjs +75 -0
package/tools/client-finder/vendor/lib/knowledge.mjs +26 -0
package/tools/client-finder/vendor/lib/prompts.mjs +183 -0
package/tools/client-finder/vendor/lib/report.mjs +75 -0
package/tools/client-finder/vendor/lib/scope.mjs +162 -0
package/tools/client-finder/vendor/lib/spawn-claude.mjs +44 -0
package/tools/client-finder/vendor/lib/verify.mjs +96 -0
package/tools/client-finder/vendor/package.json +8 -0
package/tools/client-finder/vendor/server.mjs +390 -0
package/tools/travel/vendor/README.md +58 -0
package/tools/travel/vendor/docs/CONTRACT.md +174 -0
package/tools/travel/vendor/docs/ENGINE-MIGRATION.md +33 -0
package/tools/travel/vendor/lib/agent.mjs +190 -0
package/tools/travel/vendor/lib/engine.mjs +283 -0
package/tools/travel/vendor/lib/jobs.mjs +125 -0
package/tools/travel/vendor/lib/license.mjs +41 -0
package/tools/travel/vendor/lib/plans.mjs +28 -0
package/tools/travel/vendor/lib/prompts.mjs +394 -0
package/tools/travel/vendor/lib/proposal.mjs +207 -0
package/tools/travel/vendor/lib/spawn-claude.mjs +44 -0
package/tools/travel/vendor/lib/store.mjs +75 -0
package/tools/travel/vendor/package.json +12 -0
package/tools/travel/vendor/public/app.js +996 -0
package/tools/travel/vendor/public/index.html +112 -0
package/tools/travel/vendor/public/styles.css +760 -0
package/tools/travel/vendor/scripts/approver-mcp.mjs +80 -0
package/tools/travel/vendor/scripts/launch-browser.mjs +77 -0
package/tools/travel/vendor/server.mjs +755 -0
package/tools/work-finder/vendor/.claude/settings.local.json +27 -0
package/tools/work-finder/vendor/.mcp.json +9 -0
package/tools/work-finder/vendor/CLAUDE.md +24 -0
package/tools/work-finder/vendor/README.md +44 -0
package/tools/work-finder/vendor/bin/qiksy-work-finder.mjs +127 -0
package/tools/work-finder/vendor/lib/agent.mjs +159 -0
package/tools/work-finder/vendor/lib/catalog.mjs +41 -0
package/tools/work-finder/vendor/lib/channels.mjs +73 -0
package/tools/work-finder/vendor/lib/engine.mjs +283 -0
package/tools/work-finder/vendor/lib/jobs.mjs +127 -0
package/tools/work-finder/vendor/lib/license.mjs +60 -0
package/tools/work-finder/vendor/lib/linkcheck.mjs +72 -0
package/tools/work-finder/vendor/lib/linkedin.mjs +22 -0
package/tools/work-finder/vendor/lib/plans.mjs +33 -0
package/tools/work-finder/vendor/lib/prompts.mjs +217 -0
package/tools/work-finder/vendor/lib/spawn-claude.mjs +44 -0
package/tools/work-finder/vendor/lib/store.mjs +125 -0
package/tools/work-finder/vendor/package.json +41 -0
package/tools/work-finder/vendor/public/app.js +1863 -0
package/tools/work-finder/vendor/public/index.html +518 -0
package/tools/work-finder/vendor/public/styles.css +930 -0
package/tools/work-finder/vendor/scripts/approver-mcp.mjs +69 -0
package/tools/work-finder/vendor/scripts/extract-linkedin.mjs +81 -0
package/tools/work-finder/vendor/scripts/launch-browser.mjs +78 -0
package/tools/work-finder/vendor/scripts/screenshot.mjs +17 -0
package/tools/work-finder/vendor/server.mjs +1006 -0

package/tools/work-finder/vendor/public/index.html ADDED Viewed

@@ -0,0 +1,518 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Work Finder</title>
+<link rel="stylesheet" href="styles.css">
+</head>
+<body>
+<script>
+  /* Pre-paint gate: set body.gated BEFORE the app views parse, so a no-key visitor never
+     flashes the app before app.js runs (the gate CSS hides app views while .gated). */
+  try {
+    var _k = localStorage.getItem('workFinder_anthropicKey');
+    if (!_k || !_k.trim()) document.body.classList.add('gated');
+  } catch (e) {}
+</script>
+<header class="topbar">
+  <div class="brand">
+    <span class="brand-mark" aria-hidden="true">
+      <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <rect width="20" height="14" x="2" y="7" rx="2" ry="2"/>
+        <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/>
+      </svg>
+    </span>
+    <b>Work Finder</b>
+  </div>
+  <nav class="nav">
+    <button class="nav-tab active" data-tab="jobs" data-i18n="nav.jobs">Jobs</button>
+    <button class="nav-tab" data-tab="leads"><span data-i18n="nav.leads">Leads</span> <span id="leads-count" class="nav-badge"></span></button>
+    <button class="nav-tab" data-tab="profiles" data-i18n="nav.profiles">Profiles</button>
+    <button class="nav-tab" data-tab="settings" data-i18n="nav.settings">Settings</button>
+  </nav>
+  <div class="topbar-right">
+    <span id="credits-pill" class="pill" hidden></span>
+    <span id="browser-status" class="pill">…</span>
+    <div class="lang-switch" role="group" aria-label="Language">
+      <button type="button" class="lang-btn active" data-lang="en">EN</button>
+      <button type="button" class="lang-btn" data-lang="ru">RU</button>
+    </div>
+    <button id="theme-toggle" class="pill theme-btn" data-i18n-title="topbar.themeToggle" title="Toggle theme">🌙</button>
+  </div>
+</header>
+<!-- ══════════ LANDING (key gate) ══════════ -->
+<main id="view-landing" class="view landing" hidden>
+  <div class="lp-topline">
+    <span class="lp-badge"><span class="lp-badge-dot"></span><span data-i18n="landing.badge">AI job-hunt agents</span></span>
+  </div>
+  <!-- HERO -->
+  <section class="lp-hero">
+    <div class="lp-hero-copy">
+      <h1 class="lp-title" data-i18n="landing.heroTitle">Your job hunt, on autopilot.</h1>
+      <p class="lp-sub" data-i18n="landing.heroSub">Work Finder runs Claude agents that scan the whole market, match roles to your profile, and prepare tailored applications — while you get on with your day.</p>
+      <div class="lp-hero-cta">
+        <button class="btn primary big" id="landing-cta" data-i18n="landing.heroCta">Connect your key &amp; start</button>
+        <span class="lp-hero-note" data-i18n="landing.heroNote">Bring your own Anthropic key · runs locally in your browser</span>
+      </div>
+    </div>
+    <div class="lp-hero-art" aria-hidden="true">
+      <div class="lp-run">
+        <div class="lp-run-head"><span class="lp-run-dot"></span><b data-i18n="widget.working">Agents working…</b></div>
+        <div class="lp-run-row"><span class="spin">⏳</span><span data-i18n="landing.pipeScan">Scanning companies that are hiring</span></div>
+        <div class="lp-run-row"><span class="spin">⏳</span><span data-i18n="landing.pipeMatch">Matching roles to the profile</span></div>
+        <div class="lp-run-row done"><span>✅</span><span data-i18n="landing.pipeDraft">12 roles found · 4 letters drafted</span></div>
+      </div>
+    </div>
+  </section>
+  <!-- HOW IT WORKS -->
+  <section class="lp-section">
+    <h2 class="lp-h2" data-i18n="landing.howTitle">How it works</h2>
+    <div class="lp-steps">
+      <article class="lp-step">
+        <div class="lp-step-n">1</div>
+        <h3 class="lp-step-title" data-i18n="landing.step1Title">Add a candidate</h3>
+        <p class="lp-step-text" data-i18n="landing.step1Text">Drop in a name and a LinkedIn — the resume imports itself and roles are picked automatically.</p>
+        <div class="lp-mock lp-mock-profile" aria-hidden="true">
+          <div class="lp-pc-head">
+            <span class="lp-ava" style="background:hsl(210,58%,52%)">A</span>
+            <div><div class="lp-pc-name">Alex Carter</div><div class="lp-pc-sub">Kyiv · remote</div></div>
+          </div>
+          <div class="lp-chips">
+            <span class="lp-chip on" data-i18n="landing.roleBackend">Senior Backend Engineer</span>
+            <span class="lp-chip" data-i18n="landing.roleDevops">DevOps Engineer</span>
+          </div>
+        </div>
+      </article>
+      <article class="lp-step">
+        <div class="lp-step-n">2</div>
+        <h3 class="lp-step-title" data-i18n="landing.step2Title">Agents scan the market</h3>
+        <p class="lp-step-text" data-i18n="landing.step2Text">Claude agents comb company career pages, ATS systems and job boards for fresh, matching openings.</p>
+        <div class="lp-mock lp-mock-scan" aria-hidden="true">
+          <div class="lp-scan-row"><span class="spin">⏳</span><span data-i18n="landing.step2Mock">Scanning 1,240 sources…</span></div>
+          <div class="lp-scan-bars"><i style="width:82%"></i><i style="width:64%"></i><i style="width:91%"></i></div>
+        </div>
+      </article>
+      <article class="lp-step">
+        <div class="lp-step-n">3</div>
+        <h3 class="lp-step-title" data-i18n="landing.step3Title">Review matched roles</h3>
+        <p class="lp-step-text" data-i18n="landing.step3Text">Every hit lands as a card with why-it-fits notes, salary, location and freshness — filter to taste.</p>
+        <div class="lp-mock lp-mock-grid" aria-hidden="true">
+          <div class="lp-vcard">
+            <span class="lp-ava" style="background:hsl(150,55%,45%)">N</span>
+            <div class="lp-vc-body">
+              <div class="lp-vc-title" data-i18n="landing.roleBackend">Senior Backend Engineer</div>
+              <div class="lp-vc-co">Northwind Labs · remote</div>
+              <div class="lp-vc-tags"><span class="lp-tag remote">🌍 worldwide</span><span class="lp-tag sal">$6k–8k</span></div>
+            </div>
+            <span class="lp-st st-new" data-i18n="status.new">new</span>
+          </div>
+          <div class="lp-vcard">
+            <span class="lp-ava" style="background:hsl(24,72%,52%)">A</span>
+            <div class="lp-vc-body">
+              <div class="lp-vc-title" data-i18n="landing.roleData">Data Engineer</div>
+              <div class="lp-vc-co">Acme Cloud · EU remote</div>
+              <div class="lp-vc-tags"><span class="lp-tag remote">remote · region</span></div>
+            </div>
+            <span class="lp-st st-prepared" data-i18n="status.prepared">reply ready</span>
+          </div>
+          <div class="lp-vcard">
+            <span class="lp-ava" style="background:hsl(276,52%,55%)">O</span>
+            <div class="lp-vc-body">
+              <div class="lp-vc-title" data-i18n="landing.roleDesigner">Product Designer</div>
+              <div class="lp-vc-co">Orbit AI · London / hybrid</div>
+              <div class="lp-vc-tags"><span class="lp-tag sal">£70k–85k</span></div>
+            </div>
+            <span class="lp-st st-sent" data-i18n="status.sent">sent</span>
+          </div>
+        </div>
+      </article>
+      <article class="lp-step">
+        <div class="lp-step-n">4</div>
+        <h3 class="lp-step-title" data-i18n="landing.step4Title">Apply on autopilot</h3>
+        <p class="lp-step-text" data-i18n="landing.step4Text">The agent writes a tailored cover letter and can fill and submit the application form for you.</p>
+        <div class="lp-mock lp-mock-letter" aria-hidden="true">
+          <div class="lp-lbl" data-i18n="card.coverLetter">Cover letter</div>
+          <div class="lp-letter-lines"><i style="width:94%"></i><i style="width:100%"></i><i style="width:80%"></i><i style="width:90%"></i></div>
+          <div class="lp-letter-actions">
+            <span class="lp-btn ghost" data-i18n="card.openJob">Open job ↗</span>
+            <span class="lp-btn primary" data-i18n="card.autoApply">🤖 Auto-apply</span>
+          </div>
+        </div>
+      </article>
+    </div>
+  </section>
+  <!-- SEARCH PRINCIPLE -->
+  <section class="lp-section lp-principle">
+    <h2 class="lp-h2" data-i18n="landing.searchTitle">How the search works</h2>
+    <p class="lp-lead" data-i18n="landing.searchLead">Work Finder does not stop at one job board. Agents sweep the entire market and fold everything into a single, filterable list.</p>
+    <div class="lp-principle-grid">
+      <div class="lp-pcol">
+        <div class="lp-pcol-icon">🏢</div>
+        <h3 data-i18n="landing.searchCol1Title">Every company that is hiring</h3>
+        <p data-i18n="landing.searchCol1Text">Career pages and ATS systems (Greenhouse, Lever, Ashby and the like) — direct openings straight from the source, including roles that never reach the big boards.</p>
+      </div>
+      <div class="lp-pcol">
+        <div class="lp-pcol-icon">🌐</div>
+        <h3 data-i18n="landing.searchCol2Title">Independent boards &amp; aggregators</h3>
+        <p data-i18n="landing.searchCol2Text">Public job boards and aggregators are scanned in parallel, then de-duplicated against the direct hits so you never see the same role twice.</p>
+      </div>
+    </div>
+    <div class="lp-filters">
+      <span class="lp-filters-lbl" data-i18n="landing.searchFiltersTitle">Filter everything by</span>
+      <span class="lp-fchip" data-i18n="landing.filterCompany">Company</span>
+      <span class="lp-fchip" data-i18n="landing.filterGeo">Geography</span>
+      <span class="lp-fchip" data-i18n="landing.filterFormat">Format</span>
+      <span class="lp-fchip" data-i18n="landing.filterFreshness">Freshness</span>
+    </div>
+  </section>
+  <!-- BENEFITS -->
+  <section class="lp-section">
+    <h2 class="lp-h2" data-i18n="landing.benefitsTitle">Why Work Finder</h2>
+    <div class="lp-benefits">
+      <div class="lp-benefit"><div class="lp-benefit-icon">🤖</div><h3 data-i18n="landing.benefit1Title">Autopilot agents</h3><p data-i18n="landing.benefit1Text">Kick off a search and walk away — agents keep working and results drop in as they are confirmed.</p></div>
+      <div class="lp-benefit"><div class="lp-benefit-icon">✍️</div><h3 data-i18n="landing.benefit2Title">Tailored applications</h3><p data-i18n="landing.benefit2Text">Cover letters are written per role from the candidate profile — no copy-paste, no generic templates.</p></div>
+      <div class="lp-benefit"><div class="lp-benefit-icon">📁</div><h3 data-i18n="landing.benefit3Title">One place for everything</h3><p data-i18n="landing.benefit3Text">Candidates, roles, letters and application status live together in a single pipeline.</p></div>
+      <div class="lp-benefit"><div class="lp-benefit-icon">🔒</div><h3 data-i18n="landing.benefit4Title">Your key, your data</h3><p data-i18n="landing.benefit4Text">Runs on your own Anthropic key and stays on your machine — nothing is sent to us.</p></div>
+    </div>
+  </section>
+  <!-- CONNECT KEY -->
+  <section class="lp-section" id="lp-connect">
+    <div class="lp-connect-card">
+      <h2 class="lp-h2" data-i18n="landing.connectTitle">Connect your Anthropic API key</h2>
+      <p class="lp-lead" data-i18n="landing.connectLead">Work Finder runs on your own Anthropic key, so you pay Anthropic directly for exactly what the agents use.</p>
+      <ol class="lp-inst">
+        <li data-i18n="landing.connectStep1">Sign in to the Anthropic Console.</li>
+        <li data-i18n="landing.connectStep2">Open API Keys and click Create key.</li>
+        <li data-i18n="landing.connectStep3">Copy the key (it starts with sk-ant-) and paste it below.</li>
+      </ol>
+      <a class="btn ghost sm lp-console" href="https://console.anthropic.com/settings/keys" target="_blank" rel="noopener" data-i18n="landing.consoleLink">Open Anthropic Console ↗</a>
+      <div class="lp-key-row">
+        <input id="landing-key" type="password" autocomplete="off" spellcheck="false" data-i18n-ph="landing.keyPlaceholder" placeholder="sk-ant-…">
+        <button class="btn primary" id="landing-connect" data-i18n="landing.connectBtn">Connect</button>
+      </div>
+      <p class="lp-key-note" data-i18n="landing.keyNote">The key is stored only in this browser (localStorage) and is never sent to our servers.</p>
+    </div>
+  </section>
+</main>
+<!-- ══════════ JOBS ══════════ -->
+<main id="view-jobs" class="view">
+  <!-- zero-profile onboarding: one focused step -->
+  <div id="jobs-onboard" class="jobs-onboard" hidden>
+    <div class="jo-card">
+      <div class="jo-icon" aria-hidden="true">👤</div>
+      <h2 data-i18n="jobsonb.title">Create your profile to start</h2>
+      <p class="jo-sub" data-i18n="jobsonb.sub">Add a candidate and the agents start scanning the market right away — one step, then the results roll in.</p>
+      <form id="jobs-onboard-form" class="jo-form" autocomplete="off">
+        <input name="name" data-i18n-ph="jobsonb.namePlaceholder" placeholder="First and last name *" required>
+        <input name="linkedin" data-i18n-ph="jobsonb.linkedinPlaceholder" placeholder="LinkedIn URL — https://www.linkedin.com/in/…">
+        <button type="submit" class="btn primary big" data-i18n="jobsonb.submit">🚀 Add and find jobs</button>
+      </form>
+      <button type="button" class="btn ghost" id="jobs-onboard-builder" data-i18n="jobsonb.builderLink">🧩 Build a full resume instead</button>
+    </div>
+  </div>
+  <div class="search-panel" id="search-panel">
+    <div id="profile-chips" class="prof-chips"></div>
+    <div class="search-row">
+      <div id="position-chips" class="pos-chips"></div>
+      <button class="chip-add" id="show-add-position" data-i18n="search.addPosition" data-i18n-title="search.addPositionTitle" title="Add position">+ position</button>
+    </div>
+    <form id="position-form" class="add-form" hidden>
+      <select name="role" id="position-role"></select>
+      <select name="seniority" id="position-seniority"></select>
+      <input name="title" data-i18n-ph="posform.titlePlaceholder" placeholder="Custom position wording" hidden>
+      <input name="keywords" data-i18n-ph="posform.keywordsPlaceholder" placeholder="Keywords" hidden>
+      <select name="profileId" id="position-profile"></select>
+      <select name="engagement">
+        <option value="both" data-i18n="engagement.opt.both">staff or contract</option>
+        <option value="staff" data-i18n="engagement.opt.staff">staff only</option>
+        <option value="contract" data-i18n="engagement.opt.contract">contract only</option>
+      </select>
+      <button class="btn primary" data-i18n="common.add">Add</button>
+      <button class="btn ghost" type="button" id="hide-add-position" data-i18n="common.cancel">Cancel</button>
+    </form>
+    <div class="search-actions">
+      <button class="btn primary big" id="search-all" data-i18n="search.findJobs">🔎 Find jobs</button>
+      <select id="freshness" data-i18n-title="search.freshnessTitle" title="The agent will only take jobs published within this period">
+        <option value="1" data-i18n="search.freshness.1">no older than 1 day</option>
+        <option value="2" data-i18n="search.freshness.2">no older than 2 days</option>
+        <option value="3" data-i18n="search.freshness.3">no older than 3 days</option>
+        <option value="5" data-i18n="search.freshness.5">no older than 5 days</option>
+      </select>
+      <input id="text-filter" class="text-filter" data-i18n-ph="search.textFilterPlaceholder" placeholder="Filter: company, role, stack…">
+    </div>
+  </div>
+  <div id="status-tabs" class="status-tabs"></div>
+  <div class="filter-bar" id="filter-bar">
+    <select data-flt="geo">
+      <option value="" data-i18n="filter.geo.all">Geography: all</option>
+      <option value="global" data-i18n="filter.geo.global">🌍 Global — worldwide</option>
+      <option value="remote" data-i18n="filter.geo.remote">🏠 Remote — any</option>
+      <option value="region" data-i18n="filter.geo.region">Remote — region (EU/EMEA…)</option>
+      <option value="country" data-i18n="filter.geo.country">Remote — single country</option>
+      <option value="onsite" data-i18n="filter.geo.onsite">🏢 Office / hybrid</option>
+    </select>
+    <select data-flt="eng">
+      <option value="" data-i18n="filter.eng.all">Format: all</option>
+      <option value="staff" data-i18n="filter.eng.staff">Staff</option>
+      <option value="contract" data-i18n="filter.eng.contract">Contract / B2B</option>
+    </select>
+    <select data-flt="apply">
+      <option value="" data-i18n="filter.apply.all">Apply: all</option>
+      <option value="form" data-i18n="filter.apply.form">Form on site</option>
+      <option value="email">Email</option>
+      <option value="linkedin">LinkedIn</option>
+    </select>
+    <select data-flt="salary">
+      <option value="" data-i18n="filter.salary.all">Salary: all</option>
+      <option value="yes" data-i18n="filter.salary.yes">With a range only</option>
+    </select>
+    <select data-flt="fresh">
+      <option value="" data-i18n="filter.fresh.any">Freshness: any</option>
+      <option value="1" data-i18n="filter.fresh.1">past 1 day</option>
+      <option value="2" data-i18n="filter.fresh.2">past 2 days</option>
+      <option value="3" data-i18n="filter.fresh.3">past 3 days</option>
+      <option value="5" data-i18n="filter.fresh.5">past 5 days</option>
+    </select>
+    <button class="btn ghost sm" id="reset-filters" data-i18n="filter.reset">Reset</button>
+    <button class="btn ghost sm" id="validate-links" data-i18n="filter.validateLinks" data-i18n-title="filter.validateLinksTitle" title="Scan the database and hide jobs with dead links (free, no tokens)">🧹 Check links</button>
+  </div>
+  <div id="history-row" class="history-row" hidden></div>
+  <div id="vacancy-list" class="vlist"></div>
+</main>
+<!-- ══════════ LEADS ══════════ -->
+<main id="view-leads" class="view" hidden>
+  <div class="view-head">
+    <h2 data-i18n="leads.heading">Leads — companies with a hiring signal</h2>
+    <button class="btn primary" id="search-leads" data-i18n="leads.findLeads">🔎 Find leads (funding rounds)</button>
+  </div>
+  <p class="hint" data-i18n="leads.hint">Product companies that raised a round in the last ~60 days — they are hiring (or will be soon), even without public openings. The agent finds the founder/CTO contact, and “Pitch” writes a cold email tailored to the candidate profile.</p>
+  <div id="leads-list"></div>
+</main>
+<!-- ══════════ PROFILES ══════════ -->
+<main id="view-profiles" class="view" hidden>
+  <div class="view-head">
+    <h2 data-i18n="profiles.heading">Profiles and resumes</h2>
+    <div class="view-head-actions">
+      <span id="plan-badge" class="plan-badge free"></span>
+      <button class="btn ghost" id="open-builder" data-i18n="builder.open">🧩 Resume builder</button>
+      <button class="btn primary" id="add-profile" data-i18n="profiles.addCandidate">+ Add candidate</button>
+    </div>
+  </div>
+  <p class="hint" data-i18n="profiles.hint">A name and LinkedIn are enough: the resume imports itself, roles are picked automatically, and the search starts right away.</p>
+  <form id="onboard-form" class="profile-card onboard" hidden>
+    <h3 style="margin:0 0 12px" data-i18n="onboard.title">New candidate</h3>
+    <div class="row">
+      <input name="name" data-i18n-ph="onboard.namePlaceholder" placeholder="First and last name *" required>
+      <input name="linkedin" data-i18n-ph="onboard.linkedinPlaceholder" placeholder="LinkedIn URL — https://www.linkedin.com/in/…">
+      <select name="location" id="onb-location"></select>
+    </div>
+    <div class="row" style="margin-top:8px">
+      <select name="seniority" id="onb-seniority"></select>
+      <select name="engagement">
+        <option value="both" data-i18n="engagement.opt.both">staff or contract</option>
+        <option value="staff" data-i18n="engagement.opt.staff">staff only</option>
+        <option value="contract" data-i18n="engagement.opt.contract">contract only</option>
+      </select>
+    </div>
+    <div class="lbl" style="margin:12px 0 6px" data-i18n="onboard.rolesLabel">Roles — optional, they’ll be picked from the resume automatically:</div>
+    <div id="onb-roles" class="role-grid"></div>
+    <details style="margin-top:10px">
+      <summary class="hint" style="margin:0" data-i18n="onboard.noLinkedin">No LinkedIn — paste resume as text</summary>
+      <textarea name="resumeText" rows="8" data-i18n-ph="onboard.resumePlaceholder" placeholder="Resume in any form — the agent will tidy it up"></textarea>
+    </details>
+    <div class="row" style="margin-top:12px">
+      <button class="btn primary" data-i18n="onboard.submit">🚀 Add and find jobs</button>
+      <button class="btn ghost" type="button" id="onboard-cancel" data-i18n="common.cancel">Cancel</button>
+    </div>
+  </form>
+  <div id="profiles-list"></div>
+</main>
+<!-- ══════════ SETTINGS ══════════ -->
+<main id="view-settings" class="view" hidden>
+  <div class="view-head"><h2 data-i18n="nav.settings">Settings</h2></div>
+  <form id="settings-form" class="settings-card">
+    <label><span data-i18n="settings.apiKey">Anthropic API key</span>
+      <div class="row" style="align-items:center;gap:8px">
+        <input name="anthropicKey" type="password" autocomplete="off" spellcheck="false" style="flex:1;min-width:200px" data-i18n-ph="settings.keyPlaceholder" placeholder="Paste a new key to replace (sk-ant-…)">
+        <button type="button" class="btn ghost sm" id="disconnect-key" data-i18n="settings.disconnect">Disconnect</button>
+      </div>
+      <span id="key-status" class="hint" style="margin:2px 0 0"></span>
+    </label>
+    <label><span data-i18n="settings.plan">Plan</span>
+      <select name="plan">
+        <option value="free" data-i18n="settings.plan.free">Free — 1 candidate</option>
+        <option value="dev" data-i18n="settings.plan.dev">Dev — no limits (self-hosted instance)</option>
+      </select>
+      <span id="usage-line" class="hint" style="margin:2px 0 0"></span>
+    </label>
+    <label><span data-i18n="settings.license">License key</span>
+      <div class="row" style="align-items:center;gap:8px">
+        <input name="licenseKey" autocomplete="off" spellcheck="false" style="flex:1;min-width:200px" data-i18n-ph="settings.licensePlaceholder" placeholder="wf_… — paste the key from your purchase email">
+        <button type="button" class="btn ghost sm" id="license-apply" data-i18n="settings.licenseApply">Apply</button>
+      </div>
+      <span id="license-status" class="hint" style="margin:4px 0 0"></span>
+      <div class="row" style="margin-top:8px;gap:8px">
+            <button type="button" class="btn ghost sm" id="buy-pro" data-i18n="settings.buyPro">Get Pro — $99/yr</button>
+      </div>
+    </label>
+    <label><span data-i18n="settings.model">Agent model</span>
+      <select name="model">
+        <option value="haiku" data-i18n="settings.model.haiku">haiku — fast and cheap</option>
+        <option value="sonnet" data-i18n="settings.model.sonnet">sonnet — balanced (recommended)</option>
+        <option value="opus" data-i18n="settings.model.opus">opus — top quality</option>
+      </select>
+    </label>
+    <label><span data-i18n="settings.resultsPerSearch">Jobs per search</span>
+      <input type="number" name="resultsPerSearch" min="3" max="20">
+    </label>
+    <label class="checkbox">
+      <input type="checkbox" name="autoSubmit">
+      <span data-i18n="settings.autoSubmit">Auto-submit applications — the agent submits the form itself, without your review</span>
+    </label>
+    <label class="checkbox">
+      <input type="checkbox" name="searchViaBrowser">
+      <span data-i18n="settings.searchViaBrowser">Search via browser — deeper (djinni/DOU while logged in), but slower</span>
+    </label>
+    <label class="checkbox">
+      <input type="checkbox" name="excludeBoards">
+      <span data-i18n="settings.excludeBoards">No job boards (djinni, DOU, RemoteOK…) — only direct jobs from company sites and ATS</span>
+    </label>
+    <label><span data-i18n="settings.searchExtra">Extra search preferences (salary, countries, exclusions…)</span>
+      <textarea name="searchExtra" rows="3" data-i18n-ph="settings.searchExtraPlaceholder" placeholder="e.g.: only companies paying $4000+, no gambling"></textarea>
+    </label>
+    <button class="btn primary" data-i18n="common.save">Save</button>
+  </form>
+</main>
+<!-- ══════════ RESUME BUILDER ══════════ -->
+<div id="builder-overlay" class="modal-overlay" hidden>
+  <div class="builder-panel" role="dialog" aria-modal="true">
+    <div class="builder-head">
+      <h3 id="builder-title">Resume builder</h3>
+      <button type="button" class="modal-x" id="builder-close" data-i18n-title="builder.cancel" title="Cancel">✕</button>
+    </div>
+    <div class="builder-body">
+      <div id="builder-form" class="builder-form">
+        <details class="bld-import">
+          <summary data-i18n="builder.import">Import an existing resume</summary>
+          <textarea id="builder-import" rows="5" data-i18n-ph="builder.importPh" placeholder="Paste an existing resume here, then Parse with Claude — or keep it as-is."></textarea>
+          <div class="bld-import-actions">
+            <button type="button" class="btn primary sm" id="builder-parse" data-i18n="builder.parseImport">✨ Parse with Claude</button>
+            <label class="btn ghost sm bld-file-lbl">
+              <span data-i18n="builder.importFile">Load .txt file</span>
+              <input type="file" id="builder-file" accept=".txt,.md,text/plain" hidden>
+            </label>
+          </div>
+        </details>
+        <div class="bld-sec">
+          <div class="bld-lbl" data-i18n="builder.contact">Contact</div>
+          <div class="bld-grid">
+            <input data-bf="name" data-i18n-ph="builder.namePh" placeholder="First and last name *">
+            <input data-bf="location" data-i18n-ph="builder.locationPh" placeholder="Location, e.g. Ukraine">
+            <input data-bf="email" data-i18n-ph="builder.emailPh" placeholder="Email">
+            <input data-bf="linkedin" data-i18n-ph="builder.linkedinPh" placeholder="LinkedIn URL">
+          </div>
+        </div>
+        <div class="bld-sec">
+          <div class="bld-lbl" data-i18n="builder.headlineLabel">Headline &amp; summary</div>
+          <input data-bf="headline" data-i18n-ph="builder.headlinePh" placeholder="Headline, e.g. Senior Backend Engineer">
+          <textarea data-bf="summary" rows="4" data-i18n-ph="builder.summaryPh" placeholder="A short professional summary"></textarea>
+          <div class="bld-ai-row">
+            <button type="button" class="btn ghost sm" id="builder-gen-summary" data-i18n="builder.genSummary">✨ Generate summary</button>
+            <button type="button" class="btn ghost sm" id="builder-polish" data-i18n="builder.polishSummary">✨ Polish</button>
+          </div>
+        </div>
+        <div class="bld-sec">
+          <div class="bld-lbl" data-i18n="builder.experience">Experience</div>
+          <div id="builder-exp"></div>
+          <button type="button" class="btn ghost sm" id="builder-add-exp" data-i18n="builder.addExp">+ Add role</button>
+        </div>
+        <div class="bld-sec">
+          <div class="bld-lbl" data-i18n="builder.skillsLabel">Skills</div>
+          <textarea data-bf="skills" rows="2" data-i18n-ph="builder.skillsPh" placeholder="Skills, comma-separated"></textarea>
+        </div>
+        <div class="bld-sec">
+          <div class="bld-lbl" data-i18n="builder.education">Education</div>
+          <div id="builder-edu"></div>
+          <button type="button" class="btn ghost sm" id="builder-add-edu" data-i18n="builder.addEdu">+ Add education</button>
+        </div>
+      </div>
+      <div class="builder-preview-wrap">
+        <div class="bld-lbl" data-i18n="builder.preview">Preview</div>
+        <div id="builder-preview" class="builder-preview"></div>
+      </div>
+    </div>
+    <div class="builder-foot">
+      <button type="button" class="btn primary" id="builder-save">💾 Save</button>
+      <button type="button" class="btn ghost" id="builder-cancel" data-i18n="builder.cancel">Cancel</button>
+    </div>
+  </div>
+</div>
+<!-- ══════════ PRO UPSELL ══════════ -->
+<div id="upsell-overlay" class="modal-overlay" hidden>
+  <div class="upsell-card" role="dialog" aria-modal="true">
+    <button type="button" class="modal-x" id="upsell-close" data-i18n-title="upsell.later" title="Close">✕</button>
+    <div class="upsell-badge" data-i18n="plan.pro">Pro</div>
+    <h3 data-i18n="upsell.title">Manage more than one candidate with Pro</h3>
+    <p class="upsell-sub" data-i18n="upsell.sub">Free covers a single candidate — perfect for your own job hunt. Recruiters and headhunters run several candidates at once, each with its own searches and pipeline.</p>
+    <div class="upsell-price"><b data-i18n="upsell.price">$99/yr</b> <span data-i18n="upsell.priceNote">secure card payment</span></div>
+    <ul class="upsell-benefits">
+      <li data-i18n="upsell.benefit1">Unlimited candidate profiles</li>
+      <li data-i18n="upsell.benefit2">A separate search pipeline for each person</li>
+      <li data-i18n="upsell.benefit3">Auto-apply and funding-round leads</li>
+    </ul>
+    <div class="upsell-actions">
+      <button type="button" class="btn primary big" id="upsell-upgrade" data-i18n="upsell.upgrade">Upgrade to Pro</button>
+      <button type="button" class="btn ghost" id="upsell-later" data-i18n="upsell.later">Maybe later</button>
+    </div>
+  </div>
+</div>
+<!-- floating agent-tasks widget -->
+<div id="jobs-widget" class="jobs-widget" hidden>
+  <div class="jobs-widget-head" id="jobs-widget-toggle">
+    <span id="jobs-widget-title" data-i18n="widget.working">Agents working…</span>
+    <span id="jobs-widget-arrow">▾</span>
+  </div>
+  <div class="wprogress" id="jobs-widget-progress" hidden><div></div></div>
+  <div id="jobs-widget-body"></div>
+</div>
+<script src="app.js"></script>
+</body>
+</html>