fix(summary): order projects and topics by live activity (#17)

The live "active … ago" times moved, but the project list, the project
sections and each project's topics kept the order of the summary run.
The page now renders them newest first by the live times, and the
minute refresh reorders the sidebar, the sections and the topics in
place, keeping whatever is at the top of the window where it was.


Claude-Session: https://claude.ai/code/session_01NtvhFvhWywmqE7ZEmKxLJy

Co-authored-by: Claude Opus 5.5 <noreply@anthropic.com>

Author: MilosMosovsky

CHANGELOG.md

@@ -6,6 +6,14 @@ All notable changes are documented here. The format follows
 
 ## [Unreleased]
 
+## [0.16.5] - 2026-11-07
+
+### Fixed
+
+- The Summary page's project list, its project sections and the topics in each project are ordered
+  by the live "active … ago" times, newest first, and reorder as those times move. The part of the
+  page you are reading stays in place.
+
 ## [0.16.4] - 2026-11-07
 
 ### Fixed

page.html

@@ -2907,6 +2907,32 @@
   // asks for the latest scan time and session activity instead. Every tab keeps its
   // relative times current.
   const synced = $("#synced");
+  // Newest work first, as the server orders it, by the times the tick just moved.
+  // Whatever is at the top of the window stays where it is on screen.
+  function summaryReorder() {
+    const newest = (time) => time ? new Date(time.dateTime).getTime() || 0 : 0;
+    const order = (items, time) => {
+      const sorted = [...items].sort((a, b) => newest(time(b)) - newest(time(a)));
+      return sorted.some((item, i) => item !== items[i]) ? sorted : null;
+    };
+    const anchor = $$(".summary-project, .summary-topic").find(el => el.getBoundingClientRect().bottom > 0);
+    const top = anchor?.getBoundingClientRect().top;
+    let moved = false;
+    $$(".summary-toc-list").forEach(list => {
+      const sorted = order([...list.children], li => $("time[data-summary-project]", li));
+      if (sorted) { list.append(...sorted); moved = true; }
+    });
+    const links = $$(".summary-toc-list a[href^='#summary-project-']").slice(0, $$(".summary-project[id]").length);
+    const sections = links.map(link => document.getElementById(link.getAttribute("href").slice(1))).filter(Boolean);
+    const content = sections[0]?.parentElement;
+    if (content && sections.some((section, i) => section !== $$(".summary-project[id]")[i])) { content.prepend(...sections); moved = true; }
+    $$(".summary-project[id]").forEach(section => {
+      const topics = $$(":scope > .summary-topic:has(time[data-summary-topic])", section);
+      const sorted = order(topics, topic => $("time[data-summary-topic]", topic));
+      if (sorted) { (topics[0].previousElementSibling ? topics[0].previousElementSibling.after(...sorted) : section.prepend(...sorted)); moved = true; }
+    });
+    if (moved && anchor && anchor.isConnected) window.scrollBy(0, anchor.getBoundingClientRect().top - top);
+  }
   async function tick() {
     if (tab === "summary" && synced) {
       try {
@@ -2921,6 +2947,7 @@
               if (at && at > new Date(time.dateTime)) { time.dateTime = at.toISOString(); time.title = at.toLocaleString(); }
             });
           }
+          summaryReorder();
         }
       } catch {}
     }

summary_activity.go

@@ -2,6 +2,7 @@ package main
 
 import (
 	"log"
+	"slices"
 	"time"
 )
 
@@ -107,7 +108,8 @@ func (snap *summarySnapshot) hasProject(project string) bool {
 }
 
 // apply returns copies of snap and the snoozed topics showing the newer times in
-// act. The saved summary is shared, so nothing it points to is changed.
+// act, with projects and topics reordered by them. The saved summary is shared,
+// so nothing it points to is changed.
 func (act summaryActivity) apply(snap *summarySnapshot, snoozed []summarySnoozedTopic) (*summarySnapshot, []summarySnoozedTopic) {
 	topic := func(t *summarySnapshotTopic) *summarySnapshotTopic {
 		at, ok := act.Topics[t.ID]
@@ -130,8 +132,11 @@ func (act summaryActivity) apply(snap *summarySnapshot, snoozed []summarySnoozed
 			for _, t := range project.Topics {
 				copied.Topics = append(copied.Topics, topic(t))
 			}
+			// The newest work comes first, as in the summary, but by the live times.
+			slices.SortStableFunc(copied.Topics, func(a, b *summarySnapshotTopic) int { return b.LastActive.Compare(a.LastActive) })
 			view.Projects = append(view.Projects, &copied)
 		}
+		slices.SortStableFunc(view.Projects, func(a, b *summarySnapshotProject) int { return b.LastActive.Compare(a.LastActive) })
 		snap = &view
 	}
 	out := make([]summarySnoozedTopic, len(snoozed))

summary_activity_test.go

@@ -56,6 +56,15 @@ func TestSummaryActivityFollowsLiveSessions(t *testing.T) {
 	if !view.Projects[0].LastActive.Equal(at.Add(30*time.Minute)) || !view.Projects[0].Topics[0].LastActive.Equal(at.Add(30*time.Minute)) || !views[0].Topic.LastActive.Equal(at.Add(10*time.Minute)) {
 		t.Fatal("apply did not show the newer times")
 	}
+	// The newest work comes first, by the live times: acme/infra (20 min) is
+	// still after acme/api (30 min), and the carried-over topic passes "idle".
+	if view.Projects[0].Project != "acme/api" || view.Projects[1].Project != "acme/infra" || view.Projects[0].Topics[1].ID != "carried" || view.Projects[0].Topics[2].ID != "idle" {
+		t.Fatalf("order: %s, %s / %s, %s", view.Projects[0].Project, view.Projects[1].Project, view.Projects[0].Topics[1].ID, view.Projects[0].Topics[2].ID)
+	}
+	later := summaryActivity{Projects: map[string]time.Time{"acme/infra": at.Add(2 * time.Hour)}}
+	if view, _ := later.apply(snap, nil); view.Projects[0].Project != "acme/infra" || snap.Projects[0].Project != "acme/api" {
+		t.Fatal("a project active more recently did not move first, or the saved order changed")
+	}
 	if !snap.Projects[0].LastActive.Equal(before) || !snap.Projects[0].Topics[0].LastActive.Equal(before) || !snoozed[0].Topic.LastActive.Equal(before.Add(-48*time.Hour)) {
 		t.Fatal("apply changed the saved summary")
 	}