react-terminal-viewer-cicd 3.0.0-beta.39 → 3.0.0-beta.40

package/dist/esm/Addon/WorkerLog/LogWorker.js

@@ -1,7 +1,7 @@
 function LogWorker() {
   var workerPath = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '/worker';
   var worker = null;
-  var version = "3.0.0-beta.39" || '0.0.0';
+  var version = "3.0.0-beta.40" || '0.0.0';
   var path = workerPath.includes('http') ? "".concat(workerPath, "/log.worker.js") : "".concat(window.location.origin).concat(workerPath, "/log.worker.js");
   var blob = new Blob(["importScripts(\"".concat(path, "?v=").concat(version, "\")")], {
     type: 'application/javascript'

package/dist/esm/PipelineLogViewer/PipelineLogViewer.js

@@ -3,10 +3,10 @@ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableTo
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -28,7 +28,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 //   §六 IoC 接口注入：fetchGroups / fetchLogs / searchLogs 由外部传入
 //
 // 组件生命周期调用时序 (设计文档 §六.2)：
-//   第一阶段：Mount → Promise.all(fetchGroups, initLoad) 并行首屏加载
+//   第一阶段：Mount → Promise.all([fetchGroups, initLoad]) 并行首屏加载（分组与日志同屏）
 //   第二阶段：startReached/endReached/轮询 → 单发 loadPrev/loadNext
 //   第三阶段：搜索 → searchLogs → 若跨页则串行 airdropLoad
 // ============================================================================
@@ -36,7 +36,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { Virtuoso } from 'react-virtuoso';
 import { GroupHeader, LogRow, SearchBar, StickyHeader } from "./components";
-import { BOUNDARY_PREFETCH_INDEX_MARGIN, DEFAULT_MAX_MEMORY_LINES, DEFAULT_PAGE_SIZE, DEFAULT_POLL_INTERVAL, DEFAULT_VIRTUOSO_ITEM_HEIGHT } from "./constants";
+import { BOUNDARY_PREFETCH_INDEX_MARGIN, DEFAULT_MAX_MEMORY_LINES, DEFAULT_PAGE_SIZE, DEFAULT_VIRTUOSO_ITEM_HEIGHT } from "./constants";
 import useDisplayLogs from "./hooks/useDisplayLogs";
 import useGroupManager from "./hooks/useGroupManager";
 import useLogFetcher from "./hooks/useLogFetcher";
@@ -130,6 +130,26 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     groups = _useState2[0],
     setGroups = _useState2[1];
 
+  /** running 轮询时与 fetchLogs(loadNext) 同一节拍拉分组，避免两条请求错拍 */
+  var runningPollSync = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var groupData;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return fetchGroups();
+        case 2:
+          groupData = _context.sent;
+          if (groupData && groupData.length > 0) {
+            setGroups(groupData);
+          }
+        case 4:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [fetchGroups]);
+
   // ===================================================================
   // 二、日志数据获取与游标管理
   // ===================================================================
@@ -138,7 +158,8 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     fetchLogs: fetchLogs,
     pageSize: pageSize,
     maxMemoryLines: maxMemoryLines,
-    pollInterval: pollInterval
+    pollInterval: pollInterval,
+    runningPollSync: runningPollSync
   });
 
   // ===================================================================
@@ -169,12 +190,18 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   // ===================================================================
   var cursorRef = useRef(logFetcherResult.cursor);
   cursorRef.current = logFetcherResult.cursor;
+  var airdropLoad = logFetcherResult.airdropLoad;
+  var searchAirdropLoad = useCallback(function (targetRow) {
+    return airdropLoad(targetRow, {
+      silent: true
+    });
+  }, [airdropLoad]);
   var logSearchResult = useLogSearch({
     searchLogs: searchLogs,
     getCursor: function getCursor() {
       return cursorRef.current;
     },
-    onAirdropLoad: logFetcherResult.airdropLoad,
+    onAirdropLoad: searchAirdropLoad,
     ensureGroupExpanded: groupManager.ensureGroupExpanded,
     expandAllGroups: groupManager.expandAll
   });
