@nanocollective/roster 0.1.0-alpha.29 → 0.1.0-alpha.30

package/dist/cli.js

@@ -37,6 +37,8 @@ function httpStatus(stderr) {
   return m ? Number(m[1]) : void 0;
 }
 function tidy(stderr) {
+  if (/rate limit/i.test(stderr))
+    return "GitHub's API limit for this hour is used up. It resets within the hour.";
   const msg = /"message"\s*:\s*"([^"]+)"/.exec(stderr);
   if (msg) return msg[1];
   const first = stderr.split("\n").map((l) => l.trim()).filter(Boolean)[0] ?? "unknown error";
@@ -4255,6 +4257,7 @@ function buildExport(ws, org, parseYaml, opts = {}) {
       statusIssue: manifest.status_issue,
       schedule: entry.schedule ?? manifest.schedule,
       mention: manifest.mention,
+      icon: manifest.icon ? String(manifest.icon) : void 0,
       bots: [manifest.bot, manifest.public_bot].filter(Boolean).map(botName),
       soloBots: [],
       sharedBots: [],
@@ -5645,6 +5648,9 @@ async function fetchInbox(repos) {
       }
     })
   );
+  const reasons = errors.map((e) => e.slice(e.indexOf(": ") + 2));
+  if (errors.length > 1 && reasons.every((r) => r === reasons[0]))
+    errors.splice(0, errors.length, reasons[0]);
   items.sort((a, b) => b.updatedAt.localeCompare(a.updatedAt));
   return { items, errors };
 }
@@ -5802,6 +5808,8 @@ function rollup(state) {
   return "pending";
 }
 function short4(e) {
+  const stderr = e?.stderr;
+  if (stderr) return tidy(String(stderr));
   const msg = e instanceof Error ? e.message : String(e);
   const line = msg.split("\n").find((l) => l.trim() && !/^\s*$/.test(l)) ?? msg;
   return line.length > 200 ? line.slice(0, 199) + "\u2026" : line;

package/docs/export.md

@@ -35,6 +35,7 @@ that reads it gets the same view without reimplementing the memory grammar.
 | `statusIssue` | pinned issue number |
 | `schedule` | cron |
 | `mention` | what wakes them |
+| `icon` | the icon set by `icon:` in staff.yaml, if any |
 | `bots[]` | every App login, `[bot]` suffix stripped |
 | `soloBots[]` | identities unique to this staff member |
 | `sharedBots[]` | identities shared with others |

package/docs/staff-yaml.md

@@ -59,6 +59,7 @@ labels:
 | `handle` | yes | Must match `org.yaml`. The composer looks them up by the `org.yaml` one, so a mismatch composes the wrong brain. |
 | `name` | yes | Role name in prose. |
 | `mention` | yes | What wakes them, as in `@cto`. The caller's condition tests for this string. |
+| `icon` | no | The icon the portal shows for them: `code`, `megaphone`, `life-buoy`, `compass`, `brush`, `bug`, `server`, `book-open`, `bar-chart`, `users` or `person`. Unset, it is picked from the role. |
 | `brain` | yes | `owner/name` of this repo. Without it nothing can check secrets, labels or runs. |
 | `status_issue` | yes in practice | Number of the pinned status issue. The prompts reference it, so a run cannot compose without it. `roster hire --apply` writes it. |
 

package/package.json

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

package/templates/portal/css/layout.css

@@ -157,3 +157,15 @@ main{padding:36px 44px 96px;max-width:1220px;overflow-x:hidden}
       font:600 14px var(--sans);cursor:pointer}
 .hirecard:hover{color:var(--ink);border-color:var(--accent)}
 .hirecard::before{content:"+";font-size:22px;line-height:1}
+
+/* The inbox toolbar: one height, one line. */
+.inboxbar{align-items:center}
+.inboxbar > *{height:34px;box-sizing:border-box}
+.inboxbar .modes{margin:0;padding:3px;align-items:stretch}
+.inboxbar .mode{display:flex;align-items:center}
+.inboxbar .iconbtn{width:34px;display:grid;place-items:center}
+.inboxbar .ghbtn{display:flex;align-items:center}
+/* Staff and issue icons in the sidebar. */
+.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)}

package/templates/portal/js/app.js

