@sensiblestats/widget-react 0.50.2 → 0.51.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @sensiblestats/widget-react
 
+## 0.51.0
+
+### Minor Changes
+
+- Leaderboard: render a default state when the weekly board has no scores yet. Weekly boards reset each week, so the tab now shows a "new week, blank slate" panel (with a last-week champion strip when history exists) or a "be the first" cold-start panel, each with a CTA into the Games tab, instead of a blank screen. A configured weekly prize is shown when present. Adds optional `weeklyPrize` and `lastWeek` fields to `LeaderboardPayload` (backend populates them separately; absent = cold start).
+
+### Patch Changes
+
+- Updated dependencies
+  - @sensiblestats/widget-sdk@0.35.4
+
 ## 0.50.2
 
 ### Patch Changes

package/dist/index.cjs

@@ -138,6 +138,13 @@ var STRINGS = {
     leaderboardOffBoard: "Outside top 50",
     leaderboardThisWeek: "This week",
     leaderboardAllTime: "All time",
+    leaderboardEmptyFreshTitle: "New week, blank slate",
+    leaderboardEmptyFreshBody: "No scores yet. The first fan to play a game takes #1.",
+    leaderboardEmptyColdTitle: "Be the first up",
+    leaderboardEmptyColdBody: "Nobody's on the board yet. Play a game and you're #1.",
+    leaderboardEmptyCta: "Play today's games",
+    leaderboardLastWeekLabel: "Last week",
+    leaderboardAllTimeEmpty: "The all-time board fills as fans play \u2014 nothing here yet.",
     gamePlay: "Play",
     gameResume: "Resume",
     gameLocked: "Locked",
@@ -228,6 +235,13 @@ var STRINGS = {
     leaderboardOffBoard: "\u0130lk 50 d\u0131\u015F\u0131nda",
     leaderboardThisWeek: "Bu hafta",
     leaderboardAllTime: "T\xFCm zamanlar",
+    leaderboardEmptyFreshTitle: "Yeni hafta, temiz sayfa",
+    leaderboardEmptyFreshBody: "Hen\xFCz skor yok. Oynayan ilk taraftar 1. s\u0131raya ge\xE7er.",
+    leaderboardEmptyColdTitle: "\u0130lk sen ol",
+    leaderboardEmptyColdBody: "Panoda hen\xFCz kimse yok. Bir oyun oyna, 1. s\u0131ra senin.",
+    leaderboardEmptyCta: "Bug\xFCn\xFCn oyunlar\u0131n\u0131 oyna",
+    leaderboardLastWeekLabel: "Ge\xE7en hafta",
+    leaderboardAllTimeEmpty: "T\xFCm zamanlar panosu taraftarlar oynad\u0131k\xE7a dolar \u2014 hen\xFCz bir \u015Fey yok.",
     gamePlay: "Oyna",
     gameResume: "Devam et",
     gameLocked: "Kilitli",
@@ -337,6 +351,13 @@ function normalizeUi(cfg) {
     leaderboardOffBoard: strings.leaderboardOffBoard,
     leaderboardThisWeek: strings.leaderboardThisWeek,
     leaderboardAllTime: strings.leaderboardAllTime,
+    leaderboardEmptyFreshTitle: strings.leaderboardEmptyFreshTitle,
+    leaderboardEmptyFreshBody: strings.leaderboardEmptyFreshBody,
+    leaderboardEmptyColdTitle: strings.leaderboardEmptyColdTitle,
+    leaderboardEmptyColdBody: strings.leaderboardEmptyColdBody,
+    leaderboardEmptyCta: strings.leaderboardEmptyCta,
+    leaderboardLastWeekLabel: strings.leaderboardLastWeekLabel,
+    leaderboardAllTimeEmpty: strings.leaderboardAllTimeEmpty,
     gamePlay: strings.gamePlay,
     gameResume: strings.gameResume,
     gameLocked: strings.gameLocked,
@@ -5613,18 +5634,58 @@ function LeaderboardAllTimeRow({
   ] });
 }
 
-// src/components/Leaderboard.tsx
+// src/components/LeaderboardEmpty.tsx
 var import_jsx_runtime68 = require("react/jsx-runtime");
+function LeaderboardEmpty({
+  segment,
+  lastWeek,
+  weeklyPrize,
+  onPlay,
+  ui
+}) {
+  if (segment === "alltime") {
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "ss-w-lb-empty ss-w-lb-empty--alltime", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "ss-w-lb-empty-icon", "aria-hidden": "true", children: "\u{1F4CA}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "ss-w-lb-empty-body", children: ui.leaderboardAllTimeEmpty })
+    ] });
+  }
+  const fresh = lastWeek != null;
+  const title = fresh ? ui.leaderboardEmptyFreshTitle : ui.leaderboardEmptyColdTitle;
+  const body = fresh ? ui.leaderboardEmptyFreshBody : ui.leaderboardEmptyColdBody;
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "ss-w-lb-empty", children: [
+    weeklyPrize && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "ss-w-prize", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "ss-w-prize-icon", "aria-hidden": "true", children: "\u{1F3C6}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "ss-w-prize-body", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "ss-w-prize-text", children: weeklyPrize }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "ss-w-lb-empty-hero", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "ss-w-lb-empty-icon", "aria-hidden": "true", children: fresh ? "\u{1F3C6}" : "\u{1F3AE}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("h4", { className: "ss-w-lb-empty-title", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "ss-w-lb-empty-body", children: body }),
+      onPlay && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("button", { type: "button", className: "ss-w-lb-empty-cta", onClick: onPlay, children: ui.leaderboardEmptyCta })
+    ] }),
+    fresh && lastWeek && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "ss-w-lb-last", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "ss-w-lb-last-label", children: ui.leaderboardLastWeekLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "ss-w-lb-last-champ", "aria-hidden": "true", children: "\u{1F947}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "ss-w-lb-last-handle", children: lastWeek.handle }),
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "ss-w-lb-last-points", children: formatPoints(lastWeek.points) })
+    ] })
+  ] });
+}
+
+// src/components/Leaderboard.tsx
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function Leaderboard({
   data,
-  ui
+  ui,
+  onPlay
 }) {
   const [segment, setSegment] = (0, import_react37.useState)("weekly");
   const myRow = segment === "weekly" ? data.myWeeklyRow : data.myAllTimeRow;
   const offBoard = myRow !== null && myRow !== void 0 && myRow.rank === -1;
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "ss-w-lb2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "ss-w-seg", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  const isEmpty = segment === "weekly" ? data.weeklyTop.length === 0 : data.allTimeTop.length === 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "ss-w-lb2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "ss-w-seg", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
         "button",
         {
           type: "button",
@@ -5634,7 +5695,7 @@ function Leaderboard({
           children: ui.leaderboardThisWeek
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
         "button",
         {
           type: "button",
@@ -5645,40 +5706,60 @@ function Leaderboard({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "ss-w-lb2-rows", children: segment === "weekly" ? data.weeklyTop.map((row) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
-      LeaderboardWeeklyRow,
-      {
-        row,
-        isMe: row.operatorUserId === data.myWeeklyRow?.operatorUserId
-      },
-      row.operatorUserId
-    )) : data.allTimeTop.map((row) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
-      LeaderboardAllTimeRow,
+    isEmpty ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      LeaderboardEmpty,
       {
-        row,
-        isMe: row.operatorUserId === data.myAllTimeRow?.operatorUserId
-      },
-      row.operatorUserId
-    )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "ss-w-kitline", children: "\u{1F3BD}" }),
-    myRow != null && (offBoard ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "ss-w-lbgap", children: ui.leaderboardOffBoard }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "ss-w-lb2-rows", children: [
-      segment === "weekly" && data.myWeeklyRow && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(LeaderboardWeeklyRow, { row: data.myWeeklyRow, isMe: true }),
-      segment === "alltime" && data.myAllTimeRow && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(LeaderboardAllTimeRow, { row: data.myAllTimeRow, isMe: true })
-    ] })),
-    segment === "alltime" && data.myAllTimeRow && !offBoard && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "ss-w-lb2-rows", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "ss-w-lb2-row", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "ss-w-lb2-handle", children: formatPoints(data.allTimeTop.reduce((s, r) => s + r.allTimePoints, 0)) }) }) })
+        segment,
+        lastWeek: data.lastWeek,
+        weeklyPrize: data.weeklyPrize,
+        onPlay,
+        ui
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "ss-w-lb2-rows", children: segment === "weekly" ? data.weeklyTop.map((row) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        LeaderboardWeeklyRow,
+        {
+          row,
+          isMe: row.operatorUserId === data.myWeeklyRow?.operatorUserId
+        },
+        row.operatorUserId
+      )) : data.allTimeTop.map((row) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        LeaderboardAllTimeRow,
+        {
+          row,
+          isMe: row.operatorUserId === data.myAllTimeRow?.operatorUserId
+        },
+        row.operatorUserId
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "ss-w-kitline", children: "\u{1F3BD}" }),
+      myRow != null && (offBoard ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "ss-w-lbgap", children: ui.leaderboardOffBoard }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "ss-w-lb2-rows", children: [
+        segment === "weekly" && data.myWeeklyRow && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(LeaderboardWeeklyRow, { row: data.myWeeklyRow, isMe: true }),
+        segment === "alltime" && data.myAllTimeRow && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(LeaderboardAllTimeRow, { row: data.myAllTimeRow, isMe: true })
+      ] })),
+      segment === "alltime" && data.myAllTimeRow && !offBoard && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "ss-w-lb2-rows", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "ss-w-lb2-row", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: "ss-w-lb2-handle", children: formatPoints(data.allTimeTop.reduce((s, r) => s + r.allTimePoints, 0)) }) }) })
+    ] })
   ] });
 }
 
 // src/components/LeaderboardPanel.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
