/* results.jsx — results dashboard: ATS, tailored resume, cover letter */
(function () {
  const { useState } = React;
  const Icon = window.Icon;

  /* ----- ATS Match Summary (left column) ----- */
  function confidenceTone(label) {
    const clean = String(label || '').toLowerCase();
    if (clean.includes('risky')) return 'risky';
    if (clean.includes('improve')) return 'improve';
    return 'apply';
  }

  function ConfidenceCard() {
    const D = window.DATA;
    const confidence = D.APPLICATION_CONFIDENCE || {};
    const label = confidence.label || 'Apply';
    const score = Math.max(0, Math.min(99, Number(confidence.score) || 0));
    const reasons = Array.isArray(confidence.reasons) && confidence.reasons.length
      ? confidence.reasons.slice(0, 3)
      : ['Review the evidence map', 'Confirm unsupported claims', 'Download when ready'];
    return React.createElement('div', { className: 'confidence card ' + confidenceTone(label) },
      React.createElement('div', { className: 'confidence-top' },
        React.createElement('div', null,
          React.createElement('div', { className: 'eyebrow' }, 'Apply confidence'),
          React.createElement('div', { className: 'confidence-label' }, label),
        ),
        React.createElement('div', { className: 'confidence-score' }, score, React.createElement('span', null, '%')),
      ),
      React.createElement('p', null, confidence.summary || 'A simple read on whether this application is ready to send.'),
      React.createElement('div', { className: 'confidence-reasons' },
        reasons.map((reason) => React.createElement('div', { key: reason }, React.createElement(Icon.check, null), React.createElement('span', null, reason))),
      ),
      React.createElement('div', { className: 'confidence-next' },
        React.createElement('span', null, 'Next best step'),
        React.createElement('b', null, confidence.nextStep || 'Review the results, then download the application packet.'),
      ),
    );
  }

  function AtsCard() {
    const { ScoreRing, Chip } = window.UI;
    const D = window.DATA;
    const score = Number(D.APPLICATION_CONFIDENCE?.score) || D.SCORE_BREAKDOWN[0]?.score || 84;
    const label = D.APPLICATION_CONFIDENCE?.label || 'Strong fit';
    return React.createElement('div', { className: 'ats card' },
      React.createElement('div', { className: 'ats-top' },
        React.createElement(ScoreRing, { score, label: 'Match' }),
        React.createElement('div', null,
          React.createElement('div', { className: 'eyebrow', style: { marginBottom: '6px' } }, 'ATS Match'),
          React.createElement('div', { className: 'ats-sum' }, React.createElement('b', null, label), ' based on the job description, resume evidence, and missing keywords.'),
        ),
      ),
      React.createElement('div', { className: 'ats-divide' }),
      React.createElement('div', { className: 'score-break' },
        D.SCORE_BREAKDOWN.map((b) => React.createElement('div', { className: 'score-line', key: b.label },
          React.createElement('div', { className: 'score-line-top' },
            React.createElement('span', null, b.label),
            React.createElement('b', null, b.score, '%'),
          ),
          React.createElement('div', { className: 'score-track' }, React.createElement('i', { style: { width: b.score + '%' } })),
        )),
      ),
      React.createElement('div', { className: 'ats-divide' }),
      React.createElement('div', { className: 'kw-group' },
        React.createElement('div', { className: 'kw-head' },
          React.createElement('div', { className: 'kw-head-l' }, React.createElement('span', { className: 'dot g' }), 'Matched keywords'),
          React.createElement('span', { className: 'kw-count' }, D.MATCHED.length),
        ),
        React.createElement('div', { className: 'kw-wrap' },
          D.MATCHED.map((k) => React.createElement(Chip, { key: k, tone: 'match', icon: 'check' }, k))),
      ),
      React.createElement('div', { className: 'kw-group' },
        React.createElement('div', { className: 'kw-head' },
          React.createElement('div', { className: 'kw-head-l' }, React.createElement('span', { className: 'dot a' }), 'Missing keywords'),
          React.createElement('span', { className: 'kw-count' }, D.MISSING.length),
        ),
        React.createElement('div', { className: 'kw-wrap' },
          D.MISSING.map((k) => React.createElement(Chip, { key: k, tone: 'miss', icon: 'plus' }, k))),
      ),
    );
  }

  function EvidenceStatus({ item, approved }) {
    let cls = item.status;
    let label = item.status === 'added' ? 'Added safely' : item.status === 'missing' ? 'Not added' : 'Needs review';
    if (approved === true) { cls = 'approved'; label = 'Approved'; }
    if (approved === 'rejected') { cls = 'rejected'; label = 'Rejected'; }
    return React.createElement('span', { className: 'ev-status ' + cls }, label);
  }

  function EvidenceMapCard({ selected, onSelect, approved, onApprove, onReject, trustMode }) {
    const D = window.DATA;
    const active = selected || D.EVIDENCE_MAP[0];
    return React.createElement('div', { className: 'evidence card' },
      React.createElement('div', { className: 'sec-head' },
        React.createElement('div', { className: 'sec-head-l' },
          React.createElement('div', { className: 'sec-ic' }, React.createElement(Icon.target, null)),
          React.createElement('div', null,
            React.createElement('div', { className: 'sec-title' }, 'Keyword Evidence Map'),
            React.createElement('div', { className: 'sec-sub' }, 'Mode: ', trustMode === 'safe' ? 'Evidence only' : trustMode === 'bold' ? 'Bold with review' : 'Balanced review'),
          ),
        ),
        React.createElement('span', { className: 'evidence-count' }, D.EVIDENCE_MAP.length, ' mapped'),
      ),
      React.createElement('div', { className: 'ev-layout' },
        React.createElement('div', { className: 'ev-list' },
          D.EVIDENCE_MAP.map((item) => React.createElement('button', {
            key: item.keyword,
            className: 'ev-row' + (active.keyword === item.keyword ? ' active' : ''),
            onClick: () => onSelect(item),
          },
            React.createElement('span', { className: 'ev-word' }, item.keyword),
            React.createElement(EvidenceStatus, { item, approved: approved[item.keyword] }),
          )),
        ),
        React.createElement('div', { className: 'ev-detail' },
          React.createElement('div', { className: 'ev-detail-top' },
            React.createElement('div', null,
              React.createElement('div', { className: 'ev-k' }, active.keyword),
              React.createElement('div', { className: 'ev-conf' }, active.confidence, ' confidence · ', active.score, '% support'),
            ),
            React.createElement(EvidenceStatus, { item: active, approved: approved[active.keyword] }),
          ),
          React.createElement('div', { className: 'ev-proof-grid' },
            React.createElement('div', { className: 'ev-proof job' },
              React.createElement('span', null, 'Job phrase'),
              React.createElement('p', null, active.jobEvidence),
            ),
            React.createElement('div', { className: 'ev-proof resume' },
              React.createElement('span', null, 'Resume proof'),
              React.createElement('p', null, active.resumeEvidence),
            ),
          ),
          React.createElement('div', { className: 'ev-action' },
            React.createElement('div', null,
              React.createElement('span', null, 'Placement'),
              React.createElement('b', null, active.placement),
            ),
            React.createElement('p', null, active.action),
          ),
          React.createElement('div', { className: 'ev-note' }, active.note),
          active.status === 'review' && !approved[active.keyword] && React.createElement('div', { className: 'ev-buttons' },
            React.createElement('button', { className: 'btn btn-primary btn-sm', onClick: () => onApprove(active.keyword) }, React.createElement(Icon.check, null), 'Approve keyword'),
            React.createElement('button', { className: 'btn btn-ghost btn-sm', onClick: () => onReject(active.keyword) }, React.createElement(Icon.x, null), 'Keep out'),
          ),
        ),
      ),
    );
  }

  function ReviewQueueCard({ approved, onApprove, onReject }) {
    const pending = window.DATA.REVIEW_QUEUE.filter((r) => !approved[r.keyword]);
    return React.createElement('div', { className: 'review card' },
      React.createElement('div', { className: 'sec-head', style: { marginBottom: '12px' } },
        React.createElement('div', { className: 'sec-head-l' },
          React.createElement('div', { className: 'sec-ic' }, React.createElement(Icon.checkCircle, null)),
          React.createElement('div', null,
            React.createElement('div', { className: 'sec-title', style: { fontSize: '15px' } }, 'User Review Queue'),
            React.createElement('div', { className: 'sec-sub', style: { fontSize: '12.5px' } }, pending.length ? pending.length + ' claims need confirmation' : 'All review items handled'),
          ),
        ),
      ),
      pending.length
        ? React.createElement('div', { className: 'review-list' },
            pending.map((r) => React.createElement('div', { className: 'review-item', key: r.keyword },
              React.createElement('div', null,
                React.createElement('b', null, r.keyword),
                React.createElement('p', null, r.question),
                React.createElement('small', null, r.impact),
              ),
              React.createElement('div', { className: 'review-actions' },
                React.createElement('button', { className: 'icon-btn', title: 'Approve', onClick: () => onApprove(r.keyword) }, React.createElement(Icon.check, null)),
                React.createElement('button', { className: 'icon-btn', title: 'Reject', onClick: () => onReject(r.keyword) }, React.createElement(Icon.x, null)),
              ),
            )),
          )
        : React.createElement('div', { className: 'review-done' }, React.createElement(Icon.checkCircle, null), 'Evidence map approved. Downloads are ready for final review.'),
    );
  }

  function MissingExperienceCard({ onToast }) {
    const { CopyBtn } = window.UI;
    const [answers, setAnswers] = useState({});
    const [notes, setNotes] = useState({});
    const setAnswer = (keyword, value) => {
      setAnswers((cur) => ({ ...cur, [keyword]: value }));
      onToast(value === 'yes' ? keyword + ' marked as real experience' : keyword + ' kept out safely', value === 'yes' ? 'checkCircle' : 'x');
    };
    return React.createElement('div', { className: 'missing card' },
      React.createElement('div', { className: 'sec-head', style: { marginBottom: '12px' } },
        React.createElement('div', { className: 'sec-head-l' },
          React.createElement('div', { className: 'sec-ic' }, React.createElement(Icon.plus, null)),
          React.createElement('div', null,
            React.createElement('div', { className: 'sec-title', style: { fontSize: '15px' } }, 'Missing Experience Questions'),
            React.createElement('div', { className: 'sec-sub', style: { fontSize: '12.5px' } }, 'Answer only if it is true. Resum3 will keep unsupported claims out.'),
          ),
        ),
      ),
      React.createElement('div', { className: 'missing-list' },
        window.DATA.MISSING_EXPERIENCE.map((item) => {
          const answer = answers[item.keyword];
          return React.createElement('div', { className: 'missing-item' + (answer ? ' answered ' + answer : ''), key: item.keyword },
            React.createElement('div', { className: 'missing-top' },
              React.createElement('div', null,
                React.createElement('b', null, item.keyword),
                React.createElement('p', null, item.question),
              ),
              answer && React.createElement('span', { className: 'missing-pill' }, answer === 'yes' ? 'Use it' : 'Keep out'),
            ),
            React.createElement('small', null, item.why),
            !answer && React.createElement('div', { className: 'missing-actions' },
              React.createElement('button', { className: 'btn btn-primary btn-sm', onClick: () => setAnswer(item.keyword, 'yes') }, React.createElement(Icon.check, null), 'Yes'),
              React.createElement('button', { className: 'btn btn-ghost btn-sm', onClick: () => setAnswer(item.keyword, 'no') }, React.createElement(Icon.x, null), 'No'),
            ),
            answer === 'yes' && React.createElement('div', { className: 'missing-note' },
              React.createElement('label', null, item.yesPrompt),
              React.createElement('textarea', {
                value: notes[item.keyword] || '',
                onChange: (e) => setNotes((cur) => ({ ...cur, [item.keyword]: e.target.value })),
                placeholder: item.suggestion,
                spellCheck: false,
              }),
              React.createElement('div', { className: 'missing-note-actions' },
                React.createElement(CopyBtn, { text: notes[item.keyword] || item.suggestion, label: 'Copy proof', className: 'btn btn-soft btn-sm' }),
                React.createElement('button', { className: 'btn btn-ghost btn-sm', onClick: () => onToast(item.keyword + ' proof saved for tailoring', 'checkCircle') }, React.createElement(Icon.check, null), 'Save'),
              ),
            ),
          );
        }),
      ),
    );
  }

  function RecruiterSkimCard() {
    const D = window.DATA.RECRUITER_SKIM;
    const confidence = window.DATA.APPLICATION_CONFIDENCE || {};
    return React.createElement('div', { className: 'skim card' },
      React.createElement('div', { className: 'skim-main' },
        React.createElement('div', null,
          React.createElement('div', { className: 'eyebrow' }, '10-second recruiter skim'),
          React.createElement('h2', null, D.targetTitle),
          React.createElement('p', null, D.impression),
        ),
        React.createElement('div', { className: 'skim-score' },
          React.createElement('b', null, 'First impression'),
          React.createElement('span', null, confidence.label || 'Apply'),
        ),
      ),
      React.createElement('div', { className: 'skim-grid' },
        React.createElement('div', { className: 'skim-box' },
          React.createElement('span', null, 'They notice first'),
          React.createElement('p', null, D.strongestSignal),
        ),
        React.createElement('div', { className: 'skim-box' },
          React.createElement('span', null, 'Best opener'),
          React.createElement('p', null, D.opener),
        ),
        React.createElement('div', { className: 'skim-box warn' },
          React.createElement('span', null, 'Potential concern'),
          React.createElement('p', null, D.concern),
        ),
      ),
      React.createElement('div', { className: 'skim-fix' },
        React.createElement(Icon.target, null),
        React.createElement('div', null,
          React.createElement('span', null, 'Fix first'),
          React.createElement('p', null, D.fixFirst || confidence.nextStep || 'Review unsupported claims before you send.'),
        ),
      ),
      React.createElement('div', { className: 'skim-skills' },
        D.topSkills.map((skill) => React.createElement('span', { key: skill }, skill)),
      ),
    );
  }

  function InterviewPrepCard({ onToast }) {
    const { CopyBtn } = window.UI;
    const D = window.DATA.INTERVIEW_PREP;
    const prepText = [
      'Tell me about yourself:',
      D.tellMe,
      '',
      'Talking points:',
      ...D.talkingPoints.map((p) => '- ' + p),
      '',
      'Likely questions:',
      ...D.questions.map((q) => '- ' + q.q + ' ' + q.angle),
    ].join('\n');
    return React.createElement('div', { className: 'prep card' },
      React.createElement('div', { className: 'doc-bar' },
        React.createElement('div', { className: 'doc-bar-l' },
          React.createElement('div', { className: 'sec-ic', style: { width: '32px', height: '32px' } }, React.createElement(Icon.mail, null)),
          React.createElement('div', null,
            React.createElement('div', { className: 'sec-title', style: { fontSize: '15px' } }, 'Interview Prep'),
            React.createElement('div', { className: 'sec-sub', style: { fontSize: '12.5px' } }, 'Built from the tailored resume and job description'),
          ),
        ),
        React.createElement('div', { className: 'doc-actions' },
          React.createElement(CopyBtn, { text: prepText, label: 'Copy prep' }),
          React.createElement('button', { className: 'btn btn-ghost btn-sm', onClick: () => onToast('Interview prep added to application packet', 'checkCircle') }, React.createElement(Icon.plus, null), 'Add to packet'),
        ),
      ),
      React.createElement('div', { className: 'prep-body' },
        React.createElement('div', { className: 'prep-tell' },
          React.createElement('span', null, 'Tell me about yourself'),
          React.createElement('p', null, D.tellMe),
        ),
        React.createElement('div', { className: 'prep-cols' },
          React.createElement('div', { className: 'prep-col' },
            React.createElement('h3', null, 'Talking points'),
            D.talkingPoints.map((p) => React.createElement('div', { className: 'prep-line', key: p }, React.createElement(Icon.check, null), React.createElement('span', null, p))),
          ),
          React.createElement('div', { className: 'prep-col' },
            React.createElement('h3', null, 'Likely questions'),
            D.questions.map((q) => React.createElement('div', { className: 'q-item', key: q.q },
              React.createElement('b', null, q.q),
              React.createElement('p', null, q.angle),
            )),
          ),
        ),
      ),
    );
  }

  function AddsCard() {
    const D = window.DATA;
    return React.createElement('div', { className: 'adds card' },
      React.createElement('div', { className: 'sec-head', style: { marginBottom: '8px' } },
        React.createElement('div', { className: 'sec-head-l' },
          React.createElement('div', { className: 'sec-ic' }, React.createElement(Icon.sparkle, null)),
          React.createElement('div', null, React.createElement('div', { className: 'sec-title', style: { fontSize: '15px' } }, 'Recommended Additions')),
        ),
      ),
      React.createElement('div', { className: 'adds-list' },
        D.ADDITIONS.map((a) => React.createElement('div', { className: 'add-item', key: a.kw },
          React.createElement('div', { className: 'add-ic' }, React.createElement(Icon.plus, null)),
          React.createElement('div', null,
            React.createElement('div', { className: 'add-kw' }, a.kw),
            React.createElement('div', { className: 'add-tip' }, a.tip),
          ),
        )),
      ),
    );
  }

  /* ----- Tailored resume document ----- */
  function ResumeDoc({ view }) {
    const tailored = view === 'after';
    const aiResume = tailored && window.DATA.TAILORED_RESUME;
    if (aiResume) {
      return React.createElement('div', { className: 'doc' },
        React.createElement('pre', { className: 'doc-pre' }, aiResume),
      );
    }
    const exp1 = tailored
      ? React.createElement('li', null, React.createElement('mark', { className: 'add' }, 'Led a 14-person cross-functional operations team, driving operational excellence'), ' across two sites.')
      : React.createElement('li', null, 'Managed a 14-person fulfillment and support team across two warehouses.');
    const exp2 = tailored
      ? React.createElement('li', null, React.createElement('mark', { className: 'add' }, 'Owned executive reporting and team OKRs'), ', building leadership dashboards in Looker ', React.createElement('mark', { className: 'add' }, 'and SQL'), '.')
      : React.createElement('li', null, 'Owned weekly KPI reporting for leadership using spreadsheets and Looker.');
    const exp3 = tailored
      ? React.createElement('li', null, React.createElement('mark', { className: 'add' }, 'Led a forecasting program'), ' that lowered stockouts 31%, ', React.createElement('mark', { className: 'add' }, 'partnering across merchandising and warehouse teams'), '.')
      : React.createElement('li', null, 'Built inventory forecasting models that lowered stockouts by 31%.');

    return React.createElement('div', { className: 'doc' },
      React.createElement('h1', null, 'Jordan Avery'),
      React.createElement('p', { className: 'doc-role' }, tailored ? 'Senior Product Operations Manager' : 'Senior Operations Manager'),
      React.createElement('p', { className: 'doc-contact' }, 'jordan.avery@email.com · (404) 555-0188 · linkedin.com/in/jordanavery · Atlanta, GA'),

      React.createElement('h2', null, 'Summary'),
      tailored
        ? React.createElement('p', null, 'Operations leader with 8 years scaling teams at high-growth brands. ',
            React.createElement('mark', { className: 'add' }, 'Drives operational excellence through process improvement, cross-functional program management, and executive reporting.'))
        : React.createElement('p', null, 'Operations leader with 8 years scaling support and fulfillment teams at high-growth consumer brands. Built process and reporting that cut costs while improving customer experience.'),

      React.createElement('h2', null, 'Experience'),
      React.createElement('h3', null, 'Operations Manager — Brightline Goods'),
      React.createElement('p', { className: 'doc-sub' }, '2021 – Present'),
      React.createElement('ul', null, exp1, exp2),
      React.createElement('h3', null, 'Operations Analyst — Carta Retail Co.'),
      React.createElement('p', { className: 'doc-sub' }, '2018 – 2021'),
      React.createElement('ul', null, exp3,
        React.createElement('li', null, 'Coordinated cross-functional projects between warehouse and merchandising.')),

      React.createElement('h2', null, 'Skills'),
      React.createElement('p', { className: 'skills' },
        tailored
          ? React.createElement(React.Fragment, null, 'Process improvement, ', React.createElement('mark', { className: 'add' }, 'OKR frameworks'), ', program management, ', React.createElement('mark', { className: 'add' }, 'SQL'), ', Looker, Tableau, stakeholder management, team leadership')
          : 'Process improvement, inventory planning, team leadership, Excel, Looker'),
    );
  }

  function ResumeCard({ onDownload, onToast }) {
    const { Segmented, CopyBtn } = window.UI;
    const [view, setView] = useState('after'); // before | after | compare
    return React.createElement('div', { className: 'doc-card card' },
      React.createElement('div', { className: 'doc-bar' },
        React.createElement('div', { className: 'doc-bar-l' },
          React.createElement(Segmented, { size: 'sm', value: view, onChange: setView,
            options: [{ value: 'before', label: 'Before' }, { value: 'after', label: 'After' }, { value: 'compare', label: 'Compare' }] }),
        ),
        React.createElement('div', { className: 'doc-actions' },
          React.createElement(CopyBtn, { text: view === 'after' && window.DATA.TAILORED_RESUME ? window.DATA.TAILORED_RESUME : window.DATA.SAMPLE_RESUME, label: 'Copy' }),
          React.createElement('button', { className: 'btn btn-ghost btn-sm', onClick: () => onDownload('PDF') }, React.createElement(Icon.download, null), 'PDF'),
          React.createElement('button', { className: 'btn btn-ghost btn-sm', onClick: () => onDownload('DOCX') }, React.createElement(Icon.download, null), 'DOCX'),
        ),
      ),
      React.createElement('div', { className: 'doc-body' },
        view === 'compare'
          ? React.createElement('div', { className: 'doc', style: { padding: 0, maxWidth: '760px' } },
              React.createElement('div', { className: 'cmp' },
                React.createElement('div', { className: 'cmp-col before' },
                  React.createElement('div', { className: 'cmp-tag before' }, 'Original'),
                  window.DATA.RESUME_DIFF.map((d, i) => React.createElement('div', { className: 'cmp-line', key: i }, d.before)),
                ),
                React.createElement('div', { className: 'cmp-col after' },
                  React.createElement('div', { className: 'cmp-tag after' }, React.createElement(Icon.sparkle, null), 'Tailored'),
                  window.DATA.RESUME_DIFF.map((d, i) => React.createElement('div', { className: 'cmp-line', key: i }, d.after)),
                ),
              ),
            )
          : React.createElement(ResumeDoc, { view }),
      ),
    );
  }

  /* ----- Cover letter ----- */
  function CoverCard({ onToast }) {
    const { CopyBtn } = window.UI;
    const [text, setText] = useState(window.DATA.COVER_LETTER);
    return React.createElement('div', { className: 'doc-card card' },
      React.createElement('div', { className: 'doc-bar' },
        React.createElement('div', { className: 'doc-bar-l' },
          React.createElement('div', { className: 'sec-ic', style: { width: '32px', height: '32px' } }, React.createElement(Icon.mail, null)),
          React.createElement('div', null, React.createElement('div', { className: 'sec-title', style: { fontSize: '15px' } }, 'Cover Letter'),
            React.createElement('div', { className: 'sec-sub', style: { fontSize: '12.5px' } }, 'Editable · personalized for Northwind Commerce')),
        ),
        React.createElement('div', { className: 'doc-actions' },
          React.createElement(CopyBtn, { text, label: 'Copy' }),
          React.createElement('button', { className: 'btn btn-ghost btn-sm', onClick: () => onToast('Cover letter downloaded', 'download') }, React.createElement(Icon.download, null), 'Download'),
        ),
      ),
      React.createElement('div', { className: 'cl-body' },
        React.createElement('textarea', { className: 'cl-edit', value: text, onChange: (e) => setText(e.target.value), spellCheck: false }),
        React.createElement('div', { className: 'cl-note' }, React.createElement(Icon.edit, null), 'Click anywhere to edit before you send.'),
      ),
    );
  }

  function Results({ mode, trustMode, onBack, onDownload, onToast }) {
    const [selectedEvidence, setSelectedEvidence] = useState(window.DATA.EVIDENCE_MAP[0]);
    const [approved, setApproved] = useState({});
    const showAts = mode === 'ats' || mode === 'full' || mode === 'resume';
    const showResume = mode === 'resume' || mode === 'full';
    const showCover = mode === 'cover' || mode === 'full';
    const modeLabel = { resume: 'Tailored Resume', cover: 'Cover Letter', ats: 'ATS Report', full: 'Full Application' }[mode];
    const approve = (kw) => {
      setApproved((cur) => ({ ...cur, [kw]: true }));
      onToast(kw + ' approved for this application', 'checkCircle');
    };
    const reject = (kw) => {
      setApproved((cur) => ({ ...cur, [kw]: 'rejected' }));
      onToast(kw + ' kept out of the resume', 'x');
    };

    return React.createElement('div', { className: 'wrap page' },
      React.createElement('div', { className: 'res-head' },
        React.createElement('div', { className: 'res-head-l' },
          React.createElement('button', { className: 'res-back', onClick: onBack }, React.createElement(Icon.arrowLeft, null), 'Back to workspace'),
          React.createElement('h1', { className: 'res-title' }, modeLabel),
          React.createElement('div', { className: 'res-meta' }, 'Jordan Avery → ', React.createElement('b', null, 'Senior Product Operations Manager'), ' at ', React.createElement('b', null, 'Northwind Commerce')),
        ),
        React.createElement('div', { className: 'res-head-r' },
          React.createElement('button', { className: 'btn btn-ghost', onClick: onBack }, React.createElement(Icon.edit, null), 'Edit inputs'),
          React.createElement('button', { className: 'btn btn-primary', onClick: () => onDownload('all') }, React.createElement(Icon.download, null), 'Download all'),
        ),
      ),

      React.createElement('div', { className: 'res-grid' },
        React.createElement('div', { className: 'res-col sticky' },
          showAts && React.createElement(ConfidenceCard, null),
          showAts && React.createElement(AtsCard, null),
          showAts && React.createElement(AddsCard, null),
          showAts && React.createElement(ReviewQueueCard, { approved, onApprove: approve, onReject: reject }),
          showAts && React.createElement(MissingExperienceCard, { onToast }),
        ),
        React.createElement('div', { className: 'res-col' },
          showAts && React.createElement(RecruiterSkimCard, null),
          showAts && React.createElement(EvidenceMapCard, {
            selected: selectedEvidence,
            onSelect: setSelectedEvidence,
            approved,
            onApprove: approve,
            onReject: reject,
            trustMode,
          }),
          showResume && React.createElement(ResumeCard, { onDownload, onToast }),
          showCover && React.createElement(CoverCard, { onToast }),
          showAts && React.createElement(InterviewPrepCard, { onToast }),
          !showResume && !showCover && React.createElement('div', { className: 'card', style: { padding: '40px', textAlign: 'center', color: 'var(--ink-3)' } },
            'Your ATS keyword report is on the left. Switch to ', React.createElement('b', null, 'Full Application'), ' to also generate a tailored resume and cover letter.'),
        ),
      ),
    );
  }

  window.Results = Results;
})();
