Fix JobAlign job search workflow

app.js

@@ -1,21 +1,23 @@
-const resumeFile = document.getElementById("resumeFile");
-const resumeText = document.getElementById("resumeText");
-const resumeStatus = document.getElementById("resumeStatus");
-
+const searchJobsBtn = document.getElementById("searchJobsBtn");
 const jobKeyword = document.getElementById("jobKeyword");
 const jobLocation = document.getElementById("jobLocation");
-const jobSite = document.getElementById("jobSite");
-
-const searchJobsBtn = document.getElementById("searchJobsBtn");
+const jobSource = document.getElementById("jobSource");
+const jobResults = document.getElementById("jobResults");
 
+const selectedJobTitle = document.getElementById("selectedJobTitle");
+const selectedCompany = document.getElementById("selectedCompany");
+const selectedLocation = document.getElementById("selectedLocation");
+const jobDescription = document.getElementById("jobDescription");
 const jobUrl = document.getElementById("jobUrl");
-const openJobBtn = document.getElementById("openJobBtn");
-const pasteJobBtn = document.getElementById("pasteJobBtn");
 
-const jobDescription = document.getElementById("jobDescription");
+const openOriginalJobBtn = document.getElementById("openOriginalJobBtn");
 
-const analyzeBtn = document.getElementById("analyzeBtn");
-const clearBtn = document.getElementById("clearBtn");
+const resumeFile = document.getElementById("resumeFile");
+const resumeText = document.getElementById("resumeText");
+const saveResumeBtn = document.getElementById("saveResumeBtn");
+const resumeStatus = document.getElementById("resumeStatus");
+
+const analyzeJobBtn = document.getElementById("analyzeJobBtn");
 
 const atsScore = document.getElementById("atsScore");
 const keywordScore = document.getElementById("keywordScore");
@@ -24,184 +26,247 @@ const missingSkills = document.getElementById("missingSkills");
 
 const analysisResults = document.getElementById("analysisResults");
 
-const generateResumeBtn =
-    document.getElementById("generateResumeBtn");
+const generateResumeBtn = document.getElementById("generateResumeBtn");
+const copyResumeBtn = document.getElementById("copyResumeBtn");
+const downloadResumeBtn = document.getElementById("downloadResumeBtn");
 
-const copyResumeBtn =
-    document.getElementById("copyResumeBtn");
+const generationStatus = document.getElementById("generationStatus");
+const resumeOutput = document.getElementById("resumeOutput");
+const interviewCheck = document.getElementById("interviewCheck");
 
-const downloadResumeBtn =
-    document.getElementById("downloadResumeBtn");
 
-const resumeOutput =
-    document.getElementById("resumeOutput");
+/* ======================================================
+   LOAD SAVED MASTER RESUME
+====================================================== */
 