@@ -192,7 +219,11 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var displayLogsRef = useRef(displayLogs);
   displayLogsRef.current = displayLogs;
 
-  /** 有搜索关键字时禁用 followOutput，避免 running 轮询追加行把 prev/next 的 scrollToIndex 立刻拉回底部 */
+  /**
+   * 有搜索关键字时禁用 followOutput、并阻止 running 下 currentEndRow 触发的兜底置底。
+   * 必须在 handleSearch 内 await 之前同步置 true：setSearchState 尚未提交时 ref 若仍为 false，
+   * 轮询增大 currentEndRow 会误触 useLayoutEffect 的 scrollToIndex(LAST)，导致刚跳转的命中行被「跳走」。
+   */
   var searchKeywordActiveRef = useRef(false);
   searchKeywordActiveRef.current = Boolean((_logSearchResult$sear = logSearchResult.searchState.keyword) === null || _logSearchResult$sear === void 0 ? void 0 : _logSearchResult$sear.trim());
 
@@ -209,6 +240,8 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   //      displayLogs 的变化，在 React 完成下一次 re-render 后自动执行滚动。
   // ===================================================================
   var pendingScrollRowRef = useRef(null);
+  /** 与 pendingScrollRowRef 配套的对齐方式：搜索跳转用 center，scrollToTop 用 start */
+  var pendingScrollAlignRef = useRef('center');
 
   // rangeChanged 边界检测的节流锁：防止在顶/底停留时连续触发加载
   var boundaryFetchingRef = useRef(false);
@@ -280,14 +313,17 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   initLoadRef.current = logFetcherResult.initLoad;
 
   /**
-   * 首屏初始化日志数据
-   * 加载完成后用 scrollToIndex('LAST') 滚到底部。
+   * 首屏：fetchGroups 与 initLoad(fetchLogs) 并行，完成后滚到底部。
    * Virtuoso 无条件挂载，保证 startReached / endReached / followOutput 正常工作。
    */
   useEffect(function () {
     if (initializedRef.current) return;
     initializedRef.current = true;
-    initLoadRef.current().then(function () {
+    Promise.all([fetchGroups().then(function (groupData) {
+      if (groupData && groupData.length > 0) {
+        setGroups(groupData);
+      }
+    }), initLoadRef.current()]).then(function () {
       ignoreBoundaryFetchRef.current = Date.now() + 500;
       requestAnimationFrame(function () {
         var _virtuosoRef$current;
@@ -299,16 +335,6 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       });
     });
   }, [fetchLogs, fetchGroups]);
-  /**
-   * 首屏初始化分组信息
-   */
-  useEffect(function () {
-    fetchGroups().then(function (groupData) {
-      if (groupData && groupData.length > 0) {
-        setGroups(groupData);
-      }
-    });
-  }, [fetchGroups]);
 
   // fetchLogs 引用变化 = 新日志源（如外部 logUrl 切换）：清空状态并允许首屏 init 重新跑
   /* eslint-disable react-hooks/exhaustive-deps -- 仅响应 fetchLogs 引用变化；reset/clearSearch/expandAll 为稳定回调 */
@@ -325,6 +351,7 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     collapseAirdropActiveRef.current = false;
     isAtBottomRef.current = true;
     pendingScrollRowRef.current = null;
+    pendingScrollAlignRef.current = 'center';
     boundaryFetchingRef.current = false;
     pendingScrollAfterPrevRef.current = null;
     pendingScrollAfterNextRef.current = null;
@@ -332,23 +359,6 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   }, [fetchLogs, logFetcherResult.reset, groupManager.expandAll, logSearchResult.clearSearch]);
   /* eslint-enable react-hooks/exhaustive-deps */
 
