@allurereport/web-awesome 3.9.0 → 3.11.0

package/src/components/ReportMetadata/index.tsx

@@ -1,7 +1,9 @@
 import type { EnvironmentItem } from "@allurereport/core-api";
+import { getReportOptions } from "@allurereport/web-commons";
 import { Button, Loadable } from "@allurereport/web-components";
 import type { FunctionalComponent } from "preact";
 import { useEffect } from "preact/hooks";
+import type { AwesomeExecutorInfo, AwesomeReportOptions } from "types";
 
 import { MetadataList } from "@/components/Metadata";
 import { MetadataButton } from "@/components/MetadataButton";
@@ -19,6 +21,7 @@ const REPORT_VISIBLE_LIMIT = 8;
 
 export interface MetadataItem extends EnvironmentItem {
   value?: string;
+  url?: string;
 }
 
 // TODO: check, where do we use the component and refactor it up to our needs
@@ -39,7 +42,7 @@ const Metadata: FunctionalComponent<MetadataProps> = ({ envInfo = [] }) => {
   const showAllId = `${sectionId}-showAll`;
   const isOpened = !collapsedTrees.value.has(sectionId);
   const showAll = collapsedTrees.value.has(showAllId);
-  const list = envInfo.map((env) => ({ ...env, value: env.values.join(", ") }));
+  const list = envInfo.map((env) => ({ ...env, value: env.value ?? env.values.join(", ") }));
   const totalCount = list.length;
   const visibleList = totalCount <= REPORT_VISIBLE_LIMIT ? list : showAll ? list : list.slice(0, REPORT_VISIBLE_LIMIT);
   const { t } = useI18n("ui");
@@ -109,8 +112,32 @@ const MetadataVariables: FunctionalComponent<MetadataVariablesProps> = (props) =
   );
 };
 
