@sensiblestats/widget-react 0.39.0 → 0.39.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @sensiblestats/widget-react
 
+## 0.39.1
+
+### Patch Changes
+
+- 428171d: Fix dead scroll space below the chat: the top-anchor spacer was reserved even when a turn was first shown already-complete (panel opened after the greeting finished, or a restored/cross-tab-synced conversation), leaving a full viewport of blank scrollable space. It is now reserved only while a turn is actively streaming. Also adds `overscroll-behavior: contain` to the message list and drops the `+` icon from the "New conversation" menu item.
+
 ## 0.39.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -1431,9 +1431,6 @@ function CloseIcon() {
 function ChevronIcon() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" }) });
 }
-function NewChatIcon() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "none", d: "M12 5v14M5 12h14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) });
-}
 function KebabIcon() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "currentColor", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "5", r: "1.6" }),
@@ -1567,7 +1564,7 @@ function ChatHeader({
           children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KebabIcon, {})
         }
       ),
-      menuOpen ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "ss-w-menu", role: "menu", "aria-label": moreOptionsLabel, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      menuOpen ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "ss-w-menu", role: "menu", "aria-label": moreOptionsLabel, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "button",
         {
           type: "button",
@@ -1575,10 +1572,7 @@ function ChatHeader({
           role: "menuitem",
           ref: firstItemRef,
           onClick: runNewConversation,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(NewChatIcon, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: newConversationLabel })
-          ]
+          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: newConversationLabel })
         }
       ) }) : null
     ] }) : null,
@@ -3080,7 +3074,7 @@ function MessageList({ controller, ui, slip, onDashboardTap, monitor }) {
     const list = listRef.current;
     if (anchor && anchor.turnId !== anchoredTurnRef.current) {
       anchoredTurnRef.current = anchor.turnId;
-      if (endRef.current && list) endRef.current.style.height = `${list.clientHeight}px`;
+      if (endRef.current && list) endRef.current.style.height = state.isStreaming ? `${list.clientHeight}px` : "";
       pinnedRef.current = false;
       list?.querySelector(`[data-msg-id="${anchor.anchorId}"]`)?.scrollIntoView({ block: "start" });
       return;
@@ -3610,7 +3604,7 @@ var WIDGET_CSS = `.ss-w-root { all: revert; }
 /* .ss-w-mon-list (Matches/Odds tab scrollers) shares .ss-w-list's box/scroll rules by design --
    same visual rhythm as the chat message list -- but gets its own class so it isn't the same DOM
    landmark as the chat list when both exist in the panel at once (Task 16 fix round, M4). */
-.ss-w-list, .ss-w-mon-list { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 12px; scroll-padding-top: 14px; }
+.ss-w-list, .ss-w-mon-list { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 14px; display: flex; flex-direction: column; gap: 12px; scroll-padding-top: 14px; }
 /* Transient bottom spacer: reserves a viewport of room below a new turn so its
    top can be scrolled into view while the reply is still streaming in. Height is
    set imperatively and flex must not shrink it away. */