@nanocollective/roster 0.1.0-alpha.36 → 0.1.0-alpha.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanocollective/roster",
-  "version": "0.1.0-alpha.36",
+  "version": "0.1.0-alpha.38",
   "description": "An agent-run org, powered by GitHub. Scaffold AI staff members whose brain is a repo.",
   "type": "module",
   "bin": {

package/templates/portal/css/inbox.css

@@ -192,5 +192,8 @@ textarea.dropping{border-color:var(--accent);background:color-mix(in srgb,var(--
 .tevquiet .tev{padding:5px 0;font-size:12px}
 
 /* Unread, from GitHub's notifications: a bar on the left and a heavier title. Cleared on open. */
-.irow.unread{box-shadow:inset 3px 0 0 var(--accent)}
+.irow.unread{box-shadow:inset 3px 0 0 var(--blue);background:color-mix(in srgb,var(--blue) 6%,transparent)}
 .irow.unread .ititle{font-weight:700;color:var(--ink)}
+
+/* A little room between rows, so unread cards and the selected row do not run together. */
+.irow{margin:3px 0}

package/templates/portal/css/layout.css

@@ -78,13 +78,15 @@
 .sidefoot .nav:hover{color:var(--ink-dim)}
 
 /* ---------- main ---------- */
-main{padding:36px 44px 96px;max-width:1220px;overflow-x:hidden}
+/* clip, not hidden: hidden makes main a scroll container, and nothing inside it can be sticky. */
+main{padding:36px 44px 96px;max-width:1220px;overflow-x:clip}
 
 /* ---------- tree beside viewer ---------- */
 .split{display:grid;grid-template-columns:314px 1fr;gap:16px;align-items:start}
 @media (max-width:900px){.split{grid-template-columns:1fr}}
+/* The list beside a viewer stays in view while a long file or thread scrolls. */
 .tree{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:6px;
-      max-height:74vh;overflow:auto;box-shadow:var(--shadow-sm)}
+      max-height:calc(100vh - 40px);overflow:auto;box-shadow:var(--shadow-sm);position:sticky;top:20px}
 .tdir{font:600 11px var(--mono);color:var(--ink-faint);padding:9px 8px 4px;letter-spacing:.02em}
 .tdir.first{padding-top:3px}
 .tfile{display:flex;align-items:baseline;gap:10px;width:100%;text-align:left;background:none;
@@ -169,3 +171,5 @@ main{padding:36px 44px 96px;max-width:1220px;overflow-x:hidden}
 .nav.inboxlink{display:flex;align-items:center;gap:8px}
 .nav.inboxlink .ic,.staffrow .ic{--ic:14px;color:var(--ink-faint);flex:none}
 .nav.inboxlink[aria-current="true"] .ic{color:var(--accent)}
+/* The unread count matches the unread rows. Empty, it stays grey like every other badge. */
+#unreadcount:not(:empty):not(.wait){background:var(--blue);color:#fff}

package/templates/portal/js/app.js

@@ -326,7 +326,6 @@ function paintInboxLinks() {
   // Inbox itself is everything. Under it: each staff member, then the product repos' issues.
   const links = [
     ["", "All", "inbox"],
-    ["@unread", "Unread", "dot"],
     ...S.data.staff.map((s) => [s.handle, s.name, staffIcon(s)]),
     ["@issues", "Issues", "issue-open"],
   ];

package/templates/portal/js/views/inbox.js

@@ -294,9 +294,15 @@ function inboxScreen(m, opts) {
       list.append(el("div", { className: "tdir err", textContent: e }));
     }
 
-    // Newest first, flat. Grouping by repo buried a fresh comment under whichever project
-    // happened to sort first; the project moves onto the row instead.
-    items = items.slice().sort((a, b) => String(b.updatedAt).localeCompare(String(a.updatedAt)));
+    // Unread first, then newest first, flat. Grouping by repo buried a fresh comment under
+    // whichever project happened to sort first; the project moves onto the row instead.
+    items = items
+      .slice()
+      .sort(
+        (a, b) =>
+          Number(Boolean(b.unread)) - Number(Boolean(a.unread)) ||
+          String(b.updatedAt).localeCompare(String(a.updatedAt)),
+      );
     if (!items.length) {
       list.append(el("p", { className: "empty", textContent: "Nothing matches." }));
       return;