+const getExecutorLabel = (executor?: AwesomeExecutorInfo) => {
+  if (!executor) return undefined;
+  if (executor.name && executor.buildName) return `${executor.name} · ${executor.buildName}`;
+
+  return (
+    executor.buildName ||
+    executor.reportName ||
+    executor.name ||
+    executor.buildUrl ||
+    executor.reportUrl ||
+    executor.url
+  );
+};
+
+const getExecutorMetadata = (executor?: AwesomeExecutorInfo): MetadataItem[] => {
+  const label = getExecutorLabel(executor);
+
+  return label
+    ? [{ name: "executor", values: [], value: label, url: executor?.buildUrl || executor?.reportUrl || executor?.url }]
+    : [];
+};
+
 export const ReportMetadata = () => {
   const envId = currentEnvironment.value;
+  const { executor } = getReportOptions<AwesomeReportOptions>();
+  const executorMetadata = getExecutorMetadata(executor);
   const stats = envId ? statsByEnvStore.value.data[envId] : reportStatsStore.value.data;
 
   useEffect(() => {
@@ -122,13 +149,17 @@ export const ReportMetadata = () => {
       {stats && <MetadataSummary stats={stats} />}
       <Loadable
         source={variables}
-        transformData={(data) => data?.[currentEnvironment.value ?? "default"] ?? {}}
+        transformData={(data) => data?.[envId ?? "default"] ?? {}}
         renderData={(data) => !!Object.keys(data).length && <MetadataVariables variables={data} />}
       />
       <Loadable
         source={envInfoStore}
-        renderError={() => null}
-        renderData={(data) => Boolean(data?.length) && <Metadata envInfo={data} />}
+        renderError={() => Boolean(executorMetadata.length) && <Metadata envInfo={executorMetadata} />}
+        renderData={(data) => {
+          const metadata = [...executorMetadata, ...(data ?? [])];
+
+          return Boolean(metadata.length) && <Metadata envInfo={metadata} />;
+        }}
       />
     </div>
   );

package/src/components/SideBySide/styles.scss

@@ -22,6 +22,11 @@
   box-shadow: var(--shadow-small);
   overflow: hidden;
   min-height: 0;
+  border-top: 2px solid transparent;
+
+  &[data-pane-active] {
+    border-top-color: var(--color-intent-primary-text);
+  }
 
   > * {
     flex: 1 1 auto;
@@ -35,6 +40,11 @@
   border-radius: 0 12px 12px 0;
   box-shadow: var(--shadow-small);
   overflow: hidden;
+  border-top: 2px solid transparent;
+
+  &[data-pane-active] {
+    border-top-color: var(--color-intent-primary-text);
+  }
 }
 
 [dir="ltr"] {

package/src/components/SplitLayout/index.tsx

@@ -8,7 +8,6 @@ import MainReport from "@/components/MainReport";
 import SideBySide from "@/components/SideBySide";
 import TestResult from "@/components/TestResult";
 import { useI18n } from "@/stores";
-import { activePane } from "@/stores/keyboard";
 import { isSplitMode } from "@/stores/layout";
 import { rootTabRoute, testResultRoute } from "@/stores/router";
 import { currentTrId } from "@/stores/testResult";
@@ -21,7 +20,7 @@ const MainReportWrapper = () => {
   const containerRef = useRef<HTMLDivElement>(null);
 
   return (
-    <div className={styles.wrapper} ref={containerRef}>
+    <div className={styles.wrapper} ref={containerRef} data-tree-scroll-container>
       <MainReport />
     </div>
   );
@@ -62,13 +61,7 @@ export const SplitLayout = () => {
         }}
       />
     ) : (
-      <div
-        className={clsx(
-          styles.empty,
-          isSplitMode.value && styles["empty-split-pane"],
-          isSplitMode.value && activePane.value === "testResult" && styles["pane-active"],
-        )}
-      >
+      <div className={clsx(styles.empty, isSplitMode.value && styles["empty-split-pane"])}>
         <Text>{t("noSelectedTR")}</Text>
       </div>
     );

package/src/components/SplitLayout/styles.scss

@@ -16,6 +16,9 @@
   position: relative;
   height: 100%;
   min-height: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
+  scrollbar-width: thin;
 }
 
 .content {
@@ -85,14 +88,8 @@
 
 .empty-split-pane {
   position: relative;
-  background: var(--bg-base-primary);
-  border-radius: 12px;
+  background: var(--color-bg-raised);
   overflow: auto;
-  @include paneActive.split-pane-indicator;
-
-  &.pane-active {
-    @include paneActive.split-pane-indicator-active;
-  }
 }
 
 .header {

package/src/components/TestResult/TrOverview.tsx

@@ -1,9 +1,10 @@
 import type { FunctionalComponent } from "preact";
 import type { AwesomeTestResult } from "types";
 
-import { getBodyItems } from "@/components/TestResult/bodyItems";
+import { getBodyItems, isDisplayableTestError } from "@/components/TestResult/bodyItems";
 import TestStepsEmpty from "@/components/TestResult/TestStepsEmpty";
 import { TrDescription } from "@/components/TestResult/TrDescription";
+import { TrError } from "@/components/TestResult/TrError";
 import { TrLinks } from "@/components/TestResult/TrLinks";
 import { TrMetadata } from "@/components/TestResult/TrMetadata";
 import { TrParameters } from "@/components/TestResult/TrParameters";
@@ -23,7 +24,7 @@ export type TrOverviewProps = {
 
 export const TrOverview: FunctionalComponent<TrOverviewProps> = ({ testResult }) => {
   useTestResultOverviewFocusScroll();
-  const { parameters, groupedLabels, links, descriptionHtml, setup, teardown, id } = testResult || {};
+  const { parameters, groupedLabels, links, descriptionHtml, setup, teardown, id, error, status } = testResult || {};
   const testResultId = id ?? currentTrId.value;
   const { t } = useI18n("ui");
   const bodyItems = getBodyItems(testResult, t("error"));
@@ -31,9 +32,15 @@ export const TrOverview: FunctionalComponent<TrOverviewProps> = ({ testResult })
   const pwTraces = testResult?.attachments?.filter(
     (attachment) => attachment.link.contentType === "application/vnd.allure.playwright-trace",
   );
+  const showTopError = (status === "failed" || status === "broken") && isDisplayableTestError(error);
 
   return (
     <>
+      {showTopError && (
+        <div className={styles["test-result-errors"]}>
+          <TrError {...error} status={status} />
+        </div>
+      )}
       {Boolean(pwTraces?.length) && <TrPwTraces pwTraces={pwTraces} />}
       {Boolean(parameters?.length) && <TrParameters id={testResultId} parameters={parameters} />}
       {Boolean(groupedLabels && Object.keys(groupedLabels || {})?.length) && (

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/TrAttachment.tsx

@@ -104,7 +104,8 @@ export const TrAttachment: FunctionComponent<{
     event.stopPropagation();
     openModal({
       data: item,
-      component: <Attachment item={item} previewable={true} />,
+      preview: isPreviewable,
+      component: <Attachment item={item} previewable={isPreviewable} />,
     });
   };
 

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

@@ -47,10 +47,11 @@ export const TrAttachmentInfo: FunctionalComponent<TrAttachmentInfo> = ({
     event.stopPropagation();
     openModal({
       data: item,
+      preview: isPreviewable,
       component: (
         <Attachment
           item={item}
-          previewable={true}
+          previewable={isPreviewable}
           i18n={{ imageDiff: (key: string) => tAttachments(`imageDiff.${key}`) }}
         />
       ),
@@ -62,10 +63,17 @@ export const TrAttachmentInfo: FunctionalComponent<TrAttachmentInfo> = ({
       openModal({
         isModalOpen: true,
         data: item,
-        component: <Attachment item={item} i18n={{ imageDiff: (key: string) => tAttachments(`imageDiff.${key}`) }} />,
+        preview: isPreviewable,
+        component: (
+          <Attachment
+            item={item}
+            previewable={isPreviewable}
+            i18n={{ imageDiff: (key: string) => tAttachments(`imageDiff.${key}`) }}
+          />
+        ),
       });
     }
-  }, [item, tAttachments]);
+  }, [item, isPreviewable, tAttachments]);
 
   const downloadData = async (e: MouseEvent) => {
     e.stopPropagation();

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

@@ -1,4 +1,9 @@
-import { getNextSubtreeToggleState, getSubtreeToggleIcon, type SubtreeToggleState } from "@allurereport/web-commons";
+import {
+  getNextSubtreeToggleState,
+  getSubtreeToggleIcon,
+  isSubtreeFirstLevelOnlyOpened,
+  type SubtreeToggleState,
+} from "@allurereport/web-commons";
 import { IconButton, allureIcons } from "@allurereport/web-components";
 import type { FunctionalComponent } from "preact";
 import { useState } from "preact/hooks";
@@ -8,9 +13,7 @@ import { TrDropdown } from "@/components/TestResult/TrDropdown";
 import {
   collectExpandableStepNodes,
   getStepTreeExpansionPolicy,
-  hasFailedStepContext,
   isOpenByDefaultForPolicy,
-  isSubtreeFirstLevelOnlyOpened,
   type SubtreeNode,
 } from "@/components/TestResult/TrSteps/stepTreeExpansion";
 import { TrBodyItems } from "@/components/TestResult/TrSteps/TrBodyItems";
@@ -35,7 +38,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 +121,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/TestResult/index.tsx

@@ -13,7 +13,7 @@ import { TrOverview } from "@/components/TestResult/TrOverview";
 import { TrRetriesView } from "@/components/TestResult/TrRetriesView";
 import { TrTabs } from "@/components/TestResult/TrTabs";
 import { fetchTestEnvGroup } from "@/stores/env";
-import { activePane, focusTestResultPane } from "@/stores/keyboard";
+import { focusTestResultPane } from "@/stores/keyboard";
 import { isSplitMode } from "@/stores/layout";
 import { trCurrentTab } from "@/stores/testResult";
 
@@ -59,7 +59,6 @@ const TrContent: FunctionalComponent<TrContentProps> = ({ testResult }) => {
 
 const TestResult: FunctionComponent<TrProps> = ({ testResult }) => {
   const split = isSplitMode.value;
-  const trPaneActive = split && activePane.value === "testResult";
 
   useEffect(() => {
     const testCaseId = testResult?.testCase?.id;
@@ -72,7 +71,7 @@ const TestResult: FunctionComponent<TrProps> = ({ testResult }) => {
   return (
     <>
       <div
-        className={clsx(styles.content, split && styles["scroll-inside"], trPaneActive && styles["pane-active"])}
+        className={clsx(styles.content, split && styles["scroll-inside"])}
         data-tr-scroll-container
         onMouseDown={() => focusTestResultPane()}
       >

package/src/components/TestResult/styles.scss

@@ -13,10 +13,5 @@
   height: 100%;
   border-radius: 0;
   scrollbar-width: thin;
-  @include paneActive.split-pane-indicator;
-
-  &.pane-active {
-    @include paneActive.split-pane-indicator-active;
-  }
 }
 

package/src/components/Tree/index.tsx

@@ -58,9 +58,29 @@ export const TreeList = () => {
     }
 
     const flatNode = getFlatTreeNode(focusedId);
-    scrollFocusIntoView(node, { kind: flatNode?.kind });
+    const kind = flatNode?.kind;
+
+    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.",