@unisim/sdk 0.152.1 → 0.154.0

package/README.md

@@ -318,16 +318,33 @@ reports the app as in use (guests included) and the menu reads the figure.
   is open. The line hides until a real number arrives.
 - **It opens on the WHOLE SUITE** since 0.150.0 — `suite_user_counts()`, "There
   are a total of 1,234 users across all UNI·SIM apps (12 live)" (migration
-  0177) — and a tap switches to this app's own figure and back. The choice is
-  remembered per viewer in `unisim:user-count-scope`, where an absent value
-  means the suite. An account is one person suite-wide; a guest is one person
-  per browser origin, so the suite total is a utilisation figure, not a
-  headcount.
+  0177) — and a tap switches to this app's own figure and back. An account is
+  one person suite-wide; a guest is one person per browser origin, so the suite
+  total is a utilisation figure, not a headcount.
+  ⚠️ **The tap is NOT remembered** (since 0.152.0). It used to be, in
+  `unisim:user-count-scope`, and one tap months earlier is what made every app
+  on a browser open on its own figure with the suite hidden behind a click. The
+  key is now deleted on mount; `COUNT_SCOPE_KEY` is exported only so it can be
+  cleared. [Correction 2026-09-19: this bullet still described the remembered
+  choice.]
+- **Press and hold for the breakdown** (since 0.154.0, migration 0184):
+  `suite_user_counts_by_product()` → one row per app, in a popup over the menu.
+  Right-click and Shift+Enter open it too, so the gesture is not pointer-only.
+  ⚠️ **The rows do not add up to the suite total and are not meant to** — an
+  account using four apps is four rows there and one person in the suite
+  figure. The popup says so; never sum them to produce a total. App names come
+  from the switcher catalogue (`productDisplayName`), and a product code this
+  build has never heard of is listed under a prettified name rather than
+  dropped, because the database enum gains values without the SDK being
+  rebuilt. A database without 0184 shows "not available" and nothing else
+  breaks. Turn it off with `<UserCountLine breakdown={false} />`.
 - **Off switches**: `presence: false` in `UniversalConfig`; `showUserCount={false}`
   on `<UserProfile>`. The hubs (`product: 'central'`) never beat or show it.
-- **Elsewhere**: `<UserCountLine />` / `useUserCounts()` for a home screen. Apps
-  without `<UniversalProvider>` use `startPresence(supabase, product)`,
-  `fetchUserCounts` and `formatUserCounts(language, counts)` directly.
+- **Elsewhere**: `<UserCountLine />` / `useUserCounts()` for a home screen, and
+  `<UserCountBreakdown />` / `useUserCountsByProduct()` for the per-app list.
+  Apps without `<UniversalProvider>` use `startPresence(supabase, product)`,
+  `fetchUserCounts`, `fetchUserCountsByProduct` and
+  `formatUserCounts(language, counts)` directly.
 
 ### Languages
 - `SUPPORTED_LANGUAGES`: `en`, `en-gb`, `fr`, `es`, `it`, `de`, **`pt-BR`**, **`pt-PT`**, `tr`.

package/dist/UserCountBreakdown.d.ts

@@ -0,0 +1,22 @@
+import { type MenuTheme } from './menuTheme.js';
+import { type ProductCounts, type UserCounts } from './presence.js';
+/**
+ * `{ product, total, live }` per app, refreshed on the presence beat while
+ * `active`. Starts from the last breakdown this origin read so the popup has
+ * something in it the moment it opens.
+ *
+ * `null` while there is nothing to show — which covers both "the read has not
+ * landed yet" and "this database has not got migration 0184". The popup tells
+ * those two apart with its own `loading` flag; a caller that just wants the
+ * numbers does not need to.
+ */
+export declare function useUserCountsByProduct(active?: boolean): ProductCounts[] | null;
+export interface UserCountBreakdownProps {
+    open: boolean;
+    onClose: () => void;
+    /** The suite figure the line was showing, repeated at the top for context. */
+    suite?: UserCounts | null;
+    theme?: MenuTheme;
+}
+export declare function UserCountBreakdown({ open, onClose, suite, theme }: UserCountBreakdownProps): import("react").ReactPortal | null;
+//# sourceMappingURL=UserCountBreakdown.d.ts.map