-  // running 态定时轮询分组（与 useLogFetcher 中 fetchLogs 轮询策略一致）
-  useEffect(function () {
-    if (status !== 'running') return undefined;
-    var intervalMs = pollInterval !== null && pollInterval !== void 0 ? pollInterval : DEFAULT_POLL_INTERVAL;
-    var timer = window.setInterval(function () {
-      if (logFetcherResult.isUserBrowsingHistory) return;
-      fetchGroups().then(function (groupData) {
-        if (groupData && groupData.length > 0) {
-          setGroups(groupData);
-        }
-      });
-    }, intervalMs);
-    return function () {
-      return window.clearInterval(timer);
-    };
-  }, [status, pollInterval, fetchGroups, logFetcherResult.isUserBrowsingHistory]);
-
   // ===================================================================
   // 折叠导致可见内容过少时自动跳转到折叠区之前
   //
@@ -430,8 +440,8 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     var anchorRow = (_displayLogsRef$curre = displayLogsRef.current[anchorIndex]) === null || _displayLogsRef$curre === void 0 ? void 0 : _displayLogsRef$curre.absoluteRow;
     pendingScrollAfterPrevRef.current = anchorRow !== undefined && anchorRow !== null ? anchorRow : null;
     displayLogsLenBeforeLoadPrevRef.current = displayLogsRef.current.length;