-function LeaderboardPanel({ loggedIn, data, ui }) {
-  if (!loggedIn) return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(GamesLoginWall, { ui });
-  if (data === null) return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "ss-w-mon-list" });
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "ss-w-mon-list", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Leaderboard, { data, ui }) });
+var import_jsx_runtime70 = require("react/jsx-runtime");
+var EMPTY_PAYLOAD = {
+  week: "",
+  weeklyTop: [],
+  myWeeklyRow: null,
+  allTimeTop: [],
+  myAllTimeRow: null,
+  weeklyPrize: null,
+  lastWeek: null
+};
+function LeaderboardPanel({ loggedIn, data, loading, onPlay, ui }) {
+  if (!loggedIn) return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(GamesLoginWall, { ui });
+  if (data === null && loading) return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "ss-w-mon-list" });
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "ss-w-mon-list", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Leaderboard, { data: data ?? EMPTY_PAYLOAD, ui, onPlay }) });
 }
 
 // src/components/ChatPanel.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var FULLSCREEN_QUERY = "(max-width: 639px)";
 function useIsModal() {
   const [modal, setModal] = (0, import_react38.useState)(false);
@@ -5709,8 +5790,8 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
   (0, import_react38.useEffect)(() => {
     if (monitor && monitor.activeTab !== "chat" && state.isStreaming) monitor.markChatActivity();
   }, [monitor, state.isStreaming, state.messages.length]);
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "ss-w-panel", role: "dialog", "aria-modal": isModal, "aria-label": ui.chatDialogLabel, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "ss-w-panel", role: "dialog", "aria-modal": isModal, "aria-label": ui.chatDialogLabel, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       ChatHeader,
       {
         onClose: close,
@@ -5723,7 +5804,7 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         moreOptionsLabel: ui.moreOptions
       }
     ),
