From 86a092ecd31847f2a2b636ee299a9ee8f669ceb5 Mon Sep 17 00:00:00 2001
From: haopengzhan <haopengzhan@gmail.com>
Date: Sat, 15 Aug 2026 00:07:11 -0700
Subject: [PATCH] feat: update application status tracking and rename pipeline
 metrics in dashboard UI

---
 internal/ui/handlers.go        | 16 +++++++++++-----
 internal/ui/template_apply.go  |  1 +
 internal/ui/template_layout.go | 16 ++++++++--------
 internal/ui/templates.go       |  4 ++--
 4 files changed, 22 insertions(+), 15 deletions(-)

diff --git a/internal/ui/handlers.go b/internal/ui/handlers.go
index 6d15d2d..ef242eb 100644
--- a/internal/ui/handlers.go
+++ b/internal/ui/handlers.go
@@ -68,10 +68,16 @@ func (s *Server) handleIndex(w http.ResponseWriter, r *http.Request) {
 		return
 	}
 
-	qualifiedCount := 0
+	toReviewCount := 0
+	inPipelineCount := 0
+
 	for _, j := range jobs {
-		if j.Analysis != nil && j.Analysis.IsQualified {
-			qualifiedCount++
+		if j.App != nil && j.App.Status != "OPTED_OUT" {
+			inPipelineCount++
+		} else if j.App == nil || j.App.Status != "OPTED_OUT" {
+			if j.Analysis != nil && (j.Analysis.IsQualified || j.Analysis.Status == "PENDING") {
+				toReviewCount++
+			}
 		}
 	}
 
@@ -81,9 +87,9 @@ func (s *Server) handleIndex(w http.ResponseWriter, r *http.Request) {
 		Applications:       apps,
 		ActiveTab:          "triage",
 		LLMProvider:        s.cfg.LLMProvider,
-		QualifiedJobsCount: qualifiedCount,
+		ToReviewCount:      toReviewCount,
 		TotalIngestedCount: len(jobs),
-		ActiveApplications: len(apps),
+		InPipelineCount:    inPipelineCount,
 	}
 
 	w.Header().Set("Content-Type", "text/html; charset=utf-8")
diff --git a/internal/ui/template_apply.go b/internal/ui/template_apply.go
index 49da52b..b71862b 100644
--- a/internal/ui/template_apply.go
+++ b/internal/ui/template_apply.go
@@ -113,6 +113,7 @@ const applyTableHTML = `{{ define "applyTable" }}
                 <!-- Change Status -->
                 <td class="px-4 py-3 text-right">
                     <select hx-patch="/applications/{{ .App.ID }}/status"
+                            name="status"
                             hx-target="#apply-container"
                             hx-swap="innerHTML"
                             class="px-2 py-1 bg-slate-900 border border-slate-700 rounded-lg text-slate-200 text-[10px] focus:outline-none focus:border-indigo-500">
diff --git a/internal/ui/template_layout.go b/internal/ui/template_layout.go
index 4a0c748..41e6f5a 100644
--- a/internal/ui/template_layout.go
+++ b/internal/ui/template_layout.go
@@ -68,17 +68,17 @@ const mainLayoutHTML = `{{ define "page" }}<!DOCTYPE html>
             <div class="hidden md:flex items-center space-x-6 text-xs">
                 <div class="flex items-center space-x-1.5">
                     <span class="w-2 h-2 rounded-full bg-emerald-400"></span>
-                    <span class="text-slate-400">Qualified:</span>
-                    <span class="font-bold text-emerald-400">{{ .QualifiedJobsCount }}</span>
+                    <span class="text-slate-400">To Review:</span>
+                    <span class="font-bold text-emerald-400">{{ .ToReviewCount }}</span>
                 </div>
                 <div class="flex items-center space-x-1.5">
-                    <span class="text-slate-400">Ingested:</span>
+                    <span class="text-slate-400">In Pipeline:</span>
+                    <span class="font-bold text-violet-400">{{ .InPipelineCount }}</span>
+                </div>
+                <div class="flex items-center space-x-1.5">
+                    <span class="text-slate-400">Total Ingested:</span>
                     <span class="font-bold text-white">{{ .TotalIngestedCount }}</span>
                 </div>
-                <div class="flex items-center space-x-1.5">
-                    <span class="text-slate-400">Applied:</span>
-                    <span class="font-bold text-violet-400">{{ .ActiveApplications }}</span>
-                </div>
                 <div class="flex items-center space-x-1.5 px-2 py-1 rounded-md bg-slate-900/60 border border-slate-800">
                     <span class="w-1.5 h-1.5 rounded-full bg-emerald-400 animate-pulse"></span>
                     <span class="text-slate-400">LLM:</span>
@@ -302,7 +302,7 @@ const mainLayoutHTML = `{{ define "page" }}<!DOCTYPE html>
                 const textMatch = !text || rowText.includes(text);
                 let qualMatch;
                 switch (qual) {
-                    case 'default':     qualMatch = rowApp !== 'opted-out' && (rowQual === 'qualified' || rowQual === 'pending'); break;
+                    case 'default':     qualMatch = rowApp !== 'opted-out' && rowApp !== 'pipeline' && (rowQual === 'qualified' || rowQual === 'pending'); break;
                     case 'not-qualified': qualMatch = rowApp !== 'opted-out' && rowQual === 'not-qualified'; break;
                     case 'saved':       qualMatch = rowApp === 'pipeline'; break;
                     case 'all':         qualMatch = rowApp !== 'opted-out'; break;
diff --git a/internal/ui/templates.go b/internal/ui/templates.go
index 5b3f26c..5a650a0 100644
--- a/internal/ui/templates.go
+++ b/internal/ui/templates.go
@@ -70,9 +70,9 @@ type PageData struct {
 	Applications       []db.JobWithAnalysis
 	ActiveTab          string
 	LLMProvider        string
-	QualifiedJobsCount int
+	ToReviewCount      int
 	TotalIngestedCount int
-	ActiveApplications int
+	InPipelineCount    int
 }
 
 var rootTemplate *template.Template