@simon-says-build/ssb-overlay 0.10.0 → 0.10.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simon-says-build/ssb-overlay",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "description": "SSB inside a native app SimonSays controls: the SSB button for the people who change the app (screenshot, mark, ask for a change), and Help for everyone who uses it.",
   "repository": {
     "type": "git",

package/src/SsbHost.js

@@ -692,8 +692,8 @@ function Panel({ gate, chat, work, elsewhere, onDemo, screen, insets, draft, set
           r.any ? h(View, { style: s.sessDot }) : null,
           h(Text, { style: s.workTitle, numberOfLines: 2 }, r.title),
           h(Text, { style: s.sessAgo }, r.ago)),
-        r.stateWord || r.news.length ? h(View, { style: s.sessChips },
-          r.stateWord ? h(Text, { style: [s.state, s[`sess_${r.state}`]], testID: `ssb-session-state-${r.id}` }, r.stateWord) : null,
+        r.pills.length || r.news.length ? h(View, { style: s.sessChips },
+          ...r.pills.map((p, i) => h(Text, { key: `p${i}`, style: [s.state, s[`sess_${p.state}`]], testID: i ? `ssb-session-state-${r.id}-${i}` : `ssb-session-state-${r.id}` }, p.word)),
           ...r.news.map((n) => h(Text, { key: n, style: s.sessNews }, n))) : null);
     })) : null;
 

package/src/core.js

@@ -5,7 +5,7 @@
 export const DEFAULT_API = 'https://simonsays.build';
 // What this overlay is, said when it registers for pushes (clientInfo below).
 // Kept equal to package.json by test/core.test.mjs.
-export const OVERLAY_VERSION = '0.10.0';
+export const OVERLAY_VERSION = '0.10.1';
 export const HOST = 5;
 export const TEXT = 6;
 const PIN_SLOP = 12;           // a drag shorter than this is a tap: a pin, not a box
@@ -321,18 +321,27 @@ export const SESSION_STATE_WORD = Object.freeze({
 /** Sessions worth an index: yours, not released. */
 export const openSessionsOf = (list) => (Array.isArray(list) ? list : []).filter((x) => x && x.mine !== false && !x.done);
 
-/** One row of the index: its name, where it is, and what is new in it for you. */
+/**
+ * One row of the index: its name, where it is, and what is new in it for you.
+ * `pills`: where it is — one per app when it spans several (2026-10-28, per
+ * platform: web's Guided Review can be ready while the phone's work builds).
+ */
 export function sessionRow(x, now = Date.now()) {
   const u = x?.updates || {};
   const st = x?.status?.state || null;
   const word = SESSION_STATE_WORD[st] || null;
-  const count = st === 'building' && x.status.total ? ` · ${x.status.landed} of ${x.status.total} in` : '';
+  const inOf = (s, a) => (s === 'building' && a?.total ? ` · ${a.landed} of ${a.total} in` : '');
+  const count = inOf(st, x?.status);
+  const apps = Array.isArray(x?.status?.apps) ? x.status.apps.filter((a) => SESSION_STATE_WORD[a.state]) : [];
+  const pills = apps.length > 1
+    ? apps.map((a) => ({ state: a.state, word: `${a.name || 'An app'}: ${SESSION_STATE_WORD[a.state]}${inOf(a.state, a)}` }))
+    : word ? [{ state: st, word: `${word}${count}` }] : [];
   const news = [
     u.replied ? 'SSB replied' : null,
     u.waiting ? `${u.waiting} draft${u.waiting === 1 ? '' : 's'} waiting` : null,
     u.live ? `${u.live} live` : null,
   ].filter(Boolean);
-  return { id: x.id, title: x.title || x.preview || 'A session', state: st, stateWord: word ? `${word}${count}` : null, news, any: !!u.any, ago: agoOf(x.lastMessageAt, now) };
+  return { id: x.id, title: x.title || x.preview || 'A session', state: st, stateWord: word ? `${word}${count}` : null, pills, news, any: !!u.any, ago: agoOf(x.lastMessageAt, now) };
 }
 export function agoOf(iso, now = Date.now()) {
   const s = (now - Date.parse(iso || '')) / 1000;