-    (_virtuosoRef$current2 = virtuosoRef.current) === null || _virtuosoRef$current2 === void 0 || _virtuosoRef$current2.getState(function (_ref3) {
-      var scrollTop = _ref3.scrollTop;
+    (_virtuosoRef$current2 = virtuosoRef.current) === null || _virtuosoRef$current2 === void 0 || _virtuosoRef$current2.getState(function (_ref4) {
+      var scrollTop = _ref4.scrollTop;
       scrollTopBeforeLoadPrevRef.current = scrollTop;
     });
     boundaryFetchingRef.current = true;
@@ -460,8 +470,8 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     var anchorRow = (_displayLogsRef$curre2 = displayLogsRef.current[anchorIndex]) === null || _displayLogsRef$curre2 === void 0 ? void 0 : _displayLogsRef$curre2.absoluteRow;
     pendingScrollAfterNextRef.current = anchorRow !== undefined && anchorRow !== null ? anchorRow : null;
     displayLogsLenBeforeLoadNextRef.current = displayLogsRef.current.length;
-    (_virtuosoRef$current3 = virtuosoRef.current) === null || _virtuosoRef$current3 === void 0 || _virtuosoRef$current3.getState(function (_ref4) {
-      var scrollTop = _ref4.scrollTop;
+    (_virtuosoRef$current3 = virtuosoRef.current) === null || _virtuosoRef$current3 === void 0 || _virtuosoRef$current3.getState(function (_ref5) {
+      var scrollTop = _ref5.scrollTop;
       scrollTopBeforeLoadNextRef.current = scrollTop;
     });
     boundaryFetchingRef.current = true;
@@ -614,6 +624,12 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     if (!isAtBottomRef.current) return;
     requestAnimationFrame(function () {
       var _virtuosoRef$current4;
+      // 在 rAF 回调执行时再次检查，防止在排队期间用户执行了置顶/搜索/折叠等操作（产生竞态被强行拉回底部）
+      if (statusRef.current !== 'running') return;
+      if (searchKeywordActiveRef.current) return;
+      if (groupActionRef.current) return;
+      if (collapseAirdropActiveRef.current) return;
+      if (userStoppedFollowingRef.current) return;
       ignoreBoundaryFetchRef.current = Date.now() + 500;
       (_virtuosoRef$current4 = virtuosoRef.current) === null || _virtuosoRef$current4 === void 0 || _virtuosoRef$current4.scrollToIndex({
         index: 'LAST',
@@ -627,17 +643,18 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   // 搜索跳转滚动
   // ===================================================================
   // ===================================================================
-  // 在 Virtuoso 完成布局后再 scrollToIndex（与 scrollToTop 相同策略）。
+  // 在 Virtuoso 完成布局后再 scrollToIndex（scrollToTop 需空降时与此相同，走 pendingScrollRowRef）。
   // 同步调用会因 totalCount / 内部 range 尚未更新而无效；长 setTimeout 只是“等布局”的权宜之计。
   // ===================================================================
   var scheduleScrollToDisplayIndex = useCallback(function (displayIndex) {
+    var align = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'center';
     ignoreBoundaryFetchRef.current = Date.now() + 500;
     requestAnimationFrame(function () {
       var v = virtuosoRef.current;
       if (!v || displayLogsRef.current.length === 0) return;
       v.scrollToIndex({
         index: displayIndex,
-        align: 'center',
+        align: align,
         behavior: 'auto'
       });
     });
@@ -650,24 +667,26 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     });
     if (displayIndex >= 0) {
       pendingScrollRowRef.current = null;
-      scheduleScrollToDisplayIndex(displayIndex);
+      var align = pendingScrollAlignRef.current;
+      pendingScrollAlignRef.current = 'center';
+      scheduleScrollToDisplayIndex(displayIndex, align);
     }
   }, [displayLogs, scheduleScrollToDisplayIndex]);
   var scrollToAbsoluteRow = useCallback( /*#__PURE__*/function () {
-    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(absoluteRow) {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(absoluteRow) {
       var targetRow, currentDisplayLogs, displayIndex;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _context.next = 2;
+            _context2.next = 2;
             return logSearchResult.resolveTargetRow(absoluteRow);
           case 2:
-            targetRow = _context.sent;
+            targetRow = _context2.sent;
             if (!(targetRow === null)) {
-              _context.next = 5;
+              _context2.next = 5;
               break;
             }
-            return _context.abrupt("return");
+            return _context2.abrupt("return");
           case 5:
             currentDisplayLogs = displayLogsRef.current;
             displayIndex = currentDisplayLogs.findIndex(function (line) {
@@ -675,18 +694,20 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
             });
             if (displayIndex >= 0) {
               pendingScrollRowRef.current = null;
+              pendingScrollAlignRef.current = 'center';
               scheduleScrollToDisplayIndex(displayIndex);
             } else {
+              pendingScrollAlignRef.current = 'center';
               pendingScrollRowRef.current = targetRow;
             }
           case 8:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee);
+      }, _callee2);
     }));
     return function (_x) {
-      return _ref5.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }(), [logSearchResult, scheduleScrollToDisplayIndex]);
 
@@ -694,6 +715,7 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var handleSearchPrev = useCallback(function () {
     var targetRow = logSearchResult.searchPrev();
     if (targetRow !== null) {
+      searchKeywordActiveRef.current = true;
       scrollToAbsoluteRow(targetRow);
     }
   }, [logSearchResult, scrollToAbsoluteRow]);
@@ -702,32 +724,36 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var handleSearchNext = useCallback(function () {
     var targetRow = logSearchResult.searchNext();
     if (targetRow !== null) {
+      searchKeywordActiveRef.current = true;
       scrollToAbsoluteRow(targetRow);
     }
   }, [logSearchResult, scrollToAbsoluteRow]);
 
   // 触发搜索
   var handleSearch = useCallback( /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(keyword) {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(keyword) {
       var targetRow;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            _context2.next = 2;
+            if (keyword.trim()) {
+              searchKeywordActiveRef.current = true;
+            }
+            _context3.next = 3;
             return logSearchResult.search(keyword);
-          case 2:
-            targetRow = _context2.sent;
+          case 3:
+            targetRow = _context3.sent;
             if (targetRow !== null) {
               scrollToAbsoluteRow(targetRow);
             }
-          case 4:
+          case 5:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2);
+      }, _callee3);
     }));
     return function (_x2) {
-      return _ref6.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }(), [logSearchResult, scrollToAbsoluteRow]);
 