-    monitor && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    monitor && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       TabBar,
       {
         monitor,
@@ -5735,19 +5816,28 @@ function ChatPanel({ controller, ui, slip, onDashboardTap, monitor, discovery, g
         gamesEnabled: gamesResult?.enabled ?? false
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       "div",
       {
         style: !monitor || monitor.activeTab === "chat" ? { display: "contents" } : { position: "absolute", inset: 0, visibility: "hidden", display: "flex", flexDirection: "column" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(MessageList, { controller, ui, slip, onDashboardTap, monitor })
+        children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(MessageList, { controller, ui, slip, onDashboardTap, monitor })
       }
     ),
-    monitor && discovery && monitor.activeTab === "today" && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TodayPanel, { discovery, ui, monitor }),
-    monitor && monitor.activeTab === "following" && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(MatchesPanel, { monitor, ui, slip }),
-    monitor && monitor.activeTab === "odds" && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(OddsPanel, { monitor, ui, slip }),
-    monitor && monitor.activeTab === "games" && gamesResult && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(GamesPanel, { loggedIn: !!loggedIn, games: gamesResult.games, ui, conversation }),
-    monitor && monitor.activeTab === "leaderboard" && leaderboardResult && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(LeaderboardPanel, { loggedIn: !!loggedIn, data: leaderboardResult.data, ui }),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ChatInput, { placeholder: ui.placeholder, streaming: state.isStreaming, onSend: handleSend, onStop: stop, stopLabel: ui.stopResponse, sendLabel: ui.sendMessage })
+    monitor && discovery && monitor.activeTab === "today" && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TodayPanel, { discovery, ui, monitor }),
+    monitor && monitor.activeTab === "following" && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(MatchesPanel, { monitor, ui, slip }),
+    monitor && monitor.activeTab === "odds" && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(OddsPanel, { monitor, ui, slip }),
+    monitor && monitor.activeTab === "games" && gamesResult && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(GamesPanel, { loggedIn: !!loggedIn, games: gamesResult.games, ui, conversation }),
+    monitor && monitor.activeTab === "leaderboard" && leaderboardResult && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      LeaderboardPanel,
+      {
+        loggedIn: !!loggedIn,
+        data: leaderboardResult.data,
+        loading: leaderboardResult.loading,
+        onPlay: () => monitor.setActiveTab("games"),
+        ui
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ChatInput, { placeholder: ui.placeholder, streaming: state.isStreaming, onSend: handleSend, onStop: stop, stopLabel: ui.stopResponse, sendLabel: ui.sendMessage })
   ] });
 }
 
