react-terminal-viewer-cicd 3.0.0-beta.45 → 3.0.0-beta.47

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.45" || '0.0.0';
+  var version = "3.0.0-beta.47" || '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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PipelineLogViewer.d.ts","sourceRoot":"","sources":["../../../src/PipelineLogViewer/PipelineLogViewer.tsx"],"names":[],"mappings":"AAoBA,OAAO,KASN,MAAM,OAAO,CAAC;AAiBf,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAGV,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAwEjB,QAAA,MAAM,iBAAiB,qGAkzCtB,CAAC;AAIF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"PipelineLogViewer.d.ts","sourceRoot":"","sources":["../../../src/PipelineLogViewer/PipelineLogViewer.tsx"],"names":[],"mappings":"AAoBA,OAAO,KASN,MAAM,OAAO,CAAC;AAiBf,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAGV,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAwEjB,QAAA,MAAM,iBAAiB,qGAq0CtB,CAAC;AAIF,eAAe,iBAAiB,CAAC"}

package/dist/esm/PipelineLogViewer/PipelineLogViewer.js

@@ -322,10 +322,36 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   stickyHeaderRef.current = stickyHeader;
 
   // ===================================================================
-  // Virtuoso ref
+  // Virtuoso ref & 容器宽度监听 (兼容 Chrome 100)
   // ===================================================================
   var virtuosoRef = useRef(null);
   var containerRef = useRef(null);
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isNarrowContainer = _useState6[0],
+    setIsNarrowContainer = _useState6[1];
+  useEffect(function () {
+    var el = containerRef.current;
+    if (!el) return;
+    var observer = new ResizeObserver(function (entries) {
+      var _iterator = _createForOfIteratorHelper(entries),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var entry = _step.value;
+          setIsNarrowContainer(entry.contentRect.width <= 1200);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
+    observer.observe(el);
+    return function () {
+      return observer.disconnect();
+    };
+  }, []);
 
   // ===================================================================
   // 行号宽度自适应
@@ -414,11 +440,11 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       bufStart = _logFetcherResult$cur2.currentStartRow,
       bufEnd = _logFetcherResult$cur2.currentEndRow;
     var jumpTarget = null;
-    var _iterator = _createForOfIteratorHelper(groups),
-      _step;
+    var _iterator2 = _createForOfIteratorHelper(groups),
+      _step2;
     try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var group = _step.value;
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var group = _step2.value;
         if (groupManager.collapsedGroups.has(group.name)) {
           var _group$end;
           var groupEnd = (_group$end = group.end) !== null && _group$end !== void 0 ? _group$end : bufEnd;
@@ -429,9 +455,9 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
         }
       }
     } catch (err) {
-      _iterator.e(err);
+      _iterator2.e(err);
     } finally {
-      _iterator.f();
+      _iterator2.f();
     }
     if (jumpTarget !== null) {
       collapseAirdropActiveRef.current = true;
@@ -1413,7 +1439,7 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   // ===================================================================
   // 渲染
   // ===================================================================
-  var rootClassName = [className, 'pipeline-log-viewer'].filter(Boolean).join(' ');
+  var rootClassName = [className, 'pipeline-log-viewer', isNarrowContainer ? 'pipeline-log-viewer--narrow' : ''].filter(Boolean).join(' ');
   return /*#__PURE__*/React.createElement("div", {
     className: rootClassName,
     ref: containerRef

package/dist/esm/PipelineLogViewer/components/GroupHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupHeader.d.ts","sourceRoot":"","sources":["../../../../src/PipelineLogViewer/components/GroupHeader.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAK1C,UAAU,gBAAgB;IACxB,WAAW;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW;IACX,SAAS,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe;IACf,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mBAAmB;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACnD,sCAAsC;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;;AA8ED,wBAAuC"}
+{"version":3,"file":"GroupHeader.d.ts","sourceRoot":"","sources":["../../../../src/PipelineLogViewer/components/GroupHeader.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAK1C,UAAU,gBAAgB;IACxB,WAAW;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW;IACX,SAAS,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe;IACf,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mBAAmB;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACnD,sCAAsC;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;;AAkFD,wBAAuC"}

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

@@ -61,7 +61,7 @@ var GroupHeader = function GroupHeader(_ref) {
   }, statusIcon), /*#__PURE__*/React.createElement("span", {
     className: "pipeline-log-group-header__title"
   }, /*#__PURE__*/React.createElement("span", {
-    className: "pipeline-log-group-header__title-inner"
+    className: "pipeline-log-group-header__title-inner".concat(loading ? ' pipeline-log-group-header__title-inner--loading' : '')
   }, /*#__PURE__*/React.createElement("span", {
     className: "pipeline-log-group-header__name"
   }, group.name), loading && /*#__PURE__*/React.createElement("span", {

package/dist/esm/PipelineLogViewer/hooks/useLogFetcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLogFetcher.d.ts","sourceRoot":"","sources":["../../../../src/PipelineLogViewer/hooks/useLogFetcher.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EACV,YAAY,EACZ,cAAc,EACd,SAAS,EACT,aAAa,EACb,QAAQ,EACR,iBAAiB,EAClB,MAAM,UAAU,CAAC;AAElB,UAAU,oBAAoB;IAC5B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,SAAS,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,OAAO,CAAC,aAAa,CAAC,CAAC;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC;AAED,wCAAwC;AACxC,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAEvF,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,kBAAkB,CAAC;CACjC;AAED,UAAU,mBAAmB;IAC3B,8BAA8B;IAC9B,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,WAAW;IACX,MAAM,EAAE,SAAS,CAAC;IAClB,YAAY;IACZ,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,4CAA4C;IAC5C,QAAQ,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,gDAAgD;IAChD,QAAQ,EAAE,MAAM,OAAO,CAAC,cAAc,CAAC,CAAC;IACxC,+DAA+D;IAC/D,aAAa,EAAE,MAAM,OAAO,CAAC;IAC7B,mCAAmC;IACnC,iBAAiB,EAAE,MAAM,OAAO,CAAC;IACjC,iDAAiD;IACjD,QAAQ,EAAE,CAAC,OAAO,CAAC,EAAE;QACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;KAC/B,KAAK,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,gBAAgB,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrF;;;OAGG;IACH,8CAA8C;IAC9C,WAAW,EAAE,CACX,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAC5D,OAAO,CAAC,OAAO,CAAC,CAAC;IACtB,0BAA0B;IAC1B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,kBAAkB;IAClB,wBAAwB,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,WAAW;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY;IACZ,kBAAkB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAC7D,mCAAmC;IACnC,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAeD;;;;;;;;GAQG;AACH,iBAAS,aAAa,CAAC,OAAO,EAAE,oBAAoB,GAAG,mBAAmB,CA+fzE;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"useLogFetcher.d.ts","sourceRoot":"","sources":["../../../../src/PipelineLogViewer/hooks/useLogFetcher.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EACV,YAAY,EACZ,cAAc,EACd,SAAS,EACT,aAAa,EACb,QAAQ,EACR,iBAAiB,EAClB,MAAM,UAAU,CAAC;AAElB,UAAU,oBAAoB;IAC5B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,SAAS,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,OAAO,CAAC,aAAa,CAAC,CAAC;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACvC;AAED,wCAAwC;AACxC,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAEvF,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,kBAAkB,CAAC;CACjC;AAED,UAAU,mBAAmB;IAC3B,8BAA8B;IAC9B,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,WAAW;IACX,MAAM,EAAE,SAAS,CAAC;IAClB,YAAY;IACZ,YAAY,EAAE,YAAY,CAAC;IAC3B,aAAa;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,4CAA4C;IAC5C,QAAQ,EAAE,CAAC,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5D,gDAAgD;IAChD,QAAQ,EAAE,MAAM,OAAO,CAAC,cAAc,CAAC,CAAC;IACxC,+DAA+D;IAC/D,aAAa,EAAE,MAAM,OAAO,CAAC;IAC7B,mCAAmC;IACnC,iBAAiB,EAAE,MAAM,OAAO,CAAC;IACjC,iDAAiD;IACjD,QAAQ,EAAE,CAAC,OAAO,CAAC,EAAE;QACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;KAC/B,KAAK,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,gBAAgB,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACrF;;;OAGG;IACH,8CAA8C;IAC9C,WAAW,EAAE,CACX,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAC5D,OAAO,CAAC,OAAO,CAAC,CAAC;IACtB,0BAA0B;IAC1B,qBAAqB,EAAE,OAAO,CAAC;IAC/B,kBAAkB;IAClB,wBAAwB,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,WAAW;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY;IACZ,kBAAkB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAC7D,mCAAmC;IACnC,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAeD;;;;;;;;GAQG;AACH,iBAAS,aAAa,CAAC,OAAO,EAAE,oBAAoB,GAAG,mBAAmB,CAkgBzE;AAED,eAAe,aAAa,CAAC"}

package/dist/esm/PipelineLogViewer/hooks/useLogFetcher.js

@@ -628,23 +628,26 @@ function useLogFetcher(options) {
               }
               return _context5.abrupt("return");
             case 2:
-              if (isUserBrowsingHistory) {
-                _context5.next = 7;
-                break;
+              tasks = []; // 防打扰：若用户在向上查阅历史，暂停日志自动追加（不阻断分组列表刷新）
+              if (!isUserBrowsingHistory) {
+                tasks.push(initLoad({
+                  silent: true
+                }));
               }
-              tasks = [initLoad({
-                silent: true
-              })];
               if (runningPollSync) {
                 tasks.push(runningPollSync());
               }
-              _context5.next = 7;
+              if (!(tasks.length > 0)) {
+                _context5.next = 8;
+                break;
+              }
+              _context5.next = 8;
               return Promise.all(tasks).catch(function (err) {
                 console.error('[PipelineLogViewer] running poll failed:', err);
               });
-            case 7:
-              if (!cancelled && mountedRef.current) scheduleNext();
             case 8:
+              if (!cancelled && mountedRef.current) scheduleNext();
+            case 9:
             case "end":
               return _context5.stop();
           }

package/dist/esm/PipelineLogViewer/hooks/useStickyHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStickyHeader.d.ts","sourceRoot":"","sources":["../../../../src/PipelineLogViewer/hooks/useStickyHeader.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,UAAU,sBAAsB;IAC9B,WAAW;IACX,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB;AAED,UAAU,qBAAqB;IAC7B,0CAA0C;IAC1C,WAAW,EAAE,SAAS,GAAG,IAAI,CAAC;IAC9B;;;;OAIG;IACH,kBAAkB,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACzE;AA6CD;;GAEG;AACH,iBAAS,eAAe,CAAC,OAAO,EAAE,sBAAsB,GAAG,qBAAqB,CAsC/E;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"useStickyHeader.d.ts","sourceRoot":"","sources":["../../../../src/PipelineLogViewer/hooks/useStickyHeader.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,UAAU,sBAAsB;IAC9B,WAAW;IACX,MAAM,EAAE,SAAS,EAAE,CAAC;CACrB;AAED,UAAU,qBAAqB;IAC7B,0CAA0C;IAC1C,WAAW,EAAE,SAAS,GAAG,IAAI,CAAC;IAC9B;;;;OAIG;IACH,kBAAkB,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACzE;AA6CD;;GAEG;AACH,iBAAS,eAAe,CAAC,OAAO,EAAE,sBAAsB,GAAG,qBAAqB,CAoD/E;AAED,eAAe,eAAe,CAAC"}

package/dist/esm/PipelineLogViewer/hooks/useStickyHeader.js

@@ -14,7 +14,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 //     与下一组 start 计算有效区间
 // ============================================================================
 
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 /** 提前探测行数：让吸顶分组在边界前更早感知切换趋势 */
 var STICKY_LEAD_ROWS = 2;
 /**
@@ -59,19 +59,8 @@ function useStickyHeader(options) {
     _useState2 = _slicedToArray(_useState, 2),
     stickyGroup = _useState2[0],
     setStickyGroup = _useState2[1];
-
-  // 当外部的 groups 更新时，如果当前有吸顶的分组，更新其状态
-  useEffect(function () {
-    if (stickyGroup) {
-      var updatedGroup = groups.find(function (g) {
-        return g.name === stickyGroup.name;
-      });
-      if (updatedGroup && updatedGroup.status !== stickyGroup.status) {
-        setStickyGroup(updatedGroup);
-      }
-    }
-  }, [groups, stickyGroup]);
-  var handleRangeChanged = useCallback(function (absoluteTopRow, bufferEnd) {
+  var lastParamsRef = useRef(null);
+  var evaluateSticky = useCallback(function (absoluteTopRow, bufferEnd) {
     if (groups.length === 0) {
       setStickyGroup(null);
       return;
@@ -88,8 +77,28 @@ function useStickyHeader(options) {
       setStickyGroup(null);
       return;
     }
-    setStickyGroup(nextStickyGroup);
+    setStickyGroup(function (prev) {
+      // 如果吸顶分组名和状态没变，直接返回原引用以避免不必要的重新渲染
+      if ((prev === null || prev === void 0 ? void 0 : prev.name) === nextStickyGroup.name && (prev === null || prev === void 0 ? void 0 : prev.status) === nextStickyGroup.status) {
+        return prev;
+      }
+      return nextStickyGroup;
+    });
   }, [groups]);
+  var handleRangeChanged = useCallback(function (absoluteTopRow, bufferEnd) {
+    lastParamsRef.current = {
+      absoluteTopRow: absoluteTopRow,
+      bufferEnd: bufferEnd
+    };
+    evaluateSticky(absoluteTopRow, bufferEnd);
+  }, [evaluateSticky]);
+
+  // 当外部的 groups 更新时，重新触发计算，避免只在滚动时才能展示新分组的吸顶头
+  useEffect(function () {
+    if (lastParamsRef.current) {
+      evaluateSticky(lastParamsRef.current.absoluteTopRow, lastParamsRef.current.bufferEnd);
+    }
+  }, [evaluateSticky]);
   return {
     stickyGroup: stickyGroup,
     handleRangeChanged: handleRangeChanged

package/dist/esm/PipelineLogViewer/index.less

@@ -19,9 +19,6 @@
   overflow: hidden;
   color: #b5bbc6;
   background: #1e1e1e;
-  /* 供搜索栏换行：嵌入侧栏等窄容器时 @media 不触发，用容器宽度判断 */
-  container-type: inline-size;
-  container-name: plv;
 }
 
 /* --------------------------------------------------------------------------
@@ -78,9 +75,8 @@
   display: inline-block;
   width: 0.8em;
   text-align: center;
-  transform: translateY(-4px);
+  transform: translateY(-4px) scale(1.5);
   transform-origin: center center;
-  scale: 1.5;
 }
 
 .pipeline-log-loading-dot:nth-child(1) {
@@ -137,7 +133,7 @@
 /* 与旧版 grid「1fr | auto | auto」一致：前缀吃剩余宽度，搜索框为 auto 列不横向撑满 */
 .pipeline-log-search-bar__input-prefix {
   display: flex;
-  flex: 1 1 0;
+  flex: 1 1 auto; /* 改为 auto，让 flexbox 根据实际内容宽度计算是否需要换行，避免内容过长时与搜索框重叠 */
   flex-wrap: wrap;
   gap: 6px;
   align-items: center;
@@ -272,9 +268,9 @@ input.pipeline-log-search-bar__input {
 
 /*
  * 容器 / 视口 ≤1200px：首行仅前缀（元数据等），第二行搜索框 + 后缀同一行（避免 ~900px 仍单行重叠）。
- * @media 作无 container 支持时的回退。
+ * 兼容 Chrome 100：使用 .pipeline-log-viewer--narrow 替代 @container
  */
-@container plv (max-width: 1200px) {
+.pipeline-log-viewer--narrow {
   .pipeline-log-search-bar__input-prefix {
     flex-basis: 100%;
   }
@@ -487,8 +483,7 @@ input.pipeline-log-search-bar__input {
 }
 
 /* 仅有 loading 时与 name 并排分配宽度，保证 icon 紧跟在可见名称（或省略号）后 */
-.pipeline-log-group-header__title-inner:has(.pipeline-log-group-header__loading)
-  .pipeline-log-group-header__name {
+.pipeline-log-group-header__title-inner--loading .pipeline-log-group-header__name {
   flex: 1 1 0%;
 }
 

package/dist/worker/src/PipelineLogViewer/hooks/useGroupSnapshotCache.d.ts

@@ -0,0 +1,38 @@
+import type { LogEntry } from '../types';
+/** 单个分组的日志快照 */
+export interface GroupSnapshot {
+    /** 分组名称（唯一索引） */
+    groupName: string;
+    /** 快照覆盖的起始绝对行号 */
+    startRow: number;
+    /** 快照覆盖的结束绝对行号 */
+    endRow: number;
+    /** 该分组范围内的日志条目（已经过 ANSI 处理） */
+    logs: LogEntry[];
+    /** 快照创建时间戳（用于可能的 LRU 淘汰） */
+    createdAt: number;
+}
+interface UseGroupSnapshotCacheReturn {
+    /** 按分组名获取快照 */
+    getSnapshot: (groupName: string) => GroupSnapshot | undefined;
+    /** 写入/更新分组快照 */
+    setSnapshot: (snapshot: GroupSnapshot) => void;
+    /** 删除指定分组快照（折叠时清理） */
+    removeSnapshot: (groupName: string) => void;
+    /** 清空所有快照（collapseAll / expandAll / reset 时） */
+    clearAll: () => void;
+    /** 当前所有快照的不可变 Map（供 useDisplayLogs 作为依赖） */
+    snapshots: Map<string, GroupSnapshot>;
+    /** 判断某绝对行号是否落在任一快照区间内 */
+    isRowInSnapshot: (absoluteRow: number) => boolean;
+}
+/**
+ * 分组日志快照缓存 Hook
+ *
+ * 核心策略：
+ * 1. 使用 Map<string, GroupSnapshot> 按分组名存储快照
+ * 2. 每次写入/删除都产生新的 Map 引用以触发 React 重渲染
+ * 3. 同时维护 ref 供同步读取（避免 stale closure）
+ */
+declare function useGroupSnapshotCache(): UseGroupSnapshotCacheReturn;
+export default useGroupSnapshotCache;

package/dist/worker/src/PipelineLogViewer/hooks/useProactiveGroupSnapshot.d.ts

@@ -0,0 +1,17 @@
+import type { FetchLogParams, GroupData, LogDataResult } from '../types';
+import type { GroupSnapshot } from './useGroupSnapshotCache';
+interface UseProactiveGroupSnapshotOptions {
+    groups: GroupData[];
+    collapsedGroups: Set<string>;
+    currentStartRow: number;
+    currentEndRow: number;
+    loading: boolean;
+    snapshotCache: {
+        snapshots: Map<string, GroupSnapshot>;
+        setSnapshot: (snapshot: GroupSnapshot) => void;
+    };
+    fetchLogs: (params: FetchLogParams) => Promise<LogDataResult>;
+    pageSize: number;
+}
+export default function useProactiveGroupSnapshot({ groups, collapsedGroups, currentStartRow, currentEndRow, loading, snapshotCache, fetchLogs, pageSize, }: UseProactiveGroupSnapshotOptions): void;
+export {};

package/dist/worker/src/PipelineLogViewer/utils/pipelineLineNumberColumn.d.ts

@@ -0,0 +1,7 @@
+import type { DisplayLogLine, GroupData } from '../types';
+/** 控制日志：END_stepId_...（与 PipelineLogViewer itemContent 一致） */
+export declare function isPipelineEndMarkerText(text: string): boolean;
+/** 控制日志：START_stepId_... */
+export declare function isPipelineStartMarkerText(text: string): boolean;
+export declare function maxPipelineLineNumberCellDigitValueInDisplayIndexRange(displayLogs: DisplayLogLine[], fromIndex: number, toIndex: number, groups: GroupData[], pipelineMinAbsoluteRow: number): number;
+export declare function lineNumberColumnWidthPxForMaxValue(maxValue: number): number;

package/dist/worker/src/PipelineLogViewer/utils/processAnsiLogs.d.ts

@@ -0,0 +1,3 @@
+import type { LogEntry } from '../types';
+declare const processAnsiLogs: (logs: LogEntry[]) => LogEntry[];
+export default processAnsiLogs;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-terminal-viewer-cicd",
-  "version": "3.0.0-beta.45",
+  "version": "3.0.0-beta.47",
   "author": "https://gitee.com/gitee-frontend",
   "license": "MIT",
   "keywords": [