@@ -809,24 +835,24 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
           airdropExpandInFlightRef.current = true;
           setLoadingGroupName(name);
           var runAirdropThenExpand = /*#__PURE__*/function () {
-            var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+            var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
               var ok;
-              return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-                while (1) switch (_context3.prev = _context3.next) {
+              return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+                while (1) switch (_context4.prev = _context4.next) {
                   case 0:
-                    _context3.prev = 0;
-                    _context3.next = 3;
+                    _context4.prev = 0;
+                    _context4.next = 3;
                     return logFetcherResult.airdropLoad(group.start, {
                       window: 'fromStart',
                       silent: true
                     });
                   case 3:
-                    ok = _context3.sent;
+                    ok = _context4.sent;
                     if (!ok) {
-                      _context3.next = 7;
+                      _context4.next = 7;
                       break;
                     }
-                    _context3.next = 7;
+                    _context4.next = 7;
                     return new Promise(function (resolve) {
                       requestAnimationFrame(function () {
                         requestAnimationFrame(function () {
@@ -838,18 +864,18 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
                       });
                     });
                   case 7:
-                    _context3.prev = 7;
+                    _context4.prev = 7;
                     setLoadingGroupName(null);
                     airdropExpandInFlightRef.current = false;
-                    return _context3.finish(7);
+                    return _context4.finish(7);
                   case 11:
                   case "end":
-                    return _context3.stop();
+                    return _context4.stop();
                 }
-              }, _callee3, null, [[0,, 7, 11]]);
+              }, _callee4, null, [[0,, 7, 11]]);
             }));
             return function runAirdropThenExpand() {
-              return _ref7.apply(this, arguments);
+              return _ref8.apply(this, arguments);
             };
           }();
           runAirdropThenExpand();
