dsh-sidenote 0.7.3 → 0.7.4

package/lib/client.js

@@ -308,6 +308,17 @@ window.__ModuleLoader__.load({
 		function conversationViewOf(node) {
 			return node.closest("[data-conversation-session], [data-sidenote-chat-session]") ?? document.body;
 		}
+		/** Find the last rendered member of an explicit history range, not the side-chat tail. */
+		function lastConversationEntry(root, keys) {
+			return [...root.querySelectorAll("[data-chat-flow-key]")].reverse().find((row) => keys.has(row.dataset.chatFlowKey ?? "") && row.getBoundingClientRect().height > 0);
+		}
+		/** Land above the native composer, without scrolling another pane or moving focus. */
+		function revealConversationEntryEnd(row) {
+			const scroller = row.closest("[data-conversation-scroll]");
+			if (!scroller) return;
+			const clip = quoteClipOf(row, conversationViewOf(row));
+			scroller.scrollTop += row.getBoundingClientRect().bottom - clip.bottom + 12;
+		}
 		function hasConversationMessages() {
 			return document.querySelector("[data-chat-flow-kind]") !== null;
 		}
@@ -611,7 +622,7 @@ window.__ModuleLoader__.load({
 			let dockRegistered = false;
 			let report = {
 				versions: {
-					sidenote: "0.7.3",
+					sidenote: "0.7.4",
 					dsh: "unknown",
 					betterSidebar: null
 				},
@@ -1262,15 +1273,15 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var diagnostics_module_css_default = {
+			"description": "tGe0LW_description",
+			"settingTitle": "tGe0LW_settingTitle",
 			"setting": "tGe0LW_setting",
 			"list": "tGe0LW_list",
-			"header": "tGe0LW_header",
-			"versions": "tGe0LW_versions",
 			"actions": "tGe0LW_actions",
-			"trigger": "tGe0LW_trigger",
-			"settingTitle": "tGe0LW_settingTitle",
 			"panel": "tGe0LW_panel",
-			"description": "tGe0LW_description"
+			"header": "tGe0LW_header",
+			"versions": "tGe0LW_versions",
+			"trigger": "tGe0LW_trigger"
 		};
 		//#endregion
 		//#region src/client/diagnostics/index.tsx
@@ -2323,7 +2334,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:/home/runner/work/dsh-sidenote/dsh-sidenote/src/client/sidechat/sidechat.module.css.mjs
-		const css$2 = "._5KEEsG_nativeHost,._5KEEsG_root,._5KEEsG_nativeConversation{flex-direction:column;min-height:0;display:flex}._5KEEsG_nativeHost,._5KEEsG_root{height:100%}._5KEEsG_root{color:var(--dsw-alias-label-primary)}._5KEEsG_nativeConversation{flex:1}._5KEEsG_chatView{flex-direction:column;flex:1 0 auto;min-width:0;display:flex}._5KEEsG_mainContext{flex:none;padding:12px 24px 4px}._5KEEsG_historyToggle{align-items:center;gap:6px;display:flex}._5KEEsG_contextHint{color:var(--dsw-alias-label-tertiary);font-size:12px}._5KEEsG_contextChevron{transform:rotate(-90deg)}._5KEEsG_contextChevron,._5KEEsG_contextChevronOpen{flex:none}._5KEEsG_progressEntries{max-height:240px;margin:8px 6px;overflow:auto}._5KEEsG_progressEntry{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;font-size:13px;line-height:1.6}._5KEEsG_root [data-sidenote-progress-snapshot],._5KEEsG_root[data-sidenote-context-pending] [data-submission-echo]{display:none}._5KEEsG_reflowAction{width:32px;height:32px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;order:1;justify-content:center;align-items:center;margin-left:auto;padding:0;display:inline-flex}._5KEEsG_reflowAction:hover{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-interactive-bg-hover)}._5KEEsG_reflowAction:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}._5KEEsG_reflowAction:disabled{cursor:default;color:var(--dsw-alias-state-business-primary);background:0 0}._5KEEsG_nativeToolbar{border-bottom:1px solid var(--dsw-alias-border-l1);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}._5KEEsG_nativeToolbarActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}._5KEEsG_nativeAction,._5KEEsG_historyToggle{color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:13px}._5KEEsG_nativeAction:hover,._5KEEsG_nativeAction:focus-visible,._5KEEsG_historyToggle:hover,._5KEEsG_historyToggle:focus-visible{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}._5KEEsG_nativeAction:disabled{opacity:.5;cursor:default}._5KEEsG_historyToggle{text-align:left;margin:0}._5KEEsG_stateScreen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px 16px;display:flex}._5KEEsG_emptyIcon{color:var(--dsw-alias-label-tertiary)}._5KEEsG_emptyTitle{font-size:14px;font-weight:600}._5KEEsG_emptyText{color:var(--dsw-alias-label-secondary);max-width:280px;font-size:13px;line-height:1.6}._5KEEsG_stateDetail,._5KEEsG_errorRow{color:var(--dsw-alias-state-error-primary);overflow-wrap:anywhere;font-size:13px;line-height:1.6}._5KEEsG_errorRow{padding:8px 12px}._5KEEsG_headerSide{color:var(--dsw-alias-label-secondary);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}._5KEEsG_headerSide:hover,._5KEEsG_headerSide:focus-visible{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}._5KEEsG_headerSide:disabled{opacity:.4;cursor:default}._5KEEsG_visibilitySetting{justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}._5KEEsG_visibilitySetting p{color:var(--dsw-alias-label-secondary);margin:4px 0 0;font-size:13px}";
+		const css$2 = "._5KEEsG_nativeHost,._5KEEsG_root,._5KEEsG_nativeConversation{flex-direction:column;min-height:0;display:flex}._5KEEsG_nativeHost,._5KEEsG_root{height:100%}._5KEEsG_root{color:var(--dsw-alias-label-primary)}._5KEEsG_nativeConversation{flex:1}._5KEEsG_chatView{flex-direction:column;flex:1 0 auto;min-width:0;display:flex}._5KEEsG_historyView{display:contents}._5KEEsG_mainContext{flex:none;padding:12px 24px 4px}._5KEEsG_historyToggle{align-items:center;gap:6px;display:flex}._5KEEsG_contextHint{color:var(--dsw-alias-label-tertiary);font-size:12px}._5KEEsG_contextChevron{transform:rotate(-90deg)}._5KEEsG_contextChevron,._5KEEsG_contextChevronOpen{flex:none}._5KEEsG_progressEntries{max-height:240px;margin:8px 6px;overflow:auto}._5KEEsG_progressEntry{white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;font-size:13px;line-height:1.6}._5KEEsG_root [data-sidenote-progress-snapshot],._5KEEsG_root[data-sidenote-context-pending] [data-submission-echo]{display:none}._5KEEsG_reflowAction{width:32px;height:32px;color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;order:1;justify-content:center;align-items:center;margin-left:auto;padding:0;display:inline-flex}._5KEEsG_reflowAction:hover{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-interactive-bg-hover)}._5KEEsG_reflowAction:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}._5KEEsG_reflowAction:disabled{cursor:default;color:var(--dsw-alias-state-business-primary);background:0 0}._5KEEsG_nativeToolbar{border-bottom:1px solid var(--dsw-alias-border-l1);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}._5KEEsG_nativeToolbarActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}._5KEEsG_nativeAction,._5KEEsG_historyToggle{color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:13px}._5KEEsG_nativeAction:hover,._5KEEsG_nativeAction:focus-visible,._5KEEsG_historyToggle:hover,._5KEEsG_historyToggle:focus-visible{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}._5KEEsG_nativeAction:disabled{opacity:.5;cursor:default}._5KEEsG_historyToggle{text-align:left;margin:0}._5KEEsG_stateScreen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px 16px;display:flex}._5KEEsG_emptyIcon{color:var(--dsw-alias-label-tertiary)}._5KEEsG_emptyTitle{font-size:14px;font-weight:600}._5KEEsG_emptyText{color:var(--dsw-alias-label-secondary);max-width:280px;font-size:13px;line-height:1.6}._5KEEsG_stateDetail,._5KEEsG_errorRow{color:var(--dsw-alias-state-error-primary);overflow-wrap:anywhere;font-size:13px;line-height:1.6}._5KEEsG_errorRow{padding:8px 12px}._5KEEsG_headerSide{color:var(--dsw-alias-label-secondary);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}._5KEEsG_headerSide:hover,._5KEEsG_headerSide:focus-visible{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}._5KEEsG_headerSide:disabled{opacity:.4;cursor:default}._5KEEsG_visibilitySetting{justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}._5KEEsG_visibilitySetting p{color:var(--dsw-alias-label-secondary);margin:4px 0 0;font-size:13px}";
 		const tagId$2 = "dsh-sidenote/sidechat.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
 			const tag = document.createElement("style");
@@ -2333,29 +2344,30 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var sidechat_module_css_default = {
-			"nativeToolbarActions": "_5KEEsG_nativeToolbarActions",
-			"nativeAction": "_5KEEsG_nativeAction",
-			"stateScreen": "_5KEEsG_stateScreen",
-			"nativeHost": "_5KEEsG_nativeHost",
-			"root": "_5KEEsG_root",
-			"mainContext": "_5KEEsG_mainContext",
-			"emptyIcon": "_5KEEsG_emptyIcon",
-			"stateDetail": "_5KEEsG_stateDetail",
-			"visibilitySetting": "_5KEEsG_visibilitySetting",
 			"nativeConversation": "_5KEEsG_nativeConversation",
-			"chatView": "_5KEEsG_chatView",
-			"historyToggle": "_5KEEsG_historyToggle",
-			"contextChevron": "_5KEEsG_contextChevron",
+			"emptyIcon": "_5KEEsG_emptyIcon",
 			"progressEntries": "_5KEEsG_progressEntries",
 			"nativeToolbar": "_5KEEsG_nativeToolbar",
+			"nativeAction": "_5KEEsG_nativeAction",
+			"emptyText": "_5KEEsG_emptyText",
+			"stateDetail": "_5KEEsG_stateDetail",
+			"errorRow": "_5KEEsG_errorRow",
+			"chatView": "_5KEEsG_chatView",
+			"contextChevronOpen": "_5KEEsG_contextChevronOpen",
+			"root": "_5KEEsG_root",
+			"reflowAction": "_5KEEsG_reflowAction",
+			"historyView": "_5KEEsG_historyView",
+			"mainContext": "_5KEEsG_mainContext",
+			"nativeHost": "_5KEEsG_nativeHost",
+			"nativeToolbarActions": "_5KEEsG_nativeToolbarActions",
 			"emptyTitle": "_5KEEsG_emptyTitle",
+			"stateScreen": "_5KEEsG_stateScreen",
 			"progressEntry": "_5KEEsG_progressEntry",
 			"contextHint": "_5KEEsG_contextHint",
-			"reflowAction": "_5KEEsG_reflowAction",
-			"contextChevronOpen": "_5KEEsG_contextChevronOpen",
-			"emptyText": "_5KEEsG_emptyText",
-			"errorRow": "_5KEEsG_errorRow",
-			"headerSide": "_5KEEsG_headerSide"
+			"contextChevron": "_5KEEsG_contextChevron",
+			"historyToggle": "_5KEEsG_historyToggle",
+			"headerSide": "_5KEEsG_headerSide",
+			"visibilitySetting": "_5KEEsG_visibilitySetting"
 		};
 		//#endregion
 		//#region src/client/sidechat/NativeConversation.tsx
@@ -2399,6 +2411,7 @@ window.__ModuleLoader__.load({
 						]
 					}), expanded && side.progress && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: sidechat_module_css_default.progressEntries,
+						"data-sidenote-context-progress": true,
 						children: side.progress.entries.map((entry, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: sidechat_module_css_default.progressEntry,
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -2494,6 +2507,8 @@ window.__ModuleLoader__.load({
 			});
 		}
 		function HistoryView({ Original, props, side }) {
+			const root = (0, react.useRef)(null);
+			const wasExpanded = (0, react.useRef)(side.contextExpanded);
 			const nodes = props.useChat((state) => state.nodes);
 			const snapshot = props.useConversation((state) => state);
 			const groups = snapshot.views.grouped("chat");
@@ -2519,9 +2534,31 @@ window.__ModuleLoader__.load({
 				}
 			};
 			const useProjected = (0, react.useCallback)((selector) => selector(projected), [projected]);
-			return (0, react.createElement)(Original, {
-				...props,
-				useConversation: useProjected
+			(0, react.useLayoutEffect)(() => {
+				const opening = side.contextExpanded && !wasExpanded.current;
+				wasExpanded.current = side.contextExpanded;
+				if (!opening) return;
+				const keys = new Set(entries.filter(isInherited).map((entry) => entry.key));
+				let frame = requestAnimationFrame(() => {
+					frame = requestAnimationFrame(() => {
+						if (!root.current) return;
+						const progress = root.current.closest("[data-sidenote-transcript]")?.querySelector("[data-sidenote-context-progress]");
+						if (progress) progress.scrollTop = progress.scrollHeight;
+						const target = progress ?? lastConversationEntry(root.current, keys);
+						if (target) revealConversationEntryEnd(target);
+					});
+				});
+				return () => {
+					cancelAnimationFrame(frame);
+				};
+			}, [side.contextExpanded]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				ref: root,
+				className: sidechat_module_css_default.historyView,
+				children: (0, react.createElement)(Original, {
+					...props,
+					useConversation: useProjected
+				})
 			});
 		}
 		/** Both admitted hosts publish the native chat View; only 0.2.1 adds a Flow slot. */
@@ -5555,34 +5592,34 @@ ${entries.map((entry) => {
 			document.head.appendChild(tag);
 		}
 		var annotate_module_css_default = {
-			"badge": "_SVViG_badge",
+			"deleteButton": "_SVViG_deleteButton",
+			"badgeSent": "_SVViG_badgeSent",
 			"editorSpacer": "_SVViG_editorSpacer",
-			"editorError": "_SVViG_editorError",
-			"confirmButton": "_SVViG_confirmButton",
-			"hint": "_SVViG_hint",
-			"sentChipRow": "_SVViG_sentChipRow",
-			"hintClose": "_SVViG_hintClose",
-			"sentCardTitle": "_SVViG_sentCardTitle",
-			"editorTextarea": "_SVViG_editorTextarea",
-			"editorNew": "_SVViG_editorNew",
-			"editorTarget": "_SVViG_editorTarget",
+			"saveButton": "_SVViG_saveButton",
+			"toolbar": "_SVViG_toolbar",
+			"sentChip": "_SVViG_sentChip",
 			"editorFooter": "_SVViG_editorFooter",
-			"cancelButton": "_SVViG_cancelButton",
+			"hint": "_SVViG_hint",
 			"dshSidenoteHintIn": "_SVViG_dshSidenoteHintIn",
-			"sentChip": "_SVViG_sentChip",
+			"confirmButton": "_SVViG_confirmButton",
+			"toolbarBelow": "_SVViG_toolbarBelow",
 			"editorInput": "_SVViG_editorInput",
-			"highlight": "_SVViG_highlight",
+			"sentCardNote": "_SVViG_sentCardNote",
 			"toolbarButton": "_SVViG_toolbarButton",
-			"toolbar": "_SVViG_toolbar",
-			"deleteButton": "_SVViG_deleteButton",
-			"editorAsk": "_SVViG_editorAsk",
-			"badgeSent": "_SVViG_badgeSent",
 			"sentCardQuote": "_SVViG_sentCardQuote",
-			"sentCardNote": "_SVViG_sentCardNote",
-			"saveButton": "_SVViG_saveButton",
+			"hintClose": "_SVViG_hintClose",
+			"badge": "_SVViG_badge",
+			"editorError": "_SVViG_editorError",
+			"editorTarget": "_SVViG_editorTarget",
+			"highlight": "_SVViG_highlight",
+			"sentCardTitle": "_SVViG_sentCardTitle",
+			"sentChipRow": "_SVViG_sentChipRow",
 			"editorAskRow": "_SVViG_editorAskRow",
-			"toolbarBelow": "_SVViG_toolbarBelow",
-			"editorEdit": "_SVViG_editorEdit"
+			"editorNew": "_SVViG_editorNew",
+			"editorEdit": "_SVViG_editorEdit",
+			"editorAsk": "_SVViG_editorAsk",
+			"cancelButton": "_SVViG_cancelButton",
+			"editorTextarea": "_SVViG_editorTextarea"
 		};
 		//#endregion
 		//#region src/client/annotate/hint.tsx
@@ -6395,34 +6432,34 @@ ${entries.map((entry) => {
 			document.head.appendChild(tag);
 		}
 		var annotations_module_css_default = {
-			"chipClearAll": "SVnebq_chipClearAll",
-			"sentChips": "SVnebq_sentChips",
-			"chipDismissShade": "SVnebq_chipDismissShade",
-			"storageNotice": "SVnebq_storageNotice",
+			"chipDismiss": "SVnebq_chipDismiss",
+			"chipWrap": "SVnebq_chipWrap",
+			"contextActions": "SVnebq_contextActions",
+			"contextEditor": "SVnebq_contextEditor",
 			"contextText": "SVnebq_contextText",
 			"contextAppear": "SVnebq_contextAppear",
-			"chip": "SVnebq_chip",
-			"contextList": "SVnebq_contextList",
-			"contextActions": "SVnebq_contextActions",
-			"contextLabel": "SVnebq_contextLabel",
-			"contextAction": "SVnebq_contextAction",
-			"sentChipGroup": "SVnebq_sentChipGroup",
-			"userContextHost": "SVnebq_userContextHost",
+			"sentContext": "SVnebq_sentContext",
 			"sentChip": "SVnebq_sentChip",
-			"contextItem": "SVnebq_contextItem",
+			"sentChevron": "SVnebq_sentChevron",
 			"sentChevronOpen": "SVnebq_sentChevronOpen",
-			"contextFooter": "SVnebq_contextFooter",
-			"contextSource": "SVnebq_contextSource",
+			"storageNotice": "SVnebq_storageNotice",
 			"sentPreview": "SVnebq_sentPreview",
-			"contextNumber": "SVnebq_contextNumber",
-			"contextEditor": "SVnebq_contextEditor",
-			"sentChevron": "SVnebq_sentChevron",
 			"chipMain": "SVnebq_chipMain",
-			"sentContext": "SVnebq_sentContext",
-			"chipDismiss": "SVnebq_chipDismiss",
+			"chipClearAll": "SVnebq_chipClearAll",
+			"userContextHost": "SVnebq_userContextHost",
+			"sentChips": "SVnebq_sentChips",
+			"contextNumber": "SVnebq_contextNumber",
+			"chip": "SVnebq_chip",
+			"chipDismissShade": "SVnebq_chipDismissShade",
 			"contextPanel": "SVnebq_contextPanel",
+			"contextAction": "SVnebq_contextAction",
+			"contextItem": "SVnebq_contextItem",
+			"contextFooter": "SVnebq_contextFooter",
+			"sentChipGroup": "SVnebq_sentChipGroup",
+			"contextSource": "SVnebq_contextSource",
 			"contextContent": "SVnebq_contextContent",
-			"chipWrap": "SVnebq_chipWrap"
+			"contextLabel": "SVnebq_contextLabel",
+			"contextList": "SVnebq_contextList"
 		};
 		//#endregion
 		//#region src/client/annotations/chip.tsx

package/lib/types/client/host/dom.d.ts

@@ -32,6 +32,10 @@ export declare function findSendButtonInCard(root?: ParentNode): HTMLButtonEleme
 export declare function composerSessionId(seat: HTMLElement, fallback: string): string;
 /** Bound message hover details to their native conversation pane. */
 export declare function conversationViewOf(node: Element): HTMLElement;
+/** Find the last rendered member of an explicit history range, not the side-chat tail. */
+export declare function lastConversationEntry(root: HTMLElement, keys: ReadonlySet<string>): HTMLElement | undefined;
+/** Land above the native composer, without scrolling another pane or moving focus. */
+export declare function revealConversationEntryEnd(row: HTMLElement): void;
 export declare function isMainComposerInput(target: EventTarget | null): boolean;
 export declare function composerHasMenu(seat: HTMLElement): boolean;
 export declare function hasConversationMessages(): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-sidenote",
-  "version": "0.7.3",
+  "version": "0.7.4",
   "description": "Follow the tangent. Keep the thread. Annotate, explore on the side, and bring answers back to DeepSeek Harness. / 思路可以分岔，主线始终向前。划选注释、侧边追问，再把结论带回正在推进的任务。",
   "icon": "docs/assets/logo.svg",
   "type": "module",

package/src/client/host/dom.ts

@@ -89,6 +89,20 @@ export function conversationViewOf(node: Element): HTMLElement {
   return node.closest<HTMLElement>('[data-conversation-session], [data-sidenote-chat-session]') ?? document.body
 }
 
+/** Find the last rendered member of an explicit history range, not the side-chat tail. */
+export function lastConversationEntry(root: HTMLElement, keys: ReadonlySet<string>): HTMLElement | undefined {
+  return [...root.querySelectorAll<HTMLElement>('[data-chat-flow-key]')].reverse()
+    .find(row => keys.has(row.dataset.chatFlowKey ?? '') && row.getBoundingClientRect().height > 0)
+}
+
+/** Land above the native composer, without scrolling another pane or moving focus. */
+export function revealConversationEntryEnd(row: HTMLElement): void {
+  const scroller = row.closest<HTMLElement>('[data-conversation-scroll]')
+  if (!scroller) return
+  const clip = quoteClipOf(row, conversationViewOf(row))
+  scroller.scrollTop += row.getBoundingClientRect().bottom - clip.bottom + 12
+}
+
 
 export function isMainComposerInput(target: EventTarget | null): boolean {
   return target instanceof HTMLElement

package/src/client/sidechat/NativeConversation.tsx

@@ -1,8 +1,9 @@
-import { createContext, createElement, useCallback, useContext, useMemo, useSyncExternalStore, type ComponentType, type ReactNode } from 'react'
+import { createContext, createElement, useCallback, useContext, useLayoutEffect, useMemo, useRef, useSyncExternalStore, type ComponentType, type ReactNode } from 'react'
 import type { Context, SessionReference } from '../host/contracts.ts'
 import { transcriptOf, type ChatMessage } from '../chat/transcript.ts'
 import { createFoldStore } from '../chat/viewState.ts'
 import { completedReplySeqsOf, type ChatReplySnapshot } from '../host/chat.ts'
+import { lastConversationEntry, revealConversationEntryEnd } from '../host/dom.ts'
 import { IconCheckOutline16, IconChevronDownOutline14 } from '../host/icons.ts'
 import type { SnapshotEntry } from './snapshot.ts'
 import { Tooltip } from '@deepseek-ai/dsh-client-ui-primitives'
@@ -45,7 +46,7 @@ function ChatView(props: { renderSlot(name: 'conversation.session', owner: { vie
         <IconChevronDownOutline14 size={12} className={expanded ? css.contextChevronOpen : css.contextChevron} />
         <span>{t('mainContext')}</span><span className={css.contextHint}>{side.contextPending ? t('contextAtSend') : side.progress?.takenAt ? t('contextAsOf', { time: side.progress.takenAt }) : t('contextInherited')}</span>
       </button>
-      {expanded && side.progress && <div className={css.progressEntries}>{side.progress.entries.map((entry, index) => <div key={index} className={css.progressEntry}><span className={css.contextHint}>{entry.kind === 'tool' ? entry.toolName : t(`context${entry.kind}`)}</span><div>{entry.text}</div></div>)}</div>}
+      {expanded && side.progress && <div className={css.progressEntries} data-sidenote-context-progress>{side.progress.entries.map((entry, index) => <div key={index} className={css.progressEntry}><span className={css.contextHint}>{entry.kind === 'tool' ? entry.toolName : t(`context${entry.kind}`)}</span><div>{entry.text}</div></div>)}</div>}
     </div>
     <SideContext.Provider value={{ ...side, contextExpanded: expanded }}>{props.renderSlot('conversation.session', { view: 'chat' })}</SideContext.Provider>
   </div>
@@ -107,6 +108,8 @@ interface ViewProps {
   useConversation<T>(select: (state: ViewSnapshot) => T): T
 }
 function HistoryView({ Original, props, side }: { Original: ComponentType<ViewProps>; props: ViewProps; side: SideConversation }) {
+  const root = useRef<HTMLDivElement>(null)
+  const wasExpanded = useRef(side.contextExpanded)
   const nodes = props.useChat(state => state.nodes)
   const snapshot = props.useConversation(state => state)
   const groups = snapshot.views.grouped('chat')
@@ -125,7 +128,27 @@ function HistoryView({ Original, props, side }: { Original: ComponentType<ViewPr
   const visible = side.contextExpanded ? entries : entries.filter(entry => !isInherited(entry))
   const projected = { ...snapshot, views: { ...snapshot.views, grouped: (name: string) => name === 'chat' && groups ? { ...groups, entries: visible } : snapshot.views.grouped(name) } }
   const useProjected = useCallback(<T,>(selector: (state: ViewSnapshot) => T): T => selector(projected), [projected])
-  return createElement(Original, { ...props, useConversation: useProjected })
+  // Only an explicit expansion navigates. Later stream/layout updates and
+  // restored fold state leave the host's reader-position policy in charge.
+  useLayoutEffect(() => {
+    const opening = side.contextExpanded && !wasExpanded.current
+    wasExpanded.current = side.contextExpanded
+    if (!opening) return
+    const keys = new Set(entries.filter(isInherited).map(entry => entry.key))
+    // Native Chat settles its content resize first; navigate in the next frame
+    // so its initial tail restoration cannot overwrite this explicit action.
+    let frame = requestAnimationFrame(() => {
+      frame = requestAnimationFrame(() => {
+        if (!root.current) return
+        const progress = root.current.closest('[data-sidenote-transcript]')?.querySelector<HTMLElement>('[data-sidenote-context-progress]')
+        if (progress) progress.scrollTop = progress.scrollHeight
+        const target = progress ?? lastConversationEntry(root.current, keys)
+        if (target) revealConversationEntryEnd(target)
+      })
+    })
+    return () => { cancelAnimationFrame(frame) }
+  }, [side.contextExpanded])
+  return <div ref={root} className={css.historyView}>{createElement(Original, { ...props, useConversation: useProjected })}</div>
 }
 
 /** Both admitted hosts publish the native chat View; only 0.2.1 adds a Flow slot. */

package/src/client/sidechat/sidechat.module.css

@@ -8,6 +8,7 @@
 .root { color: var(--dsw-alias-label-primary); }
 .nativeConversation { flex: 1; }
 .chatView { display: flex; flex-direction: column; flex: 1 0 auto; min-width: 0; }
+.historyView { display: contents; }
 .mainContext { flex: none; padding: 12px 24px 4px; }
 .historyToggle { display: flex; align-items: center; gap: 6px; }
 .contextHint { color: var(--dsw-alias-label-tertiary); font-size: 12px; }