@@ -6701,6 +6791,20 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 /* Off-board treatment: dashed pill indicating rank is outside top N */
 .ss-w-lbgap { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 8px 12px; font-size: 11.5px; color: var(--ss-w-faint); border: 1px dashed var(--ss-w-line); border-radius: 10px; }
 
+/* ---- Leaderboard empty / weekly-reset default state ---- */
+.ss-w-lb-empty { display: flex; flex-direction: column; gap: 12px; flex: 1; }
+.ss-w-lb-empty-hero { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 8px; padding: 20px 16px; border: 1px dashed color-mix(in srgb, var(--ss-w-cta) 30%, var(--ss-w-line)); border-radius: 14px; background: color-mix(in srgb, var(--ss-w-cta) 6%, var(--ss-w-panel)); }
+.ss-w-lb-empty--alltime { align-items: center; justify-content: center; text-align: center; padding: 24px 16px; }
+.ss-w-lb-empty-icon { font-size: 30px; line-height: 1; }
+.ss-w-lb-empty-title { margin: 2px 0 0; font-size: 16px; font-weight: 800; color: var(--ss-w-ink); }
+.ss-w-lb-empty-body { margin: 0; max-width: 30ch; font-size: 12.5px; line-height: 1.4; color: var(--ss-w-faint); }
+.ss-w-lb-empty-cta { margin-top: 6px; border: none; border-radius: 10px; padding: 9px 18px; font: inherit; font-size: 13px; font-weight: 700; color: var(--ss-w-cta-ink); background: var(--ss-w-cta); cursor: pointer; }
+.ss-w-lb-empty-cta:hover { filter: brightness(1.04); }
+.ss-w-lb-last { display: flex; align-items: center; gap: 7px; padding-top: 10px; border-top: 1px solid var(--ss-w-line); font-size: 11px; }
+.ss-w-lb-last-label { text-transform: uppercase; letter-spacing: .05em; font-weight: 700; color: var(--ss-w-faint); }
+.ss-w-lb-last-handle { flex: 1; min-width: 0; font-weight: 600; color: var(--ss-w-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ss-w-lb-last-points { flex: none; font-weight: 750; font-variant-numeric: tabular-nums; color: var(--ss-w-ink); }
+
 /* ---- Mystery Tiger game screen (D3) ---- */
 .ss-w-gt { display: flex; flex-direction: column; gap: 10px; }
 /* Typeahead wrapper: relative so the dropdown can position under it */
@@ -7032,7 +7136,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 `;
 
 // src/StatsWidget.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 function buildClient(props) {
   try {
     if ("client" in props && props.client) {
@@ -7171,7 +7275,7 @@ function StatsWidget(props) {
   }, [built, ui.injectStyles]);
   if (!built) return null;
   const attrs = themeAttrs(ui);
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(EventLogContext.Provider, { value: logger, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { ref: rootRef, className: "ss-w-root", "data-ss-w-theme": attrs["data-ss-w-theme"], "data-ss-w-pos": attrs["data-ss-w-pos"], style: attrs.style, children: controller.state.isOpen ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(EventLogContext.Provider, { value: logger, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { ref: rootRef, className: "ss-w-root", "data-ss-w-theme": attrs["data-ss-w-theme"], "data-ss-w-pos": attrs["data-ss-w-pos"], style: attrs.style, children: controller.state.isOpen ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     ChatPanel,
     {
       controller,
@@ -7185,7 +7289,7 @@ function StatsWidget(props) {
       loggedIn: !!operatorUserId,
       conversation: built?.conversation ?? null
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     ChatFab,
     {
       label: ui.launcherLabel,