feat(glook-23): add Other row showing unattributed activity

Author: msogin

src/app/api/project-insights/route.ts

@@ -26,6 +26,20 @@ async function getHandler() {
     return NextResponse.json({ available: false });
   }
 
+  // Actual org totals — used by the client to render an "Other" row showing
+  // activity not captured in the top-10 project clusters. Fetched before the
+  // cache check so both the cache-hit and fresh-generation paths can return them.
+  const [totalsRows] = await db.execute(
+    `SELECT COALESCE(SUM(total_commits), 0) AS commits, COALESCE(SUM(total_prs), 0) AS prs
+     FROM developer_stats WHERE report_id = ?`,
+    [report.id],
+  ) as [any[], any];
+  const totals = {
+    commits: Number(totalsRows[0]?.commits ?? 0),
+    prs:     Number(totalsRows[0]?.prs ?? 0),
+    jiras:   Number(jiraCount[0].cnt),
+  };
+
   // Check cache (reuse report_comparisons table — use report.id for both a and b to distinguish from real comparisons)
   // Real comparisons always have different a and b. Project insights use same id for both.
   const [cached] = await db.execute(
@@ -43,6 +57,7 @@ async function getHandler() {
         available: true,
         report: { id: report.id, org: report.org, periodDays: report.period_days, createdAt: report.created_at },
         ...rest,
+        totals,
         cached: true,
       });
     }
