Spaces:

MO-AI-Research
/

asr-annotation-progress

Sleeping

shaanilmo Claude Opus 4.8 commited on Jun 30

Commit

8d010cd

1 Parent(s): e3f0b7c

Dashboard: Team column + Intern/Recovery badges from report fields

Backward-compatible: reports without a team show 'Unassigned'; unknown team
strings are clamped server-side. Adds team to the sortable columns.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Files changed (1) hide show

app.py +26 -0

app.py CHANGED Viewed

@@ -86,12 +86,19 @@ class Counts(BaseModel):
 class Report(BaseModel):
     annotator: str
     folder: str = ""
     total: int = 0
     counts: Counts
     updatedAt: int = 0
 # ----------------------------------------------------------------------------
 # Helpers
 # ----------------------------------------------------------------------------
@@ -159,6 +166,7 @@ def submit_report(report: Report, x_report_token: str = Header(default="")):
     slug = slugify(report.annotator)
     payload = report.model_dump()
     payload["annotator"] = report.annotator.strip() or "Anonymous"
     payload["slug"] = slug
     payload["receivedAt"] = int(time.time() * 1000)
@@ -285,6 +293,13 @@ DASHBOARD_HTML = """<!DOCTYPE html>
   .medal.gold   { background: linear-gradient(145deg, #ffe487, #f5b301); }
   .medal.silver { background: linear-gradient(145deg, #eef2f5, #b4bdc7); }
   .medal.bronze { background: linear-gradient(145deg, #f0b27a, #c2772f); }
   /* in-row stacked status bar (table Progress column) */
   .bar-track { flex: 1; display: flex; height: 14px; border-radius: 4px; overflow: hidden;
                background: var(--panel-2); }
@@ -313,6 +328,7 @@ DASHBOARD_HTML = """<!DOCTYPE html>
 <script>
 const STATUS = ["delete", "correct", "to_correct", "edited", "pending"];
 const LABEL = { delete: "Delete", correct: "Correct", to_correct: "To Fix", edited: "Edited", pending: "Pending" };
 // Chart segment order (done group first, backlog, then pending) + color var.
 const CHART_ORDER = [
   ["correct", "--correct"], ["edited", "--edited"], ["delete", "--delete"],
@@ -365,6 +381,7 @@ function sortValue(r, key) {
   const c = r.counts || {};
   switch (key) {
     case "name": return (r.annotator || "").toLowerCase();
     case "total": return r.total || 0;
     case "delete": return c.delete || 0;
     case "correct": return c.correct || 0;
@@ -505,9 +522,16 @@ async function refresh() {
     const rankCell = (podium && rank <= 3)
       ? `<td class="rank"><span class="medal ${MEDALS[rank - 1]}">${rank}</span></td>`
       : `<td class="rank">${rank}</td>`;
     return `<tr>
       ${rankCell}
       <td class="name">${escapeHtml(r.annotator || "—")}<div class="muted" style="font-weight:400;font-size:12px">${escapeHtml(r.folder || "")}</div></td>
       <td class="num">${r.total || 0}</td>
       <td><span class="pill delete">${c.delete || 0}</span></td>
       <td><span class="pill correct">${c.correct || 0}</span></td>
@@ -524,6 +548,7 @@ async function refresh() {
   const foot = `<tr>
       <td class="rank"></td>
       <td>Team total</td>
       <td class="num">${agg.total}</td>
       <td><span class="pill delete">${ac.delete || 0}</span></td>
       <td><span class="pill correct">${ac.correct || 0}</span></td>
@@ -539,6 +564,7 @@ async function refresh() {
     <thead><tr>
       <th class="rank-h" title="Rank in the current sort">#</th>
       <th data-sort="name" class="sortable">Annotator${arrow("name")}</th>
       <th data-sort="total" class="sortable num">Total${arrow("total")}</th>
       <th data-sort="delete" class="sortable">Delete${arrow("delete")}</th>
       <th data-sort="correct" class="sortable">Correct${arrow("correct")}</th>

 class Report(BaseModel):
     annotator: str
+    team: str = ""
+    intern: bool = False
+    recoveryUsed: bool = False
     folder: str = ""
     total: int = 0
     counts: Counts
     updatedAt: int = 0
+# Known teams; anything else is treated as Unassigned.
+TEAMS = {"Research", "Investments", "Growth", "ConvAI", "HyperPersonalization"}
 # ----------------------------------------------------------------------------
 # Helpers
 # ----------------------------------------------------------------------------
     slug = slugify(report.annotator)
     payload = report.model_dump()
     payload["annotator"] = report.annotator.strip() or "Anonymous"
+    payload["team"] = report.team if report.team in TEAMS else ""
     payload["slug"] = slug
     payload["receivedAt"] = int(time.time() * 1000)
   .medal.gold   { background: linear-gradient(145deg, #ffe487, #f5b301); }
   .medal.silver { background: linear-gradient(145deg, #eef2f5, #b4bdc7); }
   .medal.bronze { background: linear-gradient(145deg, #f0b27a, #c2772f); }
+  /* team cell + intern/recovery tags */
+  td.team .team-name { font-weight: 600; color: var(--text); }
+  .tag-row { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
+  .tag { display: inline-block; padding: 1px 7px; border-radius: 99px; font-size: 11px;
+         font-weight: 600; line-height: 1.5; border: 1px solid transparent; }
+  .tag.intern { background: rgba(79,70,229,.16); color: #818cf8; border-color: rgba(79,70,229,.35); }
+  .tag.recovery { background: rgba(245,158,11,.16); color: #f59e0b; border-color: rgba(245,158,11,.35); }
   /* in-row stacked status bar (table Progress column) */
   .bar-track { flex: 1; display: flex; height: 14px; border-radius: 4px; overflow: hidden;
                background: var(--panel-2); }
 <script>
 const STATUS = ["delete", "correct", "to_correct", "edited", "pending"];
 const LABEL = { delete: "Delete", correct: "Correct", to_correct: "To Fix", edited: "Edited", pending: "Pending" };
+const TEAMS = new Set(["Research", "Investments", "Growth", "ConvAI", "HyperPersonalization"]);
 // Chart segment order (done group first, backlog, then pending) + color var.
 const CHART_ORDER = [
   ["correct", "--correct"], ["edited", "--edited"], ["delete", "--delete"],
   const c = r.counts || {};
   switch (key) {
     case "name": return (r.annotator || "").toLowerCase();
+    case "team": return (r.team || "").toLowerCase();
     case "total": return r.total || 0;
     case "delete": return c.delete || 0;
     case "correct": return c.correct || 0;
     const rankCell = (podium && rank <= 3)
       ? `<td class="rank"><span class="medal ${MEDALS[rank - 1]}">${rank}</span></td>`
       : `<td class="rank">${rank}</td>`;
+    const team = TEAMS.has(r.team) ? r.team : "";
+    const tags = (r.intern ? `<span class="tag intern">Intern</span>` : "")
+               + (r.recoveryUsed ? `<span class="tag recovery" title="Used skip-ahead recovery; numbers are partly self-declared">Recovery</span>` : "");
+    const teamCell = `<td class="team">`
+      + (team ? `<span class="team-name">${escapeHtml(team)}</span>` : `<span class="muted">Unassigned</span>`)
+      + (tags ? `<div class="tag-row">${tags}</div>` : "") + `</td>`;
     return `<tr>
       ${rankCell}
       <td class="name">${escapeHtml(r.annotator || "—")}<div class="muted" style="font-weight:400;font-size:12px">${escapeHtml(r.folder || "")}</div></td>
+      ${teamCell}
       <td class="num">${r.total || 0}</td>
       <td><span class="pill delete">${c.delete || 0}</span></td>
       <td><span class="pill correct">${c.correct || 0}</span></td>
   const foot = `<tr>
       <td class="rank"></td>
       <td>Team total</td>
+      <td></td>
       <td class="num">${agg.total}</td>
       <td><span class="pill delete">${ac.delete || 0}</span></td>
       <td><span class="pill correct">${ac.correct || 0}</span></td>
     <thead><tr>
       <th class="rank-h" title="Rank in the current sort">#</th>
       <th data-sort="name" class="sortable">Annotator${arrow("name")}</th>
+      <th data-sort="team" class="sortable">Team${arrow("team")}</th>
       <th data-sort="total" class="sortable num">Total${arrow("total")}</th>
       <th data-sort="delete" class="sortable">Delete${arrow("delete")}</th>
       <th data-sort="correct" class="sortable">Correct${arrow("correct")}</th>