@allurereport/web-awesome 3.9.0 → 3.10.0

package/src/components/TestResult/TrRetriesView/TrRetriesItem.tsx

@@ -4,6 +4,7 @@ import type { FunctionalComponent } from "preact";
 import { useState } from "preact/hooks";
 import type { AwesomeTestResult } from "types";
 
+import { hasErrorDiff } from "@/components/TestResult/bodyItems";
 import { TrError } from "@/components/TestResult/TrError";
 import { useI18n } from "@/stores/locale";
 import { navigateToTestResult } from "@/stores/router";
@@ -22,13 +23,15 @@ export const TrRetriesItem: FunctionalComponent<TrRetriesItemProps> = ({ testRes
   const [isOpened, setIsOpen] = useState(false);
 
   const { t } = useI18n("ui");
+  const { t: controls } = useI18n("controls");
 
   const retryTitlePrefix = t("attempt", { attempt, total: totalAttempts });
   const convertedStop = stop ? timestampToDate(stop) : undefined;
   const retryTitle = convertedStop ? `${retryTitlePrefix} – ${convertedStop}` : retryTitlePrefix;
 
   const formattedDuration = typeof duration === "number" ? formatDuration(duration) : undefined;
-  const hasErrorDetails = Boolean(error?.trace || error?.message);
+  const errorPreview = getErrorPreview(error, controls("comparison"));
+  const hasErrorDetails = Boolean(errorPreview);
 
   return (
     <div data-testid="test-result-retries-item">
@@ -45,6 +48,16 @@ export const TrRetriesItem: FunctionalComponent<TrRetriesItemProps> = ({ testRes
           <Text data-testid="test-result-retries-item-text" className={styles["test-result-retries-item-text"]}>
             {retryTitle}
           </Text>
+          {errorPreview && (
+            <Text
+              data-testid="test-result-retries-item-error-preview"
+              type="ui"
+              size="s"
+              className={styles["test-result-retries-item-error-preview"]}
+            >
+              {errorPreview}
+            </Text>
+          )}
           <div className={styles["test-result-retries-item-info"]}>
             {Boolean(formattedDuration) && (
               <Text type="ui" size={"s"} className={styles["item-time"]}>
@@ -70,3 +83,16 @@ export const TrRetriesItem: FunctionalComponent<TrRetriesItemProps> = ({ testRes
     </div>
   );
 };
+
+const getErrorPreview = (error: AwesomeTestResult["error"], diffPreview: string) => {
+  const message = error?.message?.trim();
+  if (message) return message;
+
+  const tracePreview = error?.trace
+    ?.split(/\r?\n/)
+    .map((line) => line.trim())
+    .find(Boolean);
+  if (tracePreview) return tracePreview;
+
+  if (hasErrorDiff(error)) return diffPreview;
+};

package/src/components/TestResult/TrRetriesView/styles.scss

@@ -20,13 +20,13 @@
 
 .test-result-retries-item-wrap {
   transition: background-color 300ms;
-  display: flex;
+  display: grid;
+  grid-template-columns: auto auto minmax(0, 1fr) max-content;
   gap: 4px;
-  justify-content: space-between;
   border-radius: 6px;
   padding: 4px;
   width: 100%;
-  align-items: flex-start;
+  align-items: center;
 
   &:hover {
     background: var(--color-row-bg-hover);
@@ -34,20 +34,30 @@
 }
 
 .test-result-retries-item-text {
-  padding-top: 2px;
+  flex: 0 0 auto;
+}
+
+.test-result-retries-item-error-preview {
+  flex: 1 1 auto;
+  color: var(--on-text-secondary);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
 }
 
 .test-result-retries-item-info {
   display: flex;
   gap: 4px;
   align-items: center;
-  margin-left: auto;
+  justify-content: flex-end;
+  margin-left: 8px;
 }
 
 .item-time {
-  margin-left: auto;
-  line-height: 20px;
   color: var(--color-text-secondary);
+  line-height: 16px;
+  white-space: nowrap;
 }
 
 .test-result-retries-item-content {

package/src/components/TestResult/TrSetup/index.tsx

@@ -46,7 +46,7 @@ export const TrSetup: FunctionalComponent<TrSetupProps> = ({ setup, id }) => {
         <div className={styles["test-result-steps-root"]}>
           {setup?.map((fixture, key) => (
             <div className={styles["test-result-step-root"]} key={fixture.id}>
-              <TrStep item={fixtureResultToTrStepItem(fixture)} stepIndex={key + 1} />
+              <TrStep item={fixtureResultToTrStepItem(fixture)} stepIndex={key + 1} isTopLevel={true} />
             </div>
           ))}
         </div>

package/src/components/TestResult/TrSteps/TrBodyItems.tsx

@@ -20,15 +20,18 @@ const getBodyItemKey = (item: TrBodyItem, index: number) => {
 
 export type TrBodyItemsProps = {
   bodyItems: TrBodyItem[];
+  isTopLevel?: boolean;
 };
 
-export const TrBodyItems: FunctionalComponent<TrBodyItemsProps> = ({ bodyItems }) => {
+export const TrBodyItems: FunctionalComponent<TrBodyItemsProps> = ({ bodyItems, isTopLevel }) => {
   return (
     <>
       {bodyItems.map((item, index) => {
         switch (item.type) {
           case "step":
-            return <TrStep item={item} stepIndex={index + 1} key={getBodyItemKey(item, index)} />;
+            return (
+              <TrStep item={item} stepIndex={index + 1} isTopLevel={isTopLevel} key={getBodyItemKey(item, index)} />
+            );
           case "attachment":
             return <TrAttachment item={item} stepIndex={index + 1} key={getBodyItemKey(item, index)} />;
           case "error":

package/src/components/TestResult/TrSteps/TrStep.tsx

@@ -16,6 +16,7 @@ import {
   collectExpandableStepNodes,
   hasStepContent,
   getStepTreeExpansionPolicy,
+  isOpenByDefaultForPolicy,
   isStepOpenedByDefault,
   type SubtreeNode,
 } from "@/components/TestResult/TrSteps/stepTreeExpansion";
@@ -70,7 +71,8 @@ export const TrStepsContent = (props: { item: TrStepItem }) => {
 export const TrStep: FunctionComponent<{
   item: TrStepItem;
   stepIndex?: number;
-}> = ({ item, stepIndex }) => {
+  isTopLevel?: boolean;
+}> = ({ item, stepIndex, isTopLevel }) => {
   const { item: stepData, bodyItems, suppressInlineError } = item;
   const inlineError = {
     message: stepData.message ?? stepData.error?.message,
@@ -85,7 +87,9 @@ export const TrStep: FunctionComponent<{
   );
   const policy = getStepTreeExpansionPolicy();
   const hasContent = hasStepContent(item);
-  const openedByDefault = isStepOpenedByDefault(policy, stepData.status, bodyItems);
+  const openedByDefault = isTopLevel
+    ? isOpenByDefaultForPolicy(policy, true)
+    : isStepOpenedByDefault(policy, stepData.status, bodyItems);
   const isOpened = isTreeOpened(stepData.stepId, openedByDefault);
   const expandableDescendantNodes = collectExpandableStepNodes(bodyItems, policy);
   const hasExpandableDescendants = expandableDescendantNodes.length > 0;

package/src/components/TestResult/TrSteps/index.tsx

@@ -8,7 +8,6 @@ import { TrDropdown } from "@/components/TestResult/TrDropdown";
 import {
   collectExpandableStepNodes,
   getStepTreeExpansionPolicy,
-  hasFailedStepContext,
   isOpenByDefaultForPolicy,
   isSubtreeFirstLevelOnlyOpened,
   type SubtreeNode,
@@ -35,7 +34,7 @@ export type TrStepsProps = {
 export const TrSteps: FunctionalComponent<TrStepsProps> = ({ bodyItems, id }) => {
   const stepsId = typeof id === "string" ? `${id}-steps` : null;
   const policy = getStepTreeExpansionPolicy();
-  const isRootOpenedByDefault = isOpenByDefaultForPolicy(policy, hasFailedStepContext(bodyItems));
+  const isRootOpenedByDefault = isOpenByDefaultForPolicy(policy, true);
   const isOpened = stepsId !== null ? isTreeOpened(stepsId, isRootOpenedByDefault) : isRootOpenedByDefault;
   const expandableTreeNodes = collectExpandableStepNodes(bodyItems, policy);
   const hasChildren = stepsId !== null && bodyItems.length > 0;
@@ -118,7 +117,7 @@ export const TrSteps: FunctionalComponent<TrStepsProps> = ({ bodyItems, id }) =>
       />
       {isOpened && (
         <div data-testid="test-result-steps-root" className={styles["test-result-steps-root"]}>
-          <TrBodyItems bodyItems={bodyItems} />
+          <TrBodyItems bodyItems={bodyItems} isTopLevel={true} />
         </div>
       )}
     </div>

package/src/components/TestResult/TrTeardown/index.tsx

@@ -47,7 +47,7 @@ export const TrTeardown: FunctionalComponent<TrTeardownProps> = ({ teardown, id
         <div className={styles["test-result-steps-root"]}>
           {teardown?.map((fixture, key) => (
             <div className={styles["test-result-step-root"]} key={fixture.id}>
-              <TrStep item={fixtureResultToTrStepItem(fixture)} stepIndex={key + 1} />
+              <TrStep item={fixtureResultToTrStepItem(fixture)} stepIndex={key + 1} isTopLevel={true} />
             </div>
           ))}
         </div>

package/src/components/Tree/index.tsx

@@ -58,9 +58,34 @@ export const TreeList = () => {
     }
 
     const flatNode = getFlatTreeNode(focusedId);
-    scrollFocusIntoView(node, { kind: flatNode?.kind });
+    const kind = flatNode?.kind;
+
+    // For group/env nodes always pin to top (even when already visible in viewport)
+    if (kind === "group" || kind === "env") {
+      (node as HTMLElement).scrollIntoView({ block: "start", inline: "nearest" });
+    } else {
+      scrollFocusIntoView(node, { kind });
+    }
   }, [focusedId]);
 
+  useLayoutEffect(() => {
+    if (!trId || focusedId) {
+      return;
+    }
+
+    // Use flatTree to find the scoped node id — avoids duplicate id issues in multi-env trees
+    const flatNode = flatTree.value.find((n) => n.testResultId === trId || n.id === trId);
+    const node = flatNode
+      ? (document.querySelector(`[data-tree-node-id="${flatNode.id}"]`) as HTMLElement | null)
+      : document.getElementById(trId);
+
+    if (!node) {
+      return;
+    }
+
+    scrollFocusIntoView(node, { kind: "leaf" });
+  }, [trId]);
+
   const localizers = useMemo(
     () => ({
       tooltip: (key: string, options: Record<string, string>) => tooltip(`description.${key}`, options),

package/src/locales/ar.json

@@ -151,6 +151,7 @@
     "copy-email": "نسخ البريد الإلكتروني",
     "attempt": "المحاولة {{attempt}} من {{total}}",
     "at": "في",
+    "generated": "تم الإنشاء",
     "variables": "المتغيرات",
     "openPwTrace": "فتح تتبع Playwright",
     "finishedAtOriginal": "{{formattedCreatedAt}}، برمز خروج {{original}}",

package/src/locales/az.json

@@ -151,6 +151,7 @@
     "copy-email": "E-poçtu kopyala",
     "attempt": "Cəhd {{attempt}} / {{total}}",
     "at": "tarixində",
+    "generated": "Yaradıldı",
     "variables": "Dəyişənlər",
     "openPwTrace": "Playwright Trace-i aç",
     "pwTracePopupBlocked": "Brauzer Playwright Trace Viewer-i açmağı blokladı.",

package/src/locales/de.json

@@ -151,6 +151,7 @@
     "copy-email": "E-Mail kopieren",
     "attempt": "Versuch {{attempt}} von {{total}}",
     "at": "bei",
+    "generated": "Generiert",
     "variables": "Variablen",
     "openPwTrace": "Playwright Trace öffnen",
     "pwTracePopupBlocked": "Der Browser hat das Öffnen des Playwright Trace Viewer blockiert.",

package/src/locales/en.json

@@ -151,6 +151,7 @@
     "copy-email": "Copy email",
     "attempt": "Attempt {{attempt}} of {{total}}",
     "at": "at",
+    "generated": "Generated",
     "variables": "Variables",
     "openPwTrace": "Open Playwright Trace",
     "pwTracePopupBlocked": "Browser blocked opening Playwright Trace Viewer.",

package/src/locales/es.json

@@ -151,6 +151,7 @@
     "copy-email": "Copiar correo",
     "attempt": "Intento {{attempt}} de {{total}}",
     "at": "a las",
+    "generated": "Generado",
     "variables": "Variables",
     "openPwTrace": "Abrir Playwright Trace",
     "pwTracePopupBlocked": "El navegador bloqueó la apertura de Playwright Trace Viewer.",

package/src/locales/fr.json

@@ -151,6 +151,7 @@
     "copy-email": "Copier l'e-mail",
     "attempt": "Tentative {{attempt}} sur {{total}}",
     "at": "à",
+    "generated": "Généré",
     "variables": "Variables",
     "openPwTrace": "Ouvrir Playwright Trace",
     "pwTracePopupBlocked": "Le navigateur a bloqué l’ouverture de Playwright Trace Viewer.",

package/src/locales/he.json

@@ -151,6 +151,7 @@
     "copy-email": "העתק אימייל",
     "attempt": "ניסיון {{attempt}} מתוך {{total}}",
     "at": "ב-",
+    "generated": "נוצר",
     "variables": "משתנים",
     "openPwTrace": "פתח Playwright Trace",
     "pwTracePopupBlocked": "הדפדפן חסם את פתיחת Playwright Trace Viewer.",

package/src/locales/hy.json

@@ -151,6 +151,7 @@
     "copy-email": "Պատճենել էլ. փոստը",
     "attempt": "Փորձ {{attempt}}-ից {{total}}-ը",
     "at": "է",
+    "generated": "Ստեղծվել է",
     "variables": "Փոփոխականներ",
     "openPwTrace": "Բացել Playwright Trace",
     "pwTracePopupBlocked": "Բրաուզերը արգելափակեց Playwright Trace Viewer-ի բացումը։",

package/src/locales/it.json

@@ -151,6 +151,7 @@
     "copy-email": "Copia email",
     "attempt": "Tentativo {{attempt}} di {{total}}",
     "at": "a",
+    "generated": "Generato",
     "variables": "Variabili",
     "openPwTrace": "Apri Playwright Trace",
     "pwTracePopupBlocked": "Il browser ha bloccato l'apertura di Playwright Trace Viewer.",

package/src/locales/ja.json

@@ -151,6 +151,7 @@
     "copy-email": "メールをコピー",
     "attempt": "試行 {{attempt}} 回目（全 {{total}} 回）",
     "at": "時",
+    "generated": "生成日時",
     "variables": "変数",
     "openPwTrace": "Playwright Traceを開く",
     "pwTracePopupBlocked": "ブラウザーが Playwright Trace Viewer の表示をブロックしました。",

package/src/locales/ka.json

@@ -151,6 +151,7 @@
     "copy-email": "ელფოსტის კოპირება",
     "attempt": "მცდელობა {{attempt}} {{total}}-დან",
     "at": "ზე",
+    "generated": "გენერირებულია",
     "variables": "ცვლადები",
     "openPwTrace": "გახსენი Playwright Trace",
     "pwTracePopupBlocked": "ბრაუზერმა დაბლოკა Playwright Trace Viewer-ის გახსნა.",

package/src/locales/kr.json

@@ -151,6 +151,7 @@
     "copy-email": "이메일 복사",
     "attempt": "시도 {{attempt}}/{{total}}",
     "at": "에서",
+    "generated": "생성됨",
     "variables": "변수",
     "openPwTrace": "Playwright Trace 열기",
     "pwTracePopupBlocked": "브라우저가 Playwright Trace Viewer 열기를 차단했습니다.",

package/src/locales/nl.json

@@ -151,6 +151,7 @@
     "copy-email": "E-mail kopiëren",
     "attempt": "Poging {{attempt}} van {{total}}",
     "at": "om",
+    "generated": "Gegenereerd",
     "variables": "Variabelen",
     "openPwTrace": "Open Playwright Trace",
     "pwTracePopupBlocked": "De browser heeft het openen van Playwright Trace Viewer geblokkeerd.",

package/src/locales/pl.json

@@ -151,6 +151,7 @@
     "copy-email": "Kopiuj e-mail",
     "attempt": "Próba {{attempt}} z {{total}}",
     "at": "w",
+    "generated": "Wygenerowano",
     "variables": "Zmienne",
     "openPwTrace": "Otwórz Playwright Trace",
     "pwTracePopupBlocked": "Przeglądarka zablokowała otwarcie Playwright Trace Viewer.",

package/src/locales/pt.json

@@ -151,6 +151,7 @@
     "copy-email": "Copiar e-mail",
     "attempt": "Tentativa {{attempt}} de {{total}}",
     "at": "em",
+    "generated": "Gerado",
     "variables": "Variáveis",
     "openPwTrace": "Abrir Playwright Trace",
     "pwTracePopupBlocked": "O navegador bloqueou a abertura do Playwright Trace Viewer.",

package/src/locales/ru.json

@@ -151,6 +151,7 @@
     "copy-email": "Скопировать email",
     "attempt": "Попытка {{attempt}} из {{total}}",
     "at": "в",
+    "generated": "Сгенерировано",
     "variables": "Переменные",
     "openPwTrace": "Открыть Playwright Trace",
     "pwTracePopupBlocked": "Браузер заблокировал открытие Playwright Trace Viewer.",

package/src/locales/sv.json

@@ -151,6 +151,7 @@
     "copy-email": "Kopiera e-post",
     "attempt": "Försök {{attempt}} av {{total}}",
     "at": "vid",
+    "generated": "Genererad",
     "variables": "Variabler",
     "openPwTrace": "Öppna Playwright Trace",
     "pwTracePopupBlocked": "Webbläsaren blockerade öppning av Playwright Trace Viewer.",

package/src/locales/tr.json

@@ -151,6 +151,7 @@
     "copy-email": "E-postayı kopyala",
     "attempt": "Deneme {{attempt}} / {{total}}",
     "at": "tarihinde",
+    "generated": "Oluşturuldu",
     "variables": "Değişkenler",
     "openPwTrace": "Playwright Trace Aç",
     "pwTracePopupBlocked": "Tarayıcı Playwright Trace Viewer’ın açılmasını engelledi.",

package/src/locales/uk.json

@@ -151,6 +151,7 @@
     "copy-email": "Скопіювати email",
     "attempt": "Спроба {{attempt}} з {{total}}",
     "at": "в",
+    "generated": "Згенеровано",
     "variables": "Змінні",
     "openPwTrace": "Відкрити Playwright Trace",
     "pwTracePopupBlocked": "Браузер заблокував відкриття Playwright Trace Viewer.",

package/src/locales/zh-TW.json

@@ -151,6 +151,7 @@
     "copy-email": "複製電子郵件",
     "attempt": "第 {{attempt}} 次嘗試，共 {{total}} 次",
     "at": "於",
+    "generated": "已產生",
     "variables": "變數",
     "openPwTrace": "開啟 Playwright Trace",
     "pwTracePopupBlocked": "瀏覽器封鎖了開啟 Playwright Trace Viewer。",

package/src/locales/zh.json

@@ -151,6 +151,7 @@
     "copy-email": "复制邮箱",
     "attempt": "第 {{attempt}} 次尝试，共 {{total}} 次",
     "at": "在",
+    "generated": "已生成",
     "variables": "变量",
     "openPwTrace": "打开 Playwright Trace",
     "pwTracePopupBlocked": "浏览器阻止了打开 Playwright Trace Viewer。",

package/src/stores/locale.ts

@@ -10,6 +10,8 @@ import { computed, signal } from "@preact/signals";
 import i18next, { type TOptions } from "i18next";
 import type { AwesomeReportOptions } from "types";
 
+import { ensureAtSeparator } from "@/utils/atSeparator";
+
 const namespaces = [
   "empty",
   "execution",
@@ -112,7 +114,7 @@ export const waitForI18next = i18next
         if (override?.includeAtSeparator === false || override?.stripComma) {
           return formatted.replace(",", "");
         }
-        return formatted.replace(",", ` ${i18next.t("ui:at")}`);
+        return ensureAtSeparator(formatted, i18next.t("ui:at"));
       },
     );
     i18next.services.formatter.add(
@@ -133,7 +135,7 @@ export const waitForI18next = i18next
         if (override?.includeAtSeparator === false || override?.stripComma) {
           return formatted.replace(",", "");
         }
-        return formatted.replace(",", ` ${i18next.t("ui:at")}`);
+        return ensureAtSeparator(formatted, i18next.t("ui:at"));
       },
     );
     i18next.services.formatter.add("format_duration", (value: number) => {

package/src/stores/treeSort.ts

@@ -1,6 +1,8 @@
-import { getParamValue, hasParam, setParams } from "@allurereport/web-commons";
+import { getParamValue, getReportOptions, hasParam, setParams } from "@allurereport/web-commons";
 import { computed, effect, signal } from "@preact/signals";
 
+import type { AwesomeReportOptions } from "../../types.js";
+
 export type SortByDirection = "asc" | "desc";
 export type SortByField = "order" | "duration" | "status" | "name";
 export type SortBy = `${SortByField},${SortByDirection}`;
@@ -34,6 +36,10 @@ const getInitialSortBy = (): SortBy => {
   if (stored && validateSortBy(stored.toLowerCase())) {
     return stored.toLowerCase() as SortBy;
   }
+  const { defaultSortBy } = getReportOptions<AwesomeReportOptions>() ?? {};
+  if (defaultSortBy && validateSortBy(defaultSortBy.toLowerCase())) {
+    return defaultSortBy.toLowerCase() as SortBy;
+  }
   return DEFAULT_SORT_BY;
 };
 

package/src/utils/atSeparator.ts

@@ -0,0 +1,4 @@
+export const ensureAtSeparator = (formatted: string, atWord: string): string => {
+  const atSeparator = ` ${atWord} `;
+  return formatted.includes(atSeparator) ? formatted : formatted.replace(",", ` ${atWord}`);
+};

package/src/utils/time.ts

@@ -1,6 +1,7 @@
 import { getLocaleDateTimeOverride } from "@allurereport/web-commons";
 
 import { currentLocale, currentLocaleIso, useI18n } from "@/stores/locale";
+import { ensureAtSeparator } from "@/utils/atSeparator";
 
 const defaultOptions: Intl.DateTimeFormatOptions = {
   month: "numeric",
@@ -29,5 +30,5 @@ export const timestampToDate = (timestamp: number, options = defaultOptions) =>
     return formatted.replace(",", "");
   }
 
-  return formatted.replace(",", ` ${t("at")}`);
+  return ensureAtSeparator(formatted, t("at"));
 };

package/src/utils/treeFilters.ts

@@ -1,4 +1,4 @@
-import type { Comparator, DefaultTreeGroup, Statistic, TestStatus, TreeLeaf } from "@allurereport/core-api";
+import type { Comparator, Statistic, TestStatus, TreeLeaf } from "@allurereport/core-api";
 import {
   alphabetically,
   andThen,
@@ -38,16 +38,18 @@ const leafComparatorByTreeSortBy = (sortBy: SortBy = "status,asc"): Comparator<T
   }
 };
 
-const groupComparatorByTreeSortBy = (sortBy: SortBy = "status,asc"): Comparator<DefaultTreeGroup> => {
-  const typedCompareBy = compareBy<DefaultTreeGroup>;
+const groupComparatorByTreeSortBy = (sortBy: SortBy = "status,asc"): Comparator<AwesomeRecursiveTree> => {
+  const typedCompareBy = compareBy<AwesomeRecursiveTree>;
   switch (sortBy) {
     case "name,desc":
     case "name,asc":
       return typedCompareBy("name", alphabetically());
     case "order,desc":
     case "order,asc":
+      return typedCompareBy("groupOrder", ordinal());
     case "duration,desc":
     case "duration,asc":
+      return typedCompareBy("duration", ordinal());
     case "status,desc":
     case "status,asc":
       return typedCompareBy("statistic", byStatistic());
@@ -76,7 +78,7 @@ export const leafComparator = (sortBy: SortBy = "status,asc"): Comparator<TreeLe
   return withDirection(cmp, sortBy);
 };
 
-export const groupComparator = (sortBy: SortBy = "status,asc"): Comparator<DefaultTreeGroup> => {
+export const groupComparator = (sortBy: SortBy = "status,asc"): Comparator<AwesomeRecursiveTree> => {
   const cmp = groupComparatorByTreeSortBy(sortBy);
 
   return withDirection(cmp, sortBy);
@@ -150,11 +152,20 @@ export const createRecursiveTree = (payload: {
     incrementStatistic(statistic, status);
   });
 
+  const duration =
+    leaves.reduce((acc, leaf) => acc + (leaf.duration ?? 0), 0) + trees.reduce((acc, rt) => acc + rt.duration, 0);
+
+  const leafMinOrder = leaves.reduce((acc, leaf) => Math.min(acc, leaf.groupOrder ?? Infinity), Infinity);
+  const treeMinOrder = trees.reduce((acc, rt) => Math.min(acc, rt.groupOrder), Infinity);
+  const groupOrder = Math.min(leafMinOrder, treeMinOrder);
+
   return {
     ...group,
     statistic,
     leaves,
     trees: trees.sort(groupComparator(sortBy)),
+    duration,
+    groupOrder: isFinite(groupOrder) ? groupOrder : 0,
   };
 };
 

package/test/components/Footer.test.tsx

@@ -0,0 +1,26 @@
+import { render, screen } from "@testing-library/preact";
+import { describe, expect, it, vi } from "vitest";
+
+import { Footer } from "@/components/Footer";
+
+vi.mock("@/components/Footer/FooterLogo", () => ({
+  FooterLogo: () => <div data-testid="footer-logo" />,
+}));
+
+vi.mock("@allurereport/web-components", () => ({
+  LanguagePicker: () => <div data-testid="footer-language-picker" />,
+}));
+
+vi.mock("@/components/Footer/FooterVersion", () => ({
+  FooterVersion: () => <div data-testid="footer-version">Generated May 10, 2026 Ver: 3.8.2</div>,
+}));
+
+describe("components > Footer", () => {
+  it("should render language picker near generated time and version", () => {
+    render(<Footer />);
+
+    expect(screen.getByTestId("footer-logo")).toBeInTheDocument();
+    expect(screen.getByTestId("footer-language-picker")).toBeInTheDocument();
+    expect(screen.getByTestId("footer-version")).toHaveTextContent("Generated");
+  });
+});

package/test/components/Header/CiInfo.test.tsx

@@ -197,4 +197,52 @@ describe("components > Header > CiInfo", () => {
 
     expect(screen.getByRole("link")).toHaveTextContent(fixtures.jobRunName);
   });
+
+  it("should not render executor metadata in the header", () => {
+    (getReportOptions as Mock).mockReturnValueOnce({
+      executor: {
+        name: "TeamCity",
+        type: "teamcity",
+        buildName: "Wrike #123",
+        buildUrl: "https://teamcity.example/build/123",
+      },
+    });
+
+    render(<CiInfo />);
+
+    expect(screen.queryByRole("link")).not.toBeInTheDocument();
+    expect(screen.queryByText("TeamCity · Wrike #123")).not.toBeInTheDocument();
+  });
+
+  it("should render ci label as plain text when ci has a name but no link", () => {
+    (getReportOptions as Mock).mockReturnValueOnce({
+      ci: {
+        jobName: "Nightly Build",
+      },
+    });
+
+    render(<CiInfo />);
+
+    expect(screen.queryByRole("link")).not.toBeInTheDocument();
+    expect(screen.getByText("Nightly Build")).toBeInTheDocument();
+  });
+
+  it("should ignore executor metadata when ci has no link", () => {
+    (getReportOptions as Mock).mockReturnValueOnce({
+      ci: {
+        jobName: "Nightly Build",
+      },
+      executor: {
+        name: "TeamCity",
+        buildName: "Wrike #123",
+        buildUrl: "https://teamcity.example/build/123",
+      },
+    });
+
+    render(<CiInfo />);
+
+    expect(screen.queryByRole("link")).not.toBeInTheDocument();
+    expect(screen.getByText("Nightly Build")).toBeInTheDocument();
+    expect(screen.queryByText("TeamCity · Wrike #123")).not.toBeInTheDocument();
+  });
 });