@nanocollective/roster 0.1.0-alpha.48 → 0.1.0-alpha.49

package/package.json

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

package/templates/portal/css/home.css

@@ -40,7 +40,7 @@
 }
 
 .homeworking{display:flex;flex-direction:column;padding:4px 16px}
-.homerun{display:grid;grid-template-columns:minmax(150px,220px) 84px 1fr auto;align-items:center;
+.homerun{display:grid;grid-template-columns:minmax(150px,220px) auto 1fr auto;align-items:center;
          gap:12px;padding:12px 0;font-size:13.5px}
 .homerun + .homerun{border-top:1px solid var(--line)}
 .homewho2{display:inline-flex;align-items:center;gap:8px;min-width:0}
@@ -61,13 +61,13 @@
 }
 
 .homerest{margin-top:26px}
-.homecard.gone,.homerun.gone{opacity:0;transform:translateX(12px);
+.homecard.gone,.homeline.gone{opacity:0;transform:translateX(12px);
          transition:opacity .2s var(--ease),transform .2s var(--ease)}
 
 /* Activity you have not seen, as Trackers marks it: a blue edge and a bold title. Opening the
    thread marks it read, here and on GitHub. */
 .homecard.unread{box-shadow:inset 3px 0 0 var(--blue)}
-.homerun.unread{box-shadow:inset 3px 0 0 var(--blue);margin:0 -16px;padding-left:13px;padding-right:16px}
+.homeline.unread{box-shadow:inset 3px 0 0 var(--blue);margin:0 -16px;padding-left:13px;padding-right:16px}
 .unread .homeopen,.unread .homerowtitle{font-weight:700}
 .unread .homeopen::before,.unread .homerowtitle::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;
          background:var(--blue);margin:0 7px 1px 0;vertical-align:middle}
@@ -83,8 +83,11 @@
   .homehead{flex-wrap:wrap}
 }
 
-/* Rows in the Working now card that open a thread. */
-.homerun.homeclick{cursor:pointer}
-.homerun.homeclick:hover .homerowtitle{color:var(--accent)}
-.homerun.homeclick:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
+/* Rows in a list card (Unread, Your requests, Closed today) that open a thread. */
+.homeline{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;
+         padding:12px 0;font-size:13.5px;cursor:pointer}
+.homeline + .homeline{border-top:1px solid var(--line)}
+.homeline .homestate{min-width:64px;justify-content:center}
+.homeline:hover .homerowtitle{text-decoration:underline}
+.homeline:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
 .homerowtitle{font-weight:600;color:var(--ink)}

package/templates/portal/js/views/home.js

@@ -247,7 +247,7 @@ async function act(note, actions, payload, ok) {
     await post(payload);
     note.textContent = ok;
     // Done is done: the card goes now, rather than when GitHub next answers.
-    const card = actions.closest?.(".homecard, .homerun");
+    const card = actions.closest?.(".homecard, .homeline");
     if (card) {
       card.classList.add("gone");
       setTimeout(() => card.remove(), 220);
@@ -379,23 +379,18 @@ function listBox(rows) {
 }
 
 /**
- * One row in the shape Working now uses: who, a status chip, the title with one line under it,
- * and a button on the right. The whole row opens the thread, except the button.
+ * One row in a list card: a status chip, the title with one line under it, and a button on the
+ * right. The whole row opens the thread, except the button.
  */
 function listRow(e, { chip, tone = "", sub, action = null }) {
-  const s = e.staff;
   const row = el(
     "div",
-    { className: "homerun homeclick" + (e.item.unread ? " unread" : ""), tabIndex: 0, role: "button" },
+    { className: "homeline homeclick" + (e.item.unread ? " unread" : ""), tabIndex: 0, role: "button" },
     [
-      el("span", { className: "homewho2" }, [
-        icon(s ? staffIcon(s) : "issue-open", "ic"),
-        el("b", { textContent: s?.name ?? (e.item.repo.split("/")[1] ?? e.item.repo) }),
-      ]),
       el("span", { className: "chip homestate " + tone, textContent: chip }),
       el("div", { className: "homerunwhat" }, [
         el("div", { className: "homerowtitle", textContent: e.item.title }),
-        el("div", { className: "homerunsub", textContent: sub }),
+        el("div", { className: "homerunsub", textContent: `${whereOf(e)} · ${sub}` }),
       ]),
       el("div", { className: "homerunlog" }, action ? [action] : []),
     ],
@@ -426,7 +421,7 @@ function unreadRow(e) {
   return listRow(e, {
     chip: WHY[e.why] ?? "Issue",
     tone: "cool",
-    sub: `#${e.item.number} · ${ago(e.item.updatedAt)}`,
+    sub: ago(e.item.updatedAt),
   });
 }
 
@@ -436,7 +431,7 @@ function requestRow(e) {
   return listRow(e, {
     chip: STATUS[e.status],
     tone: e.status === "answered" ? "cool" : e.status === "working" ? "ok" : "",
-    sub: `#${e.item.number} · ${ago(e.item.updatedAt)}`,
+    sub: ago(e.item.updatedAt),
   });
 }
 
@@ -448,7 +443,7 @@ function closedRow(e) {
   const holder = el("div", { className: "row" }, [note, reopen]);
   return listRow(e, {
     chip: "Closed",
-    sub: `#${e.item.number} · ${e.reason || "No reason given."}`,
+    sub: e.reason || "No reason given.",
     action: holder,
   });
 }