-const interviewCheck =
-    document.getElementById("interviewCheck");
+window.addEventListener("load", () => {
 
+    const savedResume = localStorage.getItem("jobalign_master_resume");
 
-/* ----------------------------------------------------
-   RESUME INPUT
----------------------------------------------------- */
+    if (savedResume) {
 
-resumeText.addEventListener("input", () => {
-
-    if (resumeText.value.trim().length > 50) {
+        resumeText.value = savedResume;
 
         resumeStatus.innerHTML = `
             <div class="status-dot"></div>
             <span class="success-text">
-                Reference resume loaded
-            </span>
-        `;
-
-    } else {
-
-        resumeStatus.innerHTML = `
-            <div class="status-dot"></div>
-            <span>
-                Waiting for reference resume
+                Master resume loaded from this browser
             </span>
         `;
     }
 });
 
 
-resumeFile.addEventListener("change", async () => {
+/* ======================================================
+   JOB SEARCH
+====================================================== */
 
-    const file = resumeFile.files[0];
+searchJobsBtn.addEventListener("click", () => {
+
+    const keyword = jobKeyword.value.trim();
+    const location = jobLocation.value.trim();
+    const source = jobSource.value;
+
+    if (!keyword) {
+
+        alert("Enter a job title or keyword first.");
+
+        jobKeyword.focus();
 
-    if (!file) {
         return;
     }
 
-    const extension =
-        file.name.split(".").pop().toLowerCase();
-
-    if (extension === "txt") {
+    showSearchOptions(keyword, location, source);
+});
 
-        const text = await file.text();
 
-        resumeText.value = text;
+function showSearchOptions(keyword, location, source) {
 
-        resumeStatus.innerHTML = `
-            <div class="status-dot"></div>
-            <span class="success-text">
-                ${escapeHtml(file.name)} loaded
-            </span>
-        `;
+    const encodedKeyword = encodeURIComponent(keyword);
+    const encodedLocation = encodeURIComponent(location);
 
-    } else {
+    const linkedinUrl =
+        `https://www.linkedin.com/jobs/search/?keywords=${encodedKeyword}&location=${encodedLocation}`;
 
-        resumeStatus.innerHTML = `
-            <div class="status-dot"></div>
-            <span class="warning-text">
-                ${escapeHtml(file.name)} selected.
-                PDF/DOCX reading will be added next.
-                For now, paste the resume text below.
-            </span>
-        `;
-    }
-});
+    const indeedUrl =
+        `https://www.indeed.com/jobs?q=${encodedKeyword}&l=${encodedLocation}`;
 
+    const googleUrl =
+        `https://www.google.com/search?q=${encodedKeyword}+jobs+${encodedLocation}`;
 
-/* ----------------------------------------------------
-   JOB SEARCH
----------------------------------------------------- */
+    const companyUrl =
+        `https://www.google.com/search?q=${encodedKeyword}+${encodedLocation}+careers`;
 
-searchJobsBtn.addEventListener("click", () => {
+    let cards = "";
 
-    const keyword =
-        jobKeyword.value.trim();
 
-    const location =
-        jobLocation.value.trim();
+    if (source === "all" || source === "linkedin") {
 
-    if (!keyword) {
+        cards += createSearchCard(
+            "LinkedIn Jobs",
+            keyword,
+            location,
+            linkedinUrl,
+            "linkedin"
+        );
+    }
 
-        alert("Enter a job keyword first.");
 
-        jobKeyword.focus();
+    if (source === "all" || source === "indeed") {
 
-        return;
+        cards += createSearchCard(
+            "Indeed",
+            keyword,
+            location,
+            indeedUrl,
+            "indeed"
+        );
     }
 
-    const query =
-        encodeURIComponent(keyword);
 
-    const place =
-        encodeURIComponent(location);
+    if (source === "all") {
+
+        cards += createSearchCard(
+            "Google Jobs Search",
+            keyword,
+            location,
+            googleUrl,
+            "google"
+        );
+    }
+
 
-    let searchUrl = "";
+    if (source === "all" || source === "company") {
 
-    switch (jobSite.value) {
+        cards += createSearchCard(
+            "Company Career Pages",
+            keyword,
+            location,
+            companyUrl,
+            "company"
+        );
+    }
 
-        case "linkedin":
 
-            searchUrl =
-                `https://www.linkedin.com/jobs/search/?keywords=${query}&location=${place}`;
+    jobResults.innerHTML = `
 
-            break;
+        <div style="margin-bottom:18px;">
 
+            <strong style="font-size:17px;">
+                Search ready for:
+            </strong>
 
-        case "indeed":
+            <div style="
+                color:#aaa;
+                margin-top:6px;
+            ">
+                ${escapeHtml(keyword)}
+                ${location ? " • " + escapeHtml(location) : ""}
+            </div>
 
-            searchUrl =
-                `https://www.indeed.com/jobs?q=${query}&l=${place}`;
+        </div>
 
-            break;
+        <div style="
+            display:grid;
+            grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
+            gap:12px;
+        ">
 
+            ${cards}
 
-        case "google":
+        </div>
 
-            searchUrl =
-                `https://www.google.com/search?q=${query}+jobs+${place}`;
+        <div style="
+            margin-top:18px;
+            color:#777;
+            font-size:12px;
+        ">
+            Open a job source, choose the position you want,
+            then copy its job URL and description back into JobAlign.
+            The browser helper we add later will automate that capture.
+        </div>
+    `;
+}
 
-            break;
 
+function createSearchCard(name, keyword, location, url, source) {
 
-        case "glassdoor":
+    return `
 
-            searchUrl =
-                `https://www.google.com/search?q=site%3Aglassdoor.com%2Fjob-listing+${query}+${place}`;
+        <div style="
+            border:1px solid #2c2c2c;
+            border-radius:14px;
+            padding:18px;
+            background:#080808;
+        ">
 
-            break;
+            <div style="
+                font-weight:700;
+                font-size:16px;
+                margin-bottom:7px;
+            ">
+                ${escapeHtml(name)}
+            </div>
 
 
-        case "company":
+            <div style="
+                color:#888;
+                font-size:13px;
+                min-height:42px;
+            ">
+                Search ${escapeHtml(keyword)}
+                ${location ? " in " + escapeHtml(location) : ""}
+            </div>
 
-            searchUrl =
-                `https://www.google.com/search?q=${query}+${place}+company+careers`;
 
-            break;
+            <button
+                class="secondary-btn"
+                style="margin-top:14px;"
+                onclick="openJobSearch('${escapeAttribute(url)}')"
+            >
+                Open Search
+            </button>
 
+        </div>
+    `;
+}
 
-        default:
 
-            searchUrl =
-                `https://www.google.com/search?q=${query}+jobs+${place}`;
-    }
+window.openJobSearch = function(url) {
 
     window.open(
-        searchUrl,
+        url,
         "_blank",
         "noopener,noreferrer"
     );
-});
+};
 
 
-/* ----------------------------------------------------
-   JOB URL
----------------------------------------------------- */
+/* ======================================================
+   SELECT JOB MANUALLY
+====================================================== */
 
-openJobBtn.addEventListener("click", () => {
+jobUrl.addEventListener("input", () => {
 
-    let url =
-        jobUrl.value.trim();
+    if (jobUrl.value.trim()) {
+
+        generationStatus.innerHTML = `
+            <div class="status-dot"></div>
+            <span>
+                Job URL captured
+            </span>
+        `;
+    }
+});
+
+
+openOriginalJobBtn.addEventListener("click", () => {
+
+    let url = jobUrl.value.trim();
 
     if (!url) {
 
-        alert("Paste a job URL first.");
+        alert("Paste the original job URL first.");
 
         return;
     }
@@ -211,8 +276,7 @@ openJobBtn.addEventListener("click", () => {
         !url.startsWith("http://")
     ) {
 
-        url =
-            "https://" + url;
+        url = "https://" + url;
     }
 
     window.open(
@@ -223,43 +287,81 @@ openJobBtn.addEventListener("click", () => {
 });
 
 
-/* ----------------------------------------------------
-   CLIPBOARD
----------------------------------------------------- */
+/* ======================================================
+   SAVE MASTER RESUME
+====================================================== */
 
-pasteJobBtn.addEventListener("click", async () => {
+saveResumeBtn.addEventListener("click", () => {
 
-    try {
+    const resume = resumeText.value.trim();
 
-        const text =
-            await navigator.clipboard.readText();
+    if (resume.length < 100) {
 
-        if (!text) {
+        alert("Paste your full master resume first.");
 
-            alert(
-                "Your clipboard is empty."
-            );
+        return;
+    }
 
-            return;
-        }
+    localStorage.setItem(
+        "jobalign_master_resume",
+        resume
+    );
 
-        jobDescription.value =
-            text;
+    resumeStatus.innerHTML = `
+        <div class="status-dot"></div>
+        <span class="success-text">
+            Master resume saved in this browser
+        </span>
+    `;
+});
 
-    } catch (error) {
 
-        alert(
-            "Your browser blocked clipboard access. Paste the job description manually using Command + V."
-        );
+/* ======================================================
+   TXT FILE SUPPORT
+====================================================== */
+
+resumeFile.addEventListener("change", async () => {
+
+    const file = resumeFile.files[0];
+
+    if (!file) {
+        return;
+    }
+
+    const extension =
+        file.name.split(".").pop().toLowerCase();
+
+    if (extension === "txt") {
+
+        const text = await file.text();
+
+        resumeText.value = text;
+
+        resumeStatus.innerHTML = `
+            <div class="status-dot"></div>
+            <span class="success-text">
+                Resume loaded
+            </span>
+        `;
+
+    } else {
+
+        resumeStatus.innerHTML = `
+            <div class="status-dot"></div>
+            <span class="warning-text">
+                PDF/DOCX selected. Paste the resume text for now.
+                Direct document reading comes in a later step.
+            </span>
+        `;
     }
 });
 
 
-/* ----------------------------------------------------
-   ATS KEYWORDS
----------------------------------------------------- */
+/* ======================================================
+   BASIC MATCH ANALYSIS
+====================================================== */
 
-const technicalSkills = [
+const skills = [
 
     "python",
     "sql",
@@ -268,44 +370,31 @@ const technicalSkills = [
     "typescript",
     "c#",
     ".net",
-    ".net core",
-    "asp.net",
     "angular",
     "react",
-    "node.js",
 
     "postgresql",
     "mysql",
-    "sql server",
-    "oracle",
     "mongodb",
     "cassandra",
     "couchbase",
     "redis",
-    "dynamodb",
 
     "aws",
     "azure",
     "gcp",
     "rds",
     "aurora",
-    "ec2",
     "s3",
-    "lambda",
-    "glue",
-    "athena",
+    "ec2",
 
     "terraform",
     "ansible",
     "docker",
     "kubernetes",
-    "jenkins",
-    "github actions",
-    "ci/cd",
 
     "linux",
     "bash",
-    "powershell",
 
     "spark",
     "pyspark",
@@ -316,25 +405,10 @@ const technicalSkills = [
 
     "kafka",
     "kinesis",
-    "rabbitmq",
-    "sqs",
 
     "etl",
     "elt",
     "cdc",
-    "data modeling",
-    "data warehouse",
-    "data lake",
-
-    "rest api",
-    "rest",
-    "microservices",
-    "distributed systems",
-
-    "grafana",
-    "prometheus",
-    "opentelemetry",
-    "splunk",
 
     "machine learning",
     "pytorch",
@@ -342,433 +416,262 @@ const technicalSkills = [
     "scikit-learn",
     "mlflow",
 
-    "llm",
-    "generative ai",
-    "genai",
-    "rag",
-    "transformers",
-
     "power bi",
     "tableau",
 
     "jira",
     "confluence",
 
-    "high availability",
-    "disaster recovery",
-    "backup",
-    "recovery",
-    "replication",
+    "product management",
+    "product manager",
+    "roadmap",
+    "stakeholder",
+    "backlog",
 
-    "performance tuning",
-    "query optimization",
-    "indexing",
+    "program management",
+    "technical program management",
 
     "agile",
-    "scrum"
-];
+    "scrum",
 
+    "rest",
+    "api",
+    "microservices",
+
+    "high availability",
+    "disaster recovery",
+    "replication",
+    "performance tuning"
+];
 
-/* ----------------------------------------------------
-   ANALYZE
----------------------------------------------------- */
 
-analyzeBtn.addEventListener("click", () => {
+analyzeJobBtn.addEventListener("click", () => {
 
     const resume =
-        normalizeText(
-            resumeText.value
-        );
+        resumeText.value.toLowerCase();
 
     const jd =
-        normalizeText(
-            jobDescription.value
-        );
+        jobDescription.value.toLowerCase();
 
-    if (resume.length < 100) {
 
-        alert(
-            "Add your reference resume first."
-        );
+    if (resume.length < 100) {
 
-        resumeText.focus();
+        alert("Save or paste your master resume first.");
 
         return;
     }
 
-    if (jd.length < 100) {
 
-        alert(
-            "Paste the complete job description first."
-        );
+    if (jd.length < 100) {
 
-        jobDescription.focus();
+        alert("Paste the selected job description first.");
 
         return;
     }
 
 
-    const jdSkills =
-        technicalSkills.filter(
-            skill =>
-                containsSkill(jd, skill)
+    const requiredSkills =
+        skills.filter(
+            skill => jd.includes(skill)
         );
 
 
-    const resumeSkills =
-        jdSkills.filter(
-            skill =>
-                containsSkill(resume, skill)
+    const matched =
+        requiredSkills.filter(
+            skill => resume.includes(skill)
         );
 
 
     const gaps =
-        jdSkills.filter(
-            skill =>
-                !containsSkill(resume, skill)
+        requiredSkills.filter(
+            skill => !resume.includes(skill)
         );
 
 
     const coverage =
-        jdSkills.length
-            ? Math.round(
-                (
-                    resumeSkills.length /
-                    jdSkills.length
-                ) * 100
-            )
-            : 50;
-
-
-    const roleWords =
-        getImportantWords(jd);
-
-
-    const resumeWords =
-        new Set(
-            normalizeText(resume)
-                .split(/\s+/)
-        );
-
-
-    const overlappingWords =
-        roleWords.filter(
-            word =>
-                resumeWords.has(word)
-        );
-
-
-    const semanticCoverage =
-        roleWords.length
+        requiredSkills.length
             ? Math.round(
-                (
-                    overlappingWords.length /
-                    roleWords.length
-                ) * 100
+                matched.length /
+                requiredSkills.length *
+                100
             )
             : 50;
 
 
-    const calculatedAts =
+    const ats =
         Math.min(
-            98,
+            96,
             Math.max(
-                20,
-                Math.round(
-                    coverage * 0.7 +
-                    semanticCoverage * 0.3
-                )
+                25,
+                coverage
             )
         );
 
 
     atsScore.textContent =
-        calculatedAts + "%";
-
+        ats + "%";
 
     keywordScore.textContent =
         coverage + "%";
 
-
     matchedSkills.textContent =
-        resumeSkills.length;
-
+        matched.length;
 
     missingSkills.textContent =
         gaps.length;
 
 
-    const matchedDisplay =
-        resumeSkills.length
-            ? resumeSkills
-                .map(capitalizeSkill)
-                .join(", ")
-            : "No high-value technical keywords detected yet.";
-
-
-    const gapDisplay =
-        gaps.length
-            ? gaps
-                .map(capitalizeSkill)
-                .join(", ")
-            : "No obvious technical keyword gaps detected.";
-
-
     analysisResults.innerHTML = `
 
-        <div style="margin-bottom:18px;">
+        <div>
 
             <strong>
                 Strong matches
             </strong>
 
             <p style="
-                color:#bcbcbc;
+                color:#aaa;
                 margin-top:7px;
+                line-height:1.7;
             ">
-                ${escapeHtml(matchedDisplay)}
+                ${
+                    matched.length
+                        ? escapeHtml(matched.join(", "))
+                        : "No major technical matches detected yet."
+                }
             </p>
 
         </div>
 
 
-        <div>
+        <div style="margin-top:18px;">
 
             <strong>
-                Skills emphasized in the JD but not found in your resume
+                JD priorities not found in master resume
             </strong>
 
             <p style="
-                color:#bcbcbc;
+                color:#aaa;
                 margin-top:7px;
+                line-height:1.7;
             ">
-                ${escapeHtml(gapDisplay)}
+                ${
+                    gaps.length
+                        ? escapeHtml(gaps.join(", "))
+                        : "No obvious keyword gaps found."
+                }
             </p>
 
         </div>
-
-
-        <div style="
-            margin-top:20px;
-            padding-top:18px;
-            border-top:1px solid #262626;
-            color:#777;
-            font-size:12px;
-        ">
-
-            This is a local keyword/ATS comparison.
-            It does not invent missing experience.
-
-        </div>
-    `;
-
-
-    window.jobAlignAnalysis = {
-
-        atsScore:
-            calculatedAts,
-
-        coverage:
-            coverage,
-
-        matched:
-            resumeSkills,
-
-        gaps:
-            gaps
-
-    };
-});
-
-
-/* ----------------------------------------------------
-   CLEAR JOB
----------------------------------------------------- */
-
-clearBtn.addEventListener("click", () => {
-
-    jobUrl.value = "";
-
-    jobDescription.value = "";
-
-    atsScore.textContent = "--";
-    keywordScore.textContent = "--";
-    matchedSkills.textContent = "--";
-    missingSkills.textContent = "--";
-
-    analysisResults.innerHTML = `
-
-        <div class="empty-state">
-
-            Add your resume and job description,
-            then click
-
-            <strong>
-                Analyze Match
-            </strong>.
-
-        </div>
-    `;
-
-    resumeOutput.textContent =
-        "Your tailored resume will appear here.";
-
-    interviewCheck.innerHTML = `
-
-        <div class="empty-state">
-
-            Interview-defense questions will appear
-            after the resume is generated.
-
-        </div>
     `;
 });
 
 
-/* ----------------------------------------------------
-   GENERATE BUTTON
----------------------------------------------------- */
+/* ======================================================
+   GENERATE PLACEHOLDER
+====================================================== */
 
 generateResumeBtn.addEventListener("click", () => {
 
-    const resume =
-        resumeText.value.trim();
+    const resume = resumeText.value.trim();
+    const jd = jobDescription.value.trim();
 
-    const jd =
-        jobDescription.value.trim();
 
-    if (resume.length < 100) {
+    if (jd.length < 100) {
 
         alert(
-            "Add your reference resume first."
+            "First select a job and paste/capture its job description."
         );
 
         return;
     }
 
-    if (jd.length < 100) {
+
+    if (resume.length < 100) {
 
         alert(
-            "Paste the target job description first."
+            "Add your master resume before generating."
         );
 
         return;
     }
 
 
-    resumeOutput.textContent = `AI RESUME ENGINE — READY FOR CONNECTION
-
-Your reference resume and target job have been captured successfully.
-
-Current app capabilities:
-• Job-site keyword search
-• Job URL opening
-• Job-description capture
-• Local ATS comparison
-• Keyword matching
-• Gap identification
-• Resume copy/download
+    generationStatus.innerHTML = `
+        <div class="status-dot"></div>
+        <span class="success-text">
+            Job and master resume are ready
+        </span>
+    `;
 
-NEXT CONNECTION:
-The free AI rewrite engine will be connected in the next build step.
 
-The AI engine will receive:
+    resumeOutput.textContent =
+`JOBALIGN AI ENGINE READY
 
-REFERENCE RESUME
-----------------
-${resume}
+Selected Position:
+${selectedJobTitle.value || "Target job"}
 
-TARGET JOB DESCRIPTION
-----------------------
-${jd}
-`;
+Company:
+${selectedCompany.value || "Target employer"}
 
+The job description and your master resume have both been captured.
 
-    interviewCheck.innerHTML = `
+The next build step connects the hard-realignment AI engine.
 
-        <strong>
-            Resume engine input validated.
-        </strong>
+The final workflow will be:
 
-        <p style="
-            color:#aaa;
-            margin-top:10px;
-        ">
+SEARCH JOB
+→ CHOOSE JOB
+→ READ JOB DESCRIPTION
+→ RESEARCH COMPANY
+→ HARD-REALIGN MASTER RESUME
+→ GENERATE TARGETED RESUME
+→ DOWNLOAD`;
 
-            The next step connects the hard-realignment
-            instructions so the app can produce the actual
-            targeted resume and interviewer-defense section.
-
-        </p>
-    `;
 });
 
 
-/* ----------------------------------------------------
+/* ======================================================
    COPY
----------------------------------------------------- */
+====================================================== */
 
 copyResumeBtn.addEventListener("click", async () => {
 
     const text =
         resumeOutput.innerText.trim();
 
-    if (
-        !text ||
-        text ===
-        "Your tailored resume will appear here."
-    ) {
+    if (!text) {
 
-        alert(
-            "Generate a resume first."
-        );
+        alert("Generate a resume first.");
 
         return;
     }
 
-    try {
+    await navigator.clipboard.writeText(text);
 
-        await navigator.clipboard.writeText(
-            text
-        );
-
-        copyResumeBtn.textContent =
-            "Copied";
+    copyResumeBtn.textContent = "Copied";
 
-        setTimeout(() => {
+    setTimeout(() => {
 
-            copyResumeBtn.textContent =
-                "Copy Resume";
-
-        }, 1500);
-
-    } catch (error) {
+        copyResumeBtn.textContent =
+            "Copy Resume";
 
-        alert(
-            "Copy failed. Select the text manually."
-        );
-    }
+    }, 1500);
 });
 
 
-/* ----------------------------------------------------
+/* ======================================================
    DOWNLOAD
----------------------------------------------------- */
+====================================================== */
 
 downloadResumeBtn.addEventListener("click", () => {
 
     const text =
         resumeOutput.innerText.trim();
 
-    if (
-        !text ||
-        text ===
-        "Your tailored resume will appear here."
-    ) {
+    if (!text) {
 
-        alert(
-            "Generate a resume first."
-        );
+        alert("Generate a resume first.");
 
         return;
     }
@@ -778,8 +681,7 @@ downloadResumeBtn.addEventListener("click", () => {
         new Blob(
             [text],
             {
-                type:
-                    "text/plain;charset=utf-8"
+                type: "text/plain;charset=utf-8"
             }
         );
 
@@ -792,177 +694,22 @@ downloadResumeBtn.addEventListener("click", () => {
         document.createElement("a");
 
 
-    link.href =
-        url;
+    link.href = url;
 
     link.download =
-        "JobAlign_Tailored_Resume.txt";
-
+        "JobAlign_Resume.txt";
 
-    document.body.appendChild(link);
 
     link.click();
 
-    document.body.removeChild(link);
 
     URL.revokeObjectURL(url);
 });
 
 
-/* ----------------------------------------------------
+/* ======================================================
    HELPERS
----------------------------------------------------- */
-
-function normalizeText(text) {
-
-    return text
-        .toLowerCase()
-        .replace(/[^\w+#./-]+/g, " ")
-        .replace(/\s+/g, " ")
-        .trim();
-}
-
-
-function containsSkill(text, skill) {
-
-    const normalizedSkill =
-        normalizeText(skill);
-
-    return text.includes(
-        normalizedSkill
-    );
-}
-
-
-function capitalizeSkill(skill) {
-
-    const exceptions = {
-
-        "aws": "AWS",
-        "gcp": "GCP",
-        "sql": "SQL",
-        "etl": "ETL",
-        "elt": "ELT",
-        "cdc": "CDC",
-        "llm": "LLM",
-        "rag": "RAG",
-        "genai": "GenAI",
-        "ci/cd": "CI/CD",
-        "ec2": "EC2",
-        "s3": "S3",
-        "sqs": "SQS",
-        "rds": "RDS",
-        "dbt": "dbt",
-        "c#": "C#",
-        ".net": ".NET",
-        ".net core": ".NET Core",
-        "asp.net": "ASP.NET"
-    };
-
-
-    if (exceptions[skill]) {
-
-        return exceptions[skill];
-    }
-
-
-    return skill
-        .split(" ")
-        .map(
-            word =>
-                word.charAt(0).toUpperCase() +
-                word.slice(1)
-        )
-        .join(" ");
-}
-
-
-function getImportantWords(text) {
-
-    const stopWords =
-        new Set([
-
-            "the",
-            "and",
-            "for",
-            "with",
-            "that",
-            "this",
-            "from",
-            "will",
-            "you",
-            "your",
-            "our",
-            "are",
-            "have",
-            "has",
-            "into",
-            "using",
-            "use",
-            "who",
-            "their",
-            "they",
-            "job",
-            "role",
-            "team",
-            "work",
-            "working",
-            "skills",
-            "experience",
-            "years",
-            "including",
-            "such",
-            "other",
-            "about",
-            "within",
-            "across",
-            "required",
-            "preferred",
-            "responsibilities",
-            "responsibility",
-            "qualification",
-            "qualifications",
-            "candidate",
-            "position"
-
-        ]);
-
-
-    const words =
-        normalizeText(text)
-            .split(/\s+/)
-            .filter(
-                word =>
-                    word.length > 4 &&
-                    !stopWords.has(word)
-            );
-
-
-    const frequency = {};
-
-
-    words.forEach(word => {
-
-        frequency[word] =
-            (frequency[word] || 0) + 1;
-    });
-
-
-    return Object.entries(frequency)
-
-        .sort(
-            (a, b) =>
-                b[1] - a[1]
-        )
-
-        .slice(0, 40)
-
-        .map(
-            entry =>
-                entry[0]
-        );
-}
-
+====================================================== */
 
 function escapeHtml(text) {
 
@@ -973,4 +720,12 @@ function escapeHtml(text) {
         text;
 
     return div.innerHTML;
+}
+
+
+function escapeAttribute(text) {
+
+    return String(text)
+        .replace(/'/g, "\\'")
+        .replace(/"/g, "&quot;");
 }