Adds more bill status visibility to the dashboard

scraper/dashboard/static/app.js

@@ -60,7 +60,30 @@
         if (t) return "tag-match";
         if (l) return "leg-match";
         return "";
-    }
+     }
+
+    /* The bill's current legislative state — why it is in the queue at all
+       (API_CONTRACT §5 "upcoming" item 2: a closed/past bill shouldn't read as
+       a vague "pending"). Always shown; a closed bill is dimmed; possibly_closed
+       is flagged when the source can't confirm the state. */
+    function statusReasonHTML(ev) {
+        var st = ev.status;
+        var reason = ev.reason;
+        if (!st && !reason) return "";
+        var closed = st === "closed";
+        var label = closed ? "Closed" : "On file";
+        var cls = "chip status"
+             + (closed ? " closed" : " open")
+             + (ev.possibly_closed ? " pclosed" : "");
+        var why = reason ? esc(reason) : "On file";
+        var tail = ev.possibly_closed ? " (possibly closed)" : "";
+        return "<div class='row-reason'"
+             + (closed ? " data-closed='1'" : "") + ">"
+             + "<span class='" + cls + "'>" + esc(label) + "</span> "
+             + "<span class='row-reason-why'>" + why
+             + (tail ? " " + esc(tail) : "") + "</span>"
+             + "</div>";
+     }
 
     function rowHTML(ev, opts) {
         opts = opts || {};
@@ -78,9 +101,11 @@
                     (on ? 'on"' : '"') + ">" + esc(tg) + "</span>";
             }).join("");
         var marker = rel
-            ? '<span class="chip marker" title="Floated: relevant to you">'
-              + "Relevant to you</span>"
-            : "";
+             ? '<span class="chip marker" title="Floated: relevant to you">'
+                + "Relevant to you</span>"
+             : "";
+         // Legislative status / reason — always on, above the relevance toggle.
+        var statusBlock = statusReasonHTML(ev);
         var reasons = "";
         if (rel) {
             var parts = (ev.relevance.matched || []).map(function (x) {
@@ -98,11 +123,12 @@
              esc(ev.bill_id) + '">'
              + '<span class="num">' + chip(ev.chamber_origin) +
                    '<br>' + esc(ev.bill_number) + "</span>"
-             + '<div class="main"><span class="title">'
-                   + esc(ev.short_title || ev.bill_number) + "</span>"
-                   + "<div class='meta'>" + esc(meta) + "</div>"
-                   + "<a href='" + url + "' target='_blank'"
-                   + " rel='noopener'>View →</a> " + marker
+              + '<div class="main"><span class="title">'
+                    + esc(ev.short_title || ev.bill_number) + "</span>"
+                    + "<div class='meta'>" + esc(meta) + "</div>"
+                    + statusBlock
+                    + "<a href='" + url + "' target='_blank'"
+                    + " rel='noopener'>View →</a> " + marker
                    + tags
                    + reasons
                    + '</div>'