@@ -218,6 +233,7 @@ ${noJiraData}${inflightBlock}`;
       report: { id: report.id, org: report.org, periodDays: report.period_days, createdAt: report.created_at },
       projects: toCache.projects,
       untracked_work: toCache.untracked_work,
+      totals,
       cached: false,
     });
   } catch (err) {

src/app/llm-findings.tsx

@@ -35,6 +35,7 @@ export default function LlmFindings() {
   const [projects, setProjects] = useState<ProjectInsight[]>([]);
   const [untrackedWork, setUntrackedWork] = useState<UntrackedWork[]>([]);
   const [projectsMeta, setProjectsMeta] = useState<{ id: string; org: string; periodDays: number; createdAt: string } | null>(null);
+  const [projectTotals, setProjectTotals] = useState<{ commits: number; prs: number; jiras: number } | null>(null);
   const [projectsLoading, setProjectsLoading] = useState(true);
 
   // Release notes
@@ -85,6 +86,7 @@ export default function LlmFindings() {
           setProjects(data.projects || []);
           setUntrackedWork(data.untracked_work || []);
           setProjectsMeta({ id: data.report.id, org: data.report.org, periodDays: data.report.periodDays, createdAt: data.report.createdAt });
+          if (data.totals) setProjectTotals(data.totals);
         }
       })
       .catch(() => {})
@@ -143,6 +145,7 @@ export default function LlmFindings() {
           title="Top Projects"
           subtitle={projectsMeta ? `${projectsMeta.org} · ${projectsMeta.periodDays}d · ${formatDate(projectsMeta.createdAt)}` : undefined}
           developerHref={projectsMeta ? (login) => `/report/${projectsMeta.id}/dev/${login}` : undefined}
+          actualTotals={projectTotals ?? undefined}
         />
       )}
 

src/components/ProjectsCard.tsx

@@ -30,6 +30,10 @@ export interface ProjectsCardProps {
   /** Optional: link template for developer chips. Receives login, returns href.
    *  If omitted, chips are not links. */
   developerHref?: (login: string) => string;
+  /** When provided, an "Other (not in top N)" row is appended showing the
+   *  activity not captured by the project clusters. Shown as a peer row with
+   *  the same bar format so users can compare scale directly. */
+  actualTotals?: { commits: number; prs: number; jiras: number };
   /** Collapsible mode (GLOOK-11): header becomes a toggle button styled to
    *  match <TeamPulseCard>, body hidden when collapsed. Controlled — parent
    *  owns `expanded` state via `onExpandedChange`. */
@@ -56,12 +60,14 @@ function ProjectsBody({
   emptyMessage,
   developerHref,
   variant,
+  actualTotals,
 }: {
   projects: ProjectsCardItem[] | TeamProject[];
   loading?: boolean;
   emptyMessage: string;
   developerHref?: (login: string) => string;
   variant: 'standalone' | 'collapsible';
+  actualTotals?: { commits: number; prs: number; jiras: number };
 }) {
   if (loading) {
     return (
@@ -86,17 +92,34 @@ function ProjectsBody({
     [projects],
   );
 
+  // "Other" row: activity not attributed to any named project cluster.
+  // Only shown when actualTotals is provided (home page passes org totals from devStats).
+  const other = useMemo(() => {
+    if (!actualTotals) return null;
+    const sumCommits = sorted.reduce((s, p) => s + p.estimated_commits, 0);
+    const sumPrs     = sorted.reduce((s, p) => s + p.estimated_prs,     0);
+    const sumJiras   = sorted.reduce((s, p) => s + p.jira_count,         0);
+    const o = {
+      commits: Math.max(0, actualTotals.commits - sumCommits),
+      prs:     Math.max(0, actualTotals.prs     - sumPrs),
+      jiras:   Math.max(0, actualTotals.jiras   - sumJiras),
+    };
+    return (o.commits + o.prs + o.jiras) > 0 ? o : null;
+  }, [sorted, actualTotals]);
+
   // Bar width = total volume (PRs + Jiras + Commits) / max across all projects.
   // Commits are intentionally included here even though they are excluded from the
   // sort key — the bar shows the full activity footprint of each project (sort rank
   // reflects quality output, bar width reflects overall size).
-  const maxVolume = useMemo(
-    () => sorted.reduce((max, p) => Math.max(max, p.estimated_prs + p.jira_count + p.estimated_commits), 1),
-    [sorted],
-  );
+  // If "Other" is present, include it in maxVolume so bars are comparable.
+  const maxVolume = useMemo(() => {
+    const projectMax = sorted.reduce((max, p) => Math.max(max, p.estimated_prs + p.jira_count + p.estimated_commits), 1);
+    const otherTotal = other ? other.commits + other.prs + other.jiras : 0;
+    return Math.max(projectMax, otherTotal, 1);
+  }, [sorted, other]);
 
   // Hide Jira legend entry when Jira is disabled (all counts are 0).
-  const hasJira = useMemo(() => sorted.some(p => p.jira_count > 0), [sorted]);
+  const hasJira = useMemo(() => sorted.some(p => p.jira_count > 0) || (other?.jiras ?? 0) > 0, [sorted, other]);
 
   return (
     <div className={`space-y-3 ${variant === 'collapsible' ? 'mt-3' : 'mt-4'}`}>
@@ -174,6 +197,47 @@ function ProjectsBody({
           </div>
         );
       })}
+
+      {/* "Other" row — same visual style as a project, italic label, no summary/devs */}
+      {other && (() => {
+        const otherTotal = other.commits + other.prs + other.jiras;
+        const otherBarPct = (otherTotal / maxVolume) * 100;
+        return (
+          <div
+            className="rounded-lg p-3"
+            style={{ background: 'rgba(255,255,255,0.01)', border: '1px solid rgba(255,255,255,0.06)' }}
+          >
+            <div className="flex items-start justify-between gap-3 mb-1">
+              <div className="flex items-center gap-2 min-w-0">
+                <span className="text-xs text-gray-700 w-4 shrink-0 text-right">~</span>
+                <span className="text-sm text-gray-500 italic">Other (not in top {sorted.length})</span>
+              </div>
+              <div className="flex items-center gap-3 shrink-0 text-[11px] text-gray-600">
+                <span>~{other.jiras} jiras</span>
+                <span>~{other.commits} commits</span>
+                <span>~{other.prs} PRs</span>
+              </div>
+            </div>
+            {otherTotal > 0 && (
+              <div className="pl-6 mb-1.5">
+                <div
+                  className="h-[5px] rounded-sm overflow-hidden"
+                  style={{ background: 'rgba(255,255,255,0.05)' }}
+                  role="img"
+                  aria-label={`Other: ${other.prs} PRs, ${other.jiras} Jiras, ${other.commits} commits not attributed to a named project`}
+                >
+                  <div className="h-full flex" style={{ width: `${otherBarPct}%` }}>
+                    <div style={{ flex: other.prs,     background: SEGMENT_COLORS.prs }} />
+                    <div style={{ flex: other.jiras,   background: SEGMENT_COLORS.jiras }} />
+                    <div style={{ flex: other.commits, background: SEGMENT_COLORS.commits }} />
+                  </div>
+                </div>
+              </div>
+            )}
+            <div className="text-[10px] text-gray-700 pl-6">Activity not attributed to a named project</div>
+          </div>
+        );
+      })()}
     </div>
   );
 }
@@ -185,6 +249,7 @@ export default function ProjectsCard({
   subtitle,
   emptyMessage = 'No active projects in this window.',
   developerHref,
+  actualTotals,
   collapsible = false,
   expanded = true,
   onExpandedChange,
@@ -227,6 +292,7 @@ export default function ProjectsCard({
               emptyMessage={emptyMessage}
               developerHref={developerHref}
               variant="collapsible"
+              actualTotals={actualTotals}
             />
           </div>
         )}
@@ -251,6 +317,7 @@ export default function ProjectsCard({
         emptyMessage={emptyMessage}
         developerHref={developerHref}
         variant="standalone"
+        actualTotals={actualTotals}
       />
     </div>
   );