package/dist/UserCountBreakdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserCountBreakdown.d.ts","sourceRoot":"","sources":["../src/UserCountBreakdown.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAGrD,OAAO,EAKL,KAAK,aAAa,EAClB,KAAK,UAAU,EAChB,MAAM,eAAe,CAAA;AAqCtB;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,UAAO,GAAG,aAAa,EAAE,GAAG,IAAI,CAmB5E;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAe,EAAE,EAAE,uBAAuB,sCA4GpG"}

package/dist/UserCountBreakdown.js

@@ -0,0 +1,264 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { NAV_OVERLAY_Z_INDEX } from './DropdownSurface.js';
+import { t } from './i18n.js';
+import { MENU } from './menuTheme.js';
+import { productDisplayName } from './productNames.js';
+import { useLanguage, useUniversal } from './provider.js';
+import { PRESENCE_BEAT_MS, cachedUserCountsByProduct, fetchUserCountsByProduct, formatUserCounts, } from './presence.js';
+// ──────────────────────────────────────────────────────────────────────────────
+// <UserCountBreakdown /> — "…and which apps are those people in?"
+//
+// James, 2026-09-19: "on the user count, can you add it so if you long press on
+// the X people use UNI·SIM then you see a pop up with the breakdown of users per
+// app". So the count line now has three depths rather than two: the suite figure
+// it opens on, this app's figure on a tap (2026-09-17), and this list on a press
+// and hold.
+//
+// Three things worth knowing before changing it:
+//
+// 1. **The rows do not add up to the suite total, and the note says so.** An
+//    account that uses four apps is four rows here and one person in the suite
+//    figure — that is the whole point of the suite figure. A reader who adds the
+//    column up and gets a bigger number has found the documented behaviour, not
+//    a bug, so the sentence stating it is part of the popup rather than a
+//    footnote somebody might cut.
+//
+// 2. **An app this build has never heard of still gets a row.** The names come
+//    from the switcher catalogue (productNames.ts), the rows come from the
+//    database enum, and the two have gone out of step twice already (0176 added
+//    `family`, 0179 the two Bipolar apps). An unknown code renders prettified —
+//    never dropped, because a live app missing from a list of live apps is worse
+//    than one with a plain-looking name.
+//
+// 3. **It is portaled to <body> and guards the menu it was opened from.** Same
+//    problem AccountLimits' flyout has and the same fix: the parent menu's
+//    outside-click test asks whether the event happened inside its panel, and a
+//    portal is not, so without the capture-phase guard below the first click in
+//    here would close the menu and take this popup down with it.
+//
+// ⚠️ Inline styles, not Tailwind — this ships inside node_modules and the apps'
+// Tailwind builds do not scan it. Same as AboutAppDialog and PrivacyNote.
+// ──────────────────────────────────────────────────────────────────────────────
+/**
+ * `{ product, total, live }` per app, refreshed on the presence beat while
+ * `active`. Starts from the last breakdown this origin read so the popup has
+ * something in it the moment it opens.
+ *
+ * `null` while there is nothing to show — which covers both "the read has not
+ * landed yet" and "this database has not got migration 0184". The popup tells
+ * those two apart with its own `loading` flag; a caller that just wants the
+ * numbers does not need to.
+ */
+export function useUserCountsByProduct(active = true) {
+    const { supabase } = useUniversal();
+    const [rows, setRows] = useState(() => cachedUserCountsByProduct());
+    useEffect(() => {
+        if (!active)
+            return;
+        let cancelled = false;
+        const load = () => {
+            if (typeof document !== 'undefined' && document.visibilityState === 'hidden')
+                return;
+            void fetchUserCountsByProduct(supabase).then((r) => {
+                if (!cancelled && r)
+                    setRows(r);
+            });
+        };
+        load();
+        const timer = setInterval(load, PRESENCE_BEAT_MS);
+        return () => { cancelled = true; clearInterval(timer); };
+    }, [active, supabase]);
+    return rows;
+}
+export function UserCountBreakdown({ open, onClose, suite, theme = 'light' }) {
+    const { language } = useLanguage();
+    const p = MENU[theme];
+    const rows = useUserCountsByProduct(open);
+    const cardRef = useRef(null);
+    // Only ever true on a FIRST open on this origin — every later open paints the
+    // cached rows immediately and swaps them when the fresh read lands.
+    const [settled, setSettled] = useState(false);
+    useEffect(() => {
+        if (!open) {
+            setSettled(false);
+            return;
+        }
+        // Long enough for the read to answer, short enough that a database without
+        // 0184 says "not available" rather than spinning for ever.
+        const timer = setTimeout(() => setSettled(true), 4000);
+        return () => clearTimeout(timer);
+    }, [open]);
+    // Two CAPTURE-phase listeners on document, copied from AccountLimits' flyout
+    // for the same reason (note 3).
+    //
+    // ⚠️ They have to be real listeners, not React's `onMouseDownCapture`: React
+    // attaches one listener at its root container, so a document-level capture
+    // handler — which is where DropdownSurface and UserProfile put theirs — has
+    // already run by the time any React handler sees the event.
+    useEffect(() => {
+        if (!open)
+            return;
+        // A press inside this card is not a click "outside" the menu that opened it.
+        function onDown(e) {
+            if (cardRef.current?.contains(e.target))
+                e.stopPropagation();
+        }
+        // Escape backs out one level: the first press closes this popup, a second
+        // closes the menu underneath.
+        function onKey(e) {
+            if (e.key !== 'Escape')
+                return;
+            e.stopPropagation();
+            onClose();
+        }
+        document.addEventListener('mousedown', onDown, true);
+        document.addEventListener('keydown', onKey, true);
+        return () => {
+            document.removeEventListener('mousedown', onDown, true);
+            document.removeEventListener('keydown', onKey, true);
+        };
+    }, [open, onClose]);
+    if (!open || typeof document === 'undefined')
+        return null;
+    const loading = !rows && !settled;
+    return createPortal(_jsx("div", { style: overlayStyle, role: "presentation", 
+        // ⚠️ pointerDOWN, not click: with a mouse, the press that opened this
+        // popup is still down when it appears, so the mouseup lands on the
+        // backdrop. An onClick here would close the popup in the same gesture
+        // that opened it. A fresh press on the backdrop sends its own
+        // pointerdown, which is the dismissal we actually want.
+        onPointerDown: onClose, children: _jsxs("div", { role: "dialog", "aria-modal": "true", "aria-label": t(language, 'users.breakdown_title'), ref: cardRef, style: cardStyle(p), onPointerDown: (e) => e.stopPropagation(), children: [_jsxs("div", { style: headerRowStyle, children: [_jsx("h2", { style: titleStyle(p), children: t(language, 'users.breakdown_title') }), _jsx("button", { type: "button", onClick: onClose, "aria-label": t(language, 'nav.menu_close'), style: closeButtonStyle(p), children: _jsx(IconClose, {}) })] }), suite && _jsx("p", { style: suiteLineStyle(p), children: formatUserCounts(language, suite, 'suite') }), loading && _jsx("p", { style: quietStyle(p), children: t(language, 'users.breakdown_loading') }), !loading && !rows && _jsx("p", { style: quietStyle(p), children: t(language, 'users.breakdown_empty') }), rows && (_jsx("ul", { style: listStyle, children: rows.map((row) => (_jsxs("li", { style: rowStyle(p), children: [_jsx("span", { style: nameStyle(p), children: productDisplayName(row.product) }), _jsxs("span", { style: figureStyle(p), children: [row.live > 0 && _jsx("span", { style: liveDotStyle, "aria-hidden": true }), formatRow(language, row)] })] }, row.product))) })), rows && _jsx("p", { style: noteStyle(p), children: t(language, 'users.breakdown_note') })] }) }), document.body);
+}
+/** "1,234 users · 5 live", grouped the way the reader's language groups. */
+function formatRow(language, row) {
+    let nf;
+    try {
+        nf = new Intl.NumberFormat(language ?? undefined);
+    }
+    catch {
+        nf = new Intl.NumberFormat('en');
+    }
+    const key = row.total === 1 ? 'users.breakdown_row_one' : 'users.breakdown_row';
+    return t(language, key)
+        .replace('{total}', nf.format(row.total))
+        .replace('{live}', nf.format(row.live));
+}
+function IconClose() {
+    return (_jsx("svg", { viewBox: "0 0 24 24", width: "15", height: "15", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", "aria-hidden": "true", children: _jsx("path", { d: "M6 6 18 18M18 6 6 18" }) }));
+}
+// ── Styles — the menu palette, so the popup matches the dropdown it came from.
+const overlayStyle = {
+    position: 'fixed',
+    inset: 0,
+    background: 'rgba(15, 23, 42, 0.45)',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 16,
+    // Above the menu it was opened from, which already sits above everything the
+    // host app draws.
+    zIndex: NAV_OVERLAY_Z_INDEX + 100,
+    fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif",
+};
+const cardStyle = (p) => ({
+    position: 'relative',
+    width: '100%',
+    maxWidth: 380,
+    // Thirty apps on a short phone outruns the viewport, and a list that cannot
+    // be scrolled is a list whose bottom half does not exist.
+    maxHeight: 'calc(100vh - 32px)',
+    overflowY: 'auto',
+    background: p.surface,
+    color: p.text,
+    borderRadius: 16,
+    border: `1px solid ${p.border}`,
+    boxShadow: p.shadow,
+    padding: '16px 18px 18px',
+    boxSizing: 'border-box',
+});
+const headerRowStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: 12,
+};
+const titleStyle = (p) => ({
+    margin: 0,
+    fontSize: 15,
+    fontWeight: 700,
+    letterSpacing: '-0.01em',
+    color: p.text,
+});
+const closeButtonStyle = (p) => ({
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: 28,
+    height: 28,
+    flexShrink: 0,
+    borderRadius: 8,
+    border: 0,
+    background: 'transparent',
+    color: p.muted,
+    cursor: 'pointer',
+});
+const suiteLineStyle = (p) => ({
+    margin: '6px 0 0',
+    fontSize: 11,
+    lineHeight: 1.4,
+    color: p.muted,
+});
+const quietStyle = (p) => ({
+    margin: '14px 0 0',
+    fontSize: 12,
+    color: p.muted,
+});
+const listStyle = {
+    listStyle: 'none',
+    margin: '12px 0 0',
+    padding: 0,
+    display: 'grid',
+    gap: 2,
+};
+const rowStyle = (p) => ({
+    display: 'flex',
+    alignItems: 'baseline',
+    justifyContent: 'space-between',
+    gap: 12,
+    padding: '5px 0',
+    borderBottom: `1px solid ${p.divider}`,
+});
+const nameStyle = (p) => ({
+    fontSize: 13,
+    color: p.body,
+    minWidth: 0,
+});
+const figureStyle = (p) => ({
+    display: 'inline-flex',
+    alignItems: 'baseline',
+    gap: 5,
+    flexShrink: 0,
+    fontSize: 12,
+    color: p.muted,
+    // A grouped figure must not be broken across two lines by the flex row.
+    whiteSpace: 'nowrap',
+});
+const liveDotStyle = {
+    display: 'inline-block',
+    width: 6,
+    height: 6,
+    borderRadius: '50%',
+    // The same green every "live" dot in the suite uses; decorative, and never
+    // the only thing carrying the meaning — the words say "live" next to it.
+    background: '#22c55e',
+};
+const noteStyle = (p) => ({
+    margin: '12px 0 0',
+    fontSize: 11,
+    lineHeight: 1.45,
+    color: p.faint,
+});
+//# sourceMappingURL=UserCountBreakdown.js.map

package/dist/UserCountBreakdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserCountBreakdown.js","sourceRoot":"","sources":["../src/UserCountBreakdown.tsx"],"names":[],"mappings":"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"}

package/dist/UserCountLine.d.ts

@@ -8,12 +8,29 @@ import { type CountScope, type UserCounts } from './presence.js';
  * is a real, non-zero total.
  */
 export declare function useUserCounts(active?: boolean, scope?: CountScope): UserCounts | null;
+/**
+ * How long a press has to last to be a press-and-hold rather than a tap.
+ *
+ * 500 ms is the platform figure — it is what iOS and Android use for their own
+ * long press, and what the browsers' `contextmenu` on touch fires at — so a
+ * person who already knows the gesture from every other app gets the same
+ * timing here. Shorter and an ordinary slow tap opens the popup by accident;
+ * longer and the gesture feels broken before it fires.
+ */
+export declare const LONG_PRESS_MS = 500;
 export interface UserCountLineProps {
     /** Fetch only while this is true (the menu is open). Default true. */
     active?: boolean;
     theme?: MenuTheme;
     style?: CSSProperties;
     className?: string;
+    /**
+     * Offer the per-app breakdown on a press and hold. Default true.
+     *
+     * Turn it off where the popup has nowhere sensible to land — a surface with
+     * no <UniversalProvider> above it cannot read the breakdown at all.
+     */
+    breakdown?: boolean;
 }
 /**
  * "There are a total of 1,234 users across all UNI·SIM apps (5 live)" — one
@@ -26,11 +43,16 @@ export interface UserCountLineProps {
  * width — see the style below. It is the longest string in the menu by some
  * way, and a dropdown sizes itself to its content.
  *
+ * **Press and hold** (or right-click, or Shift+Enter) opens the per-app
+ * breakdown behind the suite figure — <UserCountBreakdown /> (James,
+ * 2026-09-19). The click that ends a long press is swallowed rather than
+ * flipping the figure; see `heldRef`.
+ *
  * Renders nothing until a real number arrives, and nothing on the hubs
  * (`central`), which are not an app anybody "uses" in this sense.
  *
  * The navbars' profile menu already shows it, at the bottom; mount this
  * yourself only to show the figure somewhere else too (a home screen).
  */
-export declare function UserCountLine({ active, theme, style, className }: UserCountLineProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function UserCountLine({ active, theme, style, className, breakdown, }: UserCountLineProps): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=UserCountLine.d.ts.map

package/dist/UserCountLine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserCountLine.d.ts","sourceRoot":"","sources":["../src/UserCountLine.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,aAAa,EAAE,MAAM,OAAO,CAAA;AAE/D,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAML,KAAK,UAAU,EACf,KAAK,UAAU,EAChB,MAAM,eAAe,CAAA;AAEtB;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,MAAM,UAAO,EAAE,KAAK,GAAE,UAAoB,GAAG,UAAU,GAAG,IAAI,CAwB3F;AA0BD,MAAM,WAAW,kBAAkB;IACjC,sEAAsE;IACtE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,aAAa,CAAC,EAAE,MAAa,EAAE,KAAe,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,kBAAkB,kDAmDrG"}
+{"version":3,"file":"UserCountLine.d.ts","sourceRoot":"","sources":["../src/UserCountLine.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA4C,KAAK,aAAa,EAAE,MAAM,OAAO,CAAA;AAGpF,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAErD,OAAO,EAML,KAAK,UAAU,EACf,KAAK,UAAU,EAChB,MAAM,eAAe,CAAA;AAEtB;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,MAAM,UAAO,EAAE,KAAK,GAAE,UAAoB,GAAG,UAAU,GAAG,IAAI,CAwB3F;AA0BD;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,MAAM,CAAA;AAEhC,MAAM,WAAW,kBAAkB;IACjC,sEAAsE;IACtE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAa,EAAE,KAAe,EAAE,KAAK,EAAE,SAAS,EAAE,SAAgB,GACnE,EAAE,kBAAkB,kDA6IpB"}

package/dist/UserCountLine.js

@@ -1,8 +1,10 @@
 'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { useLanguage, useUniversal } from './provider.js';
+import { t } from './i18n.js';
 import { MENU } from './menuTheme.js';
+import { UserCountBreakdown } from './UserCountBreakdown.js';
 import { COUNT_SCOPE_KEY, PRESENCE_BEAT_MS, cachedUserCounts, fetchUserCounts, formatUserCounts, } from './presence.js';
 /**
  * `{ total, live }` for every UNI·SIM app at once — or, with `scope: 'app'`,
@@ -61,6 +63,16 @@ function forgetStoredScope() {
     }
     catch { /* ignore */ }
 }
+/**
+ * How long a press has to last to be a press-and-hold rather than a tap.
+ *
+ * 500 ms is the platform figure — it is what iOS and Android use for their own
+ * long press, and what the browsers' `contextmenu` on touch fires at — so a
+ * person who already knows the gesture from every other app gets the same
+ * timing here. Shorter and an ordinary slow tap opens the popup by accident;
+ * longer and the gesture feels broken before it fires.
+ */
+export const LONG_PRESS_MS = 500;
 /**
  * "There are a total of 1,234 users across all UNI·SIM apps (5 live)" — one
  * quiet sentence, and a tap switches it to this app's own figure and back
@@ -72,51 +84,138 @@ function forgetStoredScope() {
  * width — see the style below. It is the longest string in the menu by some
  * way, and a dropdown sizes itself to its content.
  *
+ * **Press and hold** (or right-click, or Shift+Enter) opens the per-app
+ * breakdown behind the suite figure — <UserCountBreakdown /> (James,
+ * 2026-09-19). The click that ends a long press is swallowed rather than
+ * flipping the figure; see `heldRef`.
+ *
  * Renders nothing until a real number arrives, and nothing on the hubs
  * (`central`), which are not an app anybody "uses" in this sense.
  *
  * The navbars' profile menu already shows it, at the bottom; mount this
  * yourself only to show the figure somewhere else too (a home screen).
  */
-export function UserCountLine({ active = true, theme = 'light', style, className }) {
+export function UserCountLine({ active = true, theme = 'light', style, className, breakdown = true, }) {
     const { config } = useUniversal();
     const { language } = useLanguage();
     const [scope, setScope] = useState('suite');
+    const [listOpen, setListOpen] = useState(false);
     const hub = config.product === 'central';
     const counts = useUserCounts(active && !hub, scope);
+    // The popup heads with the SUITE figure whichever figure the line is on,
+    // because the list breaks down the suite. ⚠️ Read from the cache rather than
+    // with a second useUserCounts('suite'): the line ALWAYS opens on the suite
+    // figure and writes it there, so by the time anyone has tapped through to
+    // this app's number the suite's is already stored — and a second hook would
+    // put a duplicate `suite_user_counts` on the wire every 45 s in every app,
+    // for a popup almost nobody opens.
+    const suite = scope === 'suite' ? counts : cachedUserCounts('suite');
+    const pressTimer = useRef(null);
+    // A long press ends in a click (mouse) or a tap (touch) that the browser
+    // reports exactly like a short one. Without this the gesture would open the
+    // popup AND flip the figure underneath it.
+    const heldRef = useRef(false);
+    const cancelPress = useCallback(() => {
+        if (pressTimer.current) {
+            clearTimeout(pressTimer.current);
+            pressTimer.current = null;
+        }
+    }, []);
+    const startPress = useCallback(() => {
+        if (!breakdown)
+            return;
+        cancelPress();
+        heldRef.current = false;
+        pressTimer.current = setTimeout(() => {
+            pressTimer.current = null;
+            heldRef.current = true;
+            setListOpen(true);
+        }, LONG_PRESS_MS);
+    }, [breakdown, cancelPress]);
+    // A press interrupted by unmounting (the menu closing under it) must not fire
+    // afterwards into a component that has gone.
+    useEffect(() => cancelPress, [cancelPress]);
     useEffect(forgetStoredScope, []);
     const toggle = () => setScope((s) => (s === 'app' ? 'suite' : 'app'));
     if (hub || !counts)
         return null;
-    return (_jsx("button", { type: "button", 
-        // Not a menuitem: it is a fact about the app rather than a command, and a
-        // menu's arrow keys should not stop on it. The press only swaps the
-        // figure, so the menu stays open under it.
-        role: "none", onClick: toggle, className: className, style: {
-            display: 'block', textAlign: 'left', border: 0, background: 'transparent',
-            padding: '6px 12px 4px', fontFamily: 'inherit', fontSize: 11, lineHeight: 1.4,
-            color: MENU[theme].muted, cursor: 'pointer',
-            // ⚠️ `width: 0` + `minWidth: '100%'`, not `width: '100%'` (James,
-            // 2026-09-18: "it needs to wrap the text so it doesn't stretch the
-            // dropdown too far"). A nav dropdown has no width of its own — it is
-            // shrink-to-fit around its rows, with a 220px floor — so the widest
-            // thing in it decides how wide it is, and a percentage width does NOT
-            // exempt a child from that: the sentence still counts at its
-            // max-content width. "There are a total of 9,876 users across all
-            // UNI·SIM apps (12 live)" is ~350px on one line, so this one line,
-            // which is not even a row, was dragging every app's Actions menu 130px
-            // wider than its own rows asked for.
-            //
-            // A definite `width: 0` contributes nothing to that measurement;
-            // `minWidth: 100%` is a percentage, so it resolves against the panel's
-            // width AFTER the panel has been sized, handing the line the full width
-            // back to paint in. The sentence then wraps inside the panel instead of
-            // setting its width. Wrapping is the browser default and is only spelt
-            // out here because the whole point is that it now has somewhere to wrap;
-            // `overflowWrap` covers a long unbroken figure in a locale that groups
-            // without spaces.
-            width: 0, minWidth: '100%', whiteSpace: 'normal', overflowWrap: 'break-word',
-            ...style,
-        }, children: _jsx("span", { role: "status", children: formatUserCounts(language, counts, scope) }) }));
+    return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", 
+                // Not a menuitem: it is a fact about the app rather than a command, and a
+                // menu's arrow keys should not stop on it. The press only swaps the
+                // figure, so the menu stays open under it.
+                role: "none", 
+                // ⚠️ Two gestures on one control, and the second must not trigger the
+                // first: a press held for LONG_PRESS_MS opens the per-app breakdown
+                // (James, 2026-09-19), and the click that ends it is swallowed here
+                // rather than flipping the figure.
+                onClick: () => {
+                    if (heldRef.current) {
+                        heldRef.current = false;
+                        return;
+                    }
+                    toggle();
+                }, onPointerDown: startPress, onPointerUp: cancelPress, onPointerLeave: cancelPress, onPointerCancel: cancelPress, 
+                // A touch long press raises the platform's own context menu on some
+                // browsers; answering it with the breakdown is closer to what the person
+                // asked for than a "copy / share" sheet over the top of it. On a desktop
+                // this is the right-click path, which is the same gesture without the
+                // wait.
+                onContextMenu: (e) => {
+                    if (!breakdown)
+                        return;
+                    e.preventDefault();
+                    cancelPress();
+                    heldRef.current = true;
+                    setListOpen(true);
+                }, 
+                // The keyboard has no press-and-hold, so it gets a modifier instead —
+                // Enter and Space still do what they did. Without this the breakdown
+                // would be reachable by pointer only, which is the failure the suite
+                // swept for on 2026-09-18.
+                onKeyDown: (e) => {
+                    // A right-click sets `heldRef` with no pointerdown to clear it (a
+                    // context menu ends in no click at all), so the next keyboard Enter
+                    // would be swallowed. Every key press clears it; a pointer press
+                    // clears it in startPress.
+                    heldRef.current = false;
+                    if (!breakdown || !e.shiftKey)
+                        return;
+                    if (e.key !== 'Enter' && e.key !== ' ' && e.key !== 'Spacebar')
+                        return;
+                    e.preventDefault();
+                    setListOpen(true);
+                }, title: breakdown ? t(language, 'users.breakdown_hint') : undefined, className: className, style: {
+                    display: 'block', textAlign: 'left', border: 0, background: 'transparent',
+                    padding: '6px 12px 4px', fontFamily: 'inherit', fontSize: 11, lineHeight: 1.4,
+                    color: MENU[theme].muted, cursor: 'pointer',
+                    // ⚠️ `width: 0` + `minWidth: '100%'`, not `width: '100%'` (James,
+                    // 2026-09-18: "it needs to wrap the text so it doesn't stretch the
+                    // dropdown too far"). A nav dropdown has no width of its own — it is
+                    // shrink-to-fit around its rows, with a 220px floor — so the widest
+                    // thing in it decides how wide it is, and a percentage width does NOT
+                    // exempt a child from that: the sentence still counts at its
+                    // max-content width. "There are a total of 9,876 users across all
+                    // UNI·SIM apps (12 live)" is ~350px on one line, so this one line,
+                    // which is not even a row, was dragging every app's Actions menu 130px
+                    // wider than its own rows asked for.
+                    //
+                    // A definite `width: 0` contributes nothing to that measurement;
+                    // `minWidth: 100%` is a percentage, so it resolves against the panel's
+                    // width AFTER the panel has been sized, handing the line the full width
+                    // back to paint in. The sentence then wraps inside the panel instead of
+                    // setting its width. Wrapping is the browser default and is only spelt
+                    // out here because the whole point is that it now has somewhere to wrap;
+                    // `overflowWrap` covers a long unbroken figure in a locale that groups
+                    // without spaces.
+                    width: 0, minWidth: '100%', whiteSpace: 'normal', overflowWrap: 'break-word',
+                    // A press held on text is a SELECTION to a mobile browser: iOS raises
+                    // the copy/look-up callout and Android starts a text handle, either of
+                    // which cancels the gesture before LONG_PRESS_MS is up. These three
+                    // hand the hold to the button instead, and `manipulation` drops the
+                    // 300 ms double-tap wait on the ordinary tap.
+                    WebkitUserSelect: 'none', userSelect: 'none', WebkitTouchCallout: 'none',
+                    touchAction: 'manipulation',
+                    ...style,
+                }, children: _jsx("span", { role: "status", children: formatUserCounts(language, counts, scope) }) }), breakdown && (_jsx(UserCountBreakdown, { open: listOpen, onClose: () => setListOpen(false), suite: suite, theme: theme }))] }));
 }
 //# sourceMappingURL=UserCountLine.js.map

package/dist/UserCountLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserCountLine.js","sourceRoot":"","sources":["../src/UserCountLine.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"UserCountLine.js","sourceRoot":"","sources":["../src/UserCountLine.tsx"],"names":[],"mappings":"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"}