@@ -1037,10 +1063,10 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   useImperativeHandle(ref, function () {
     return {
       scrollToTop: function () {
-        var _scrollToTop = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-          var globalFirstRow, bufStart, needsTopWindow;
-          return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-            while (1) switch (_context4.prev = _context4.next) {
+        var _scrollToTop = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+          var globalFirstRow, bufStart, needsTopWindow, ok;
+          return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+            while (1) switch (_context5.prev = _context5.next) {
               case 0:
                 groupManager.expandAll();
                 userStoppedFollowingRef.current = true;
@@ -1053,23 +1079,34 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
                 }))) : 0;
                 bufStart = logFetcherResult.cursor.currentStartRow;
                 needsTopWindow = bufStart > globalFirstRow;
+                ignoreBoundaryFetchRef.current = Date.now() + 500;
                 if (!needsTopWindow) {
-                  _context4.next = 10;
+                  _context5.next = 19;
                   break;
                 }
-                _context4.next = 9;
+                // airdropLoad 完成时 React 尚未提交新 displayLogs，单帧 rAF 里 scrollToIndex(0)
+                // 仍作用在旧列表上（index 0 = 旧缓冲首行），无法置顶；与搜索跨页一致走 pending。
+                pendingScrollAlignRef.current = 'start';
+                pendingScrollRowRef.current = globalFirstRow;
+                _context5.next = 12;
                 return logFetcherResult.airdropLoad(globalFirstRow, {
                   window: 'fromStart'
                 });
-              case 9:
+              case 12:
+                ok = _context5.sent;
+                if (ok) {
+                  _context5.next = 17;
+                  break;
+                }
+                pendingScrollRowRef.current = null;
+                pendingScrollAlignRef.current = 'center';
+                return _context5.abrupt("return");
+              case 17:
                 logFetcherResult.updateBoundaryLock({
                   isLastPage: false
                 });
-              case 10:
-                // airdropLoad 后 displayLogs 会在下次 re-render 更新，
-                // 用 pending 机制在 useLayoutEffect 里执行滚动，确保坐标系已稳定。
-                // index: 0 在去掉 firstItemIndex 后永远有效。
-                ignoreBoundaryFetchRef.current = Date.now() + 500;
+                return _context5.abrupt("return");
+              case 19:
                 requestAnimationFrame(function () {
                   var _virtuosoRef$current6;
                   (_virtuosoRef$current6 = virtuosoRef.current) === null || _virtuosoRef$current6 === void 0 || _virtuosoRef$current6.scrollToIndex({
@@ -1078,11 +1115,11 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
                     behavior: 'auto'
                   });
                 });
-              case 12:
+              case 20:
               case "end":
-                return _context4.stop();
+                return _context5.stop();
             }
-          }, _callee4);
+          }, _callee5);
         }));
         function scrollToTop() {
           return _scrollToTop.apply(this, arguments);
@@ -1090,20 +1127,20 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
         return scrollToTop;
       }(),
       scrollToBottom: function () {
-        var _scrollToBottom = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+        var _scrollToBottom = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
           var needsFetch;
-          return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-            while (1) switch (_context5.prev = _context5.next) {
+          return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+            while (1) switch (_context6.prev = _context6.next) {
               case 0:
                 groupManager.expandAll();
                 userStoppedFollowingRef.current = false;
                 collapseAirdropActiveRef.current = false;
                 needsFetch = status !== 'running' && !logFetcherResult.boundaryLock.isLastPage || status === 'running' && logFetcherResult.isUserBrowsingHistory;
                 if (!needsFetch) {
-                  _context5.next = 8;
+                  _context6.next = 8;
                   break;
                 }
-                _context5.next = 7;
+                _context6.next = 7;
                 return logFetcherResult.initLoad();
               case 7:
                 logFetcherResult.updateBoundaryLock({
@@ -1120,9 +1157,9 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
                 }, 50);
               case 10:
               case "end":
-                return _context5.stop();
+                return _context6.stop();
             }
-          }, _callee5);
+          }, _callee6);
         }));
         function scrollToBottom() {
           return _scrollToBottom.apply(this, arguments);
@@ -1138,12 +1175,13 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     };
   }, [handleCollapseAll, handleExpandAll, handleSearch, handleSearchPrev, handleSearchNext, logSearchResult, logFetcherResult, groupManager, groups, status]);
   var lastGroupStatus = useMemo(function () {
-    return groups.length > 0 ? groups[groups.length - 1].status : 'idle';
-  }, [groups]);
+    return groups.length > 0 ? groups[groups.length - 1].status : status;
+  }, [groups, status]);
   var virtuosoComponents = useMemo(function () {
+    var isRunning = lastGroupStatus === 'running';
     return {
-      EmptyPlaceholder: logFetcherResult.loading ? undefined : EmptyPlaceholder,
-      Footer: !logFetcherResult.loading && lastGroupStatus === 'running' ? VirtuosoFooterWithLoading : VirtuosoFooterEmpty
+      EmptyPlaceholder: logFetcherResult.loading || isRunning ? undefined : EmptyPlaceholder,
+      Footer: !logFetcherResult.loading && isRunning ? VirtuosoFooterWithLoading : VirtuosoFooterEmpty
     };
   }, [lastGroupStatus, logFetcherResult.loading]);
 
@@ -1166,7 +1204,8 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     placeholder: searchPlaceholder,
     inputAddonBefore: headerAddonBefore,
     inputAddonAfter: headerAddonAfter,
