@sensiblestats/widget-react 0.39.1 → 0.41.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @sensiblestats/widget-react
 
+## 0.41.0
+
+### Minor Changes
+
+- 286bdc0: Add a match pin to the chat market-odds card. The card now mirrors the two-pin betting-insight card: the header pin tracks the match, and a second pin on the market line tracks the odds. The live odds panel is unchanged — it keeps its single market pin.
+
+## 0.40.0
+
+### Minor Changes
+
+- Greeting dashboard tiles can now carry an opaque `actionRef`: when the server binds a tile to a tool, a tap forwards the ref (resolved server-side, skipping the LLM planning turn) and `actionValue` stays as the fallback. Adds `actionRef` to `GreetingDashboardTile`; `MessageList` forwards it on tap when present.
+
+### Patch Changes
+
+- Updated dependencies
+  - @sensiblestats/widget-sdk@0.30.1
+
 ## 0.39.1
 
 ### Patch Changes

package/dist/index.cjs

@@ -2022,6 +2022,7 @@ function MarketOddsCard({ vm, ui, slip, monitor, inSlipIds, hideHeader, pinRef }
   const kickoff = vm.kickoffUtc && ui?.bettingKickoff ? ui.bettingKickoff(vm.kickoffUtc) : void 0;
   const hasNamedTeams = !!vm.homeTeamName && !!vm.awayTeamName;
   const showPin = !!monitor && vm.pinEnabled;
+  const showMarketPin = showPin && !pinRef;
   const showHeader = !!vm.competition || vm.isLive || !!kickoff || showPin;
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: hideHeader ? "ss-w-mocard ss-w-mocard--bare" : "ss-w-mocard", children: [
     !hideHeader && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
@@ -2045,12 +2046,12 @@ function MarketOddsCard({ vm, ui, slip, monitor, inSlipIds, hideHeader, pinRef }
             {
               ui,
               monitor,
-              pin: pinRef ?? { kind: "market", matchId: vm.matchId, marketDeveloperName: vm.marketDeveloperName, line: vm.mainLine }
+              pin: pinRef ?? { kind: "match", matchId: vm.matchId }
             }
           ) : null
         ] })
       ] }) : null,
-      hasNamedTeams || vm.fixture || vm.market ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ss-w-mo-sub", children: [
+      hasNamedTeams || vm.fixture || vm.market || showMarketPin ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ss-w-mo-sub", children: [
         hasNamedTeams ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ss-w-bi-fixture", children: [
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Crest2, { kind: "team", url: vm.homeCrest, name: vm.homeTeamName }),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-bi-team", children: vm.homeTeamName }),
@@ -2058,7 +2059,17 @@ function MarketOddsCard({ vm, ui, slip, monitor, inSlipIds, hideHeader, pinRef }
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-bi-team", children: vm.awayTeamName }),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Crest2, { kind: "team", url: vm.awayCrest, name: vm.awayTeamName })
         ] }) : vm.fixture ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-mo-teams", children: vm.fixture }) : null,
-        vm.market ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-mo-market", children: vm.market }) : null
+        vm.market || showMarketPin ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ss-w-mo-market-row", children: [
+          vm.market ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "ss-w-mo-market", children: vm.market }) : null,
+          showMarketPin && ui ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            PinToggle,
+            {
+              ui,
+              monitor,
+              pin: { kind: "market", matchId: vm.matchId, marketDeveloperName: vm.marketDeveloperName, line: vm.mainLine }
+            }
+          ) : null
+        ] }) : null
       ] }) : null
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "ss-w-mo-rows", children: [
@@ -3101,7 +3112,7 @@ function MessageList({ controller, ui, slip, onDashboardTap, monitor }) {
             disabled: state.isStreaming,
             onAct: (a) => send(a.message, { actionId: a.actionId, actionRef: a.actionRef, displayText: a.label }),
             onTap: (tile, index) => {
-              send(tile.actionValue, { displayText: tile.title });
+              send(tile.actionValue, tile.actionRef ? { actionRef: tile.actionRef, displayText: tile.title } : { displayText: tile.title });
               if (m.role === "assistant" && m.greetingDashboard) onDashboardTap?.(tile, index, m.greetingDashboard.layout);
             },
             ui,
@@ -3756,7 +3767,8 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 .ss-w-mocard--bare { border: none; border-radius: 0; padding: 0; background: none; }
 .ss-w-mo-sub { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
 .ss-w-mo-teams { font-size: 13px; font-weight: 650; color: var(--ss-w-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.ss-w-mo-market { font-size: 11.5px; font-weight: 600; color: var(--ss-w-faint); }
+.ss-w-mo-market-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
+.ss-w-mo-market { font-size: 11.5px; font-weight: 600; color: var(--ss-w-faint); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .ss-w-mo-more { align-self: flex-start; display: inline-flex; align-items: center; gap: 5px; background: none; border: none; color: var(--ss-w-accent); font: inherit; font-size: 11.5px; font-weight: 600; padding: 2px 0; cursor: pointer; }
 .ss-w-mo-more:hover { text-decoration: underline; }
 .ss-w-mo-more-chev { width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .15s ease; }