@@ -2,7 +2,7 @@
 
 import { getOrg } from "./api.js";
 import { $, el, store } from "./dom.js";
-import { icon, iconHTML } from "./icons.js";
+import { icon, iconHTML, staffIcon } from "./icons.js";
 import { installLightbox } from "./lightbox.js";
 import { setPeople } from "./md.js";
 import {
@@ -268,6 +268,7 @@ function paintSidebar() {
     const dot = el("span", { className: "readydot", hidden: true });
     head.append(
       icon("chevron", "caret"),
+      icon(staffIcon(s), "ic"),
       el("span", { className: "t", textContent: s.name }),
       dot,
       el("span", { className: "hh", textContent: s.handle }),
@@ -322,20 +323,22 @@ function paintInboxLinks() {
   const sub = $("#inboxsub");
   if (!sub) return;
   sub.replaceChildren();
+  // Inbox itself is everything. Under it: each staff member, then the product repos' issues.
   const links = [
-    ["", "", "All"],
-    ["mine", "", "On " + humanLabel()],
-    ["decision", "", "Decisions"],
-    ...S.data.staff.map((s) => ["", s.handle, s.name]),
+    ...S.data.staff.map((s) => [s.handle, s.name, staffIcon(s)]),
+    ["@issues", "Issues", "issue-open"],
   ];
-  for (const [filter, who, label] of links) {
-    const b = el("button", { className: "nav subnav inboxlink", textContent: label });
-    b.dataset.filter = filter;
+  for (const [who, label, glyph] of links) {
+    const b = el("button", { className: "nav subnav inboxlink" }, [
+      icon(glyph, "ic"),
+      el("span", { className: "t", textContent: label }),
+    ]);
     b.dataset.who = who;
     b.onclick = () => {
       S.view = "inbox";
-      S.inboxFilter = filter;
-      S.inboxStaff = who;
+      // A second click on the one you are on goes back to everything.
+      S.inboxStaff = S.inboxStaff === who ? "" : who;
+      S.inboxFilter = "";
       S.inboxOpen = null;
       render();
     };
@@ -347,10 +350,7 @@ function markSidebar() {
   const sub = $("#inboxsub");
   if (sub) sub.hidden = S.view !== "inbox";
   for (const b of document.querySelectorAll(".inboxlink")) {
-    const on =
-      S.view === "inbox" &&
-      b.dataset.filter === (S.inboxFilter || "") &&
-      b.dataset.who === (S.inboxStaff || "");
+    const on = S.view === "inbox" && b.dataset.who === (S.inboxStaff || "");
     b.setAttribute("aria-current", String(on));
   }
   for (const b of document.querySelectorAll(".nav")) {

package/templates/portal/js/icons.js

@@ -13,6 +13,26 @@
  */
 
 const PATHS = {
+  "code":
+    "<polyline points=\"16 18 22 12 16 6\" /> <polyline points=\"8 6 2 12 8 18\" />",
+  "megaphone":
+    "<path d=\"m3 11 18-5v12L3 14v-3z\" /> <path d=\"M11.6 16.8a3 3 0 1 1-5.8-1.6\" />",
+  "life-buoy":
+    "<circle cx=\"12\" cy=\"12\" r=\"10\" /> <path d=\"m4.93 4.93 4.24 4.24\" /> <path d=\"m14.83 9.17 4.24-4.24\" /> <path d=\"m14.83 14.83 4.24 4.24\" /> <path d=\"m9.17 14.83-4.24 4.24\" /> <circle cx=\"12\" cy=\"12\" r=\"4\" />",
+  "compass":
+    "<circle cx=\"12\" cy=\"12\" r=\"10\" /> <polygon points=\"16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76\" />",
+  "brush":
+    "<path d=\"m9.06 11.9 8.07-8.06a2.85 2.85 0 1 1 4.03 4.03l-8.06 8.08\" /> <path d=\"M7.07 14.94c-1.66 0-3 1.35-3 3.02 0 1.33-2.5 1.52-2 2.02 1.08 1.1 2.49 2.02 4 2.02 2.2 0 4-1.8 4-4.04a3.01 3.01 0 0 0-3-3.02z\" />",
+  "bug":
+    "<path d=\"m8 2 1.88 1.88\" /> <path d=\"M14.12 3.88 16 2\" /> <path d=\"M9 7.13v-1a3.003 3.003 0 1 1 6 0v1\" /> <path d=\"M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6\" /> <path d=\"M12 20v-9\" /> <path d=\"M6.53 9C4.6 8.8 3 7.1 3 5\" /> <path d=\"M6 13H2\" /> <path d=\"M3 21c0-2.1 1.7-3.9 3.8-4\" /> <path d=\"M20.97 5c0 2.1-1.6 3.8-3.5 4\" /> <path d=\"M22 13h-4\" /> <path d=\"M17.2 17c2.1.1 3.8 1.9 3.8 4\" />",
+  "server":
+    "<rect width=\"20\" height=\"8\" x=\"2\" y=\"2\" rx=\"2\" ry=\"2\" /> <rect width=\"20\" height=\"8\" x=\"2\" y=\"14\" rx=\"2\" ry=\"2\" /> <line x1=\"6\" x2=\"6.01\" y1=\"6\" y2=\"6\" /> <line x1=\"6\" x2=\"6.01\" y1=\"18\" y2=\"18\" />",
+  "book-open":
+    "<path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\" /> <path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\" />",
+  "bar-chart":
+    "<line x1=\"12\" x2=\"12\" y1=\"20\" y2=\"10\" /> <line x1=\"18\" x2=\"18\" y1=\"20\" y2=\"4\" /> <line x1=\"6\" x2=\"6\" y1=\"20\" y2=\"16\" />",
+  "users":
+    "<path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\" /> <circle cx=\"9\" cy=\"7\" r=\"4\" /> <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\" /> <path d=\"M16 3.13a4 4 0 0 1 0 7.75\" />",
   "check":
     "<path d=\"M20 6 9 17l-5-5\" />",
   "chevron":
@@ -96,6 +116,23 @@ export function icon(name, cls = "") {
   return span.firstChild ?? span;
 }
 
+/* A staff member's icon: `icon:` in their staff.yaml, or one picked from their role. */
+const ROLE_ICONS = {
+  cto: "code",
+  cmo: "megaphone",
+  support: "life-buoy",
+  pm: "compass",
+  designer: "brush",
+  qa: "bug",
+  devops: "server",
+  writer: "book-open",
+  analyst: "bar-chart",
+  community: "users",
+};
+export function staffIcon(s) {
+  return s?.icon && hasIcon(s.icon) ? s.icon : (ROLE_ICONS[s?.handle] ?? "person");
+}
+
 export function hasIcon(name) {
   return Object.hasOwn(PATHS, name);
 }

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

@@ -150,7 +150,7 @@ function inboxScreen(m, opts) {
     };
     controls.push(newBtn);
   }
-  m.append(el("div", { className: "row", style: "margin-bottom:16px" }, controls));
+  m.append(el("div", { className: "row inboxbar", style: "margin-bottom:16px" }, controls));
 
   const split = el("div", { className: "split" });
   const list = el("div", { className: "tree" });
@@ -232,12 +232,15 @@ function inboxScreen(m, opts) {
 
     // The sidebar's filters are the inbox's. Pending work has no control for them, so it ignores them.
     const staffPick = opts.prs ? "" : S.inboxStaff;
-    const whoseStaff = staffPick ? S.data.staff.find((s) => s.handle === staffPick) : null;
+    // "Issues" is the product repos: every repo a staff member works in.
+    const products = new Set(S.data.staff.flatMap((s) => s.worksIn ?? []));
+    const issuesOnly = staffPick === "@issues";
+    const whoseStaff = staffPick && !issuesOnly ? S.data.staff.find((s) => s.handle === staffPick) : null;
     /* The two screens partition the org rather than overlap on it. Pending work is every pull
        request; the inbox is everything else. An inbox that also listed the PRs said the same
        thing twice and made the badge beside it a number you could not act on. */
     const mine = S.inbox.items
-      .filter((i) => belongsTo(i, whoseStaff))
+      .filter((i) => (issuesOnly ? products.has(i.repo) : belongsTo(i, whoseStaff)))
       .filter((i) => (i.kind === "pr") === !!opts.prs);
     const isOpen = (i) => i.state === "OPEN";
     const scoped = mine.filter(