deepseek-harness-background 0.4.2 → 0.5.1

package/lib/client.js

@@ -65,7 +65,8 @@ window.__ModuleLoader__.load({
 		* dock family (agent task strips: TodoPanel / GoalBar / QueueDock) and its
 		* takeover panels (approval, question, plan review), the subagent lineage
 		* popover, the home hero "preview" badge, the sidebar build badge, and the
-		* timeline rail (timeline-css.ts). Every glassed surface shares ONE recipe:
+		* timeline rail (timeline/legacy-rail-css.ts + the official-rail rules below).
+		* Every glassed surface shares ONE recipe:
 		* fill from the painter's --dsw-specific-input-major token (same alpha
 		* curve + theme dimming), the full shared blur/saturate/brightness chain
 		* driven by the glass-blur slider, and the shared sheen vars — so no
@@ -281,6 +282,25 @@ window.__ModuleLoader__.load({
     -webkit-backdrop-filter: blur(var(--bg-glass-blur, 16px)) saturate(var(--bg-glass-saturate, 1.42)) brightness(var(--bg-glass-brightness, 1)) contrast(1.01);
     backdrop-filter: blur(var(--bg-glass-blur, 16px)) saturate(var(--bg-glass-saturate, 1.42)) brightness(var(--bg-glass-brightness, 1)) contrast(1.01);
   }
+
+  /* ---- Official turn rail (dsh >= 0.1.2, TurnNavigator) -----------------
+     The enhance mode borrows the kernel's rail untouched, so its hover
+     preview card keeps the OFFICIAL opaque fill (bg-layer-1, not mediated
+     by any overridden token) — the "悬浮反馈形态不透明" complaint. Glass it
+     explicitly with the same explicit-fill recipe as the chrome buttons
+     (fill = the painter's composer token + shared blur/sheen). Anchors are
+     structural, never class names: the kernel's module-CSS class hashes are
+     not a stable contract, but nav[style*="--turn-natural-height"] (its
+     inline rail metrics) and the preview's role="tooltip" are. No edge
+     dissolve on the marks column: the first and last tick dashes straddle
+     the marks box edges by 1px, so a fade zone sized off the box height
+     swallows them instead of the band. */
+  body[data-dsh-bg-glass] nav[style*="--turn-natural-height"] [role="tooltip"] {
+    background-color: var(--dsw-specific-input-major);
+    background-image: linear-gradient(180deg, rgba(255, 255, 255, var(--bg-glass-sheen, 0.07)), rgba(255, 255, 255, var(--bg-glass-sheen-mid, 0.02)) 38%, rgba(255, 255, 255, 0.01));
+    -webkit-backdrop-filter: blur(var(--bg-glass-blur, 16px)) saturate(var(--bg-glass-saturate, 1.42)) brightness(var(--bg-glass-brightness, 1)) contrast(1.01);
+    backdrop-filter: blur(var(--bg-glass-blur, 16px)) saturate(var(--bg-glass-saturate, 1.42)) brightness(var(--bg-glass-brightness, 1)) contrast(1.01);
+  }
 `;
 		/**
 		* Inject the backdrop stylesheet once. Safe to call repeatedly; a second call
@@ -305,7 +325,7 @@ window.__ModuleLoader__.load({
 		/**
 		* Session-projection key this plugin owns in the client-visible value map —
 		* the host fold registers it (src/projection.ts) and the rail reads it
-		* (src/client/timeline.tsx); one shared constant so the two can never drift.
+		* (src/client/timeline/source.ts); one shared constant so the two can never drift.
 		*/
 		const TIMELINE_PROJECTION_KEY = "bgTimeline";
 		/** Default background rendering mode. */
@@ -946,15 +966,12 @@ window.__ModuleLoader__.load({
 			"background.uploadFailed": "上传失败，请重试",
 			"background.saveFailed": "保存失败，请重试",
 			"background.timeline": "会话时间线",
-			"background.timelineHint": "右侧消息导航轨，悬停展开问题列表（DeepSeek 官网风格）",
-			"timeline.railLabel": "对话时间线",
-			"timeline.roleUser": "用户",
+			"background.timelineHint": "右侧轮次导航轨，悬停预览该轮问题与直达更早历史",
+			"background.timelineEnhance": "会话时间线增强",
+			"background.timelineEnhanceHint": "为官方会话时间线补上平滑跳转，并可直达需要“加载更多”的更早轮次",
+			"timeline.railLabel": "轮次导航",
 			"timeline.noText": "（无文本内容）",
-			"timeline.marksOnly": "★ 只看标记",
-			"timeline.mark": "标记为重点",
-			"timeline.unmark": "取消重点标记",
-			"timeline.noMarks": "还没有标记的重点",
-			"timeline.cannotJump": "无法跳转：这条历史消息缺少定位信息"
+			"timeline.jump": "跳转到第 {turn} 轮"
 		};
 		/** English copy. */
 		const en = {
@@ -983,15 +1000,12 @@ window.__ModuleLoader__.load({
 			"background.uploadFailed": "Upload failed, try again",
 			"background.saveFailed": "Save failed, try again",
 			"background.timeline": "Conversation timeline",
-			"background.timelineHint": "Message rail at the right edge; hover to expand the question list (DeepSeek web style)",
-			"timeline.railLabel": "Chat timeline",
-			"timeline.roleUser": "User",
+			"background.timelineHint": "Turn rail at the right edge; hover to preview a turn and reach earlier history",
+			"background.timelineEnhance": "Conversation timeline enhancement",
+			"background.timelineEnhanceHint": "Adds smooth jumps and direct reach into turns that still need “load earlier”",
+			"timeline.railLabel": "Turn navigation",
 			"timeline.noText": "(no text)",
-			"timeline.marksOnly": "★ Marked only",
-			"timeline.mark": "Mark as key point",
-			"timeline.unmark": "Unmark key point",
-			"timeline.noMarks": "No marked key points",
-			"timeline.cannotJump": "Cannot jump: this history message lacks position info"
+			"timeline.jump": "Jump to turn {turn}"
 		};
 		//#endregion
 		//#region node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
@@ -1115,6 +1129,31 @@ window.__ModuleLoader__.load({
 		/** Shared client for the painter and the settings row. */
 		const settingsClient = new SettingsClient();
 		//#endregion
+		//#region src/client/timeline/mode-store.ts
+		let mode = "legacy";
+		const listeners = /* @__PURE__ */ new Set();
+		/** @returns the currently detected mode. */
+		function timelineMode() {
+			return mode;
+		}
+		/** Observe mode changes. @returns the disposer. */
+		function subscribeTimelineMode(listener) {
+			listeners.add(listener);
+			return () => {
+				listeners.delete(listener);
+			};
+		}
+		/**
+		* Publish the detected mode (called by the session-scoped dock entry).
+		* No-ops when the mode is unchanged, so a re-render cannot notify.
+		* @param next - the mode to publish.
+		*/
+		function reportTimelineMode(next) {
+			if (mode === next) return;
+			mode = next;
+			for (const listener of listeners) listener();
+		}
+		//#endregion
 		//#region \0dsh-css:D:\Project\deepseek-harness-background\src\client\SettingsRow.module.css.mjs
 		const css = ".-ozqdq_row{border-bottom:1px solid var(--dsw-alias-border-l2);flex-direction:column;gap:14px;padding:16px 0;display:flex}.-ozqdq_header{flex-direction:column;gap:4px;display:flex}.-ozqdq_titleRow{justify-content:space-between;align-items:center;gap:12px;min-height:22px;display:flex}.-ozqdq_clearBtn{border-radius:12px;flex:none;height:24px;padding:0 10px;font-size:12px;line-height:24px}.-ozqdq_title{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:400;line-height:22px}.-ozqdq_desc{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px}.-ozqdq_preview{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);border-radius:12px;height:132px;position:relative;overflow:hidden}.-ozqdq_previewImg{object-fit:var(--bg-object-fit,cover);width:100%;height:100%;opacity:var(--bg-opacity,1);filter:blur(var(--bg-wallpaper-blur,0px));transform:scale(var(--bg-wallpaper-scale,1));display:block;position:absolute;inset:0}.-ozqdq_previewScrim{background:rgba(255, 255, 255, var(--bg-scrim,.25));position:absolute;inset:0}body[data-ds-dark-theme] .-ozqdq_previewScrim{background:rgba(0, 0, 0, var(--bg-scrim,.25))}.-ozqdq_previewGlass{background:var(--bg-preview-glass,#ffffff24);width:44%;height:46px;backdrop-filter:blur(var(--bg-glass-blur,16px)) saturate(var(--bg-glass-saturate,1.42)) brightness(var(--bg-glass-brightness,1));border:1px solid #ffffff38;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:16px;left:16px;box-shadow:inset 0 1px #ffffff4d}.-ozqdq_previewGlassText{color:#0f172ac7;text-shadow:0 1px 2px #fff6;white-space:nowrap;font-size:11px;line-height:1}body[data-ds-dark-theme] .-ozqdq_previewGlassText{color:#ffffffd9;text-shadow:0 1px 2px #00000059}.-ozqdq_previewEmpty{color:var(--dsw-alias-label-tertiary);justify-content:center;align-items:center;font-size:12px;line-height:1.5;display:flex;position:absolute;inset:0}.-ozqdq_section{flex-direction:column;gap:8px;display:flex}.-ozqdq_sectionLabel{color:var(--dsw-alias-label-tertiary);letter-spacing:.01em;font-size:12px;font-weight:500;line-height:18px}.-ozqdq_sourceRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.-ozqdq_urlRow{align-items:center;gap:8px;display:flex}.-ozqdq_urlInput{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);min-width:0;height:32px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;flex:1;padding:0 10px;font-size:13px;line-height:1.5}.-ozqdq_urlInput::placeholder{color:var(--dsw-alias-label-dimmed)}.-ozqdq_urlInput:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.-ozqdq_hint{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:1.5}.-ozqdq_enabledBadge{white-space:nowrap;background:var(--dsw-alias-state-success-tertiary);color:var(--dsw-alias-state-success-primary);border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px;display:inline-flex}.-ozqdq_btn{border:1px solid var(--dsw-alias-border-l2);height:28px;font:inherit;color:var(--dsw-alias-label-primary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:14px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;line-height:18px;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.-ozqdq_btn:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.-ozqdq_btn:active:not(:disabled){background:var(--dsw-alias-interactive-bg-active)}.-ozqdq_btn:disabled{opacity:.45;cursor:default}.-ozqdq_btnPrimary{background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground);border-color:#0000}.-ozqdq_btnPrimary:hover:not(:disabled){background:var(--dsw-alias-button-primary-hover)}.-ozqdq_btnDanger{color:var(--dsw-alias-label-error)}.-ozqdq_btnDanger:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover-danger)}.-ozqdq_sliderRow{align-items:center;gap:10px;display:flex}.-ozqdq_sliderLabel{color:var(--dsw-alias-label-primary);flex:0 0 96px;font-size:13px;line-height:1.5}.-ozqdq_slider{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:18px;margin:0}.-ozqdq_slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--dsw-alias-brand-primary) var(--bg-fill,0%), var(--dsw-alias-border-l3) var(--bg-fill,0%));border-radius:2px;height:4px}.-ozqdq_slider::-moz-range-track{background:var(--dsw-alias-border-l3);border-radius:2px;height:4px}.-ozqdq_slider::-moz-range-progress{background:var(--dsw-alias-brand-primary);border-radius:2px;height:4px}.-ozqdq_slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:2px solid var(--dsw-alias-brand-primary);width:14px;height:14px;box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent), 0 1px 3px #00000047;background:#fff;border-radius:50%;margin-top:-5px}.-ozqdq_slider::-moz-range-thumb{border:2px solid var(--dsw-alias-brand-primary);width:14px;height:14px;box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent), 0 1px 3px #00000047;background:#fff;border-radius:50%}.-ozqdq_slider:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px color-mix(in srgb, var(--dsw-alias-brand-primary) 18%, transparent), 0 1px 4px #0000004d}.-ozqdq_slider:hover::-moz-range-thumb{box-shadow:0 0 0 5px color-mix(in srgb, var(--dsw-alias-brand-primary) 18%, transparent), 0 1px 4px #0000004d}.-ozqdq_slider:active::-webkit-slider-thumb{box-shadow:0 0 0 7px color-mix(in srgb, var(--dsw-alias-brand-primary) 22%, transparent), 0 1px 5px #00000052;transform:scale(1.12)}.-ozqdq_slider:active::-moz-range-thumb{box-shadow:0 0 0 7px color-mix(in srgb, var(--dsw-alias-brand-primary) 22%, transparent), 0 1px 5px #00000052;transform:scale(1.12)}.-ozqdq_slider:focus-visible{outline:none}.-ozqdq_slider:focus-visible::-webkit-slider-thumb{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.-ozqdq_slider:focus-visible::-moz-range-thumb{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.-ozqdq_sliderValue{text-align:right;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-secondary);flex:0 0 52px;font-size:13px;line-height:1.5}.-ozqdq_segRow{align-items:center;gap:10px;display:flex}.-ozqdq_segLabel{color:var(--dsw-alias-label-primary);flex:0 0 96px;font-size:13px;line-height:1.5}.-ozqdq_segGroup{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);border-radius:9px;flex:1;gap:2px;min-width:0;padding:2px;display:inline-flex}.-ozqdq_segBtn{height:24px;font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;flex:1;padding:0 16px;font-size:12px;line-height:24px}.-ozqdq_segBtn:hover:not(.-ozqdq_segActive){color:var(--dsw-alias-label-primary)}.-ozqdq_segActive{background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-primary);font-weight:500}.-ozqdq_error{color:var(--dsw-alias-label-error);font-size:12px;line-height:1.5}.-ozqdq_clearRow{align-items:center;gap:10px;display:flex}.-ozqdq_switch{background:var(--dsw-alias-border-l3);cursor:pointer;border:none;border-radius:11px;flex:none;width:40px;height:22px;padding:0;transition:background-color .15s;position:relative}.-ozqdq_switch[aria-checked=true]{background:var(--dsw-alias-brand-primary)}.-ozqdq_switch:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.-ozqdq_switchKnob{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000047}.-ozqdq_switch[aria-checked=true] .-ozqdq_switchKnob{transform:translate(18px)}@media (prefers-reduced-motion:reduce){.-ozqdq_btn,.-ozqdq_switch,.-ozqdq_switchKnob{transition:none}}";
 		const tagId = "deepseek-harness-background/SettingsRow.module.css";
@@ -1126,41 +1165,41 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var SettingsRow_module_css_default = {
-			"switchKnob": "-ozqdq_switchKnob",
-			"segLabel": "-ozqdq_segLabel",
-			"btnDanger": "-ozqdq_btnDanger",
-			"row": "-ozqdq_row",
-			"previewGlassText": "-ozqdq_previewGlassText",
-			"previewGlass": "-ozqdq_previewGlass",
-			"urlRow": "-ozqdq_urlRow",
-			"clearRow": "-ozqdq_clearRow",
-			"error": "-ozqdq_error",
+			"sliderValue": "-ozqdq_sliderValue",
+			"btnPrimary": "-ozqdq_btnPrimary",
+			"desc": "-ozqdq_desc",
+			"previewScrim": "-ozqdq_previewScrim",
+			"section": "-ozqdq_section",
 			"sliderLabel": "-ozqdq_sliderLabel",
 			"title": "-ozqdq_title",
-			"sourceRow": "-ozqdq_sourceRow",
-			"sliderValue": "-ozqdq_sliderValue",
-			"titleRow": "-ozqdq_titleRow",
-			"clearBtn": "-ozqdq_clearBtn",
-			"segGroup": "-ozqdq_segGroup",
-			"segBtn": "-ozqdq_segBtn",
-			"hint": "-ozqdq_hint",
+			"previewGlass": "-ozqdq_previewGlass",
 			"urlInput": "-ozqdq_urlInput",
-			"previewScrim": "-ozqdq_previewScrim",
-			"enabledBadge": "-ozqdq_enabledBadge",
+			"segGroup": "-ozqdq_segGroup",
+			"segRow": "-ozqdq_segRow",
+			"btn": "-ozqdq_btn",
+			"clearRow": "-ozqdq_clearRow",
 			"previewImg": "-ozqdq_previewImg",
 			"slider": "-ozqdq_slider",
-			"desc": "-ozqdq_desc",
-			"segRow": "-ozqdq_segRow",
-			"segActive": "-ozqdq_segActive",
-			"section": "-ozqdq_section",
-			"btnPrimary": "-ozqdq_btnPrimary",
-			"preview": "-ozqdq_preview",
+			"btnDanger": "-ozqdq_btnDanger",
+			"sourceRow": "-ozqdq_sourceRow",
+			"previewEmpty": "-ozqdq_previewEmpty",
+			"error": "-ozqdq_error",
+			"switch": "-ozqdq_switch",
+			"sliderRow": "-ozqdq_sliderRow",
+			"segLabel": "-ozqdq_segLabel",
 			"sectionLabel": "-ozqdq_sectionLabel",
 			"header": "-ozqdq_header",
-			"sliderRow": "-ozqdq_sliderRow",
-			"switch": "-ozqdq_switch",
-			"btn": "-ozqdq_btn",
-			"previewEmpty": "-ozqdq_previewEmpty"
+			"clearBtn": "-ozqdq_clearBtn",
+			"preview": "-ozqdq_preview",
+			"previewGlassText": "-ozqdq_previewGlassText",
+			"enabledBadge": "-ozqdq_enabledBadge",
+			"segBtn": "-ozqdq_segBtn",
+			"segActive": "-ozqdq_segActive",
+			"titleRow": "-ozqdq_titleRow",
+			"switchKnob": "-ozqdq_switchKnob",
+			"row": "-ozqdq_row",
+			"urlRow": "-ozqdq_urlRow",
+			"hint": "-ozqdq_hint"
 		};
 		//#endregion
 		//#region src/client/SettingsRow.tsx
@@ -1326,6 +1365,9 @@ window.__ModuleLoader__.load({
 		*/
 		function BackgroundSettingsRow({ t }) {
 			const snapshot = (0, react.useSyncExternalStore)(settingsClient.subscribe, readSnapshot);
+			const navMode = (0, react.useSyncExternalStore)(subscribeTimelineMode, timelineMode);
+			const timelineLabelKey = navMode === "enhance" ? "background.timelineEnhance" : "background.timeline";
+			const timelineHintKey = navMode === "enhance" ? "background.timelineEnhanceHint" : "background.timelineHint";
 			const [draft, setDraft] = (0, react.useState)(DEFAULTS);
 			const [uploading, setUploading] = (0, react.useState)(false);
 			const [urlText, setUrlText] = (0, react.useState)("");
@@ -1657,21 +1699,21 @@ window.__ModuleLoader__.load({
 								children: [
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: SettingsRow_module_css_default.segLabel,
-										children: t("background.timeline")
+										children: t(timelineLabelKey)
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										type: "button",
 										role: "switch",
 										"aria-checked": draft.timeline,
-										"aria-label": t("background.timeline"),
-										title: t("background.timelineHint"),
+										"aria-label": t(timelineLabelKey),
+										title: t(timelineHintKey),
 										className: SettingsRow_module_css_default.switch,
 										onClick: handleTimelineToggle,
 										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: SettingsRow_module_css_default.switchKnob })
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: SettingsRow_module_css_default.hint,
-										children: t("background.timelineHint")
+										children: t(timelineHintKey)
 									})
 								]
 							})
@@ -1695,458 +1737,571 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
-		//#region src/client/timeline-css.ts
+		//#region src/client/timeline/jump.ts
+		const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+		/** How long one jump may keep paging older history before giving up. */
+		const JUMP_PAGE_DEADLINE_MS = 3e4;
+		/** How long to wait for the chat view to commit the target row. */
+		const JUMP_ROW_WAIT_MS = 3e3;
+		/** Distance from the scrollport top the official ChatView lands a jumped row at. */
+		const OFFICIAL_LANDING_INSET_PX = 24;
+		/** Distances under this snap instead of animating. */
+		const MIN_GLIDE_DISTANCE_PX = 8;
+		/** Glide duration floor / cap — a far-boundary jump stays a tangible slide. */
+		const MIN_GLIDE_MS = 280;
+		const MAX_GLIDE_MS = 900;
+		/** How many rounds one warm-up page waits for its prepend to commit. */
+		const WARM_PAGE_SETTLE_ROUNDS = 8;
+		/** Pause between those rounds. */
+		const WARM_PAGE_SETTLE_MS = 25;
+		/** Wall-clock budget for one warm-up run. */
+		const WARM_DEADLINE_MS = 15e3;
+		/** Page budget for one warm-up run. */
+		const WARM_MAX_PAGES = 40;
+		/** Every mounted conversation scrollport (multi-column layouts have several). */
+		function conversationScrollports() {
+			return Array.from(document.querySelectorAll("[data-conversation-scroll]"));
+		}
 		/**
-		* Timeline CSS — the conversation scroll-navigation rail (DeepSeek web
-		* ScrollNav structure, rebuilt on this plugin's frosted-glass system).
-		*
-		* Structure and metrics mirror the official chat.deepseek.com stylesheet
-		* (module map extracted from the shipped bundle; v0.1.4 of the reference port
-		* dsh-chat-timeline widens the panel to 260px and adds bookmarks):
-		*   nav 34px-wide rail, fixed right edge, vertically centered; collapsed
-		*   blurred capsule (height − 8px); expanding panel (max 260px, radius 16)
-		*   whose scroll area holds 30px rows (tick indicator + fading-in title);
-		*   32px gradient fade veils top/bottom, expanded-only, shown while that
-		*   side actually clips.
-		*
-		* Deviations from the reference port, all fidelity fixes:
-		*   - The filter bar collapses to zero height while idle instead of staying
-		*     in layout invisibly (it pushed every tick ~33px down).
-		*   - Short stacks center vertically; overflowing stacks are bottom-pinned
-		*     by the component so the newest tick hugs the capsule's bottom edge
-		*     (the official idle strategy — the reference port flowed ticks from
-		*     the top and clipped the newest away).
-		*
-		* Glass integration: the official chat.deepseek.com paints (light
-		* rgba(255,255,255,.8)/.94, dark rgba(21,21,23,.6)/rgba(28,28,32,.95),
-		* 5px collapsed / 16px expanded blur) remain as the NO-GLASS fallback.
-		* While the plugin's glass system is on (`body[data-dsh-bg-glass]`), the
-		* rail joins the SAME unified recipe as the composer card and bubbles:
-		* fill = the painter's `--dsw-specific-input-major` token, blur/saturate/
-		* brightness = the shared `--bg-glass-*` variables, i.e. the glass-blur
-		* slider. Class prefix `dsbt-` deliberately avoids every
-		* `[class*="_xxx"]` anchor of the plugin's glass sheet (underscores only).
+		* Whether the target chat row is committed in ANY mounted conversation
+		* scrollport. Kernel generations disagree on where the node table lives
+		* (0.1.1: `SessionSnapshot.chat.nodes`; 0.1.2+: the `useChat` ChatSnapshot
+		* node store, unreachable from `session.getSnapshot()` — its SessionSnapshot
+		* faces no node table at all), but the rendered DOM is the ground truth both
+		* share, so a jump probes it FIRST before deciding whether paging is needed.
+		* @param anchorKey - chat anchor key of the target row.
 		*/
-		/** Unique id stamped on the injected style element (dedup key). */
-		const TIMELINE_CSS_TAG = "deepseek-harness-background/timeline";
-		/** Inject the timeline stylesheet once. Idempotent (dedup key on the tag). */
-		function injectTimelineCss() {
-			if (typeof document === "undefined") return;
-			if (document.querySelector(`style[data-plugin-css="deepseek-harness-background/timeline"]`)) return;
-			const tag = document.createElement("style");
-			tag.dataset.plugin = "deepseek-harness-background";
-			tag.dataset.pluginCss = TIMELINE_CSS_TAG;
-			tag.textContent = TIMELINE_CSS;
-			document.head.appendChild(tag);
+		function rowRenderedInDom(anchorKey) {
+			const selector = `[data-chat-anchor-key="${CSS.escape(anchorKey)}"]`;
+			for (const scrollport of conversationScrollports()) if (scrollport.querySelector(selector) !== null) return true;
+			return false;
 		}
-		const TIMELINE_CSS = `
-  .dsbt-nav {
-    user-select: none; -webkit-user-select: none;
-    /* Filter-bar chrome height shared by the bar itself and the top veil's
-       expanded offset. */
-    --dsbt-bar-h: 33px;
-    z-index: 90; align-items: center; width: 34px;
-    height: var(--dsbt-h, 300px);
-    transition: right .2s ease, opacity .2s ease;
-    display: flex; position: fixed; top: 50%; right: 16px;
-    transform: translateY(-50%); pointer-events: auto;
-  }
-  @media (max-width: 767px) { .dsbt-nav { display: none; } }
-
-  /* Collapsed capsule — frosted strip behind the tick marks. Official paint:
-     light rgba(255,255,255,.8), dark rgba(21,21,23,.6), 5px blur. */
-  .dsbt-bg {
-    background-color: rgba(255, 255, 255, .8);
-    -webkit-backdrop-filter: blur(5px);
-    backdrop-filter: blur(5px);
-    box-shadow:
-      inset 0 1px 0 rgba(255, 255, 255, .28),
-      inset 0 0 0 .5px rgba(255, 255, 255, .1),
-      0 6px 18px rgba(0, 0, 0, .07);
-    border-radius: 16px; width: 34px;
-    height: calc(var(--dsbt-h, 300px) - 8px); max-height: calc(var(--dsbt-h, 300px) - 8px);
-    position: absolute; top: 50%; right: 0; transform: translateY(-50%);
-    transition: opacity .2s ease; pointer-events: none;
-  }
-  body[data-ds-dark-theme] .dsbt-bg {
-    background-color: rgba(21, 21, 23, .6);
-    box-shadow:
-      inset 0 1px 0 rgba(255, 255, 255, .09),
-      inset 0 0 0 .5px rgba(255, 255, 255, .05),
-      0 6px 18px rgba(0, 0, 0, .3);
-  }
-  .dsbt-bg.dsbt-bg-hide { opacity: 0; }
-
-  /* Expanding panel — exactly the capsule's box (identical height in both
-     states), width animates 34px -> measured fit (max 260px). Official
-     hover-state paint: white/black frosted glass at ~94% alpha, 16px blur. */
-  .dsbt-wrap {
-    width: 34px;
-    height: calc(var(--dsbt-h, 300px) - 8px); max-height: calc(var(--dsbt-h, 300px) - 8px);
-    border: 1px solid transparent; border-radius: 16px;
-    flex-direction: column; align-items: stretch;
-    transition: width .22s cubic-bezier(.4, 0, .2, 1), background-color .2s ease,
-      box-shadow .2s ease, border-color .2s ease;
-    display: flex; position: absolute; top: 50%; right: 0;
-    transform: translateY(-50%);
-    overflow: hidden; box-sizing: border-box; background: transparent;
-    pointer-events: none;
-  }
-  .dsbt-wrap.dsbt-show {
-    pointer-events: auto;
-    width: min(var(--dsbt-w, 260px), 260px);
-    background-color: rgba(255, 255, 255, .94);
-    -webkit-backdrop-filter: blur(16px);
-    backdrop-filter: blur(16px);
-    border-color: rgba(0, 0, 0, .06);
-    box-shadow: 0 10px 30px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);
-  }
-  body[data-ds-dark-theme] .dsbt-wrap.dsbt-show {
-    background-color: rgba(28, 28, 32, .95);
-    border-color: rgba(255, 255, 255, .08);
-    box-shadow: 0 10px 30px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .25);
-  }
-
-  /* Content fade veils — the official ::before/::after pair rebuilt as
-     elements: a bar of the panel's OWN fill color masked to nothing over
-     32px (solid -> mask == gradient-to-transparent, but works with the
-     translucent fill). They belong to the EXPANDED panel only — the idle
-     capsule hard-clips its ticks at the rounded ends like the official
-     strip — and while expanded the top veil starts BELOW the filter bar,
-     not over it. Shown only while that side actually clips. */
-  .dsbt-fade {
-    z-index: 2; pointer-events: none; opacity: 0;
-    background-color: rgba(255, 255, 255, .94);
-    -webkit-mask-image: linear-gradient(#000 20.19%, transparent 100%);
-    mask-image: linear-gradient(#000 20.19%, transparent 100%);
-    width: 100%; height: 32px; transition: opacity .2s ease;
-    position: absolute; left: 0; top: 0;
-  }
-  body[data-ds-dark-theme] .dsbt-fade { background-color: rgba(28, 28, 32, .95); }
-  .dsbt-fade.dsbt-fade-bot { top: auto; bottom: 0; transform: rotate(180deg); }
-  .dsbt-wrap.dsbt-show .dsbt-fade.dsbt-fade-on { opacity: 1; }
-  .dsbt-wrap.dsbt-show .dsbt-fade:not(.dsbt-fade-bot) { top: var(--dsbt-bar-h, 33px); }
-
-  /* Filter bar — "marked only" toggle pinned above the scroll area while
-     expanded. Collapsed, it collapses to ZERO height (not just opacity): a
-     transparent-but-in-layout bar pushed every tick ~33px down, one of the
-     reasons the idle capsule read as off-alignment. */
-  .dsbt-filterbar {
-    height: var(--dsbt-bar-h, 33px);
-    padding: 8px 12px 4px; display: flex; justify-content: flex-end;
-    align-items: center; border-bottom: 1px solid rgba(0, 0, 0, .05);
-    box-sizing: border-box; flex: none; overflow: hidden;
-    transition: opacity .2s ease, height .2s ease, padding .2s ease,
-      border-color .2s ease;
-  }
-  .dsbt-wrap:not(.dsbt-show) .dsbt-filterbar {
-    height: 0; padding-top: 0; padding-bottom: 0; opacity: 0;
-    border-bottom-color: transparent;
-  }
-  body[data-ds-dark-theme] .dsbt-filterbar { border-bottom-color: rgba(255, 255, 255, .06); }
-  .dsbt-filterbtn {
-    font-size: 11px; line-height: 16px; padding: 2px 8px; border-radius: 10px;
-    border: 1px solid rgba(0, 0, 0, .1); background: rgba(0, 0, 0, .03);
-    color: rgba(0, 0, 0, .65); cursor: pointer; transition: all .15s ease;
-    display: inline-flex; align-items: center; gap: 3px; font-family: inherit;
-  }
-  .dsbt-filterbtn:hover { background: rgba(0, 0, 0, .07); color: rgba(0, 0, 0, .9); }
-  .dsbt-filterbtn.dsbt-filteron {
-    background: rgba(245, 158, 11, .12); border-color: #f59e0b;
-    color: #b45309; font-weight: 600;
-  }
-  body[data-ds-dark-theme] .dsbt-filterbtn {
-    border-color: rgba(255, 255, 255, .12); background: rgba(255, 255, 255, .05);
-    color: rgba(255, 255, 255, .7);
-  }
-  body[data-ds-dark-theme] .dsbt-filterbtn:hover { background: rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .95); }
-  body[data-ds-dark-theme] .dsbt-filterbtn.dsbt-filteron {
-    background: rgba(251, 191, 36, .18); border-color: #fbbf24; color: #fbbf24;
-  }
-
-  /* Scroll area — rows hug the right edge; scrolls only when overfull. The
-     auto-margin pseudo pair vertically centers the stack when it fits the
-     capsule (short conversations), and resolves to zero free space when it
-     overflows, so bottom-pinned scrolling behaves like a plain column. */
-  .dsbt-page {
-    padding: 15px 0 15px 24px; box-sizing: border-box;
-    overscroll-behavior: contain; flex: 1 1 auto; min-height: 0;
-    flex-direction: column; align-items: flex-end; display: flex;
-    position: relative; width: 100%; overflow: hidden;
-  }
-  .dsbt-page::before, .dsbt-page::after {
-    content: ''; flex: none; margin-block: auto;
-  }
-  .dsbt-wrap.dsbt-show .dsbt-page {
-    overflow-y: auto; overflow-x: hidden;
-    scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, .15) transparent;
-  }
-  body[data-ds-dark-theme] .dsbt-wrap.dsbt-show .dsbt-page { scrollbar-color: rgba(255, 255, 255, .25) transparent; }
-  .dsbt-page::-webkit-scrollbar { width: 4px; }
-  .dsbt-page::-webkit-scrollbar-track { background: transparent; }
-  .dsbt-page::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .15); border-radius: 4px; }
-  body[data-ds-dark-theme] .dsbt-page::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .25); }
-
-  /* Empty state (filtered list with no marks). */
-  .dsbt-empty {
-    font-size: 12px; line-height: 18px; padding: 16px 12px;
-    color: rgba(0, 0, 0, .45); text-align: center; width: 100%; box-sizing: border-box;
-  }
-  body[data-ds-dark-theme] .dsbt-empty { color: rgba(255, 255, 255, .45); }
-
-  /* One message row: 30px, star bookmark + tick indicator at the right,
-     title fading in. */
-  /* Row shell: layout + shared ink only — the interactive hit areas are the
-     sibling .dsbt-jump / .dsbt-star buttons below. */
-  .dsbt-item {
-    height: 30px; min-height: 30px; flex-shrink: 0;
-    justify-content: flex-end; align-items: center;
-    width: calc(100% - 4px); margin-right: 4px;
-    display: flex; box-sizing: border-box;
-    color: var(--dsw-alias-label-tertiary, rgba(0, 0, 0, .65));
-    transition: color .15s ease;
-  }
-
-  /* Jump target: a real button so Enter/Space work natively without nesting
-     an interactive element inside another. */
-  .dsbt-jump {
-    cursor: pointer; background: none; border: none; margin: 0; padding: 0;
-    font: inherit; line-height: 20px; text-align: right; color: inherit;
-    flex: 1 1 auto; min-width: 0; height: 100%;
-    display: flex; align-items: center; justify-content: flex-end;
-  }
-  .dsbt-jump:focus-visible { outline: 1px solid currentColor; outline-offset: -1px; border-radius: 6px; }
-  .dsbt-jump:disabled { cursor: default; opacity: .55; }
-  .dsbt-jump:disabled .dsbt-title { text-decoration: line-through; text-decoration-color: currentColor; }
-  .dsbt-item:hover { color: var(--dsw-alias-label-primary, rgba(0, 0, 0, .95)); }
-  body[data-ds-dark-theme] .dsbt-item { color: rgba(255, 255, 255, .65); }
-  body[data-ds-dark-theme] .dsbt-item:hover { color: rgba(255, 255, 255, .95); }
-  .dsbt-title {
-    font-size: 13px; line-height: 20px; flex: 1 1 auto; min-width: 0;
-    text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
-    margin-right: 6px; text-align: right; color: inherit;
-    opacity: 0; transition: opacity .12s ease, color .15s ease;
-  }
-  .dsbt-show .dsbt-title { opacity: 1; }
-
-  /* Star bookmark — appears on row hover while the panel is expanded; gold
-     when marked. A real sibling button next to the jump target, so marking
-     stays keyboard-operable without nested interactive elements. */
-  .dsbt-star {
-    font-size: 13px; line-height: 16px; width: 18px; height: 18px;
-    display: inline-flex; align-items: center; justify-content: center;
-    opacity: 0; cursor: pointer; transition: all .15s ease; margin-right: 6px;
-    flex-shrink: 0; color: rgba(0, 0, 0, .25); border-radius: 4px; user-select: none;
-    -webkit-user-select: none;
-    background: none; border: none; padding: 0; font-family: inherit;
-  }
-  .dsbt-star:focus-visible { outline: 1px solid currentColor; outline-offset: 1px; opacity: .9; }
-  .dsbt-wrap.dsbt-show .dsbt-item:hover .dsbt-star { opacity: .75; }
-  .dsbt-wrap.dsbt-show .dsbt-star:hover { opacity: 1; transform: scale(1.2); color: #d97706; }
-  .dsbt-wrap.dsbt-show .dsbt-star.dsbt-staron { opacity: 1; color: #f59e0b; }
-  body[data-ds-dark-theme] .dsbt-star { color: rgba(255, 255, 255, .25); }
-  body[data-ds-dark-theme] .dsbt-wrap.dsbt-show .dsbt-star:hover { color: #fde047; }
-  body[data-ds-dark-theme] .dsbt-wrap.dsbt-show .dsbt-star.dsbt-staron { opacity: 1; color: #fbbf24; }
-
-  .dsbt-ind { flex-shrink: 0; justify-content: center; align-items: center; width: 16px; height: 20px; display: flex; }
-  .dsbt-line {
-    background-color: var(--dsw-alias-border-l4, rgba(0, 0, 0, .16));
-    border-radius: 4px; flex-shrink: 0; width: 8px; height: 2px;
-    transition: background-color .2s ease, transform .2s ease, width .2s ease, height .2s ease;
-  }
-  .dsbt-item:hover .dsbt-line { background-color: var(--dsw-alias-label-primary, rgba(0, 0, 0, .9)); }
-  .dsbt-item.dsbt-active { color: var(--dsw-alias-state-business-primary, #4d6bfe); }
-  .dsbt-item.dsbt-active .dsbt-title { color: var(--dsw-alias-state-business-primary, #4d6bfe); font-weight: 500; }
-  .dsbt-item.dsbt-active .dsbt-line {
-    background-color: var(--dsw-alias-state-business-primary, #4d6bfe);
-    transform-origin: 50%; transform: scale(1.5);
-  }
-  body[data-ds-dark-theme] .dsbt-item.dsbt-active { color: var(--dsw-alias-state-business-primary, #4d6bfe); }
-  body[data-ds-dark-theme] .dsbt-line { background-color: rgba(255, 255, 255, .2); }
-  body[data-ds-dark-theme] .dsbt-item:hover .dsbt-line { background-color: rgba(255, 255, 255, .9); }
-
-  /* Marked (key-point) rows: a wider golden tick in both themes; the active
-     state keeps its brand-blue scale so reading position always wins. */
-  .dsbt-item.dsbt-marked .dsbt-line { background-color: #d97706; width: 10px; height: 2.5px; }
-  .dsbt-item.dsbt-marked:hover .dsbt-line { background-color: #b45309; }
-  .dsbt-item.dsbt-marked.dsbt-active .dsbt-line {
-    background-color: var(--dsw-alias-state-business-primary, #4d6bfe);
-    transform-origin: 50%; transform: scale(1.5);
-  }
-  body[data-ds-dark-theme] .dsbt-item.dsbt-marked .dsbt-line { background-color: #fbbf24; width: 10px; height: 2.5px; }
-  body[data-ds-dark-theme] .dsbt-item.dsbt-marked:hover .dsbt-line { background-color: #fde047; }
-
-  /* ---- Unified glass integration -----------------------------------------
-     Glass system on (wallpaper active + panelOpacity < 1): the rail joins
-     the composer/bubble recipe — the same translucent fill token and the
-     same blur/saturate/brightness chain (the glass-blur slider drives it,
-     no fixed 5/16px). Placed after the dark-theme rules so equal-specificity
-     overrides win in both schemes. */
-  body[data-dsh-bg-glass] .dsbt-bg,
-  body[data-dsh-bg-glass] .dsbt-wrap.dsbt-show {
-    background-color: var(--dsw-specific-input-major);
-    -webkit-backdrop-filter: blur(var(--bg-glass-blur, 16px)) saturate(var(--bg-glass-saturate, 1.42)) brightness(var(--bg-glass-brightness, 1)) contrast(1.01);
-    backdrop-filter: blur(var(--bg-glass-blur, 16px)) saturate(var(--bg-glass-saturate, 1.42)) brightness(var(--bg-glass-brightness, 1)) contrast(1.01);
-  }
-  body[data-dsh-bg-glass] .dsbt-fade {
-    background-color: var(--dsw-specific-input-major);
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .dsbt-nav, .dsbt-bg, .dsbt-wrap, .dsbt-fade, .dsbt-title, .dsbt-line, .dsbt-jump, .dsbt-star, .dsbt-filterbtn, .dsbt-filterbar { transition: none; }
-  }
-`;
-		//#endregion
-		//#region src/client/timeline.tsx
 		/**
-		* Conversation timeline rail — DeepSeek web ScrollNav rebuilt on this
-		* plugin's frosted-glass system (styles: ./timeline-css.ts).
-		*
-		* Collapsed: a fixed 34px-wide frosted capsule at the right edge, vertically
-		* centered, one tick per user message (active tick scaled + brand blue,
-		* key-point bookmarks golden). Hovering expands the SAME box into a frosted
-		* panel listing every user question (title fades in; >8 messages widen to
-		* 260px, otherwise the width fits the longest title). Both states share one
-		* computed outer height, so expanding never jumps, and 32px fade veils mask
-		* the clipped edge on each side while that side actually scrolls.
-		*
-		* Enhancements ported from dsh-chat-timeline v0.1.4 (MIT):
-		* - Key-point bookmarks: star a question in the expanded panel, persisted per
-		*   session in localStorage; marked rows show a golden tick in the capsule
-		*   and a "marked only" filter narrows the list.
-		* - Jump stabilization: the reading-position tracker freezes while a jump
-		*   glide animates (cleared 150ms after the last scroll event, plus a 2s
-		*   fallback), so the panel cannot jitter mid-jump. The glide itself is a
-		*   rAF ease-in-out on the conversation scrollport: a ~26px bottom-follow
-		*   detach first settles the official at-bottom flag outside its 25px zone
-		*   (so a tip-moved re-render cannot yank the slide back to the floor — the
-		*   earlier instant+smooth double pass kept the jump working but made the
-		*   slide invisible), and wheel/touch/keyboard input cancels it so the
-		*   reader takes over instantly.
-		* - Rewind integration: messages withdrawn by a rewind command node are
-		*   filtered out of the rail.
-		*
-		* Data source, fastest first: the host-side `bgTimeline` session projection
-		* (src/projection.ts — a complete enumeration of the session's user messages
-		* delivered through the projection baseline/push channel) -> the loaded chat
-		* node window. The conversation's own lazy loading is never driven from here;
-		* clicking a row pages older history on demand, scrolls the conversation to
-		* the target row, and keeps the rail's own active row visible.
-		*
-		* Collapsed idle strategy (official ScrollNav behavior): the tick stack is
-		* pinned to the BOTTOM inner edge — the newest question's tick always sits at
-		* the bottom of the capsule, older ticks clip away at the top. Hovering
-		* expands the SAME box and scrolls the active row into view instead.
-		*
-		* The rail reads the shared settings transport: it renders unless
-		* `timeline: false`. Its glass paints are self-contained official values
-		* (see timeline-css.ts), independent of the plugin's token overrides.
+		* Poll the conversation DOM until the target row is committed. The session
+		* store updates BEFORE React renders the prepended page, so the old one-shot
+		* query right after loadOlder() resolved could miss the row and silently
+		* give up — the reported "click does nothing until the conversation is
+		* nudged (scroll/click)" behavior.
+		* @param key - chat anchor key to look for.
+		* @param timeoutMs - polling budget.
 		*/
-		if (typeof document !== "undefined") injectTimelineCss();
-		const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
-		/** Extract preview text from a user message's ContentBlock list. */
-		function userTextOf(content) {
-			if (!Array.isArray(content)) return "";
-			let out = "";
-			for (const block of content) if (block !== null && typeof block === "object" && block.type === "text") {
-				const text = block.text;
-				if (typeof text === "string") out += text;
+		async function waitForChatRow(key, timeoutMs) {
+			const selector = `[data-chat-anchor-key="${CSS.escape(key)}"]`;
+			const deadline = Date.now() + timeoutMs;
+			for (;;) {
+				for (const scrollport of conversationScrollports()) {
+					const row = scrollport.querySelector(selector);
+					if (row !== null) return row;
+				}
+				if (Date.now() >= deadline) return null;
+				await delay(40);
 			}
-			return out.trim().slice(0, 80);
+		}
+		/** Maximum scrollable offset of a conversation scrollport. */
+		function scrollFloorOf(el) {
+			return Math.max(0, el.scrollHeight - el.clientHeight);
 		}
 		/**
-		* Stable bookmark key for one entry: the durable message key, falling back to
-		* the anchor seq — so marks survive history reloads. Entries with neither are
-		* not markable (empty key).
-		* @param m - the entry (or any shaped object).
+		* Destination scrollTop that centers `row` inside `el` — the same geometry
+		* as scrollIntoView({ block: 'center' }), computed directly so the glide owns
+		* the scroll position instead of the browser.
+		* @param el - the conversation scrollport.
+		* @param row - the target chat row.
 		*/
-		function markKeyOf(m) {
-			if (m === null || typeof m !== "object") return "";
-			const rec = m;
-			if (typeof rec.key === "string" && rec.key !== "") return `key:${rec.key}`;
-			return typeof rec.seq === "number" ? `seq:${rec.seq}` : "";
+		function centeredScrollTopFor(el, row) {
+			const floor = scrollFloorOf(el);
+			const target = el.scrollTop + (row.getBoundingClientRect().top - el.getBoundingClientRect().top) - (el.clientHeight - row.offsetHeight) / 2;
+			if (!Number.isFinite(target)) return el.scrollTop;
+			return Math.max(0, Math.min(floor, target));
 		}
-		/** localStorage key prefix for the per-session marked-key lists. */
-		const MARKS_STORAGE_PREFIX = "dsbt_marks_";
 		/**
-		* Read the marked keys for one session from localStorage.
-		* @param sessionId - the session the marks belong to.
+		* Destination scrollTop the official ChatView uses for a navigation jump:
+		* the row's top minus a 24px inset. Kept as a named resolver so the enhancer
+		* lands exactly where the official would — only animated instead of assigned.
+		* @param el - the conversation scrollport.
+		* @param row - the target chat row.
 		*/
-		function readMarks(sessionId) {
-			if (typeof window === "undefined" || !sessionId) return [];
-			try {
-				const raw = window.localStorage.getItem(MARKS_STORAGE_PREFIX + sessionId);
-				if (!raw) return [];
-				const parsed = JSON.parse(raw);
-				return Array.isArray(parsed) ? parsed.filter((k) => typeof k === "string") : [];
-			} catch {
-				return [];
-			}
+		function officialTargetTopFor(el, row) {
+			const floor = scrollFloorOf(el);
+			const target = el.scrollTop + (row.getBoundingClientRect().top - el.getBoundingClientRect().top) - OFFICIAL_LANDING_INSET_PX;
+			if (!Number.isFinite(target)) return el.scrollTop;
+			return Math.max(0, Math.min(floor, target));
 		}
 		/**
-		* Persist the marked keys for one session (removes the key when empty).
-		* @param sessionId - the session the marks belong to.
-		* @param marks - the marked-key list.
+		* Glide duration for a distance: longer slides take longer, bounded to
+		* [MIN_GLIDE_MS, MAX_GLIDE_MS] (a deep-history jump reads as a deliberate
+		* glide, not a sluggish race).
+		* @param distance - px to travel.
 		*/
-		function writeMarks(sessionId, marks) {
-			if (typeof window === "undefined" || !sessionId) return;
-			try {
-				if (!Array.isArray(marks) || marks.length === 0) window.localStorage.removeItem(MARKS_STORAGE_PREFIX + sessionId);
-				else window.localStorage.setItem(MARKS_STORAGE_PREFIX + sessionId, JSON.stringify(marks));
-			} catch {}
-		}
-		/** Parse digits into a finite number (undefined otherwise). */
-		function parseSeqDigits(digits) {
-			if (digits === void 0) return void 0;
-			const n = Number.parseInt(digits, 10);
-			return Number.isFinite(n) ? n : void 0;
+		function glideDurationFor(distance) {
+			if (!Number.isFinite(distance)) return MIN_GLIDE_MS;
+			return Math.round(Math.max(MIN_GLIDE_MS, Math.min(MAX_GLIDE_MS, 240 + Math.abs(distance) * .14)));
 		}
-		/** Extract a seq from a string-ish field ('@42', 'seq 42', '#42', bare 42). */
-		function seqFromStringish(value) {
-			if (typeof value === "number" && Number.isFinite(value)) return value;
-			if (typeof value !== "string") return void 0;
-			const m = /(?:@|seq\s*|#)?(\d+)/i.exec(value);
-			return m === null ? void 0 : parseSeqDigits(m[1]);
+		/**
+		* Detach the host's bottom-follow state when the reader currently sits inside
+		* its follow zone: assign the scroll position just outside the boundary. That
+		* one synchronous scroll event settles at-bottom to false (moved-by-reader +
+		* outside the zone) so a tip-moved re-render cannot yank the glide back to
+		* the floor. No-op when already above the zone or when the assignment cannot
+		* move (content shorter than the viewport).
+		* @param el - the conversation scrollport.
+		* @param followZonePx - the host's own follow threshold.
+		*/
+		function detachBottomFollow(el, followZonePx = 25) {
+			const floor = scrollFloorOf(el);
+			if (el.scrollTop < floor - followZonePx) return false;
+			const detached = Math.max(0, floor - followZonePx - 1);
+			if (Math.abs(el.scrollTop - detached) < 1) return false;
+			el.scrollTop = detached;
+			return true;
 		}
 		/**
-		* Extract the rewind target seq from a rewind outcome text. Multi-pattern
-		* (ported from dsh-chat-timeline v0.1.5): an explicit `seq 42` declaration
-		* wins, then `#42`, then the broad english/chinese verb forms — the old
-		* single "rewound" regex silently missed real success texts like "已撤回
-		* seq 42" / "Withdrawn seq 42" (upstream issue #6).
-		* @param text - the command outcome text.
+		* Wait until a detach assignment's scroll event has been dispatched AND
+		* consumed by the host's scroll handler: scroll events fire on a later frame
+		* than the assignment, and a paging commit's layout effect runs before that
+		* dispatch — it would re-run the follow logic while the at-bottom flag is
+		* still true and drag the viewport to the growing floor, undoing the detach
+		* (two rAFs + a macrotask bracket the dispatch window).
 		*/
-		function rewindTargetOfOutcome(text) {
-			if (typeof text !== "string") return void 0;
-			const seqMatch = /seq\s*(\d+)/i.exec(text);
-			if (seqMatch !== null) return parseSeqDigits(seqMatch[1]);
-			const hashMatch = /#(\d+)/.exec(text);
-			if (hashMatch !== null) return parseSeqDigits(hashMatch[1]);
-			const broadMatch = /(?:rewound|withdrawn|已撤回).*?(?:target\s+)?(\d+)/i.exec(text);
-			if (broadMatch !== null) return parseSeqDigits(broadMatch[1]);
+		function settleScrollEvents() {
+			if (typeof requestAnimationFrame !== "function") return Promise.resolve();
+			return new Promise((resolve) => {
+				requestAnimationFrame(() => requestAnimationFrame(() => window.setTimeout(resolve, 0)));
+			});
 		}
 		/**
-		* Resolve the target of a rewind command: structured fields first
-		* (outcome.targetSeq / outcome.target / args.targetSeq / args.target /
-		* args.seq / args.raw / args[0]), then the outcome text — mirrors upstream
-		* v0.1.5 so locale-independent producers keep parsing without text
-		* heuristics (the args.seq guard skips the command's own seq).
-		* @param command - the command payload.
+		* Animate el.scrollTop toward target with an ease-in-out cubic profile.
+		* Wheel / touch / keyboard-scroll input cancels the glide so the reader
+		* takes over immediately. Resolves true when the glide completed, false
+		* when the reader cancelled it.
+		* @param el - the conversation scrollport.
+		* @param target - destination scrollTop.
+		* @param durationMs - animation budget.
 		*/
-		function rewindTargetOfCommand(command) {
-			if (command === null || typeof command !== "object") return void 0;
-			const rec = command;
-			const outcome = rec.outcome;
-			if (outcome !== null && typeof outcome === "object") {
-				const o = outcome;
-				if (typeof o.targetSeq === "number" && Number.isFinite(o.targetSeq)) return o.targetSeq;
-				if (typeof o.target === "number" && Number.isFinite(o.target)) return o.target;
-			}
-			const args = rec.args;
-			if (args !== null && typeof args === "object") {
-				const record = args;
-				if (typeof record.targetSeq === "number" && Number.isFinite(record.targetSeq)) return record.targetSeq;
-				if (typeof record.target === "number" && Number.isFinite(record.target)) return record.target;
+		function animateScrollTop(el, target, durationMs) {
+			return new Promise((resolve) => {
+				const start = el.scrollTop;
+				const delta = target - start;
+				let done = false;
+				let frame = 0;
+				const finish = (completed) => {
+					if (done) return;
+					done = true;
+					el.removeEventListener("wheel", onWheel);
+					el.removeEventListener("touchstart", onTouch);
+					window.removeEventListener("keydown", onKey);
+					if (frame !== 0) cancelAnimationFrame(frame);
+					resolve(completed);
+				};
+				const onWheel = () => finish(false);
+				const onTouch = () => finish(false);
+				const onKey = (e) => {
+					if ([
+						"ArrowUp",
+						"ArrowDown",
+						"PageUp",
+						"PageDown",
+						"Home",
+						"End",
+						" "
+					].includes(e.key)) finish(false);
+				};
+				el.addEventListener("wheel", onWheel, { passive: true });
+				el.addEventListener("touchstart", onTouch, { passive: true });
+				window.addEventListener("keydown", onKey);
+				if (Math.abs(delta) < .5 || durationMs <= 0) {
+					el.scrollTop = target;
+					finish(true);
+					return;
+				}
+				const t0 = performance.now();
+				const ease = (x) => x < .5 ? 4 * x * x * x : 1 - (-2 * x + 2) ** 3 / 2;
+				const step = (now) => {
+					if (done) return;
+					const t = Math.min(1, (now - t0) / durationMs);
+					el.scrollTop = start + delta * ease(t);
+					if (t < 1) frame = requestAnimationFrame(step);
+					else finish(true);
+				};
+				frame = requestAnimationFrame(step);
+			});
+		}
+		/**
+		* Page older history in WITHOUT moving what the reader is looking at.
+		*
+		* The host's ChatView compensates a prepend through an internal anchor ref
+		* that only its own "load earlier" button and its own navigation arm. A
+		* plugin calling `session.loadOlder()` from the outside gets no compensation,
+		* so the prepended rows push the reader's content down — a visible jump.
+		* This restores the visual position by the growth the prepend added.
+		*
+		* A reader pinned to the floor needs none of it: the host's follow logic
+		* re-pins to the (growing) floor by itself, and compensating there would
+		* fight it and overshoot.
+		*
+		* @param session - the session handle to page.
+		* @param el - the conversation scrollport.
+		* @param followZonePx - the host's bottom-follow threshold.
+		* @returns whether the page actually grew the transcript (false = exhausted
+		*   or failed, so the caller should stop paging).
+		*/
+		async function compensatedLoadOlder(session, el, followZonePx = 25) {
+			const pinned = scrollFloorOf(el) - el.scrollTop <= followZonePx;
+			const heightBefore = el.scrollHeight;
+			try {
+				await session.loadOlder();
+			} catch (error) {
+				console.warn("[deepseek-harness-background] timeline history page failed:", error);
+				return false;
+			}
+			for (let round = 0; round < WARM_PAGE_SETTLE_ROUNDS; round += 1) {
+				await settleScrollEvents();
+				const growth = el.scrollHeight - heightBefore;
+				if (growth > 0) {
+					if (!pinned) el.scrollTop = el.scrollTop + growth;
+					return true;
+				}
+				if (round < 7) await delay(WARM_PAGE_SETTLE_MS);
+			}
+			return false;
+		}
+		/**
+		* Page older history in until the rail is full or the log is exhausted — the
+		* "turns behind the load-earlier button become reachable" half of the
+		* enhancement, shared by both frontends.
+		*
+		* Stops at `capacity` on purpose: past the rail's uncompressed tick count the
+		* official stylesheet squeezes every mark into the same 420px column and the
+		* rail degrades into a solid bar the reader cannot aim at. Filling it exactly
+		* to capacity is free reach; going past it is not.
+		*
+		* @param session - the session handle to page.
+		* @param scrollport - the conversation scrollport (compensation anchor).
+		* @param options - budgets, the live entry count and the rail's capacity.
+		*/
+		async function warmHistory(session, scrollport, options) {
+			const followZonePx = options.followZonePx ?? 25;
+			const deadline = Date.now() + (options.deadlineMs ?? WARM_DEADLINE_MS);
+			const maxPages = options.maxPages ?? WARM_MAX_PAGES;
+			const alive = options.alive ?? (() => true);
+			for (let page = 0; page < maxPages; page += 1) {
+				if (!alive()) return;
+				if (options.countOf() >= options.capacity) return;
+				const snapshot = session.getSnapshot();
+				if (snapshot?.hasMore !== true) return;
+				if (Date.now() >= deadline) return;
+				if (snapshot.loadingOlder === true) {
+					await delay(50);
+					continue;
+				}
+				if (snapshot.openState !== void 0 && snapshot.openState !== "open") {
+					await delay(100);
+					continue;
+				}
+				if (!await compensatedLoadOlder(session, scrollport, followZonePx)) return;
+			}
+		}
+		/**
+		* Ensure the target node is loaded, wait for the chat view to commit its row
+		* into the DOM, then glide it into view. Paging uses a time budget instead
+		* of a fixed iteration guard (each in-flight page burned part of that guard,
+		* so slow history could exhaust it and silently fail).
+		*
+		* @param sessionsService - the runtime sessions service.
+		* @param sessionId - the session owning the target row.
+		* @param anchorKey - chat anchor key of the target row.
+		* @param options - follow zone, landing resolver, paging scopes and budgets.
+		* @returns whether the row was reached (false when it never rendered or the
+		*   reader took the scrollport back mid-glide).
+		*/
+		async function jumpToMessage(sessionsService, sessionId, anchorKey, options = {}) {
+			const session = sessionsService.binding(sessionId)?.session;
+			if (session === void 0) return false;
+			const followZonePx = options.followZonePx ?? 25;
+			const resolveTarget = options.targetTop ?? centeredScrollTopFor;
+			const pageDeadlineMs = options.pageDeadlineMs ?? JUMP_PAGE_DEADLINE_MS;
+			const rowWaitMs = options.rowWaitMs ?? JUMP_ROW_WAIT_MS;
+			const ports = options.scrollport != null ? [options.scrollport] : conversationScrollports();
+			let detachedAny = false;
+			for (const el of ports) if (detachBottomFollow(el, followZonePx)) {
+				el.dispatchEvent(new Event("scroll"));
+				detachedAny = true;
+			}
+			if (detachedAny) await settleScrollEvents();
+			const deadline = Date.now() + pageDeadlineMs;
+			for (;;) {
+				if (rowRenderedInDom(anchorKey)) break;
+				const snapshot = session.getSnapshot();
+				if ((snapshot?.chat?.nodes?.get(anchorKey) ?? snapshot?.nodes?.get(anchorKey)) !== void 0) break;
+				if (snapshot?.hasMore !== true) break;
+				if (Date.now() >= deadline) break;
+				if (snapshot.loadingOlder === true) {
+					await delay(50);
+					continue;
+				}
+				if (snapshot.openState !== void 0 && snapshot.openState !== "open") {
+					await delay(100);
+					continue;
+				}
+				try {
+					await session.loadOlder();
+				} catch (error) {
+					console.warn("[deepseek-harness-background] timeline jump paging failed:", error);
+					break;
+				}
+			}
+			const row = await waitForChatRow(anchorKey, rowWaitMs);
+			if (row === null) {
+				console.warn(`[deepseek-harness-background] timeline jump target never rendered: ${anchorKey}`);
+				return false;
+			}
+			const reducedMotion = typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+			const scroller = row.closest("[data-conversation-scroll]");
+			if (scroller === null) {
+				row.scrollIntoView({
+					behavior: "auto",
+					block: "center"
+				});
+				if (!reducedMotion) row.scrollIntoView({
+					behavior: "smooth",
+					block: "center"
+				});
+				return true;
+			}
+			const target = resolveTarget(scroller, row);
+			if (reducedMotion || Math.abs(target - scroller.scrollTop) < MIN_GLIDE_DISTANCE_PX) {
+				scroller.scrollTop = target;
+				return true;
+			}
+			if (detachBottomFollow(scroller, followZonePx)) {
+				scroller.dispatchEvent(new Event("scroll"));
+				await settleScrollEvents();
+			}
+			return await animateScrollTop(scroller, target, glideDurationFor(Math.abs(target - scroller.scrollTop)));
+		}
+		/** The official stylesheet's rail height cap (TurnNavigator.module.css). */
+		const RAIL_HEIGHT_CAP_PX = 420;
+		/** Band clearance the official stylesheet reserves around the rail. */
+		const RAIL_BAND_CLEARANCE_PX = 64;
+		/**
+		* The rail's own inset, read off the custom property the official component
+		* publishes (`--turn-rail-inset`). Falls back to the official constant.
+		* @param rail - the rail element (or null).
+		*/
+		function railInsetOf(rail) {
+			if (rail === null) return 6;
+			const px = Number.parseFloat(rail.style.getPropertyValue("--turn-rail-inset"));
+			return Number.isFinite(px) && px >= 0 ? px : 6;
+		}
+		/**
+		* The tallest the rail can render. The official stylesheet clamps the rail's
+		* height with `min(natural, band - 64px, 420px)` and the band measurements
+		* are published inline on the scroll host (ConversationRoot's
+		* `--dsh-conversation-viewport-height` / `--dsh-composer-height`). Outside
+		* the official layout — the ported rail portals itself to body, and its own
+		* stylesheet carries the same 420px cap — only the cap applies.
+		*
+		* The rendered `clientHeight` must NOT be used here: with few loaded turns
+		* the height IS the natural (count-driven) height, so a measured capacity
+		* would equal the count and a "rail full" gate could never open — the
+		* warm-up fixed point that left early turns unreachable.
+		*/
+		function railMaxHeightOf(rail) {
+			const scrollport = rail.closest("[data-conversation-scroll]");
+			if (scrollport !== null) {
+				const viewport = Number.parseFloat(scrollport.style.getPropertyValue("--dsh-conversation-viewport-height"));
+				const composer = Number.parseFloat(scrollport.style.getPropertyValue("--dsh-composer-height"));
+				if (Number.isFinite(viewport) && Number.isFinite(composer)) return Math.min(RAIL_HEIGHT_CAP_PX, Math.max(0, viewport - composer - RAIL_BAND_CLEARANCE_PX));
+			}
+			return RAIL_HEIGHT_CAP_PX;
+		}
+		/**
+		* How many marks the rail can show before it starts compressing them.
+		*
+		* Past this count the official stylesheet clamps the rail's height and every
+		* mark switches from its fixed 10px spacing to a percentage position, so the
+		* column degrades into a solid bar the reader cannot aim at. Filling the rail
+		* exactly to this capacity is therefore free extra reach; going past it is
+		* not.
+		*
+		* @param rail - the rail element (or null).
+		*/
+		function railCapacityOf(rail) {
+			if (rail === null) return 41;
+			const usable = railMaxHeightOf(rail) - 2 * railInsetOf(rail);
+			if (!Number.isFinite(usable)) return 41;
+			return Math.max(2, Math.floor(usable / 10) + 1);
+		}
+		/**
+		* Resolve the entry under a pointer Y — the official geometry verbatim
+		* (`itemAtPointer` in TurnNavigator.tsx), so this plugin lands on exactly the
+		* mark the official rail would have picked.
+		* @param count - number of entries the rail shows.
+		* @param rail - the rail element.
+		* @param clientY - pointer viewport Y.
+		*/
+		function indexAtPointer(count, rail, clientY) {
+			const rect = rail.getBoundingClientRect();
+			const inset = railInsetOf(rail);
+			const usableHeight = Math.max(1, rect.height - 2 * inset);
+			const ratio = Math.max(0, Math.min(1, (clientY - rect.top - inset) / usableHeight));
+			return Math.round(ratio * (count - 1));
+		}
+		/**
+		* Resolve the gesture that produced a rail click to an entry index.
+		*
+		* Keyboard activation targets the focused mark button (recovered by its
+		* position among the rail's buttons); a mouse click carries coordinates and
+		* resolves through the rail geometry. Returns -1 when neither applies.
+		*
+		* Assumption (both frontends): the mark ticks are the ONLY buttons under the
+		* rail — the official rail renders marks exclusively and its preview tooltip
+		* carries none, and the ported rail does the same. A future non-mark control
+		* added inside the rail would shift the button index and must revisit this.
+		*
+		* @param rail - the rail element.
+		* @param event - the click event.
+		*/
+		function indexForEvent(rail, event) {
+			const target = event.target;
+			if (target instanceof Element) {
+				const button = target.closest("button");
+				if (button !== null && rail.contains(button)) {
+					const index = Array.from(rail.querySelectorAll("button")).indexOf(button);
+					if (index >= 0) return index;
+				}
+			}
+			const count = rail.querySelectorAll("button").length;
+			return count === 0 ? -1 : indexAtPointer(count, rail, event.clientY);
+		}
+		/**
+		* Validate the official navigation array crossing the slot boundary. The
+		* value is produced by the kernel and may be absent, partial, or from an
+		* older build, so every field is checked before use.
+		* @param value - the raw `useChat(s => s.navigation.items())` result.
+		*/
+		function normalizeNavigationItems(value) {
+			if (!Array.isArray(value)) return [];
+			const out = [];
+			const seen = /* @__PURE__ */ new Set();
+			for (const item of value) {
+				if (item === null || typeof item !== "object") continue;
+				const rec = item;
+				if (typeof rec.turn !== "number" || !Number.isFinite(rec.turn)) continue;
+				if (typeof rec.anchorKey !== "string" || rec.anchorKey === "") continue;
+				if (seen.has(rec.turn)) continue;
+				seen.add(rec.turn);
+				out.push({
+					turn: rec.turn,
+					anchorKey: rec.anchorKey,
+					prompt: typeof rec.prompt === "string" ? rec.prompt : "",
+					response: typeof rec.response === "string" ? rec.response : ""
+				});
+			}
+			return out;
+		}
+		//#endregion
+		//#region src/client/timeline/source.ts
+		/**
+		* Enumerate the chat nodes of one conversation snapshot, duck-typed across
+		* both kernel generations:
+		* - dsh <= 0.1.1: `snapshot.chat.nodes` is a `Map` keyed by node key.
+		* - dsh >= 0.1.2: the Chat snapshot is `{ order, nodes: { values() } }` and
+		*   the session snapshot has no `chat` field at all.
+		*
+		* Both stores expose `values()`, so one structural read covers both; the
+		* receiver must survive the call because these are prototype methods (the
+		* real Session's own methods read `this`, and so do Map's).
+		*
+		* @param snapshot - a session snapshot or a Chat snapshot (loosely typed).
+		* @returns the nodes, in the store's own order; empty when neither shape fits.
+		*/
+		function chatNodesOf(snapshot) {
+			const valuesOf = (store) => {
+				if (store === null || typeof store !== "object") return void 0;
+				const values = store.values;
+				if (typeof values !== "function") return void 0;
+				let iterable;
+				try {
+					iterable = values.call(store);
+				} catch {
+					return;
+				}
+				if (iterable === null || typeof iterable !== "object") return void 0;
+				const out = [];
+				for (const node of iterable) if (node !== null && typeof node === "object") out.push(node);
+				return out;
+			};
+			const rec = snapshot ?? {};
+			return valuesOf(rec.chat?.nodes) ?? valuesOf(rec.nodes) ?? [];
+		}
+		/** Is this node part of the visible surface? Nodes without the flag are legacy. */
+		function isVisible(node) {
+			return node.visibility === void 0 || node.visibility === "visible";
+		}
+		/** Preview cap so entries stay small (one short line per row). */
+		const MAX_TEXT_CHARS = 80;
+		/** Extract preview text from a user message's ContentBlock list. */
+		function userTextOf(content) {
+			if (!Array.isArray(content)) return "";
+			let out = "";
+			for (const block of content) if (block !== null && typeof block === "object" && block.type === "text") {
+				const text = block.text;
+				if (typeof text === "string") out += text;
+			}
+			return out.trim().slice(0, MAX_TEXT_CHARS);
+		}
+		/** Parse digits into a finite number (undefined otherwise). */
+		function parseSeqDigits(digits) {
+			if (digits === void 0) return void 0;
+			const n = Number.parseInt(digits, 10);
+			return Number.isFinite(n) ? n : void 0;
+		}
+		/** Extract a seq from a string-ish field ('@42', 'seq 42', '#42', bare 42). */
+		function seqFromStringish(value) {
+			if (typeof value === "number" && Number.isFinite(value)) return value;
+			if (typeof value !== "string") return void 0;
+			const m = /(?:@|seq\s*|#)?(\d+)/i.exec(value);
+			return m === null ? void 0 : parseSeqDigits(m[1]);
+		}
+		/**
+		* Extract the rewind target seq from a rewind outcome text. Multi-pattern:
+		* an explicit `seq 42` declaration wins, then `#42`, then the broad
+		* english/chinese verb forms — a single "rewound" regex silently missed real
+		* success texts like "已撤回 seq 42" / "Withdrawn seq 42".
+		* @param text - the command outcome text.
+		*/
+		function rewindTargetOfOutcome(text) {
+			if (typeof text !== "string") return void 0;
+			const seqMatch = /seq\s*(\d+)/i.exec(text);
+			if (seqMatch !== null) return parseSeqDigits(seqMatch[1]);
+			const hashMatch = /#(\d+)/.exec(text);
+			if (hashMatch !== null) return parseSeqDigits(hashMatch[1]);
+			const broadMatch = /(?:rewound|withdrawn|已撤回).*?(?:target\s+)?(\d+)/i.exec(text);
+			if (broadMatch !== null) return parseSeqDigits(broadMatch[1]);
+		}
+		/**
+		* Resolve the target of a rewind command: structured fields first
+		* (outcome.targetSeq / outcome.target / args.targetSeq / args.target /
+		* args.seq / args.raw / args[0]), then the outcome text — so
+		* locale-independent producers keep parsing without text heuristics (the
+		* args.seq guard skips the command's own seq).
+		* @param command - the command payload.
+		*/
+		function rewindTargetOfCommand(command) {
+			if (command === null || typeof command !== "object") return void 0;
+			const rec = command;
+			const outcome = rec.outcome;
+			if (outcome !== null && typeof outcome === "object") {
+				const o = outcome;
+				if (typeof o.targetSeq === "number" && Number.isFinite(o.targetSeq)) return o.targetSeq;
+				if (typeof o.target === "number" && Number.isFinite(o.target)) return o.target;
+			}
+			const args = rec.args;
+			if (args !== null && typeof args === "object") {
+				const record = args;
+				if (typeof record.targetSeq === "number" && Number.isFinite(record.targetSeq)) return record.targetSeq;
+				if (typeof record.target === "number" && Number.isFinite(record.target)) return record.target;
 				if (typeof record.seq === "number" && Number.isFinite(record.seq) && record.seq !== rec.seq) return record.seq;
 				const rawish = record.raw ?? record["0"] ?? (Array.isArray(args) ? args[0] : void 0);
 				if (rawish !== void 0) {
@@ -2174,38 +2329,14 @@ window.__ModuleLoader__.load({
 			return args.preview === true || args.dryRun === true;
 		}
 		/**
-		* Collect the seq numbers a rewind hid: preview commands hide their target
-		* directly; successful commands hide their own row plus every node anchored
-		* inside the rewound span [target, sourceEventSeq].
-		* @param chat - a chat snapshot (loosely typed on purpose).
-		*/
-		function hiddenSeqsOfChat(chat) {
-			const hidden = rewindHiddenSeqsOfChat(chat);
-			for (const seq of rewindMarkedSeqsOfChat(chat)) hidden.add(seq);
-			const spans = rewindSpansOfChat(chat);
-			if (spans.length === 0) return hidden;
-			const nodes = chat.nodes;
-			if (nodes === void 0 || typeof nodes.values !== "function") return hidden;
-			for (const node of nodes.values()) {
-				if (node === null || typeof node !== "object") continue;
-				const anchor = typeof node.anchorSeq === "number" ? node.anchorSeq : void 0;
-				if (anchor === void 0) continue;
-				if (spans.some((span) => anchor >= span.start && anchor <= span.end)) hidden.add(anchor);
-			}
-			return hidden;
-		}
-		/**
-		* Seq numbers of nodes carrying a rewind-hidden marker (upstream v0.1.5):
-		* host/plugin producers can tag the node record itself (rewindHidden), its
-		* data payload, or the payload's attributes map.
+		* Seq numbers of nodes carrying a rewind-hidden marker: host/plugin producers
+		* can tag the node record itself (rewindHidden), its data payload, or the
+		* payload's attributes map.
 		* @param chat - a chat snapshot (loosely typed on purpose).
 		*/
 		function rewindMarkedSeqsOfChat(chat) {
 			const marked = /* @__PURE__ */ new Set();
-			const nodes = chat.nodes;
-			if (nodes === void 0 || typeof nodes.values !== "function") return marked;
-			for (const node of nodes.values()) {
-				if (node === null || typeof node !== "object") continue;
+			for (const node of chatNodesOf(chat)) {
 				const data = node.data;
 				if (data === null || typeof data !== "object") continue;
 				const record = data;
@@ -2228,10 +2359,7 @@ window.__ModuleLoader__.load({
 		function rewindHiddenSeqsOfChat(chat) {
 			const hidden = /* @__PURE__ */ new Set();
 			if (chat === null || typeof chat !== "object") return hidden;
-			const nodes = chat.nodes;
-			if (nodes === void 0 || typeof nodes.values !== "function") return hidden;
-			for (const node of nodes.values()) {
-				if (node === null || typeof node !== "object") continue;
+			for (const node of chatNodesOf(chat)) {
 				if (node.kind !== "command") continue;
 				const command = node.data;
 				if (command === null || typeof command !== "object") continue;
@@ -2242,7 +2370,8 @@ window.__ModuleLoader__.load({
 				}
 				const outcome = command.outcome;
 				if (outcome === null || typeof outcome !== "object" || outcome.kind !== "success") continue;
-				if (typeof command.seq === "number") hidden.add(command.seq);
+				const own = command.seq;
+				if (typeof own === "number") hidden.add(own);
 			}
 			return hidden;
 		}
@@ -2255,18 +2384,17 @@ window.__ModuleLoader__.load({
 		function rewindSpansOfChat(chat) {
 			const spans = [];
 			if (chat === null || typeof chat !== "object") return spans;
-			const nodes = chat.nodes;
-			if (nodes === void 0 || typeof nodes.values !== "function") return spans;
-			for (const node of nodes.values()) {
-				if (node === null || typeof node !== "object") continue;
+			for (const node of chatNodesOf(chat)) {
 				if (node.kind !== "command") continue;
 				const command = node.data;
 				if (command === null || typeof command !== "object") continue;
 				if (command.name !== "rewind") continue;
 				if (isRewindPreviewCommand(command)) continue;
 				const outcome = command.outcome;
-				if (outcome === null || typeof outcome !== "object" || outcome.kind !== "success") continue;
-				const marker = outcome.sourceEventSeq;
+				if (outcome === null || typeof outcome !== "object") continue;
+				const record = outcome;
+				if (record.kind !== "success") continue;
+				const marker = record.sourceEventSeq;
 				if (typeof marker !== "number") continue;
 				const target = rewindTargetOfCommand(command);
 				if (target !== void 0) spans.push({
@@ -2277,51 +2405,22 @@ window.__ModuleLoader__.load({
 			return spans;
 		}
 		/**
-		* Enumerate user messages from the loaded chat-node snapshot (the client-side
-		* collector; sorted by anchor sequence, rewind-hidden entries dropped).
-		* @param snapshot - a session snapshot (loosely typed on purpose).
+		* Collect the seq numbers a rewind hid: preview commands hide their target
+		* directly; successful commands hide their own row plus every node anchored
+		* inside the rewound span [target, sourceEventSeq].
+		* @param chat - a chat snapshot (loosely typed on purpose).
 		*/
-		function collectMessages(snapshot) {
-			const chat = snapshot?.chat;
-			const nodes = chat?.nodes;
-			if (nodes === void 0 || typeof nodes.values !== "function") return [];
-			const hidden = hiddenSeqsOfChat(chat);
-			const out = [];
-			for (const node of nodes.values()) {
-				if (node === null || typeof node !== "object") continue;
-				if (node.kind !== "user") continue;
-				const data = node.data;
-				if (data === null || typeof data !== "object" || typeof data.time !== "number" || !Array.isArray(data.content)) continue;
-				const key = typeof node.key === "string" ? node.key : void 0;
-				if (key === void 0) continue;
-				const seq = typeof node.anchorSeq === "number" ? node.anchorSeq : 0;
-				if (hidden.has(seq)) continue;
-				out.push({
-					seq,
-					time: data.time,
-					text: userTextOf(data.content),
-					key
-				});
+		function hiddenSeqsOfChat(chat) {
+			const hidden = rewindHiddenSeqsOfChat(chat);
+			for (const seq of rewindMarkedSeqsOfChat(chat)) hidden.add(seq);
+			const spans = rewindSpansOfChat(chat);
+			if (spans.length === 0) return hidden;
+			for (const node of chatNodesOf(chat)) {
+				const anchor = typeof node.anchorSeq === "number" ? node.anchorSeq : void 0;
+				if (anchor === void 0) continue;
+				if (spans.some((span) => anchor >= span.start && anchor <= span.end)) hidden.add(anchor);
 			}
-			out.sort((a, b) => a.seq - b.seq);
-			return out;
-		}
-		/**
-		* Count the user messages the loaded window holds WITHOUT collecting or
-		* sorting them — the fast gate railMessages uses to skip the merge path on
-		* the streaming hot path (see there).
-		* @param chat - the loaded chat snapshot.
-		*/
-		function countWindowUserMessages(chat) {
-			const nodes = chat?.nodes;
-			if (nodes === void 0 || typeof nodes.values !== "function") return 0;
-			let count = 0;
-			for (const node of nodes.values()) if (node !== null && typeof node === "object" && node.kind === "user") count += 1;
-			return count;
-		}
-		/** Resolve the DOM anchor key of one entry (direct key form only). */
-		function resolveAnchorKey(m) {
-			return typeof m.key === "string" && m.key !== "" ? m.key : void 0;
+			return hidden;
 		}
 		/** The user-message node definition kind in ui-conversation. */
 		const INPUT_MESSAGE_KIND = "input-message";
@@ -2355,15 +2454,53 @@ window.__ModuleLoader__.load({
 				out.push({
 					seq: rec.seq,
 					time: typeof rec.time === "number" ? rec.time : 0,
-					text: typeof rec.text === "string" ? rec.text.slice(0, 80) : "",
-					...typeof rec.id === "string" && rec.id !== "" ? { key: inputAnchorKeyOf(rec.id) } : {}
+					text: typeof rec.text === "string" ? rec.text.slice(0, MAX_TEXT_CHARS) : "",
+					...typeof rec.id === "string" && rec.id !== "" ? { anchorKey: inputAnchorKeyOf(rec.id) } : {}
 				});
 			}
 			out.sort((a, b) => a.seq - b.seq);
 			return out;
 		}
 		/**
-		* Rail messages: the host projection (whole-session index) MERGED with the
+		* Enumerate user messages from the loaded chat-node snapshot (the client-side
+		* collector; sorted by anchor sequence, rewind-hidden entries dropped).
+		* @param snapshot - a session snapshot or Chat snapshot (loosely typed).
+		*/
+		function collectMessages(snapshot) {
+			const hidden = hiddenSeqsOfChat(snapshot);
+			const out = [];
+			for (const node of chatNodesOf(snapshot)) {
+				if (node.kind !== "user") continue;
+				if (!isVisible(node)) continue;
+				const data = node.data;
+				if (data === null || typeof data !== "object" || typeof data.time !== "number" || !Array.isArray(data.content)) continue;
+				const anchorKey = typeof node.key === "string" ? node.key : void 0;
+				if (anchorKey === void 0) continue;
+				const seq = typeof node.anchorSeq === "number" ? node.anchorSeq : 0;
+				if (hidden.has(seq)) continue;
+				out.push({
+					seq,
+					time: data.time,
+					text: userTextOf(data.content),
+					anchorKey
+				});
+			}
+			out.sort((a, b) => a.seq - b.seq);
+			return out;
+		}
+		/**
+		* Count the user messages the loaded window holds WITHOUT collecting or
+		* sorting them — the fast gate railMessages uses to skip the merge path on
+		* the streaming hot path (see there).
+		* @param snapshot - the loaded chat snapshot.
+		*/
+		function countWindowUserMessages(snapshot) {
+			let count = 0;
+			for (const node of chatNodesOf(snapshot)) if (node.kind === "user" && isVisible(node)) count += 1;
+			return count;
+		}
+		/**
+		* Rail entries: the host projection (whole-session index) MERGED with the
 		* loaded chat-node window. The projection normally wins outright, but a
 		* projection that lost its baseline (e.g. the plugin was hot-reloaded after
 		* the session's tail page seeded the client store) can miss early entries —
@@ -2376,14 +2513,13 @@ window.__ModuleLoader__.load({
 		*/
 		function railMessages(snapshot, projected) {
 			const projectedMessages = normalizeProjectedTimeline(projected);
-			const chat = snapshot?.chat;
-			const hidden = rewindHiddenSeqsOfChat(chat);
-			const marked = rewindMarkedSeqsOfChat(chat);
-			const spans = rewindSpansOfChat(chat);
+			const hidden = rewindHiddenSeqsOfChat(snapshot);
+			const marked = rewindMarkedSeqsOfChat(snapshot);
+			const spans = rewindSpansOfChat(snapshot);
 			const isHidden = (seq) => hidden.has(seq) || marked.has(seq) || spans.some((span) => seq >= span.start && seq <= span.end);
 			if (projectedMessages.length === 0) return collectMessages(snapshot);
-			const windowUserCount = countWindowUserMessages(chat);
-			const projectionLacksKeys = projectedMessages.some((m) => m.key === void 0);
+			const windowUserCount = countWindowUserMessages(snapshot);
+			const projectionLacksKeys = projectedMessages.some((m) => m.anchorKey === void 0);
 			if (windowUserCount <= projectedMessages.length && !projectionLacksKeys) return marked.size === 0 && hidden.size === 0 && spans.length === 0 ? projectedMessages : projectedMessages.filter((m) => !isHidden(m.seq));
 			const windowMessages = collectMessages(snapshot);
 			const bySeq = /* @__PURE__ */ new Map();
@@ -2395,465 +2531,290 @@ window.__ModuleLoader__.load({
 					bySeq.set(m.seq, m);
 					continue;
 				}
-				if (existing.key === void 0 && m.key !== void 0) bySeq.set(m.seq, {
+				if (existing.anchorKey === void 0) bySeq.set(m.seq, {
 					...existing,
-					key: m.key,
+					anchorKey: m.anchorKey,
 					...existing.text === "" && m.text !== "" ? { text: m.text } : {}
 				});
 			}
 			return [...bySeq.values()].sort((a, b) => a.seq - b.seq);
 		}
+		//#endregion
+		//#region src/client/timeline/legacy-rail-css.ts
 		/**
-		* Outer rail height for a message count: rows + breathing room, clamped so
-		* both states always share the exact same height (never jumps on expand).
-		* @param count - number of user messages.
-		*/
-		function railHeightFor(count) {
-			return Math.max(140, Math.min(300, count * 30 + 38));
-		}
-		/** Longest-title width estimate bounds. */
-		const RAIL_MIN_WIDTH = 96;
-		const RAIL_MAX_WIDTH = 260;
-		/**
-		* Measure the expanded-panel width for the given titles (canvas text metrics;
-		* falls back to the max width when measurement is unavailable). Accounts for
-		* the star column so a marked row never clips its tick.
-		* @param texts - the message previews.
-		*/
-		function railWidthFor(texts) {
-			if (texts.length > 8) return RAIL_MAX_WIDTH;
-			let widest = 0;
-			if (typeof document !== "undefined") {
-				const ctx = document.createElement("canvas").getContext("2d");
-				if (ctx) {
-					ctx.font = `13px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`;
-					for (const t of texts) {
-						const w = ctx.measureText(t === "" ? "…" : t).width;
-						if (w > widest) widest = w;
-					}
-				}
-			}
-			return Math.round(Math.max(RAIL_MIN_WIDTH, Math.min(RAIL_MAX_WIDTH, widest + 6 + 24 + 16 + 12)));
-		}
-		/** How long one jump may keep paging older history before giving up. */
-		const JUMP_PAGE_DEADLINE_MS = 3e4;
-		/** How long to wait for the chat view to commit the target row. */
-		const JUMP_ROW_WAIT_MS = 3e3;
-		/** How long the jump-stabilization lock may stay engaged without settling. */
-		const JUMP_LOCK_FALLBACK_MS = 2e3;
-		/**
-		* Poll the conversation DOM until the target row is committed. The session
-		* store updates BEFORE React renders the prepended page, so the old one-shot
-		* query right after loadOlder() resolved could miss the row and silently
-		* give up — the reported "click does nothing until the conversation is
-		* nudged (scroll/click)" behavior.
-		* @param key - chat anchor key to look for.
-		* @param timeoutMs - polling budget.
-		*/
-		async function waitForChatRow(key, timeoutMs) {
-			const scrollports = Array.from(document.querySelectorAll("[data-conversation-scroll]"));
-			if (scrollports.length === 0) return null;
-			const selector = `[data-chat-anchor-key="${CSS.escape(key)}"]`;
-			const deadline = Date.now() + timeoutMs;
-			for (;;) {
-				for (const scrollport of scrollports) {
-					const row = scrollport.querySelector(selector);
-					if (row !== null) return row;
-				}
-				if (Date.now() >= deadline) return null;
-				await delay(40);
-			}
-		}
-		/** Official conversation follow threshold: the view keeps bottom-following while within this distance of the floor (dsh-client-ui-conversation, 25px). */
-		const CONVERSATION_FOLLOW_ZONE_PX = 25;
-		/** Distances under this snap instead of animating. */
-		const MIN_GLIDE_DISTANCE_PX = 8;
-		/** Glide duration floor / cap — a far-boundary rail click stays a tangible slide. */
-		const MIN_GLIDE_MS = 280;
-		const MAX_GLIDE_MS = 900;
-		/** Maximum scrollable offset of a conversation scrollport. */
-		function scrollFloorOf(el) {
-			return Math.max(0, el.scrollHeight - el.clientHeight);
-		}
-		/**
-		* Destination scrollTop that centers `row` inside `el` — the same geometry
-		* as scrollIntoView({ block: 'center' }), computed directly so the glide owns
-		* the scroll position instead of the browser.
-		* @param el - the conversation scrollport.
-		* @param row - the target chat row.
-		*/
-		function centeredScrollTopFor(el, row) {
-			const floor = scrollFloorOf(el);
-			const target = el.scrollTop + (row.getBoundingClientRect().top - el.getBoundingClientRect().top) - (el.clientHeight - row.offsetHeight) / 2;
-			if (!Number.isFinite(target)) return el.scrollTop;
-			return Math.max(0, Math.min(floor, target));
-		}
-		/**
-		* Glide duration for a distance: longer slides take longer, bounded to
-		* [MIN_GLIDE_MS, MAX_GLIDE_MS] (a deep-history rail click reads as a
-		* deliberate glide, not a sluggish race).
-		* @param distance - px to travel.
-		*/
-		function glideDurationFor(distance) {
-			if (!Number.isFinite(distance)) return MIN_GLIDE_MS;
-			return Math.round(Math.max(MIN_GLIDE_MS, Math.min(MAX_GLIDE_MS, 240 + Math.abs(distance) * .14)));
-		}
-		/**
-		* Detach the official bottom-follow state when the reader currently sits
-		* inside its follow zone: assign the scroll position just outside the 25px
-		* boundary. That one synchronous scroll event settles at-bottom to false
-		* (moved-by-reader + outside the zone) so a tip-moved re-render cannot yank
-		* the glide back to the floor. No-op when already above the zone or when
-		* the assignment cannot move (content shorter than the viewport).
-		* @param el - the conversation scrollport.
-		*/
-		function detachBottomFollow(el) {
-			const floor = scrollFloorOf(el);
-			if (el.scrollTop < floor - CONVERSATION_FOLLOW_ZONE_PX) return false;
-			const detached = Math.max(0, floor - CONVERSATION_FOLLOW_ZONE_PX - 1);
-			if (Math.abs(el.scrollTop - detached) < 1) return false;
-			el.scrollTop = detached;
-			return true;
-		}
-		/**
-		* Wait until a detach assignment's scroll event has been dispatched AND
-		* consumed by the official scroll handler: scroll events fire on a later
-		* frame than the assignment, and a paging commit's layout effect runs
-		* before that dispatch — it would re-run the follow logic while the
-		* at-bottom flag is still true and drag the viewport to the growing floor,
-		* undoing the detach (two rAFs + a macrotask bracket the dispatch window).
+		* Styles for the legacy port of the official turn rail (legacy-rail.tsx).
+		*
+		* A faithful port of `TurnNavigator.module.css` from dsh-client-ui-chat, kept
+		* on the plugin's own `dsbt-` prefix because this rail isportaled to body
+		* instead of living inside the chat scrollport. Metrics are the official ones
+		* verbatim (28px column, 10px tick spacing, 6px end inset, 12/18/20px tick
+		* widths, 420px height ceiling, 100px preview, 300px preview width).
+		*
+		* Glass + edge fade (unlike stock chrome): the rail is background plugin
+		* chrome over the user's art, so the hover preview joins the shared glass
+		* recipe under body[data-dsh-bg-glass] (fill = the painter's composer token
+		* + the shared blur/sheen — the same strength as the composer card), and
+		* the marks column gets the DeepSeek-web edge dissolve (top/bottom ticks
+		* fade instead of hard-clipping). The fade is paint-only, always on; the
+		* glass follows the wallpaper/panel-opacity sliders exactly like every
+		* other glassed surface. Both kernel generations render identically.
 		*/
-		function settleScrollEvents() {
-			if (typeof requestAnimationFrame !== "function") return Promise.resolve();
-			return new Promise((resolve) => {
-				requestAnimationFrame(() => requestAnimationFrame(() => window.setTimeout(resolve, 0)));
-			});
+		/** Unique id stamped on the injected style element (dedup key). */
+		const TIMELINE_CSS_TAG = "deepseek-harness-background/timeline";
+		/** Inject the rail stylesheet once. Idempotent (dedup key on the tag). */
+		function injectTimelineCss() {
+			if (typeof document === "undefined") return;
+			if (document.querySelector(`style[data-plugin-css="deepseek-harness-background/timeline"]`)) return;
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "deepseek-harness-background";
+			tag.dataset.pluginCss = TIMELINE_CSS_TAG;
+			tag.textContent = TIMELINE_CSS;
+			document.head.appendChild(tag);
 		}
+		const TIMELINE_CSS = `
+  /* Portaled host: the official slot is a zero-height sticky box inside the
+     chat scrollport; a fixed box centred on the transcript band is the
+     equivalent outside it. */
+  .dsbt-slot {
+    position: fixed; top: 50%; right: 16px; transform: translateY(-50%);
+    z-index: 6; display: flex; align-items: center; pointer-events: none;
+  }
+  @media (max-width: 767px) { .dsbt-slot { display: none; } }
+
+  .dsbt-rail {
+    position: relative; width: 28px; cursor: pointer; pointer-events: auto;
+    transition: height 220ms cubic-bezier(.2, .8, .2, 1);
+    height: min(var(--dsbt-natural-h, 12px), var(--dsbt-band, 420px), 420px);
+  }
+
+  .dsbt-marks {
+    position: absolute; inset: var(--dsbt-inset, 6px) 0;
+    /* No edge dissolve here: the first and last tick dashes straddle the
+       marks box edges by 1px, so any fade zone sized off the box height
+       swallows them (at a 10-turn rail the 8% recipe rendered the ends at
+       ~14% opacity). The end ticks must stay fully painted. */
+  }
+
+  .dsbt-markPosition {
+    position: absolute; top: min(var(--dsbt-natural, 0px), var(--dsbt-ratio, 0%));
+    right: 0; left: 0; height: 10px; transform: translateY(-50%);
+    transition: top 220ms cubic-bezier(.2, .8, .2, 1);
+    animation: dsbt-mark-enter 150ms ease-out;
+  }
+
+  /* The rail owns pointer input for the whole column, so a mark is a keyboard
+     destination that paints one tick — never a mouse target of its own. */
+  .dsbt-mark {
+    position: absolute; inset: 0 0 0 auto; width: 20px; padding: 0; border: 0;
+    border-radius: 8px; background: transparent; cursor: pointer;
+    pointer-events: none;
+  }
+  .dsbt-mark::before {
+    position: absolute; top: 50%; right: 0; width: 12px; height: 2px;
+    border-radius: 2px; background: var(--dsw-alias-border-l4);
+    content: ''; transform: translateY(-50%);
+    transition: width 140ms ease, background-color 140ms ease;
+  }
+  .dsbt-markPreview::before { width: 18px; background: var(--dsw-alias-label-tertiary); }
+  .dsbt-markActive::before { width: 20px; background: var(--dsw-alias-label-primary); }
+  .dsbt-mark:focus-visible::before {
+    width: 20px; background: var(--dsw-alias-state-business-primary);
+  }
+  .dsbt-mark:focus-visible {
+    outline: 1px solid var(--dsw-alias-state-business-primary);
+    outline-offset: 2px;
+  }
+  /* Entries without an anchor key (early events lacking a durable id) cannot
+     jump; dim them instead of silently eating the click. */
+  .dsbt-mark:disabled::before { width: 8px; opacity: .5; }
+
+  .dsbt-preview {
+    --dsbt-preview-h: 100px;
+    position: absolute;
+    top: clamp(
+      0px,
+      calc(min(var(--dsbt-natural, 0px), var(--dsbt-ratio, 0%))
+        + var(--dsbt-inset, 6px) - var(--dsbt-preview-h) / 2),
+      calc(100% - var(--dsbt-preview-h))
+    );
+    right: calc(100% + 10px); box-sizing: border-box;
+    width: min(300px, calc(100vw - 120px)); max-height: var(--dsbt-preview-h);
+    overflow: hidden; padding: 10px 12px;
+    border: 1px solid var(--dsw-alias-border-l2); border-radius: 10px;
+    color: var(--dsw-alias-label-primary);
+    background: var(--dsw-alias-bg-layer-1); box-shadow: var(--dsw-shadow-lv2);
+    font: var(--dsw-font-xs-strong-13); pointer-events: none;
+    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;
+    animation: dsbt-preview-enter 120ms ease-out;
+    transition: top 140ms cubic-bezier(.2, .8, .2, 1);
+    /* Content dissolve: a clamped preview's last lines soften out instead of
+       hard-cutting. No effect on short copy (the mask's fade zone rides the
+       empty tail) and no effect on ticks — it lives on the preview only. */
+    mask-image: linear-gradient(180deg, #000 86%, transparent 100%);
+    -webkit-mask-image: linear-gradient(180deg, #000 86%, transparent 100%);
+  }
+
+  /* Hover preview is glass chrome just like the composer card: its official
+     fill is the opaque bg-layer-1 token, so it needs the explicit-fill
+     recipe (painter's composer token + shared blur/sheen chain). Gated on
+     data-dsh-bg-glass like every other glassed surface. */
+  body[data-dsh-bg-glass] .dsbt-preview {
+    background-color: var(--dsw-specific-input-major);
+    background-image: linear-gradient(180deg, rgba(255, 255, 255, var(--bg-glass-sheen, 0.07)), rgba(255, 255, 255, var(--bg-glass-sheen-mid, 0.02)) 38%, rgba(255, 255, 255, 0.01));
+    -webkit-backdrop-filter: blur(var(--bg-glass-blur, 16px)) saturate(var(--bg-glass-saturate, 1.42)) brightness(var(--bg-glass-brightness, 1)) contrast(1.01);
+    backdrop-filter: blur(var(--bg-glass-blur, 16px)) saturate(var(--bg-glass-saturate, 1.42)) brightness(var(--bg-glass-brightness, 1)) contrast(1.01);
+  }
+
+  @keyframes dsbt-mark-enter { from { opacity: 0; } to { opacity: 1; } }
+  @keyframes dsbt-preview-enter {
+    from { opacity: 0; transform: translateX(4px); }
+    to { opacity: 1; transform: translateX(0); }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .dsbt-rail, .dsbt-markPosition, .dsbt-mark::before, .dsbt-preview {
+      transition: none; animation: none;
+    }
+  }
+`;
+		//#endregion
+		//#region src/client/timeline/legacy-rail.tsx
 		/**
-		* Animate el.scrollTop toward target with an ease-in-out cubic profile.
-		* Wheel / touch / keyboard-scroll input cancels the glide so the reader
-		* takes over immediately. Resolves true when the glide completed, false
-		* when the reader cancelled it.
-		* @param el - the conversation scrollport.
-		* @param target - destination scrollTop.
-		* @param durationMs - animation budget.
+		* Legacy turn rail — the official `TurnNavigator` UI ported into this plugin
+		* for kernels that do not publish an official turn-navigation index
+		* (dsh <= 0.1.1).
+		*
+		* Structure, metrics and paints mirror `TurnNavigator.tsx` /
+		* `TurnNavigator.module.css` from dsh-client-ui-chat; styles live in
+		* ./legacy-rail-css.ts. The only differences are the ones a portaled box
+		* forces:
+		* - The official slot is a zero-height sticky box inside the chat scrollport;
+		*   this one is a fixed box centred on the same band (the transcript minus
+		*   the composer), positioned from the scrollport's live rect.
+		* - The official rail reads the turn index the kernel assembles; this one
+		*   reads the shared backend (./source.ts), i.e. the host projection when it
+		*   exists and the loaded node window otherwise. That is why it can offer
+		*   turns the chat view has not loaded yet.
+		*
+		* Behaviour is identical to the enhanced official rail because both run the
+		* same jump engine (./jump.ts): a click glides instead of teleporting, and
+		* reaching for the rail pages older history in up to its uncompressed
+		* capacity with the reader's view held still.
 		*/
-		function animateScrollTop(el, target, durationMs) {
-			return new Promise((resolve) => {
-				const start = el.scrollTop;
-				const delta = target - start;
-				let done = false;
-				let frame = 0;
-				const finish = (completed) => {
-					if (done) return;
-					done = true;
-					el.removeEventListener("wheel", onWheel);
-					el.removeEventListener("touchstart", onTouch);
-					window.removeEventListener("keydown", onKey);
-					if (frame !== 0) cancelAnimationFrame(frame);
-					resolve(completed);
-				};
-				const onWheel = () => finish(false);
-				const onTouch = () => finish(false);
-				const onKey = (e) => {
-					if ([
-						"ArrowUp",
-						"ArrowDown",
-						"PageUp",
-						"PageDown",
-						"Home",
-						"End",
-						" "
-					].includes(e.key)) finish(false);
-				};
-				el.addEventListener("wheel", onWheel, { passive: true });
-				el.addEventListener("touchstart", onTouch, { passive: true });
-				window.addEventListener("keydown", onKey);
-				if (Math.abs(delta) < .5 || durationMs <= 0) {
-					el.scrollTop = target;
-					finish(true);
-					return;
-				}
-				const t0 = performance.now();
-				const ease = (x) => x < .5 ? 4 * x * x * x : 1 - (-2 * x + 2) ** 3 / 2;
-				const step = (now) => {
-					if (done) return;
-					const t = Math.min(1, (now - t0) / durationMs);
-					el.scrollTop = start + delta * ease(t);
-					if (t < 1) frame = requestAnimationFrame(step);
-					else finish(true);
-				};
-				frame = requestAnimationFrame(step);
-			});
+		if (typeof document !== "undefined") injectTimelineCss();
+		/** Composer height assumed when neither the seat nor the kernel's own var is available. */
+		const FALLBACK_COMPOSER_PX = 152;
+		/** The official stylesheet's own ceiling and band deduction. */
+		const RAIL_MAX_HEIGHT_PX = 420;
+		const RAIL_BAND_DEDUCTION_PX = 64;
+		/** How often the rail's host band and offset are re-measured. */
+		const MEASURE_INTERVAL_MS = 400;
+		/** Read one px-valued custom property off an element (undefined when absent). */
+		function cssPx(el, name) {
+			const raw = el.style.getPropertyValue(name);
+			if (raw === "") return void 0;
+			const px = Number.parseFloat(raw);
+			return Number.isFinite(px) ? px : void 0;
 		}
 		/**
-		* Ensure the target node is loaded, wait for the chat view to commit its row
-		* into the DOM, then glide it into view. Paging uses a time budget instead
-		* of the old fixed 120-iteration guard (each in-flight page burned 50ms of
-		* that guard, so slow history could exhaust it and silently fail).
+		* The band the rail may occupy: the transcript the reader actually sees, i.e.
+		* the scrollport minus the sticky composer stack — the official measurement,
+		* taken from the kernel's own vars when it publishes them (0.1.2+) and from
+		* the composer seat otherwise.
+		* @param sp - the conversation scrollport.
 		*/
-		async function jumpToMessage(sessionsService, sessionId, key, rowWaitMs = JUMP_ROW_WAIT_MS) {
-			const session = sessionsService.binding(sessionId)?.session;
-			if (session === void 0) return false;
-			let detachedAny = false;
-			for (const el of Array.from(document.querySelectorAll("[data-conversation-scroll]"))) if (detachBottomFollow(el)) {
-				el.dispatchEvent(new Event("scroll"));
-				detachedAny = true;
-			}
-			if (detachedAny) await settleScrollEvents();
-			const deadline = Date.now() + JUMP_PAGE_DEADLINE_MS;
-			for (;;) {
-				const snapshot = session.getSnapshot();
-				if (snapshot?.chat?.nodes?.get(key) !== void 0) break;
-				if (snapshot?.hasMore !== true) break;
-				if (Date.now() >= deadline) break;
-				if (snapshot.loadingOlder === true) {
-					await delay(50);
-					continue;
-				}
-				if (snapshot.openState !== void 0 && snapshot.openState !== "open") {
-					await delay(100);
-					continue;
-				}
-				try {
-					await session.loadOlder();
-				} catch (error) {
-					console.warn("[deepseek-harness-background] timeline jump paging failed:", error);
-					break;
-				}
-			}
-			const row = await waitForChatRow(key, rowWaitMs);
-			if (row === null) {
-				console.warn(`[deepseek-harness-background] timeline jump target never rendered: ${key}`);
-				return false;
-			}
-			const reducedMotion = typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-			const scroller = row.closest("[data-conversation-scroll]");
-			if (scroller === null) {
-				row.scrollIntoView({
-					behavior: "auto",
-					block: "center"
-				});
-				if (!reducedMotion) row.scrollIntoView({
-					behavior: "smooth",
-					block: "center"
-				});
-				return true;
-			}
-			const target = centeredScrollTopFor(scroller, row);
-			if (reducedMotion || Math.abs(target - scroller.scrollTop) < MIN_GLIDE_DISTANCE_PX) {
-				scroller.scrollTop = target;
-				return true;
-			}
-			if (detachBottomFollow(scroller)) {
-				scroller.dispatchEvent(new Event("scroll"));
-				await settleScrollEvents();
-			}
-			return await animateScrollTop(scroller, target, glideDurationFor(Math.abs(target - scroller.scrollTop)));
+		function bandOf(sp) {
+			const viewport = cssPx(sp, "--dsh-conversation-viewport-height") ?? sp.clientHeight;
+			const seat = sp.querySelector("[data-composer-seat]");
+			const composer = cssPx(sp, "--dsh-composer-height") ?? seat?.offsetHeight ?? FALLBACK_COMPOSER_PX;
+			return Math.max(0, Math.min(RAIL_MAX_HEIGHT_PX, viewport - composer - RAIL_BAND_DEDUCTION_PX));
 		}
-		/**
-		* Scroll only the rail itself so the active row stays visible (min distance).
-		* offsetTop math instead of getBoundingClientRect: stable while the panel's
-		* own smooth scroll animates (no feedback loop with live rects).
-		*/
-		function scrollTimelineItemIntoView(page, item) {
-			const pageTop = page.scrollTop;
-			const pageBottom = pageTop + page.clientHeight;
-			const itemTop = item.offsetTop;
-			const itemBottom = itemTop + item.offsetHeight;
-			if (itemTop < pageTop) page.scrollTop = Math.max(0, itemTop - 10);
-			else if (itemBottom > pageBottom) page.scrollTop = itemBottom - page.clientHeight + 10;
+		/** Tick metrics for one count, mirroring the official `railSize`. */
+		function railSize(count) {
+			return {
+				["--dsbt-natural-h"]: `${(count - 1) * 10 + 12}px`,
+				["--dsbt-inset"]: `6px`
+			};
 		}
-		/** Is another timeline rail already mounted (e.g. dsh-chat-timeline)? */
-		function otherRailPresent() {
-			return document.querySelector(".dsct_nav") !== null;
+		/** Position of one tick, mirroring the official `itemPosition`. */
+		function tickPosition(index, count) {
+			const ratio = count <= 1 ? 0 : index / (count - 1);
+			return {
+				["--dsbt-natural"]: `${index * 10}px`,
+				["--dsbt-ratio"]: `${ratio * 100}%`
+			};
 		}
 		/**
-		* The timeline rail component. Portaled to body; registered into the
-		* conversation input dock purely to bind per-session lifecycle.
+		* The legacy turn rail.
+		* @param props - dock slot props plus the enabled gate.
+		* @returns the portaled rail, or null when it must not render.
 		*/
-		function TimelineRail(props) {
-			const { sessionId, sessionsService, useProjection, t } = props;
-			const settings = react.default.useSyncExternalStore(settingsClient.subscribe, settingsClient.getSnapshot);
-			const timelineUnknown = settings.status === "loading";
-			const timelineDisabled = settings.value?.timeline === false;
+		function LegacyTimelineRail(props) {
+			const { sessionId, sessionsService, useProjection, enabled, t } = props;
 			const session = sessionId !== void 0 && sessionsService !== void 0 ? sessionsService.binding(sessionId)?.session : void 0;
 			const subscribeSession = react.default.useCallback((listener) => session === void 0 ? () => {} : session.subscribe(listener), [session]);
 			const snapshotSession = react.default.useCallback(() => session === void 0 ? void 0 : session.getSnapshot(), [session]);
 			const nodeSnapshot = react.default.useSyncExternalStore(subscribeSession, snapshotSession);
-			const projected = useProjection !== void 0 ? useProjection(TIMELINE_PROJECTION_KEY) : void 0;
-			const messages = react.default.useMemo(() => railMessages(nodeSnapshot, projected), [nodeSnapshot, projected]);
+			const projected = useProjection === void 0 ? void 0 : useProjection(TIMELINE_PROJECTION_KEY);
+			const entries = react.default.useMemo(() => railMessages(nodeSnapshot, projected), [nodeSnapshot, projected]);
 			const [activeIndex, setActiveIndex] = react.default.useState(-1);
-			const [show, setShow] = react.default.useState(false);
+			const [previewIndex, setPreviewIndex] = react.default.useState(-1);
 			const [rightOffset, setRightOffset] = react.default.useState(16);
-			const [railWidth, setRailWidth] = react.default.useState(RAIL_MAX_WIDTH);
-			const [fades, setFades] = react.default.useState({
-				top: false,
-				bottom: false
-			});
-			const [hidden, setHidden] = react.default.useState(() => otherRailPresent());
-			const [marks, setMarks] = react.default.useState(() => readMarks(sessionId));
-			const [marksOnly, setMarksOnly] = react.default.useState(false);
-			const [isNarrow, setIsNarrow] = react.default.useState(() => typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(max-width: 767px)").matches);
-			const pageRef = react.default.useRef(null);
-			const activeItemRef = react.default.useRef(null);
-			const jumpPendingRef = react.default.useRef(false);
-			const jumpFallbackRef = react.default.useRef(void 0);
-			react.default.useEffect(() => {
-				setMarks(readMarks(sessionId));
-				setMarksOnly(false);
-			}, [sessionId]);
-			const markedSet = react.default.useMemo(() => new Set(marks), [marks]);
-			const marksRef = react.default.useRef(marks);
-			marksRef.current = marks;
-			const toggleMark = react.default.useCallback((m) => {
-				const k = markKeyOf(m);
-				if (k === "") return;
-				const prev = marksRef.current;
-				const next = prev.includes(k) ? prev.filter((x) => x !== k) : [...prev, k];
-				marksRef.current = next;
-				setMarks(next);
-				writeMarks(sessionId, next);
-			}, [sessionId]);
+			const [band, setBand] = react.default.useState(RAIL_MAX_HEIGHT_PX);
+			const aliveRef = react.default.useRef(true);
+			const warmingRef = react.default.useRef(false);
+			const railRef = react.default.useRef(null);
 			react.default.useEffect(() => {
-				if (typeof window.matchMedia !== "function") return;
-				const mql = window.matchMedia("(max-width: 767px)");
-				const onChange = (e) => setIsNarrow(e.matches);
-				mql.addEventListener("change", onChange);
-				return () => mql.removeEventListener("change", onChange);
+				aliveRef.current = true;
+				return () => {
+					aliveRef.current = false;
+				};
 			}, []);
+			const entriesRef = react.default.useRef(entries);
+			entriesRef.current = entries;
 			react.default.useEffect(() => {
-				setRailWidth(railWidthFor(messages.map((m) => m.text)));
-			}, [messages]);
-			react.default.useEffect(() => {
-				if (messages.length === 0) return;
+				if (entries.length === 0) return;
 				const indexByKey = /* @__PURE__ */ new Map();
-				messages.forEach((m, i) => {
-					const key = resolveAnchorKey(m);
-					if (key !== void 0) indexByKey.set(key, i);
+				entries.forEach((entry, index) => {
+					if (entry.anchorKey !== void 0) indexByKey.set(entry.anchorKey, index);
 				});
 				const sp = document.querySelector("[data-conversation-scroll]");
 				if (sp === null) return;
 				const rows = sp.querySelectorAll("[data-chat-anchor-key]");
-				let settleTimer;
 				let frame = 0;
-				const nearRows = /* @__PURE__ */ new Set();
-				const updateActive = () => {
-					if (jumpPendingRef.current) return;
+				const measure = () => {
+					frame = 0;
 					const rect = sp.getBoundingClientRect();
 					if (rect.height === 0) return;
-					const candidates = nearRows.size > 0 ? nearRows : rows;
 					const line = rect.top + rect.height * .4;
 					let best = -1;
 					let bestDist = Infinity;
-					for (const row of candidates) {
+					for (const row of rows) {
 						const key = row.getAttribute("data-chat-anchor-key");
 						if (key === null) continue;
-						const idx = indexByKey.get(key) ?? -1;
-						if (idx === -1) continue;
+						const index = indexByKey.get(key);
+						if (index === void 0) continue;
 						const r = row.getBoundingClientRect();
 						const dist = Math.abs(r.top + r.height / 2 - line);
 						if (dist < bestDist) {
 							bestDist = dist;
-							best = idx;
+							best = index;
 						}
 					}
 					setActiveIndex(best);
 				};
-				const scheduleMeasure = () => {
-					if (frame !== 0) return;
-					frame = window.requestAnimationFrame(() => {
-						frame = 0;
-						updateActive();
-					});
-				};
-				let io;
-				if (typeof IntersectionObserver === "function") {
-					io = new IntersectionObserver((entries) => {
-						for (const entry of entries) if (entry.isIntersecting) nearRows.add(entry.target);
-						else nearRows.delete(entry.target);
-						scheduleMeasure();
-					}, { root: sp });
-					rows.forEach((row) => io?.observe(row));
-				}
-				const onScroll = () => {
-					if (settleTimer !== void 0) clearTimeout(settleTimer);
-					settleTimer = window.setTimeout(() => {
-						settleTimer = void 0;
-						if (jumpPendingRef.current) {
-							jumpPendingRef.current = false;
-							if (jumpFallbackRef.current !== void 0) {
-								clearTimeout(jumpFallbackRef.current);
-								jumpFallbackRef.current = void 0;
-							}
-							updateActive();
-						}
-					}, 150);
-					scheduleMeasure();
+				const schedule = () => {
+					if (frame === 0) frame = window.requestAnimationFrame(measure);
 				};
-				sp.addEventListener("scroll", onScroll, { passive: true });
-				const interval = window.setInterval(scheduleMeasure, 2e3);
-				scheduleMeasure();
+				sp.addEventListener("scroll", schedule, { passive: true });
+				const timer = window.setInterval(schedule, 2e3);
+				schedule();
 				return () => {
-					io?.disconnect();
+					sp.removeEventListener("scroll", schedule);
+					window.clearInterval(timer);
 					if (frame !== 0) cancelAnimationFrame(frame);
-					if (settleTimer !== void 0) clearTimeout(settleTimer);
-					if (jumpFallbackRef.current !== void 0) {
-						clearTimeout(jumpFallbackRef.current);
-						jumpFallbackRef.current = void 0;
-					}
-					sp.removeEventListener("scroll", onScroll);
-					clearInterval(interval);
 				};
-			}, [messages]);
-			const syncFades = react.default.useCallback(() => {
-				const page = pageRef.current;
-				if (page === null) {
-					setFades({
-						top: false,
-						bottom: false
-					});
-					return;
-				}
-				const canTop = page.scrollTop > 2;
-				const canBot = page.scrollTop + page.clientHeight < page.scrollHeight - 2;
-				setFades((prev) => prev.top === canTop && prev.bottom === canBot ? prev : {
-					top: canTop,
-					bottom: canBot
-				});
-			}, []);
-			react.default.useEffect(syncFades, [
-				syncFades,
-				show,
-				messages.length,
-				marksOnly
-			]);
-			react.default.useLayoutEffect(() => {
-				if (!show) return;
-				const page = pageRef.current;
-				const item = activeItemRef.current;
-				if (page === null || item === null) return;
-				scrollTimelineItemIntoView(page, item);
-				syncFades();
-			}, [
-				activeIndex,
-				messages.length,
-				marksOnly,
-				show,
-				syncFades
-			]);
-			const height = railHeightFor(messages.length);
-			react.default.useLayoutEffect(() => {
-				if (show) return;
-				const page = pageRef.current;
-				if (page === null) return;
-				page.scrollTop = page.scrollHeight;
-			}, [
-				show,
-				messages.length,
-				marksOnly,
-				height
-			]);
+			}, [entries]);
 			react.default.useEffect(() => {
 				let raf = 0;
 				const measure = () => {
@@ -2862,6 +2823,7 @@ window.__ModuleLoader__.load({
 					if (sp === null) return;
 					const rect = sp.getBoundingClientRect();
 					if (rect.width === 0 && rect.height === 0) return;
+					setBand(bandOf(sp));
 					const next = Math.max(8, Math.round(window.innerWidth - rect.right + 12));
 					setRightOffset((prev) => Math.abs(prev - next) > .5 ? next : prev);
 				};
@@ -2872,116 +2834,350 @@ window.__ModuleLoader__.load({
 				const ro = typeof ResizeObserver === "function" && sp !== null ? new ResizeObserver(schedule) : null;
 				if (ro !== null && sp !== null) ro.observe(sp);
 				window.addEventListener("resize", schedule);
-				const guard = window.setInterval(() => setHidden(otherRailPresent()), 2e3);
+				const timer = window.setInterval(schedule, MEASURE_INTERVAL_MS);
 				measure();
 				return () => {
 					if (raf !== 0) cancelAnimationFrame(raf);
 					ro?.disconnect();
 					window.removeEventListener("resize", schedule);
-					clearInterval(guard);
+					window.clearInterval(timer);
 				};
 			}, []);
-			if (timelineUnknown || timelineDisabled || sessionId === void 0 || sessionsService === void 0 || isNarrow || hidden || messages.length === 0) return null;
-			const activeKey = activeIndex >= 0 && activeIndex < messages.length ? markKeyOf(messages[activeIndex]) : "";
-			const displayMessages = marksOnly ? messages.filter((m) => markedSet.has(markKeyOf(m))) : messages;
-			return react_dom.default.createPortal(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "dsbt-nav",
-				style: {
-					right: rightOffset,
-					["--dsbt-h"]: `${height}px`,
-					["--dsbt-w"]: `${railWidth}px`
-				},
-				role: "navigation",
-				"aria-label": t("timeline.railLabel"),
-				onMouseEnter: () => setShow(true),
-				onMouseLeave: () => setShow(false),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: show ? "dsbt-bg dsbt-bg-hide" : "dsbt-bg" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: show ? "dsbt-wrap dsbt-show" : "dsbt-wrap",
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "dsbt-filterbar",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-								type: "button",
-								className: marksOnly ? "dsbt-filterbtn dsbt-filteron" : "dsbt-filterbtn",
-								"aria-pressed": marksOnly,
-								onClick: () => setMarksOnly((v) => !v),
-								children: [t("timeline.marksOnly"), marks.length > 0 ? ` (${marks.length})` : ""]
-							})
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: fades.top ? "dsbt-fade dsbt-fade-on" : "dsbt-fade",
-							"aria-hidden": true
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: fades.bottom ? "dsbt-fade dsbt-fade-bot dsbt-fade-on" : "dsbt-fade dsbt-fade-bot",
-							"aria-hidden": true
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "dsbt-page",
-							ref: pageRef,
-							onScroll: syncFades,
-							children: displayMessages.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "dsbt-empty",
-								children: t("timeline.noMarks")
-							}) : displayMessages.map((m) => {
-								const key = resolveAnchorKey(m);
-								const mk = markKeyOf(m);
-								const marked = markedSet.has(mk);
-								const isActive = activeKey !== "" && mk === activeKey;
-								return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: `dsbt-item${isActive ? " dsbt-active" : ""}${marked ? " dsbt-marked" : ""}`,
-									children: [
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: "dsbt-jump",
-											ref: isActive ? activeItemRef : void 0,
-											disabled: key === void 0,
-											title: key === void 0 ? t("timeline.cannotJump") : `${marked ? "★ " : ""}${m.text === "" ? t("timeline.noText") : m.text}`,
-											"aria-label": key === void 0 ? `${marked ? "★ " : ""}${t("timeline.roleUser")}: ${t("timeline.cannotJump")}` : `${marked ? "★ " : ""}${t("timeline.roleUser")}: ${m.text.slice(0, 60) || t("timeline.noText")}`,
-											"aria-current": isActive ? "location" : void 0,
-											onClick: () => {
-												if (key === void 0) return;
-												jumpPendingRef.current = true;
-												if (jumpFallbackRef.current !== void 0) clearTimeout(jumpFallbackRef.current);
-												jumpFallbackRef.current = window.setTimeout(() => {
-													jumpFallbackRef.current = void 0;
-													jumpPendingRef.current = false;
-												}, JUMP_LOCK_FALLBACK_MS);
-												jumpToMessage(sessionsService, sessionId, key).catch(() => {}).finally(() => {
-													if (jumpFallbackRef.current !== void 0) {
-														clearTimeout(jumpFallbackRef.current);
-														jumpFallbackRef.current = void 0;
-													}
-													jumpPendingRef.current = false;
-												});
-											},
-											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-												className: "dsbt-title",
-												children: m.text === "" ? t("timeline.noText") : m.text
-											})
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-											type: "button",
-											className: marked ? "dsbt-star dsbt-staron" : "dsbt-star",
-											"aria-pressed": marked,
-											"aria-label": marked ? t("timeline.unmark") : t("timeline.mark"),
-											onClick: () => toggleMark(m),
-											children: "★"
-										}),
-										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-											className: "dsbt-ind",
-											"aria-hidden": true,
-											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "dsbt-line" })
-										})
-									]
-								}, m.seq);
-							})
+			const navigate = react.default.useCallback((entry) => {
+				if (entry.anchorKey === void 0) return;
+				if (sessionsService === void 0 || sessionId === void 0) return;
+				jumpToMessage(sessionsService, sessionId, entry.anchorKey, { followZonePx: 25 }).catch(() => {});
+			}, [sessionsService, sessionId]);
+			const warm = react.default.useCallback(async () => {
+				if (session === void 0) return;
+				if (warmingRef.current) return;
+				const sp = document.querySelector("[data-conversation-scroll]");
+				if (sp === null) return;
+				warmingRef.current = true;
+				try {
+					await warmHistory(session, sp, {
+						followZonePx: 25,
+						alive: () => aliveRef.current,
+						countOf: () => entriesRef.current.length,
+						capacity: railCapacityOf(railRef.current)
+					});
+				} finally {
+					warmingRef.current = false;
+				}
+			}, [session]);
+			if (!enabled || sessionId === void 0 || sessionsService === void 0 || entries.length < 2) return null;
+			const count = entries.length;
+			const preview = previewIndex >= 0 && previewIndex < count ? entries[previewIndex] : void 0;
+			return react_dom.default.createPortal(/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "dsbt-slot",
+				style: { right: rightOffset },
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("nav", {
+					className: "dsbt-rail",
+					ref: railRef,
+					style: {
+						...railSize(count),
+						["--dsbt-band"]: `${band}px`
+					},
+					"aria-label": t("timeline.railLabel"),
+					onPointerMove: (event) => {
+						setPreviewIndex(indexAtPointer(count, event.currentTarget, event.clientY));
+					},
+					onPointerLeave: () => {
+						setPreviewIndex(-1);
+					},
+					onPointerEnter: () => {
+						warm();
+					},
+					onFocus: () => {
+						warm();
+					},
+					onClick: (event) => {
+						const index = indexForEvent(event.currentTarget, event.nativeEvent);
+						const entry = entries[index];
+						if (entry !== void 0) navigate(entry);
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "dsbt-marks",
+						children: entries.map((entry, index) => {
+							const active = index === activeIndex;
+							const cls = active ? "dsbt-mark dsbt-markActive" : index === previewIndex ? "dsbt-mark dsbt-markPreview" : "dsbt-mark";
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "dsbt-markPosition",
+								style: tickPosition(index, count),
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: cls,
+									disabled: entry.anchorKey === void 0,
+									"aria-label": t("timeline.jump", { turn: index + 1 }),
+									"aria-current": active ? "true" : void 0,
+									onFocus: () => {
+										setPreviewIndex(index);
+									},
+									onBlur: () => {
+										setPreviewIndex(-1);
+									}
+								})
+							}, entry.seq);
 						})
-					]
-				})]
+					}), preview !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						role: "tooltip",
+						className: "dsbt-preview",
+						style: tickPosition(previewIndex, count),
+						children: preview.text === "" ? t("timeline.noText") : preview.text
+					})]
+				})
 			}), document.body);
 		}
 		//#endregion
+		//#region src/client/timeline/official-enhance.tsx
+		/**
+		* Official-rail enhancer — behaviour-only improvements to the kernel's own
+		* turn navigator (dsh >= 0.1.2, `TurnNavigator` in dsh-client-ui-chat).
+		*
+		* This component renders NOTHING. It borrows the official rail exactly as the
+		* kernel painted it and fixes two behaviours:
+		*
+		* 1. Smooth jump. The official `navigateToTurn` is one assignment
+		*    (`el.scrollTop += flowTop(row, el) - 24`); a click across a long
+		*    transcript teleports. Clicks are intercepted in the CAPTURE phase and
+		*    re-run through the shared glide instead.
+		* 2. Reachable history. The official rail only lists turns the client has
+		*    already loaded, so anything behind the "load earlier" button has no mark
+		*    at all. Hovering or focusing the rail pages older history in — only up
+		*    to the rail's own uncompressed capacity, so the marks never degrade into
+		*    a solid bar — with the scroll position compensated so the reader's view
+		*    never moves.
+		*
+		* State-ownership note (why intercepting the official click loses nothing):
+		* the kernel's scrollport (`data-conversation-scroll`, ChatView's
+		* `onScrollRef` handler) treats every unaccounted scrollTop assignment as a
+		* reader move and on each frame (a) flips its own at-bottom machinery,
+		* (b) `chatScroll.save(position)` for view-tab restore, and (c)
+		* `scheduleActiveTurn()` to re-derive the rail's active mark. The glide
+		* animates the real scrollport, so all three keep converging to the target
+		* row while it runs — the only thing the interception skips is the official
+		* handler's synchronous `setActiveTurn(item.turn)`, which its own
+		* scroll-driven active derivation re-settles by the time the glide lands.
+		*
+		* Both go through the shared backend (jump.ts), which is why the legacy port
+		* behaves identically.
+		*
+		* Interception notes: React 18 dispatches `onClick` from a listener on the
+		* root container during the BUBBLE phase. A capture listener on the rail
+		* itself therefore runs first, and `stopImmediatePropagation()` there prevents
+		* the event from ever reaching React's root — the official handler never
+		* fires. The rail owns pointer input for its whole column (marks carry
+		* `pointer-events: none`), so one listener catches mouse and keyboard alike.
+		*
+		* Nothing here touches the official DOM: no nodes are injected into a
+		* React-owned subtree and no official class or paint is overridden.
+		*/
+		/** Structural anchor of the official rail (its inline style carries the rail's own metrics). */
+		const OFFICIAL_RAIL_SELECTOR = "[data-conversation-scroll] nav[style*=\"--turn-natural-height\"]";
+		/**
+		* Rails claimed by an enhancer instance, keyed by the owning instance's
+		* claim token. One session-scoped enhancer mounts per session; without a
+		* claim two instances would both attach capture listeners to the FIRST rail
+		* in the document (multi-column layouts) and one of them — not necessarily
+		* the one owning the reader's column — would win the click. The token
+		* distinguishes "already mine" (the poll keeps it) from "someone else's"
+		* (this instance must stand down). Weak: a replaced rail element disappears
+		* as soon as the browser collects it, so remounts need no bookkeeping.
+		*/
+		const claimedRails = /* @__PURE__ */ new WeakMap();
+		/** How often the official rail is looked for (it mounts with the chat view). */
+		const RAIL_POLL_MS = 400;
+		/**
+		* The enhancer: no visual output, only the two behaviour fixes.
+		* @param props - dock slot props plus the enabled gate.
+		* @returns null (always).
+		*/
+		function OfficialTimelineEnhancer(props) {
+			const { sessionId, sessionsService, useChat, enabled } = props;
+			const items = normalizeNavigationItems(useChat === void 0 ? void 0 : useChat((snapshot) => {
+				const nav = snapshot?.navigation;
+				return typeof nav?.items === "function" ? nav.items() : void 0;
+			}));
+			const session = sessionId !== void 0 && sessionsService !== void 0 ? sessionsService.binding(sessionId)?.session : void 0;
+			const [rail, setRail] = react.default.useState(null);
+			const itemsRef = react.default.useRef(items);
+			itemsRef.current = items;
+			const railRef = react.default.useRef(rail);
+			railRef.current = rail;
+			const aliveRef = react.default.useRef(true);
+			const enabledRef = react.default.useRef(enabled);
+			enabledRef.current = enabled;
+			const warmingRef = react.default.useRef(false);
+			react.default.useEffect(() => {
+				aliveRef.current = true;
+				return () => {
+					aliveRef.current = false;
+				};
+			}, []);
+			const claimToken = react.default.useMemo(() => Symbol("dsh-bg-timeline-claim"), []);
+			react.default.useEffect(() => {
+				const check = () => {
+					const found = document.querySelector(OFFICIAL_RAIL_SELECTOR);
+					if (found === null) {
+						setRail(null);
+						return;
+					}
+					const owner = claimedRails.get(found);
+					if (owner !== void 0 && owner !== claimToken) {
+						setRail(null);
+						return;
+					}
+					claimedRails.set(found, claimToken);
+					setRail(found);
+				};
+				check();
+				const timer = window.setInterval(check, RAIL_POLL_MS);
+				return () => {
+					window.clearInterval(timer);
+					if (railRef.current !== null) claimedRails.delete(railRef.current);
+				};
+			}, [claimToken]);
+			const navigate = react.default.useCallback((item) => {
+				if (sessionsService === void 0 || sessionId === void 0) return;
+				const scrollport = rail === null ? null : rail.closest("[data-conversation-scroll]");
+				jumpToMessage(sessionsService, sessionId, item.anchorKey, {
+					followZonePx: 24,
+					targetTop: officialTargetTopFor,
+					scrollport
+				}).catch(() => {});
+			}, [
+				sessionsService,
+				sessionId,
+				rail
+			]);
+			/**
+			* Page older history in until the rail is full or the log is exhausted.
+			* Each page is compensated so the reader's view stays put (see
+			* compensatedLoadOlder for why the kernel cannot do this for us).
+			*/
+			const warm = react.default.useCallback(async () => {
+				if (session === void 0 || rail === null) return;
+				if (warmingRef.current) return;
+				const scrollport = rail.closest("[data-conversation-scroll]");
+				if (scrollport === null) return;
+				warmingRef.current = true;
+				try {
+					await warmHistory(session, scrollport, {
+						followZonePx: 24,
+						alive: () => aliveRef.current && enabledRef.current,
+						countOf: () => itemsRef.current.length,
+						capacity: railCapacityOf(rail)
+					});
+				} finally {
+					warmingRef.current = false;
+				}
+			}, [session, rail]);
+			react.default.useEffect(() => {
+				if (!enabled || rail === null) return;
+				const onClick = (event) => {
+					const index = indexForEvent(rail, event);
+					const item = itemsRef.current[index];
+					if (item === void 0) return;
+					event.preventDefault();
+					event.stopImmediatePropagation();
+					navigate(item);
+				};
+				rail.addEventListener("click", onClick, true);
+				return () => {
+					rail.removeEventListener("click", onClick, true);
+				};
+			}, [
+				enabled,
+				rail,
+				navigate
+			]);
+			react.default.useEffect(() => {
+				if (!enabled || rail === null) return;
+				const start = () => {
+					warm();
+				};
+				rail.addEventListener("pointerenter", start);
+				rail.addEventListener("focusin", start);
+				return () => {
+					rail.removeEventListener("pointerenter", start);
+					rail.removeEventListener("focusin", start);
+				};
+			}, [
+				enabled,
+				rail,
+				warm
+			]);
+			return null;
+		}
+		//#endregion
+		//#region src/client/timeline/index.tsx
+		/**
+		* Dock-slot entry for the conversation timeline: detects which frontend the
+		* running kernel supports and mounts exactly one of them.
+		*
+		* Detection is a capability check on the slot props, not a version compare:
+		* the official turn rail is rendered from the very index `ui-chat` publishes
+		* as a session hook (`useChat(s => s.navigation.items())`, dsh >= 0.1.2), so
+		* the presence of that hook IS the presence of the official rail. Comparing
+		* version strings would break on pre-releases, forks, and deployments that
+		* mount a different conversation target.
+		*
+		* - `useChat` present -> 'enhance': the official rail stays on screen and
+		*   OfficialTimelineEnhancer improves only its behaviour.
+		* - `useChat` absent  -> 'legacy': no official rail exists, so this plugin
+		*   renders its own port of it from the shared backend.
+		*
+		* The detected mode is published to ./mode-store.ts because the settings row
+		* (root-scoped, no session) cannot probe the kernel itself but must switch its
+		* copy between "conversation timeline" and "conversation timeline enhancement".
+		*/
+		/**
+		* Mount the timeline frontend the running kernel supports.
+		* @param props - dock slot props.
+		* @returns the enhancer or the legacy rail.
+		*/
+		function TimelineBridge(props) {
+			const { useChat, t, ...rest } = props;
+			const settings = react.default.useSyncExternalStore(settingsClient.subscribe, settingsClient.getSnapshot);
+			const enabled = settings.value?.timeline !== false && settings.status !== "loading";
+			const mode = useChat === void 0 ? "legacy" : "enhance";
+			react.default.useEffect(() => {
+				reportTimelineMode(mode);
+			}, [mode]);
+			if (mode === "enhance") return react.default.createElement(OfficialTimelineEnhancer, {
+				...rest,
+				useChat,
+				enabled,
+				t
+			});
+			return react.default.createElement(LegacyTimelineRail, {
+				...rest,
+				enabled,
+				t
+			});
+		}
+		/** localStorage prefix the removed key-point bookmark feature used (< 0.5). */
+		const MARKS_STORAGE_PREFIX = "dsbt_marks_";
+		/**
+		* Drop the bookmark rows pre-0.5 versions left in localStorage.
+		*
+		* The bookmarks are gone — the rail now reuses the official UI, which has no
+		* affordance for them — so the rows are dead weight every session carried
+		* forever. One-way and irreversible by design; the key prefix is owned by
+		* this plugin, so nothing else can be caught in the sweep.
+		*/
+		function clearLegacyMarks() {
+			if (typeof window === "undefined") return;
+			try {
+				const stale = [];
+				for (let i = 0; i < window.localStorage.length; i += 1) {
+					const key = window.localStorage.key(i);
+					if (key !== null && key.startsWith(MARKS_STORAGE_PREFIX)) stale.push(key);
+				}
+				for (const key of stale) window.localStorage.removeItem(key);
+			} catch {}
+		}
+		//#endregion
 		//#region src/client/index.ts
 		/**
 		* Service injections this entry declares: `slots` + `locale` for the settings
@@ -3001,6 +3197,7 @@ window.__ModuleLoader__.load({
 		*/
 		function apply(ctx) {
 			const glassBridge = installGlassBridge();
+			clearLegacyMarks();
 			const paint = () => {
 				const snapshot = settingsClient.getSnapshot();
 				const value = snapshot.status === "ready" ? snapshot.value : void 0;
@@ -3028,7 +3225,7 @@ window.__ModuleLoader__.load({
 				order: 45,
 				locale: "ui-background",
 				inject: () => ({ sessionsService: ctx.sessions })
-			}, TimelineRail));
+			}, TimelineBridge));
 			ctx.effect(() => () => {
 				unsubscribe();
 				glassBridge.dispose();