@max-null/dsh-chat-rail 0.6.0 → 0.6.2

package/lib/client.js

@@ -15,12 +15,11 @@ window.__ModuleLoader__.load({
 		*
 		* Two deliberate fixes over the dsh-chat-timeline reference:
 		*
-		* 1. ANIMATION SYNC with dsh-better-sidebar. better-sidebar drives its layout
-		*    push through the `--dsh-sidebar-width` CSS variable on `:root` (the
-		*    `#root` margin-right transition reads the same variable). The rail's
-		*    `right` is `calc(var(--dsh-sidebar-width, 0px) + 12px)` with the same
-		*    transition timing, so rail and scrollport move together while the panel
-		*    expands — no "panel first, scrollbar later" lag.
+		* 1. POSITION ANCHOR. The rail's right edge follows the conversation column
+		*    (`[data-conversation-scroll]`), not the viewport: the official right
+		*    sidebar pushes the conversation narrower, and the rail must travel with
+		*    it. `--dsh-sidebar-width` reads 0px on the current kernel, so a CSS-only
+		*    offset would pin the rail underneath that sidebar.
 		*
 		* 2. VISIBILITY. The reference rail is 34px wide with 8×2px rgba(0,0,0,.16)
 		*    lines — nearly invisible on a light background. Here the rail keeps a
@@ -94,19 +93,20 @@ window.__ModuleLoader__.load({
 			return `${d.getMonth() + 1}/${d.getDate()}`;
 		}
 		const css = [
-			".crl_nav{user-select:none;z-index:100;position:fixed;right:calc(var(--dsh-sidebar-width,0px) + 3px);top:calc((100vh - var(--dsh-sidebar-height,0px)) / 2);transform:translateY(-50%);width:36px;max-height:min(60vh,420px,calc(100vh - var(--dsh-sidebar-height,0px) - 40px));display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:10px 0;border-radius:18px;overflow-y:hidden;overflow-x:hidden;background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.07);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.18) transparent;transition:width .25s cubic-bezier(.4,0,.2,1),right var(--ds-transition-duration-slow,0.3s) var(--ds-ease-in-out,ease-in-out),top var(--ds-transition-duration-slow,0.3s) var(--ds-ease-in-out,ease-in-out),background .2s ease,border-color .2s ease,box-shadow .2s ease}",
-			"body[data-ds-dark-theme] .crl_nav,[data-theme='dark'] .crl_nav,.dark .crl_nav{background:rgba(28,28,32,.6);border-color:rgba(255,255,255,.09);scrollbar-color:rgba(255,255,255,.25) transparent}",
-			".crl_nav.crl_show{width:280px;overflow-y:auto;align-items:stretch;background:rgba(255,255,255,.94);border-color:rgba(0,0,0,.08);box-shadow:0 10px 30px rgba(0,0,0,.10),0 2px 8px rgba(0,0,0,.05)}",
+			".crl_nav{user-select:none;z-index:100;position:fixed;right:3px;top:calc((100vh - var(--dsh-sidebar-height,0px)) / 2);transform:translateY(-50%);width:36px;max-height:min(60vh,420px,calc(100vh - var(--dsh-sidebar-height,0px) - 40px));display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:0 0 10px;border-radius:18px;overflow-y:hidden;overflow-x:hidden;background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.07);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);scrollbar-width:none;transition:width .25s cubic-bezier(.4,0,.2,1),right .25s cubic-bezier(.4,0,.2,1),top .25s cubic-bezier(.4,0,.2,1),background .2s ease,border-color .2s ease,box-shadow .2s ease}",
+			".crl_list{display:flex;flex-direction:column;align-items:center;width:100%;min-height:0;flex:1 1 auto;position:relative;overflow-y:hidden;overflow-x:hidden;scrollbar-width:none}",
+			"body[data-ds-dark-theme] .crl_nav,[data-theme='dark'] .crl_nav,.dark .crl_nav{background:rgba(28,28,32,.6);border-color:rgba(255,255,255,.09)}",
+			".crl_nav.crl_show{width:280px;align-items:stretch;background:rgba(255,255,255,.94);border-color:rgba(0,0,0,.08);box-shadow:0 10px 30px rgba(0,0,0,.10),0 2px 8px rgba(0,0,0,.05)}",
 			"body[data-ds-dark-theme] .crl_nav.crl_show,[data-theme='dark'] .crl_nav.crl_show,.dark .crl_nav.crl_show{background:rgba(28,28,32,.96);border-color:rgba(255,255,255,.09);box-shadow:0 10px 30px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.28)}",
-			".crl_nav::-webkit-scrollbar{width:4px}",
-			".crl_nav::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18);border-radius:4px}",
+			".crl_nav::-webkit-scrollbar,.crl_list::-webkit-scrollbar{width:0;height:0}",
+			".crl_show .crl_list{overflow-y:auto;align-items:stretch}",
 			".crl_loading{position:sticky;top:0;z-index:2;flex-shrink:0;width:100%;padding:4px 0;font-size:10px;line-height:1;text-align:center;color:var(--dsw-alias-label-secondary,var(--text-muted,rgba(0,0,0,.5)));background:inherit;pointer-events:none}",
 			".crl_loading::before{content:\"\";display:inline-block;width:8px;height:8px;margin-right:4px;border:1.5px solid var(--dsw-alias-state-business-primary,#4d6bfe);border-top-color:transparent;border-radius:50%;vertical-align:-1px;animation:crl-spin .8s linear infinite}",
 			".crl_loading .crl_loadingLabel{display:none}",
 			".crl_show .crl_loading .crl_loadingLabel{display:inline}",
 			"@keyframes crl-spin{to{transform:rotate(360deg)}}",
-			".crl_item{cursor:pointer;flex-shrink:0;height:32px;min-height:32px;display:flex;justify-content:flex-end;align-items:center;width:100%;box-sizing:border-box;padding:0 9px;line-height:20px;background:none;border:none;font:inherit;text-align:left;color:rgba(0,0,0,.68);transition:padding .25s cubic-bezier(.4,0,.2,1),color .15s ease}",
-			".crl_show .crl_item{padding:0 14px}",
+			".crl_item{cursor:pointer;flex-shrink:0;height:32px;min-height:32px;display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box;padding:0 9px;line-height:20px;background:none;border:none;font:inherit;text-align:left;color:rgba(0,0,0,.68);transition:padding .25s cubic-bezier(.4,0,.2,1),color .15s ease}",
+			".crl_show .crl_item{justify-content:flex-end;padding:0 14px}",
 			".crl_item:hover{color:rgba(0,0,0,.95)}",
 			".crl_item.crl_active{color:var(--dsw-alias-state-business-primary,#4d6bfe)}",
 			"body[data-ds-dark-theme] .crl_item,[data-theme='dark'] .crl_item,.dark .crl_item{color:rgba(255,255,255,.68)}",
@@ -132,7 +132,12 @@ window.__ModuleLoader__.load({
 			"body[data-ds-dark-theme] .crl_line,[data-theme='dark'] .crl_line,.dark .crl_line{background-color:rgba(255,255,255,.5)}",
 			"body[data-ds-dark-theme] .crl_item:hover .crl_line,[data-theme='dark'] .crl_item:hover .crl_line,.dark .crl_item:hover .crl_line{background-color:rgba(255,255,255,.95)}",
 			"body[data-ds-dark-theme] .crl_item.crl_active .crl_line,[data-theme='dark'] .crl_item.crl_active .crl_line,.dark .crl_item.crl_active .crl_line{background-color:var(--dsw-alias-state-business-primary,#4d6bfe)}",
-			".crl_tip{position:fixed;z-index:200;max-width:360px;max-height:70vh;overflow-y:auto;padding:10px 12px;font-size:12px;line-height:1.6;color:var(--dsw-alias-label-primary,var(--text-primary,rgba(0,0,0,.85)));background:var(--dsw-alias-surface-raised,var(--bg-elevated,rgba(255,255,255,.97)));border:1px solid var(--dsw-alias-border-l2,var(--border-default,rgba(0,0,0,.12)));border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.16);white-space:pre-wrap;word-break:break-word;pointer-events:none}",
+			".crl_tip{position:fixed;z-index:200;max-width:360px;max-height:70vh;overflow-y:auto;padding:10px 12px;font-size:12px;line-height:1.6;color:var(--dsw-alias-label-primary,var(--text-primary,rgba(0,0,0,.85)));background:var(--dsw-alias-surface-raised,var(--bg-elevated,rgba(255,255,255,.97)));border:1px solid var(--dsw-alias-border-l2,var(--border-default,rgba(0,0,0,.12)));border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.16);white-space:pre-wrap;word-break:break-word;pointer-events:auto}",
+			".crl_tipQaWrap{margin-top:8px;padding-top:8px;border-top:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.1));display:flex;flex-direction:column;gap:4px;pointer-events:auto}",
+			".crl_tipQa{display:flex;align-items:center;gap:6px;width:100%;box-sizing:border-box;padding:5px 8px;border:none;border-radius:7px;background:rgba(77,107,254,.08);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .15s ease}",
+			".crl_tipQa:hover{background:rgba(77,107,254,.16)}",
+			".crl_tipQaIcon{flex:none;display:block;color:var(--dsw-alias-state-business-primary,#4d6bfe)}",
+			".crl_tipQaText{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}",
 			"body[data-ds-dark-theme] .crl_tip,[data-theme='dark'] .crl_tip,.dark .crl_tip{background:var(--dsw-alias-surface-raised,var(--bg-elevated,rgba(28,28,32,.97)));border-color:var(--dsw-alias-border-l2,var(--border-default,rgba(255,255,255,.14)))}",
 			".crl_tipImgs{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}",
 			".crl_tipImgWrap{position:relative;width:fit-content;max-width:100%;max-height:150px}",
@@ -156,14 +161,16 @@ window.__ModuleLoader__.load({
 			".crl_item.crl_favItem .crl_line{background-color:#ffd166}",
 			"body[data-ds-dark-theme] .crl_item.crl_favItem .crl_line,[data-theme='dark'] .crl_item.crl_favItem .crl_line,.dark .crl_item.crl_favItem .crl_line{background-color:#ffd166}",
 			".crl_item.crl_favItem.crl_active .crl_line{background-color:#ffd166;box-shadow:0 0 6px #ffd166}",
-			".crl_favToggle{position:sticky;top:-10px;z-index:3;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:6px;width:26px;height:26px;margin:0 0 6px;padding:0;border:none;border-radius:13px;background:inherit;color:rgba(0,0,0,.4);cursor:pointer;font-size:11px;line-height:1;white-space:nowrap;transition:background .15s ease,color .15s ease}",
+			".crl_favToggle{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:6px;width:34px;height:26px;margin:0 0 6px;padding:0;border:none;border-radius:0;background:transparent;border-bottom:1px solid rgba(0,0,0,.07);color:rgba(0,0,0,.42);cursor:pointer;font-size:11px;line-height:1;white-space:nowrap;transition:background .15s ease,color .15s ease,margin .25s cubic-bezier(.4,0,.2,1),left .25s cubic-bezier(.4,0,.2,1)}",
 			".crl_favToggle:hover{background:rgba(0,0,0,.07);color:rgba(0,0,0,.75)}",
 			".crl_favToggle.crl_on{color:#ffd166;background:rgba(255,209,102,.14)}",
-			".crl_show .crl_favToggle{width:auto;height:26px;margin:0 6px 8px;padding:0 11px;border-radius:13px;align-self:flex-start;text-align:left}",
+			".crl_show .crl_favToggle{width:100%;height:28px;margin:0 0 6px;padding:0 12px;border-radius:0;justify-content:flex-start;text-align:left;border-bottom:1px solid rgba(0,0,0,.07)}",
 			".crl_favToggleLabel{display:none}",
 			".crl_show .crl_favToggleLabel{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}",
-			"body[data-ds-dark-theme] .crl_favToggle,[data-theme='dark'] .crl_favToggle,.dark .crl_favToggle{color:rgba(255,255,255,.4)}",
+			"body[data-ds-dark-theme] .crl_favToggle,[data-theme='dark'] .crl_favToggle,.dark .crl_favToggle{color:rgba(255,255,255,.4);border-bottom-color:rgba(255,255,255,.1)}",
 			"body[data-ds-dark-theme] .crl_favToggle:hover,[data-theme='dark'] .crl_favToggle:hover,.dark .crl_favToggle:hover{background:rgba(255,255,255,.1);color:rgba(255,255,255,.85)}",
+			"body[data-ds-dark-theme] .crl_show .crl_favToggle,[data-theme='dark'] .crl_show .crl_favToggle,.dark .crl_show .crl_favToggle{border-bottom-color:rgba(255,255,255,.1)}",
+			".crl_nav.crl_navHidden{opacity:0 !important;pointer-events:none !important}",
 			"body[data-ds-dark-theme] .crl_favToggle.crl_on,[data-theme='dark'] .crl_favToggle.crl_on,.dark .crl_favToggle.crl_on{color:#ffd166;background:rgba(255,209,102,.18)}",
 			"@media (prefers-reduced-motion:reduce){.crl_nav,.crl_title,.crl_num,.crl_time,.crl_line{transition:none}.crl_tipImgPh{animation:none}}",
 			".crlSetCard{list-style:none;border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-layer-3);transition:border-color .16s,background .16s;cursor:pointer}",
@@ -190,6 +197,14 @@ window.__ModuleLoader__.load({
 		*  CSS module 类名（如 hkplfa_slot，hash 随构建内容漂移）。 */
 		const HIDE_OFFICIAL_CSS = "nav[aria-label=\"轮次导航\"],nav[aria-label=\"Turn navigation\"]{display:none !important}";
 		const HIDE_OFFICIAL_STYLE_ID = "data-crl-hide-official";
+		/**
+		* `data-plugin` 归属标记：DSH 的 client 模块系统只把**没有** `data-plugin` 的 `<style>`
+		* 认领给正在 materialize 的模块（`claimStyles`），而 HMR 重载时按
+		* `data-plugin === 模块 id` 逐字匹配删除。裸注入的 style 会被任意模块认领走，
+		* 随后随那个模块的一次重载被物理删除——元素还在、样式消失（悬浮球样式事故的机制）。
+		* 这里用一个独立于模块 id 的稳定值：既不进别人的账，也不随本模块的进出被清掉。
+		*/
+		const HIDE_OFFICIAL_PLUGIN_TAG = "dsh-chat-rail-hide-official";
 		/** 按设置同步「屏蔽官方 TurnNavigator」样式（showOfficial=true=官方模式：不屏蔽）。 */
 		function syncOfficialHide(showOfficial) {
 			const el = document.head.querySelector(`style[${HIDE_OFFICIAL_STYLE_ID}]`);
@@ -200,10 +215,19 @@ window.__ModuleLoader__.load({
 			if (el === null) {
 				const tag = document.createElement("style");
 				tag.setAttribute(HIDE_OFFICIAL_STYLE_ID, "");
+				tag.setAttribute("data-plugin", HIDE_OFFICIAL_PLUGIN_TAG);
 				tag.textContent = HIDE_OFFICIAL_CSS;
 				document.head.appendChild(tag);
-			}
+			} else if (el.textContent !== HIDE_OFFICIAL_CSS) el.textContent = HIDE_OFFICIAL_CSS;
 		}
+		/**
+		* 会话区剩余宽度低于此值时隐藏导航条（px）。
+		*
+		* 36px 是 rail 自身宽度，留 ~220px 给消息区——再窄时指示点已无参考意义。
+		*/
+		const RAIL_MIN_SPACE = 260;
+		/** 导航条隐藏类（空间不足时由 React 加上；用类而非内联 display，避免与官方模式冲突）。 */
+		const NAV_HIDDEN_CLASS = "crl_navHidden";
 		/** 移除所有已注入的行内收藏/填充按钮（官方模式下的回溯清理）。 */
 		function clearRowActions() {
 			for (const row of document.querySelectorAll("[data-crl-actions=\"1\"]")) {
@@ -220,16 +244,20 @@ window.__ModuleLoader__.load({
 		/** No-op subscribe for useSyncExternalStore when the scope is not yet bound. */
 		const NOOP_SUB = (() => () => {});
 		const STYLE_ID = "@max-null/dsh-chat-rail/styles.module.css";
-		if (typeof document !== "undefined" && document.querySelector(`style[data-plugin-css="${STYLE_ID}"]`) === null) {
-			const tag = document.createElement("style");
-			tag.dataset.plugin = "dsh-chat-rail";
-			tag.dataset.pluginCss = STYLE_ID;
-			tag.textContent = css;
-			document.head.appendChild(tag);
+		if (typeof document !== "undefined") {
+			const existing = document.head.querySelector(`style[data-plugin-css="${STYLE_ID}"]`);
+			if (existing === null) {
+				const tag = document.createElement("style");
+				tag.dataset.plugin = "dsh-chat-rail";
+				tag.dataset.pluginCss = STYLE_ID;
+				tag.textContent = css;
+				document.head.appendChild(tag);
+			} else if (existing.textContent !== css) existing.textContent = css;
 		}
 		const S = {
 			nav: "crl_nav",
 			navShow: "crl_show",
+			list: "crl_list",
 			item: "crl_item",
 			itemActive: "crl_active",
 			title: "crl_title",
@@ -241,6 +269,10 @@ window.__ModuleLoader__.load({
 			loading: "crl_loading",
 			loadingLabel: "crl_loadingLabel",
 			tip: "crl_tip",
+			tipQaWrap: "crl_tipQaWrap",
+			tipQa: "crl_tipQa",
+			tipQaIcon: "crl_tipQaIcon",
+			tipQaText: "crl_tipQaText",
 			tipImgs: "crl_tipImgs",
 			tipImgWrap: "crl_tipImgWrap",
 			tipImg: "crl_tipImg",
@@ -612,11 +644,89 @@ window.__ModuleLoader__.load({
 			out.sort((a, b) => a.seq - b.seq);
 			return out;
 		}
-		/** Resolve the chat node's data-chat-anchor-key (direct key or id-reconstructed). */
+		/** 任一数据平面的节点集合（与 collectFromNodes 同一套取值规则）。 */
+		function nodeValuesOf(snapshot) {
+			const store = snapshot?.nodes;
+			if (store !== void 0 && typeof store.values === "function") return [...store.values()];
+			const chat = snapshot?.chat;
+			if (chat?.nodes === void 0) return [];
+			return [...chat.nodes.values()];
+		}
+		/**
+		* 「提问&回答」也要能被导航。
+		*
+		* 它**不是** chat node：`ask_user_question` 是助手消息里的一个 tool-call 块，
+		* 用户的答案落在同一个 callId 的 `tool/result`（实测会话日志：有 `tool/call
+		* name=ask_user_question` 与对应结果，**没有任何带问答痕迹的 user/message**）。
+		* 所以 `railMessageOfNode` 的 `kind==='user'` 判定永远覆盖不到它。
+		*
+		* 但官方给工具调用也设了 DOM 锚点（`ui-tool/ToolCallTree.tsx:36` →
+		* `data-chat-anchor-key={`call:${callId}`}`），所以**可跳转**——只要把
+		* 助手节点里的问答块收集成 rail 条目即可。
+		*
+		* 范围：只覆盖已加载的 chat node（不做 loadThrough 拉取未加载历史）——
+		* 用户 2026-09-14 拍板。
+		*
+		* @param snapshot - 当前 chat node 快照（任一平面）。
+		* @returns 按 seq 升序的问答条目。
+		*/
+		function collectQaFromNodes(snapshot) {
+			const out = [];
+			for (const node of nodeValuesOf(snapshot)) {
+				if (node === null || typeof node !== "object") continue;
+				const n = node;
+				if (n.kind !== "tool-call") continue;
+				const root = n.data?.root;
+				if (root === null || typeof root !== "object") continue;
+				const r = root;
+				const callId = typeof r.callId === "string" ? r.callId : "";
+				if (callId === "") continue;
+				if ((typeof r.name === "string" ? r.name : typeof r.call?.name === "string" ? r.call.name : "") !== "ask_user_question") continue;
+				const asked = questionsTextOf(typeof r.argsRaw === "string" ? r.argsRaw : typeof r.call?.argsRaw === "string" ? r.call.argsRaw : "");
+				if (asked === "") continue;
+				out.push({
+					seq: typeof n.anchorSeq === "number" ? n.anchorSeq : 0,
+					time: typeof r.time === "number" ? r.time : 0,
+					text: asked,
+					hasImage: false,
+					key: typeof n.key === "string" ? n.key : void 0,
+					anchor: `call:${callId}`,
+					qa: true
+				});
+			}
+			out.sort((a, b) => a.seq - b.seq);
+			return out;
+		}
+		/** 问答条目的预览文本：取 `arguments` JSON 里的问题标题（多问用 ` / ` 连）。 */
+		function questionsTextOf(argsRaw) {
+			if (typeof argsRaw !== "string" || argsRaw.trim() === "") return "";
+			let parsed;
+			try {
+				parsed = JSON.parse(argsRaw);
+			} catch {
+				return "";
+			}
+			const list = parsed?.questions;
+			if (!Array.isArray(list)) return "";
+			const parts = [];
+			for (const q of list) {
+				if (q === null || typeof q !== "object") continue;
+				const o = q;
+				const text = typeof o.question === "string" && o.question !== "" ? o.question : typeof o.header === "string" ? o.header : "";
+				if (text !== "") parts.push(text);
+			}
+			return parts.join(" / ").trim().slice(0, 80);
+		}
+		/** Resolve the DOM anchor key (`data-chat-anchor-key`) for one rail message. */
 		function anchorKeyOf(m) {
+			if (typeof m.anchor === "string" && m.anchor !== "") return m.anchor;
 			if (typeof m.key === "string" && m.key !== "") return m.key;
 			if (typeof m.id === "string" && m.id !== "") return "13:input-message" + m.id;
 		}
+		/** Resolve the **chat node key** for one rail message (used for load checks). */
+		function nodeKeyOf(m) {
+			return typeof m.key === "string" && m.key !== "" ? m.key : anchorKeyOf(m);
+		}
 		/** Full text of a rail message from the loaded chat nodes (uncapped),
 		*  falling back to the projection preview when the node is not mounted. */
 		function fullTextOf(m, nodeSnapshot) {
@@ -663,37 +773,42 @@ window.__ModuleLoader__.load({
 		* DSH, where the Session snapshot no longer carries chat.nodes — falling back
 		* to the legacy Session snapshot's `chat.nodes` Map without it.
 		*/
-		async function jumpToMessage(sessionsService, sessionId, key, nodeOf, onProgress, signal, targetSeq) {
+		async function jumpToMessage(sessionsService, sessionId, key, nodeOf, onProgress, signal, targetSeq, onJump) {
 			const session = sessionsService.binding(sessionId)?.session;
 			if (session === void 0) return false;
 			const isLoaded = nodeOf === void 0 ? (k) => session.getSnapshot().chat?.nodes?.get(k) !== void 0 : nodeOf;
 			let pages = 0;
 			let loaded = false;
-			const jumpLoadThrough = session.loadThrough;
-			if (typeof jumpLoadThrough === "function" && targetSeq !== void 0 && Number.isSafeInteger(targetSeq)) {
-				let spin = 0;
-				while (spin++ < 120) {
-					if (signal?.aborted) return false;
-					if (session.getSnapshot()?.loadingOlder !== true) break;
-					await delay(50);
-				}
-				if (signal?.aborted) return false;
-				await jumpLoadThrough(targetSeq);
-				let spinNode = 0;
-				while (spinNode++ < 100) {
+			const jumpSession = session;
+			if (typeof jumpSession.loadThrough === "function" && targetSeq !== void 0 && Number.isSafeInteger(targetSeq)) {
+				if (!isLoaded(key)) {
+					let spin = 0;
+					while (spin++ < 120) {
+						if (signal?.aborted) return false;
+						if (session.getSnapshot()?.loadingOlder !== true) break;
+						await delay(50);
+					}
 					if (signal?.aborted) return false;
-					if (isLoaded(key)) {
-						loaded = true;
-						break;
+					onJump?.("paging");
+					await jumpSession.loadThrough(targetSeq);
+					let spinNode = 0;
+					while (spinNode++ < 100) {
+						if (signal?.aborted) return false;
+						if (isLoaded(key)) {
+							loaded = true;
+							break;
+						}
+						await delay(50);
+					}
+					if (!loaded) {
+						console.warn(`[chat-rail] jumpToMessage: node "${key}" not loaded after loadThrough(${String(targetSeq)})`);
+						return false;
 					}
-					await delay(50);
-				}
-				if (!loaded) {
-					console.warn(`[chat-rail] jumpToMessage: node "${key}" not loaded after loadThrough(${String(targetSeq)})`);
-					return false;
 				}
+				loaded = true;
 			} else {
 				let guard = 0;
+				let reportedPaging = false;
 				while (guard++ < 120) {
 					if (signal?.aborted) return false;
 					const snapshot = session.getSnapshot();
@@ -706,6 +821,10 @@ window.__ModuleLoader__.load({
 						await delay(50);
 						continue;
 					}
+					if (!reportedPaging) {
+						onJump?.("paging");
+						reportedPaging = true;
+					}
 					await session.loadOlder();
 					pages++;
 					onProgress?.(pages);
@@ -726,15 +845,15 @@ window.__ModuleLoader__.load({
 				await delay(50);
 			}
 			if (row === null) return false;
+			onJump?.("landed");
 			const reducedMotion = typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-			const scrollToRow = () => {
+			const scrollToRow = (instant = false) => {
 				const viewRect = scrollport.getBoundingClientRect();
 				const rowRect = row.getBoundingClientRect();
-				const target = scrollport.scrollTop + (rowRect.top - viewRect.top) - (viewRect.height - rowRect.height) / 2;
-				if (target < 0) return;
+				const target = Math.max(0, scrollport.scrollTop + (rowRect.top - viewRect.top) - (viewRect.height - rowRect.height) / 2);
 				scrollport.scrollTo({
 					top: target,
-					behavior: reducedMotion ? "auto" : "smooth"
+					behavior: instant || reducedMotion ? "auto" : "smooth"
 				});
 			};
 			const rowDelta = () => {
@@ -765,7 +884,7 @@ window.__ModuleLoader__.load({
 				await delay(600);
 				if (signal?.aborted) return false;
 				if (rowDelta() <= Math.max(120, scrollport.getBoundingClientRect().height * .2)) break;
-				scrollToRow();
+				scrollToRow(true);
 			}
 			return true;
 		}
@@ -855,6 +974,7 @@ window.__ModuleLoader__.load({
 			let messages = [];
 			if (Array.isArray(projected?.messages) && projected.messages.length > 0) messages = projected.messages.map(normalize).filter((m) => m !== null);
 			if (messages.length === 0) messages = collectFromNodes(nodeSnapshot);
+			const qaMessages = collectQaFromNodes(nodeSnapshot);
 			const showOfficial = (0, react.useSyncExternalStore)(railSettingsScope !== null ? (cb) => railSettingsScope.subscribe(cb) : NOOP_SUB, () => railSettingsScope?.getSnapshot() ?? { value: void 0 }).value?.showOfficialNavigator === true;
 			const applyOfficialMode = (on) => {
 				syncOfficialHide(on);
@@ -866,6 +986,39 @@ window.__ModuleLoader__.load({
 			(0, react.useEffect)(() => {
 				applyOfficialMode(showOfficial);
 			}, [showOfficial]);
+			const [anchor, setAnchor] = (0, react.useState)(null);
+			(0, react.useEffect)(() => {
+				const measure = () => {
+					if (typeof document === "undefined") return;
+					const scrollport = document.querySelector("[data-conversation-scroll]");
+					if (scrollport === null) {
+						setAnchor(null);
+						return;
+					}
+					const rect = scrollport.getBoundingClientRect();
+					if (rect.width === 0) {
+						setAnchor(null);
+						return;
+					}
+					const next = {
+						right: Math.max(0, Math.round(window.innerWidth - rect.right)),
+						width: Math.round(rect.width)
+					};
+					setAnchor((prev) => prev !== null && prev.right === next.right && prev.width === next.width ? prev : next);
+				};
+				measure();
+				const scrollport = document.querySelector("[data-conversation-scroll]");
+				const observer = typeof ResizeObserver === "undefined" || scrollport === null ? null : new ResizeObserver(measure);
+				if (observer !== null && scrollport !== null) observer.observe(scrollport);
+				window.addEventListener("resize", measure);
+				const timer = window.setInterval(measure, 400);
+				return () => {
+					if (observer !== null) observer.disconnect();
+					window.removeEventListener("resize", measure);
+					window.clearInterval(timer);
+				};
+			}, [sessionId]);
+			const spaceTight = anchor !== null && anchor.width < RAIL_MIN_SPACE;
 			const favorites = (0, react.useSyncExternalStore)(subscribeFavorites, favoritesSnapshot);
 			const [favOnly, setFavOnly] = (0, react.useState)(false);
 			const showFavToggle = (sessionId === void 0 ? 0 : messages.filter((m) => isFavorite(favorites, sessionId, favoriteIdOfMessage(m))).length) > 0;
@@ -878,6 +1031,7 @@ window.__ModuleLoader__.load({
 			const [jumping, setJumping] = (0, react.useState)(false);
 			const [tip, setTip] = (0, react.useState)(null);
 			const navRef = (0, react.useRef)(null);
+			const listRef = (0, react.useRef)(null);
 			const expandedRef = (0, react.useRef)(false);
 			const lastPointerRef = (0, react.useRef)(null);
 			const jumpAbortRef = (0, react.useRef)(null);
@@ -916,9 +1070,21 @@ window.__ModuleLoader__.load({
 				}
 				positionTip(index);
 			};
+			const tipCloseTimerRef = (0, react.useRef)(null);
+			const cancelTipClose = () => {
+				if (tipCloseTimerRef.current !== null) {
+					clearTimeout(tipCloseTimerRef.current);
+					tipCloseTimerRef.current = null;
+				}
+			};
 			const handleItemLeave = (index) => {
-				setTip((prev) => prev?.index === index ? null : prev);
+				cancelTipClose();
+				tipCloseTimerRef.current = setTimeout(() => {
+					tipCloseTimerRef.current = null;
+					setTip((prev) => prev?.index === index ? null : prev);
+				}, 180);
 			};
+			(0, react.useEffect)(() => cancelTipClose, []);
 			(0, react.useEffect)(() => {
 				if (!show) {
 					expandedRef.current = false;
@@ -1048,7 +1214,7 @@ window.__ModuleLoader__.load({
 					const rect = sp.getBoundingClientRect();
 					if (rect.height === 0) return;
 					const line = rect.top + rect.height * .4;
-					const rows = sp.querySelectorAll("[data-chat-anchor-key^=\"13:input-message\"]");
+					const rows = sp.querySelectorAll("[data-chat-anchor-key^=\"13:input-message\"],[data-chat-anchor-key^=\"call:\"]");
 					let best = -1;
 					let bestDist = Infinity;
 					for (const row of rows) {
@@ -1085,7 +1251,7 @@ window.__ModuleLoader__.load({
 			}, [sessionId, effectiveMessages.length]);
 			(0, react.useEffect)(() => {
 				if (activeIndex < 0) return;
-				const el = navRef.current;
+				const el = listRef.current;
 				if (el === null) return;
 				const item = el.querySelector(`[data-crl-index="${activeIndex}"]`);
 				if (item === null) return;
@@ -1104,6 +1270,8 @@ window.__ModuleLoader__.load({
 					type: "button",
 					key: m.seq,
 					"data-crl-index": String(i),
+					...key !== void 0 ? { "data-crl-anchor": key } : {},
+					...m.qa === true ? { "data-crl-qa": "true" } : {},
 					className: S.item + (activeIndex === i ? ` ${S.itemActive}` : "") + (starred ? ` ${S.favItem}` : ""),
 					"aria-label": `${t.roleUser}: ${m.text.slice(0, 60) || t.noText} (${t.ariaJump})`,
 					"aria-current": activeIndex === i ? "location" : void 0,
@@ -1113,8 +1281,7 @@ window.__ModuleLoader__.load({
 						jumpAbortRef.current?.abort();
 						const controller = new AbortController();
 						jumpAbortRef.current = controller;
-						setJumping(true);
-						jumpToMessage(sessionsService, sessionId, key, (k) => chatNodeOf(fallbackStore.getSnapshot(), k), void 0, controller.signal, m.seq).finally(() => setJumping(false));
+						jumpToMessage(sessionsService, sessionId, nodeKeyOf(m), (k) => chatNodeOf(fallbackStore.getSnapshot(), k), void 0, controller.signal, m.seq, (phase) => setJumping(phase === "paging")).finally(() => setJumping(false));
 					},
 					onMouseEnter: () => handleItemEnter(i),
 					onMouseLeave: () => handleItemLeave(i),
@@ -1174,7 +1341,8 @@ window.__ModuleLoader__.load({
 			});
 			return (0, react_dom.createPortal)([(0, react.createElement)("div", {
 				ref: navRef,
-				className: S.nav + (show ? ` ${S.navShow}` : ""),
+				className: S.nav + (show ? ` ${S.navShow}` : "") + (spaceTight ? ` ${NAV_HIDDEN_CLASS}` : ""),
+				...anchor !== null ? { style: { right: `${anchor.right + 3}px` } } : {},
 				role: "navigation",
 				"aria-label": t.railLabel,
 				onMouseEnter: () => setShow(true),
@@ -1204,7 +1372,11 @@ window.__ModuleLoader__.load({
 						className: S.loading,
 						key: "loading"
 					}, (0, react.createElement)("span", { className: S.loadingLabel }, t.loading)) : null,
-					...items
+					(0, react.createElement)("div", {
+						ref: listRef,
+						key: "list",
+						className: S.list
+					}, ...items)
 				]
 			}), tip !== null && tipIndex >= 0 && tipIndex < messages.length ? (0, react.createElement)("div", {
 				className: S.tip,
@@ -1212,7 +1384,9 @@ window.__ModuleLoader__.load({
 					left: `${tip.x}px`,
 					top: `${tip.y}px`,
 					transform: "translateX(-100%)"
-				}
+				},
+				onMouseEnter: () => cancelTipClose(),
+				onMouseLeave: () => setTip(null)
 			}, (() => {
 				const m = messages[tipIndex];
 				const specs = tipImagesOf(m, nodeSnapshot);
@@ -1236,6 +1410,52 @@ window.__ModuleLoader__.load({
 					key: "badge"
 				}, t.hasImage));
 				children.push((0, react.createElement)("span", { key: "text" }, fullTextOf(m, nodeSnapshot) || t.noText));
+				const qaForTip = [];
+				for (let qi = qaMessages.length - 1; qi >= 0; qi--) if (qaMessages[qi].seq >= m.seq) qaForTip.unshift(qaMessages[qi]);
+				if (qaForTip.length > 0) children.push((0, react.createElement)("div", {
+					className: S.tipQaWrap,
+					key: "qa"
+				}, qaForTip.map((q) => (0, react.createElement)("button", {
+					type: "button",
+					key: q.key ?? q.anchor,
+					className: S.tipQa,
+					title: q.text,
+					onClick: (e) => {
+						e.stopPropagation();
+						if (jumping) return;
+						jumpAbortRef.current?.abort();
+						const controller = new AbortController();
+						jumpAbortRef.current = controller;
+						jumpToMessage(sessionsService, sessionId, nodeKeyOf(q), (k) => chatNodeOf(fallbackStore.getSnapshot(), k), void 0, controller.signal, q.seq, (phase) => setJumping(phase === "paging")).finally(() => setJumping(false));
+					},
+					children: [(0, react.createElement)("svg", {
+						key: "icon",
+						className: S.tipQaIcon,
+						viewBox: "0 0 16 16",
+						width: 13,
+						height: 13,
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: 1.6,
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						"aria-hidden": true
+					}, (0, react.createElement)("circle", {
+						cx: 8,
+						cy: 8,
+						r: 6.5,
+						"aria-hidden": true
+					}), (0, react.createElement)("path", {
+						d: "M6.06 6a2 2 0 0 1 3.89.67c0 1.33-2 2-2 2",
+						"aria-hidden": true
+					}), (0, react.createElement)("path", {
+						d: "M8 11.33h.01",
+						"aria-hidden": true
+					})), (0, react.createElement)("span", {
+						className: S.tipQaText,
+						key: "txt"
+					}, q.text)]
+				}))));
 				return children;
 			})()) : null], document.body);
 		}
@@ -1312,6 +1532,7 @@ window.__ModuleLoader__.load({
 		exports.chatNodeOf = chatNodeOf;
 		exports.clearRowActions = clearRowActions;
 		exports.collectFromNodes = collectFromNodes;
+		exports.collectQaFromNodes = collectQaFromNodes;
 		exports.favoriteIdsOf = favoriteIdsOf;
 		exports.imageSpecsOfContent = imageSpecsOfContent;
 		exports.inject = inject;