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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nanocollective/roster",
-  "version": "0.1.0-alpha.37",
+  "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

@@ -194,3 +194,6 @@ textarea.dropping{border-color:var(--accent);background:color-mix(in srgb,var(--
 /* 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(--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;

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"],
   ];