-    icons: icons
+    icons: icons,
+    searchLoading: logSearchResult.searching || logSearchResult.searchJumpLoading
   }), /*#__PURE__*/React.createElement("div", {
     className: "pipeline-log-viewer__list-container"
   }, /*#__PURE__*/React.createElement(StickyHeader, {

package/dist/esm/PipelineLogViewer/components/SearchBar.d.ts

@@ -25,6 +25,10 @@ export interface SearchBarProps {
         down?: React.ReactNode;
         clear?: React.ReactNode;
     };
+    /**
+     * 搜索请求或跨页拉取匹配行所在日志时，在搜索图标位展示 loading（不阻塞输入）
+     */
+    searchLoading?: boolean;
 }
 declare const _default: React.NamedExoticComponent<SearchBarProps>;
 export default _default;

package/dist/esm/PipelineLogViewer/components/SearchBar.js

@@ -17,7 +17,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 // 4. 输入框内容被完全清空或按下 Escape 键时，触发 onClear 清除状态与高亮。
 // ============================================================================
 
-import { CloseCircleFilled, DownOutlined, SearchOutlined, UpOutlined } from '@ant-design/icons';
+import { CloseCircleFilled, DownOutlined, LoadingOutlined, SearchOutlined, UpOutlined } from '@ant-design/icons';
 import React, { useCallback, useRef, useState } from 'react';
 var SearchBar = function SearchBar(_ref) {
   var total = _ref.total,
@@ -30,7 +30,9 @@ var SearchBar = function SearchBar(_ref) {
     placeholder = _ref$placeholder === void 0 ? '搜索日志...' : _ref$placeholder,
     inputAddonBefore = _ref.inputAddonBefore,
     inputAddonAfter = _ref.inputAddonAfter,
-    icons = _ref.icons;
+    icons = _ref.icons,
+    _ref$searchLoading = _ref.searchLoading,
+    searchLoading = _ref$searchLoading === void 0 ? false : _ref$searchLoading;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     inputValue = _useState2[0],
@@ -85,17 +87,29 @@ var SearchBar = function SearchBar(_ref) {
     onClear();
     (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
   }, [onClear]);
+  var searchPrefixIcon;
+  if (searchLoading) {
+    searchPrefixIcon = /*#__PURE__*/React.createElement(LoadingOutlined, {
+      className: "pipeline-log-search-bar__search-icon",
+      spin: true
+    });
+  } else if ( /*#__PURE__*/React.isValidElement(icons === null || icons === void 0 ? void 0 : icons.search)) {
+    searchPrefixIcon = /*#__PURE__*/React.cloneElement(icons === null || icons === void 0 ? void 0 : icons.search, {
+      className: 'pipeline-log-search-bar__search-icon'
+    });
+  } else {
+    searchPrefixIcon = /*#__PURE__*/React.createElement(SearchOutlined, {
+      className: "pipeline-log-search-bar__search-icon"
+    });
+  }
   return /*#__PURE__*/React.createElement("div", {
     className: "pipeline-log-search-bar"
   }, /*#__PURE__*/React.createElement("div", {
     className: "pipeline-log-search-bar__input-prefix"
   }, inputAddonBefore), /*#__PURE__*/React.createElement("div", {
-    className: "pipeline-log-search-bar__input-wrapper"
-  }, /*#__PURE__*/React.isValidElement(icons === null || icons === void 0 ? void 0 : icons.search) ? ( /*#__PURE__*/React.cloneElement(icons === null || icons === void 0 ? void 0 : icons.search, {
-    className: 'pipeline-log-search-bar__search-icon'
-  })) : /*#__PURE__*/React.createElement(SearchOutlined, {
-    className: "pipeline-log-search-bar__search-icon"
-  }), /*#__PURE__*/React.createElement("input", {
+    className: "pipeline-log-search-bar__input-wrapper",
+    "aria-busy": searchLoading || undefined
+  }, searchPrefixIcon, /*#__PURE__*/React.createElement("input", {
     ref: inputRef,
     className: "pipeline-log-search-bar__input",
     type: "text",

package/dist/esm/PipelineLogViewer/constants.d.ts

@@ -12,6 +12,10 @@ export declare const DEFAULT_VIRTUOSO_ITEM_HEIGHT = 20;
 export declare const BOUNDARY_PREFETCH_INDEX_MARGIN = 400;
 /** running 态轮询间隔 (默认值，单位 ms) */
 export declare const DEFAULT_POLL_INTERVAL = 1000;
+/** running→结束态：收尾 initLoad 之后追加 loadNext 的次数 */
+export declare const TERMINAL_TAIL_LOAD_NEXT_COUNT = 5;
+/** 收尾追加 loadNext 每次之间的间隔 (ms) */
+export declare const TERMINAL_TAIL_LOAD_NEXT_INTERVAL_MS = 1000;
 /** 空降加载时，取目标行前后各加载多少行 */
 export declare const AIRDROP_HALF_RANGE = 250;
 /** 折叠占位行标记文本 */