@sensiblestats/widget-react 0.48.8 → 0.48.10

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @sensiblestats/widget-react
 
+## 0.48.10
+
+### Patch Changes
+
+- Drop the home/away percentage split from the live match card's momentum block — it was a share of the whole match's accumulated pressure, which reads as a verdict on the match beside a wave showing minute-by-minute swing. Follow-up question chips now left-align their text, so a question long enough to wrap no longer sets its second line ragged on both sides.
+
+## 0.48.9
+
+### Patch Changes
+
+- Hide the Today tab once every match of the day has finished. Tab visibility now reads the same filtered fixture list the panel renders, so the tab can no longer open onto a blank panel.
+
 ## 0.48.8
 
 ### Patch Changes

package/dist/index.cjs

@@ -1652,6 +1652,17 @@ function useMatchDiscovery(opts) {
   return { groups, states, liveCount, stale, expanded, toggleGroup, _tick: tick };
 }
 
+// src/liveClock.ts
+function isTreatedLive(state, pollStale) {
+  return state?.phase === "live" && !pollStale;
+}
+function isFinished(state) {
+  return state?.phase === "fullTime";
+}
+function visibleGroupsOf(groups, states) {
+  return groups.map((group) => ({ ...group, matches: group.matches.filter((m) => !isFinished(states[m.matchId])) })).filter((group) => group.matches.length > 0);
+}
+
 // src/eventLogContext.ts
 var import_react5 = require("react");
 var EventLogContext = (0, import_react5.createContext)(null);
@@ -3648,11 +3659,7 @@ function MonitorMatchCard({ match, promotedPins, monitor, ui, slip }) {
     }) }),
     match.status === "stale" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-asof", children: ui.asOf(formatTime(match.asOfUtc)) }),
     match.momentum.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "ss-w-mon-mom", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "ss-w-mon-stat-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-stat-v ss-w-mon-stat-v--home", children: typeof match.momentumHomePct === "number" ? `${match.momentumHomePct}%` : "" }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-stat-l", children: ui.momentumLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-stat-v ss-w-mon-stat-v--away", children: typeof match.momentumHomePct === "number" ? `${100 - match.momentumHomePct}%` : "" })
-      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ss-w-mon-stat-l", children: ui.momentumLabel }),
       /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(MomentumWave, { points: match.momentum, clubIsHome: true })
     ] }),
     match.phase === "fullTime" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "ss-w-mon-grace", children: ui.graceNote })
@@ -3760,14 +3767,6 @@ function FixtureRow({ match, state, stale, ui, monitor }) {
   ] });
 }
 
-// src/liveClock.ts
-function isTreatedLive(state, pollStale) {
-  return state?.phase === "live" && !pollStale;
-}
-function isFinished(state) {
-  return state?.phase === "fullTime";
-}
-
 // src/components/CompetitionGroup.tsx
 var import_jsx_runtime50 = require("react/jsx-runtime");
 function CompetitionGroup({ group, open, onToggle, states, stale, ui, monitor, disambiguate = false }) {
@@ -3798,7 +3797,7 @@ function CompetitionGroup({ group, open, onToggle, states, stale, ui, monitor, d
 var import_jsx_runtime51 = require("react/jsx-runtime");
 function TodayPanel({ discovery, ui, monitor }) {
   const { groups, states, stale, expanded, toggleGroup } = discovery;
-  const visibleGroups = groups.map((group) => ({ ...group, matches: group.matches.filter((m) => !isFinished(states[m.matchId])) })).filter((group) => group.matches.length > 0);
+  const visibleGroups = visibleGroupsOf(groups, states);
   const liveRows = stale ? [] : visibleGroups.flatMap((group) => group.matches.filter((m) => isTreatedLive(states[m.matchId], stale)).map((match) => ({ match, rank: group.rank }))).sort((a, b) => a.rank - b.rank);
   const nameCounts = visibleGroups.reduce((acc, g) => {
     acc[g.competitionName] = (acc[g.competitionName] ?? 0) + 1;
@@ -3894,7 +3893,7 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery })
         matchCount: monitor.pins.filter((p) => p.kind === "match").length,
         oddsCount: monitor.pins.filter((p) => p.kind !== "match").length,
         todayCount: discovery?.liveCount ?? 0,
-        hasToday: (discovery?.groups.length ?? 0) > 0
+        hasToday: discovery ? visibleGroupsOf(discovery.groups, discovery.states).length > 0 : false
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
@@ -4230,7 +4229,9 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 
 /* action buttons */
 .ss-w-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
-.ss-w-abtn { font-size: 12px; font-weight: 560; color: var(--ss-w-accent); background: var(--ss-w-panel); border: 1px solid var(--ss-w-accent); border-radius: 16px; padding: 6px 12px; cursor: pointer; }
+/* text-align is explicit because a <button> defaults to center, and a follow-up question long
+   enough to wrap then sets its second line ragged on both sides. */
+.ss-w-abtn { font-size: 12px; font-weight: 560; color: var(--ss-w-accent); background: var(--ss-w-panel); border: 1px solid var(--ss-w-accent); border-radius: 16px; padding: 6px 12px; cursor: pointer; text-align: left; }
 .ss-w-abtn:disabled { opacity: .5; cursor: default; }
 .ss-w-abtn-shimmer { width: 140px; height: 30px; border-radius: 16px; background: linear-gradient(90deg, var(--ss-w-bubble), var(--ss-w-line), var(--ss-w-bubble)); background-size: 200% 100%; animation: ss-w-shimmer 1.2s infinite; }
 @keyframes ss-w-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }
@@ -4642,7 +4643,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
   background: var(--ss-w-panel); border: 1.5px solid var(--ss-w-ink);
   pointer-events: none;
 }
-.ss-w-mon-mom { margin-top: 15px; padding-top: 13px; border-top: 1px solid var(--ss-w-line); }
+.ss-w-mon-mom { margin-top: 15px; padding-top: 13px; border-top: 1px solid var(--ss-w-line); text-align: center; }
 .ss-w-mon-mom .ss-w-fandash-live-mom { margin-top: 6px; padding-top: 0; border-top: none; }
 
 .ss-w-fandash-live-legend { display: flex; gap: 14px; margin-top: 13px; padding-top: 13px; border-top: 1px solid var(--ss-w-line); font-size: 11px; color: var(--ss-w-faint); }
@@ -4851,7 +4852,7 @@ function StatsWidget(props) {
     isOpen: controller.state.isOpen,
     pinnedMatchIds
   });
-  const todayHasContent = discovery.groups.length > 0;
+  const todayHasContent = visibleGroupsOf(discovery.groups, discovery.states).length > 0;
   (0, import_react26.useEffect)(() => {
     setHasToday(todayHasContent);
   }, [todayHasContent]);