@nanocollective/roster 0.1.0-alpha.34 → 0.1.0-alpha.35

package/package.json

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

@@ -57,7 +57,7 @@
 /* A bottom margin here would collapse against the row's own 16px and change nothing, so the
    extra room is put on the row. General sibling, not adjacent: labels can sit between them. */
 .tconflict ~ .tacts{margin-top:24px}
-.tlabels{margin-top:10px}
+.tmetalabels{display:inline-flex;gap:6px;margin-left:10px;vertical-align:middle;font-family:var(--sans)}
 /* A comment is a card with a header strip, so each message has a clear start and end. */
 .cmt{border:1px solid var(--line);border-radius:var(--r-lg);margin:14px 0;background:var(--panel);overflow:hidden}
 .cmt.human{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}

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

@@ -365,17 +365,20 @@ function inboxScreen(m, opts) {
     head.innerHTML =
       '<div class="meta">' + esc(item.repo) + " · " + (item.kind === "pr" ? "PR " : "") + "#" + item.number +
         ' · <span class="' + (item.state === "OPEN" ? "ok" : "") + '">' + esc(item.state) + "</span>" +
-        " · " + esc(item.author) + " · " + ago(item.updatedAt) + "</div>" +
+        " · " + esc(item.author) + " · " + ago(item.updatedAt) +
+        // The labels sit on this line, after the time, rather than taking a line of their own.
+        (item.labels.length
+          ? '<span class="tmetalabels">' +
+            item.labels.map((l) => '<span class="chip ' + tone(l) + '">' + esc(l) + "</span>").join("") +
+            "</span>"
+          : "") +
+        "</div>" +
       "<h3>" + esc(item.title) + "</h3>" +
       (item.mergeable === "CONFLICTING"
         ? '<p class="tconflict">This branch conflicts with its base and cannot be merged ' +
           "until someone rebases or merges the base into it.</p>"
         : "") +
-      (item.labels.length
-        ? '<div class="row tlabels">' +
-          item.labels.map((l) => '<span class="chip ' + tone(l) + '">' + esc(l) + "</span>").join("") +
-          "</div>"
-        : "");
+      "";
     head.append(threadActions(item));
     delete viewer.dataset.wait;
     viewer.replaceChildren(head);