From d69abbd00840a8780bc0fd866cc8de28bd38293c Mon Sep 17 00:00:00 2001
From: Neel Nemade <neelnemade12345@gmail.com>
Date: Sun, 2 Aug 2026 13:15:00 +0530
Subject: [PATCH] Improve empty-board / first-run guidance copy

---
 web/ui/state.mjs | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/web/ui/state.mjs b/web/ui/state.mjs
index 201c086..dc35c2a 100644
--- a/web/ui/state.mjs
+++ b/web/ui/state.mjs
@@ -1349,7 +1349,13 @@ async function load(){
       ? ` · showing ${hiddenN} filtered Sourced`
       : ` · <span class="hidden-chip" id="status_hidden" title="Soft-hidden Sourced: off-lane titles, wrong country, blocklist, over-age, or wrong remote pref. Click to reveal.">${hiddenN} filtered Sourced — show</span>`)
     : (FIND_SHOW_HIDDEN ? ' · <span class="hidden-chip" id="status_hidden">hide filtered again</span>' : '')
-  $('status').innerHTML = active+' active on board'+hiddenBit+' · click a card to check fit · drag between columns'
+  if (active === 0) {
+  $('status').innerHTML =
+    'No roles yet · Run a job search, review LinkedIn, then add a role to <b>Researched</b> · You apply yourself · Paste real job descriptions instead of careers-page scrapes.'
+  } else {
+  $('status').innerHTML =
+    active + ' active on board' + hiddenBit + ' · click a card to check fit · drag between columns'
+  }  
   const sh=$('status_hidden')
   if(sh) sh.onclick=()=>{ FIND_SHOW_HIDDEN=!FIND_SHOW_HIDDEN; load() }
   if($('triage')){
@@ -1422,7 +1428,7 @@ async function load(){
       <div class="meta">${mHtml}${vHtml}${doc}${stampHtml}${flag}${locHtml}${compHtml}${ageHtml}</div>
       ${r.url?`<a class="jd" href="${esc(r.url)}" target="_blank" rel="noopener" onclick="event.stopPropagation()">Open JD ↗</a>`:''}
       ${hideBtn}
-    </div>`}).join('') : '<div class="muted" style="font-size:11px;padding:6px">—</div>'
+    </div>`}).join('') : '<div class="muted" style="font-size:11px;padding:8px 6px;line-height:1.4"> No roles yet. Add one to start tracking.</div>'
     return `<div class="col" data-stage="${s}"><h3>${LABEL[s]}<span>${it.length}</span></h3>${
       s==='researched'
         ? `<button type="button" class="col-add" data-add-role="1" title="You found this job — add link + JD">＋ Add role</button>`