@botharness/ui 1.5.0 → 1.5.1

package/lib/client.js

@@ -75031,8 +75031,8 @@ My relationship with you, established lore and topics to avoid: [fill in].
 		//#region packages/client/src/client/build-id.ts
 		function clientBuild() {
 			return {
-				"sha": "04c46c745",
-				"time": "2026-10-24T15:35:18.798Z"
+				"sha": "d2e1723d5",
+				"time": "2026-10-25T05:56:55.057Z"
 			};
 		}
 		function pad$1(value) {
@@ -173839,12 +173839,6 @@ My relationship with you, established lore and topics to avoid: [fill in].
 								}) : null
 							]
 						}),
-						activeMemoryView === void 0 && (unseen > 0 || conversation.timeline.hasNewer) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							className: "bh-timeline-new",
-							onClick: jumpToLatest,
-							children: conversation.timeline.hasNewer ? t("messages.latest") : t(unseen === 1 ? "messages.unseenOne" : "messages.unseen", { count: unseen })
-						}) : null,
 						activeMemoryView === void 0 && restoreBlocked ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "bh-note",
 							role: "alert",
@@ -173867,6 +173861,24 @@ My relationship with you, established lore and topics to avoid: [fill in].
 								else exportSelectionImage(selectedIds);
 							}
 						}) : null,
+						activeMemoryView === void 0 && selectedIds === void 0 && (!atLatest || unseen > 0 || conversation.timeline.hasNewer) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "bh-timeline-jump-anchor",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: "bh-timeline-new",
+								"aria-label": t("messages.latest"),
+								"aria-description": unseen > 0 ? t(unseen === 1 ? "messages.unseenOne" : "messages.unseen", { count: unseen }) : void 0,
+								onClick: jumpToLatest,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, {
+									size: 16,
+									"aria-hidden": "true"
+								}), unseen > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "bh-timeline-new-count",
+									"aria-hidden": "true",
+									children: unseen > 99 ? "99+" : unseen
+								}) : null]
+							})
+						}) : null,
 						readOnlyDm && selectedIds === void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "bh-bot-dm-readonly",
 							children: t(deletedBotDm ? "deletion.readOnly" : "botDm.readOnly")
@@ -191072,20 +191084,56 @@ a.bh-message-file-download:hover, button.bh-message-file-download:hover { backgr
     display: none;
   }
 }
+.bh-timeline-jump-anchor {
+  position: relative;
+  flex: none;
+  height: 0;
+  z-index: 2;
+}
 .bh-timeline-new {
   position: absolute;
   z-index: 2;
-  bottom: calc(82px + var(--bh-activity-overlay-inset, 0px));
-  left: 50%;
-  transform: translateX(-50%);
+  bottom: calc(${space$3.x3} + var(--bh-activity-overlay-inset, 0px));
+  right: ${space$3.x4};
+  max-width: calc(100% - ${space$3.x4} * 2);
   border: ${border.hairline} solid ${color$1.border};
   border-radius: 999px;
-  padding: ${space$3.x2} ${space$3.x4};
-  color: var(--dsw-alias-label-primary);
-  background: var(--dsw-alias-bg-module-platform);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: ${size.row};
+  height: ${size.row};
+  padding: 0;
+  color: ${color$1.fg};
+  background: ${color$1.elevated};
+  opacity: 1;
   box-shadow: 0 4px 16px color-mix(in srgb, var(--dsw-alias-label-primary) 12%, transparent);
   cursor: pointer;
 }
+.bh-timeline-new:hover {
+  color: ${color$1.accent};
+  background: color-mix(in srgb, ${color$1.fg} 8%, ${color$1.elevated});
+}
+.bh-timeline-new:active {
+  color: ${color$1.accent};
+  background: color-mix(in srgb, ${color$1.fg} 16%, ${color$1.elevated});
+}
+.bh-timeline-new-count {
+  position: absolute;
+  top: calc(-1 * ${space$3.x2});
+  right: calc(-1 * ${space$3.x2});
+  min-width: ${space$3.x5};
+  height: ${text$13.metaLine};
+  box-sizing: border-box;
+  padding-inline: ${space$3.x1};
+  border-radius: 999px;
+  color: ${color$1.onAccent};
+  background: ${color$1.accent};
+  font-size: ${text$13.metaSize};
+  line-height: ${text$13.metaLine};
+  text-align: center;
+}
+.bh-timeline-new:focus-visible { outline: ${border.focus} solid ${color$1.accent}; }
 
 .bh-inline-mention {
   border-radius: ${radius$1.xs};