norn-cli 1.2.4 → 1.3.0

package/CHANGELOG.md

@@ -2,6 +2,35 @@
 
 All notable changes to the "Norn" extension will be documented in this file.
 
+## [1.3.0] - 2026-02-07
+
+### Added
+- **Retry and Backoff**: Automatically retry failed HTTP requests with configurable backoff
+  - Syntax: `GET url retry 3 backoff 200 ms` (retry up to 3 times with 200ms linear backoff)
+  - Works with direct URLs, named endpoints, and named requests
+  - Supports time units: `ms`, `s`, `seconds`, `milliseconds`
+  - Response panel shows retry indicator: 🔄 `retried 2x`
+  - CLI shows retry attempts in real-time
+  - Retries on 5xx errors, 429 rate limiting, and network failures
+
+### Improved
+- **Syntax highlighting**: Variable references `{{var}}` now highlighted inside print strings
+- **Better pattern recognition**: `test sequence` correctly terminates request blocks in all contexts
+
+## [1.2.5] - 2026-02-07
+
+### Improved
+- **Rich HTML Reports**: Completely redesigned HTML report output for QA professionals
+  - **Pass rate badge**: Large visual indicator showing pass percentage (green/yellow/red)
+  - **Filter bar**: Search tests by name, filter by All/Passed/Failed
+  - **Clickable stat cards**: Click total/passed/failed to filter results
+  - **Expand/Collapse All**: Buttons to quickly expand or collapse all test details
+  - **Failures first**: Failed tests automatically sorted to top and expanded
+  - **Friendly assertion names**: Shows `user.body.status` instead of `$1.body.status`
+  - **JSON path context**: Failed assertions show the path that failed
+  - **Variable labels on requests**: Shows `user = GET /api/users` instead of `$1`
+  - **Environment display**: Shows which environment was used in report header
+
 ## [1.2.4] - 2026-02-07
 
 ### Improved

package/dist/cli.js

@@ -13286,6 +13286,31 @@ function stripInlineComment(line2) {
   }
   return line2;
 }
+function extractRetryOptions(line2) {
+  let cleanedLine = line2;
+  let retryCount;
+  let backoffMs;
+  const retryMatch = line2.match(/\bretry\s+(\d+)\b/i);
+  if (retryMatch) {
+    retryCount = parseInt(retryMatch[1], 10);
+    cleanedLine = cleanedLine.replace(retryMatch[0], "").trim();
+  }
+  const backoffMatch = line2.match(/\bbackoff\s+(\d+(?:\.\d+)?)\s*(s|ms|seconds?|milliseconds?)?\b/i);
+  if (backoffMatch) {
+    const value = parseFloat(backoffMatch[1]);
+    const unit = (backoffMatch[2] || "ms").toLowerCase();
+    if (unit === "s" || unit.startsWith("second")) {
+      backoffMs = value * 1e3;
+    } else {
+      backoffMs = value;
+    }
+    cleanedLine = cleanedLine.replace(backoffMatch[0], "").trim();
+  }
+  if (retryCount !== void 0 && backoffMs === void 0) {
+    backoffMs = 1e3;
+  }
+  return { cleanedLine, retryCount, backoffMs };
+}
 function extractNamedRequests(text) {
   const lines = text.split("\n");
   const namedRequests = [];
@@ -13441,7 +13466,9 @@ function parserHttpRequest(text, variables = {}) {
   if (requestLineIndex === -1) {
     throw new Error("No valid HTTP method found");
   }
-  const requestLine = stripInlineComment(allLines[requestLineIndex].trim());
+  let requestLine = stripInlineComment(allLines[requestLineIndex].trim());
+  const { cleanedLine, retryCount, backoffMs } = extractRetryOptions(requestLine);
+  requestLine = cleanedLine;
   const [method, ...urlParts] = requestLine.split(" ");
   let url2 = urlParts.join(" ");
   if (url2.startsWith('"') && url2.endsWith('"') || url2.startsWith("'") && url2.endsWith("'")) {
@@ -13490,7 +13517,7 @@ function parserHttpRequest(text, variables = {}) {
       body = void 0;
     }
   }
-  return { method: method.toUpperCase(), url: url2, headers, body };
+  return { method: method.toUpperCase(), url: url2, headers, body, retryCount, backoffMs };
 }
 function extractImports(text) {
   const lines = text.split("\n");
@@ -19463,114 +19490,157 @@ async function getAllCookies(jar) {
     secure: Boolean(c.secure)
   }));
 }
-async function sendRequest(request) {
-  return sendRequestWithJar(request, sharedCookieJar);
+async function sendRequest(request, retryOptions) {
+  return sendRequestWithJar(request, sharedCookieJar, retryOptions);
 }
-async function sendRequestWithJar(request, jar) {
-  const startTime = Date.now();
-  const maxRedirects = 10;
-  let redirectCount = 0;
-  let currentUrl = request.url;
-  let currentMethod = request.method;
-  let currentBody = request.body;
-  let finalResponse = null;
-  try {
-    while (redirectCount <= maxRedirects) {
-      const existingCookies = await jar.getCookies(currentUrl);
-      const cookieHeader = existingCookies.map((c) => `${c.key}=${c.value}`).join("; ");
-      const headers = { ...request.headers };
-      if (cookieHeader) {
-        headers["Cookie"] = cookieHeader;
-      }
-      let data = void 0;
-      if (currentBody) {
-        const contentType = Object.keys(headers).find(
-          (key) => key.toLowerCase() === "content-type"
-        );
-        const contentTypeValue = contentType ? headers[contentType] : "";
-        if (contentTypeValue.includes("application/x-www-form-urlencoded")) {
-          const lines = currentBody.split("\n").map((line2) => line2.trim()).filter((line2) => line2);
-          const params = lines.map((line2) => {
-            if (line2.includes("=")) {
-              const eqIndex = line2.indexOf("=");
-              const key = line2.substring(0, eqIndex).trim();
-              const value = line2.substring(eqIndex + 1).trim();
-              return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`;
+function sleep(ms) {
+  return new Promise((resolve4) => setTimeout(resolve4, ms));
+}
+function shouldRetry(response, error) {
+  if (error) return true;
+  if (response && (response.status >= 500 || response.status === 429)) return true;
+  return false;
+}
+async function sendRequestWithJar(request, jar, retryOptions) {
+  const totalAttempts = (retryOptions?.retryCount ?? 0) + 1;
+  const backoffMs = retryOptions?.backoffMs ?? 1e3;
+  const retriedErrors = [];
+  let lastError = null;
+  let attemptsMade = 0;
+  for (let attempt = 1; attempt <= totalAttempts; attempt++) {
+    attemptsMade = attempt;
+    const startTime = Date.now();
+    const maxRedirects = 10;
+    let redirectCount = 0;
+    let currentUrl = request.url;
+    let currentMethod = request.method;
+    let currentBody = request.body;
+    let finalResponse = null;
+    try {
+      while (redirectCount <= maxRedirects) {
+        const existingCookies = await jar.getCookies(currentUrl);
+        const cookieHeader = existingCookies.map((c) => `${c.key}=${c.value}`).join("; ");
+        const headers = { ...request.headers };
+        if (cookieHeader) {
+          headers["Cookie"] = cookieHeader;
+        }
+        let data = void 0;
+        if (currentBody) {
+          const contentType = Object.keys(headers).find(
+            (key) => key.toLowerCase() === "content-type"
+          );
+          const contentTypeValue = contentType ? headers[contentType] : "";
+          if (contentTypeValue.includes("application/x-www-form-urlencoded")) {
+            const lines = currentBody.split("\n").map((line2) => line2.trim()).filter((line2) => line2);
+            const params = lines.map((line2) => {
+              if (line2.includes("=")) {
+                const eqIndex = line2.indexOf("=");
+                const key = line2.substring(0, eqIndex).trim();
+                const value = line2.substring(eqIndex + 1).trim();
+                return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`;
+              }
+              const colonIndex = line2.indexOf(":");
+              if (colonIndex > 0) {
+                const key = line2.substring(0, colonIndex).trim();
+                const value = line2.substring(colonIndex + 1).trim();
+                return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`;
+              }
+              return encodeURIComponent(line2);
+            });
+            data = params.join("&");
+          } else if (contentTypeValue.includes("application/json")) {
+            try {
+              data = JSON.parse(currentBody);
+            } catch {
+              data = currentBody;
             }
-            const colonIndex = line2.indexOf(":");
-            if (colonIndex > 0) {
-              const key = line2.substring(0, colonIndex).trim();
-              const value = line2.substring(colonIndex + 1).trim();
-              return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`;
+          } else {
+            try {
+              data = JSON.parse(currentBody);
+            } catch {
+              data = currentBody;
             }
-            return encodeURIComponent(line2);
-          });
-          data = params.join("&");
-        } else if (contentTypeValue.includes("application/json")) {
-          try {
-            data = JSON.parse(currentBody);
-          } catch {
-            data = currentBody;
           }
-        } else {
-          try {
-            data = JSON.parse(currentBody);
-          } catch {
-            data = currentBody;
+        }
+        const response = await axios_default({
+          method: currentMethod,
+          url: currentUrl,
+          headers,
+          data,
+          timeout: 3e4,
+          maxRedirects: 0,
+          validateStatus: () => true
+        });
+        const setCookieHeader = response.headers["set-cookie"];
+        if (setCookieHeader) {
+          const cookies2 = Array.isArray(setCookieHeader) ? setCookieHeader : [setCookieHeader];
+          for (const cookieStr of cookies2) {
+            try {
+              await jar.setCookie(cookieStr, currentUrl);
+            } catch {
+            }
           }
         }
-      }
-      const response = await axios_default({
-        method: currentMethod,
-        url: currentUrl,
-        headers,
-        data,
-        timeout: 3e4,
-        maxRedirects: 0,
-        // Disable automatic redirects
-        validateStatus: () => true
-      });
-      const setCookieHeader = response.headers["set-cookie"];
-      if (setCookieHeader) {
-        const cookies2 = Array.isArray(setCookieHeader) ? setCookieHeader : [setCookieHeader];
-        for (const cookieStr of cookies2) {
-          try {
-            await jar.setCookie(cookieStr, currentUrl);
-          } catch {
+        if (response.status >= 300 && response.status < 400 && response.headers["location"]) {
+          redirectCount++;
+          const location = response.headers["location"];
+          currentUrl = new URL(location, currentUrl).toString();
+          if (currentMethod !== "GET" && currentMethod !== "HEAD") {
+            currentMethod = "GET";
+            currentBody = void 0;
           }
+          continue;
         }
+        finalResponse = response;
+        break;
+      }
+      if (!finalResponse) {
+        throw new Error("Too many redirects");
       }
-      if (response.status >= 300 && response.status < 400 && response.headers["location"]) {
-        redirectCount++;
-        const location = response.headers["location"];
-        currentUrl = new URL(location, currentUrl).toString();
-        if (currentMethod !== "GET" && currentMethod !== "HEAD") {
-          currentMethod = "GET";
-          currentBody = void 0;
+      if (shouldRetry(finalResponse, null) && attempt < totalAttempts) {
+        const waitMs = backoffMs * attempt;
+        const errorMessage = `HTTP ${finalResponse.status} ${finalResponse.statusText}`;
+        retriedErrors.push(`Attempt ${attempt}: ${errorMessage}`);
+        if (retryOptions?.onRetry) {
+          retryOptions.onRetry(attempt, totalAttempts, errorMessage, waitMs);
         }
+        await sleep(waitMs);
         continue;
       }
-      finalResponse = response;
-      break;
-    }
-    if (!finalResponse) {
-      throw new Error("Too many redirects");
+      const cookies = await getAllCookies(jar);
+      const result = {
+        status: finalResponse.status,
+        statusText: finalResponse.statusText,
+        headers: finalResponse.headers,
+        body: finalResponse.data,
+        duration: Date.now() - startTime,
+        cookies
+      };
+      if (attemptsMade > 1 || totalAttempts > 1) {
+        result.retryInfo = {
+          attemptsMade,
+          totalAttempts,
+          retriedErrors
+        };
+      }
+      return result;
+    } catch (error) {
+      const errorMessage = error.message || String(error);
+      lastError = new Error(`${errorMessage}
+URL used: ${currentUrl || request.url}`);
+      if (attempt < totalAttempts) {
+        const waitMs = backoffMs * attempt;
+        retriedErrors.push(`Attempt ${attempt}: ${errorMessage}`);
+        if (retryOptions?.onRetry) {
+          retryOptions.onRetry(attempt, totalAttempts, errorMessage, waitMs);
+        }
+        await sleep(waitMs);
+        continue;
+      }
+      throw lastError;
     }
-    const cookies = await getAllCookies(jar);
-    return {
-      status: finalResponse.status,
-      statusText: finalResponse.statusText,
-      headers: finalResponse.headers,
-      body: finalResponse.data,
-      duration: Date.now() - startTime,
-      cookies
-    };
-  } catch (error) {
-    const originalError = error.message || String(error);
-    const urlUsed = currentUrl || request.url;
-    throw new Error(`${originalError}
-URL used: ${urlUsed}`);
   }
+  throw lastError || new Error("Request failed");
 }
 
 // src/scriptRunner.ts
@@ -19955,17 +20025,20 @@ function isRunNamedRequestCommand(line2) {
   if (/^(bash|js|powershell)\s+/i.test(afterRun)) {
     return false;
   }
-  return /^[a-zA-Z_][a-zA-Z0-9_-]*(?:\s*\([^)]*\))?$/.test(afterRun);
+  return /^[a-zA-Z_][a-zA-Z0-9_-]*(?:\s*\([^)]*\))?(?:\s+retry\s+\d+)?(?:\s+backoff\s+\d+(?:\.\d+)?\s*(?:s|ms|seconds?|milliseconds?)?)?$/i.test(afterRun);
 }
 function parseRunNamedRequestCommand(line2) {
   const trimmed = line2.trim();
-  const match = trimmed.match(/^run\s+([a-zA-Z_][a-zA-Z0-9_-]*)(?:\s*\(([^)]*)\))?$/i);
+  const { cleanedLine, retryCount, backoffMs } = extractRetryOptions(trimmed);
+  const match = cleanedLine.match(/^run\s+([a-zA-Z_][a-zA-Z0-9_-]*)(?:\s*\(([^)]*)\))?$/i);
   if (!match) {
     return null;
   }
   return {
     name: match[1],
-    args: parseRunArguments(match[2] || "")
+    args: parseRunArguments(match[2] || ""),
+    retryCount,
+    backoffMs
   };
 }
 function isReturnStatement(line2) {
@@ -20061,7 +20134,7 @@ function parseRunArguments(argsStr) {
 }
 function isVarRunSequenceCommand(line2) {
   const trimmed = line2.trim();
-  if (!/^var\s+[a-zA-Z_][a-zA-Z0-9_]*\s*=\s*run\s+[a-zA-Z_][a-zA-Z0-9_-]*(?:\s*\([^)]*\))?\s*$/i.test(trimmed)) {
+  if (!/^var\s+[a-zA-Z_][a-zA-Z0-9_]*\s*=\s*run\s+[a-zA-Z_][a-zA-Z0-9_-]*(?:\s*\([^)]*\))?(?:\s+retry\s+\d+)?(?:\s+backoff\s+\d+(?:\.\d+)?\s*(?:s|ms|seconds?|milliseconds?)?)?\s*$/i.test(trimmed)) {
     return false;
   }
   const match = trimmed.match(/^var\s+[a-zA-Z_][a-zA-Z0-9_]*\s*=\s*run\s+([a-zA-Z_][a-zA-Z0-9_-]*)/i);
@@ -20075,14 +20148,17 @@ function isVarRunSequenceCommand(line2) {
 }
 function parseVarRunSequenceCommand(line2) {
   const trimmed = line2.trim();
-  const match = trimmed.match(/^var\s+([a-zA-Z_][a-zA-Z0-9_]*)\s*=\s*run\s+([a-zA-Z_][a-zA-Z0-9_-]*)(?:\s*\(([^)]*)\))?\s*$/i);
+  const { cleanedLine, retryCount, backoffMs } = extractRetryOptions(trimmed);
+  const match = cleanedLine.match(/^var\s+([a-zA-Z_][a-zA-Z0-9_]*)\s*=\s*run\s+([a-zA-Z_][a-zA-Z0-9_-]*)(?:\s*\(([^)]*)\))?\s*$/i);
   if (!match) {
     return null;
   }
   return {
     varName: match[1],
     sequenceName: match[2],
-    args: parseRunArguments(match[3] || "")
+    args: parseRunArguments(match[3] || ""),
+    retryCount,
+    backoffMs
   };
 }
 function bindSequenceArguments(params, args, runtimeVariables) {
@@ -20434,10 +20510,13 @@ function parseVarRequestCommand(line2) {
   if (!match) {
     return null;
   }
+  const { cleanedLine: url2, retryCount, backoffMs } = extractRetryOptions(match[3].trim());
   return {
     varName: match[1],
     method: match[2].toUpperCase(),
-    url: match[3].trim()
+    url: url2,
+    retryCount,
+    backoffMs
   };
 }
 function isVarAssignCommand(line2) {
@@ -20668,7 +20747,7 @@ function valueToString2(value) {
   }
   return String(value);
 }
-function sleep(ms) {
+function sleep2(ms) {
   return new Promise((resolve4) => setTimeout(resolve4, ms));
 }
 function isIfCommand(line2) {
@@ -21147,7 +21226,7 @@ async function runSequenceWithJar(sequenceContent, fileVariables, cookieJar, wor
     if (step.type === "wait") {
       const durationMs = parseWaitCommand(step.content);
       reportProgress(stepIdx, "wait", `wait: ${durationMs}ms`);
-      await sleep(durationMs);
+      await sleep2(durationMs);
       const stepResult = {
         type: "print",
         stepIndex: stepIdx,
@@ -21388,7 +21467,14 @@ async function runSequenceWithJar(sequenceContent, fileVariables, cookieJar, wor
           requestText += "\n" + headerLines.join("\n");
         }
         const requestParsed = parserHttpRequest(requestText, runtimeVariables);
-        const response = cookieJar ? await sendRequestWithJar(requestParsed, cookieJar) : await sendRequest(requestParsed);
+        const retryOpts = parsed.retryCount ? {
+          retryCount: parsed.retryCount,
+          backoffMs: parsed.backoffMs || 1e3,
+          onRetry: (attempt, total, error, waitMs) => {
+            reportProgress(stepIdx, "request", `[Retry ${attempt}/${total}] ${requestDescription} - waiting ${waitMs}ms`, void 0);
+          }
+        } : void 0;
+        const response = cookieJar ? await sendRequestWithJar(requestParsed, cookieJar, retryOpts) : await sendRequest(requestParsed, retryOpts);
         addResponse(response);
         responseIndexToVariable.set(responses.length, parsed.varName);
         runtimeVariables[parsed.varName] = response;
@@ -21641,20 +21727,29 @@ async function runSequenceWithJar(sequenceContent, fileVariables, cookieJar, wor
       let requestUrl = "";
       let requestMethod = "";
       try {
-        const parsed2 = parserHttpRequest(namedRequest.content, runtimeVariables);
-        requestUrl = parsed2.url;
-        requestMethod = parsed2.method;
-        const response = cookieJar ? await sendRequestWithJar(parsed2, cookieJar) : await sendRequest(parsed2);
+        const requestParsed = parserHttpRequest(namedRequest.content, runtimeVariables);
+        requestUrl = requestParsed.url;
+        requestMethod = requestParsed.method;
+        const effectiveRetryCount = parsed.retryCount ?? requestParsed.retryCount;
+        const effectiveBackoffMs = parsed.backoffMs ?? requestParsed.backoffMs ?? 1e3;
+        const retryOpts = effectiveRetryCount ? {
+          retryCount: effectiveRetryCount,
+          backoffMs: effectiveBackoffMs,
+          onRetry: (attempt, total, error, waitMs) => {
+            reportProgress(stepIdx, "request", `[Retry ${attempt}/${total}] run ${targetName} - waiting ${waitMs}ms`, void 0);
+          }
+        } : void 0;
+        const response = cookieJar ? await sendRequestWithJar(requestParsed, cookieJar, retryOpts) : await sendRequest(requestParsed, retryOpts);
         addResponse(response);
         const stepResult = {
           type: "request",
           stepIndex: stepIdx,
           response,
-          requestMethod: parsed2.method,
-          requestUrl: parsed2.url
+          requestMethod: requestParsed.method,
+          requestUrl: requestParsed.url
         };
         orderedSteps.push(stepResult);
-        reportProgress(stepIdx, "namedRequest", `run ${targetName} \u2192 ${parsed2.method} ${parsed2.url}`, stepResult);
+        reportProgress(stepIdx, "namedRequest", `run ${targetName} \u2192 ${requestParsed.method} ${requestParsed.url}`, stepResult);
         const relevantCaptures = captures.filter((c) => c.afterRequest === requestIndex);
         for (const capture of relevantCaptures) {
           const value = getValueByPath(response, capture.path);
@@ -21732,20 +21827,29 @@ async function runSequenceWithJar(sequenceContent, fileVariables, cookieJar, wor
         let requestUrl = "";
         let requestMethod = "";
         try {
-          const parsed2 = parserHttpRequest(namedRequest.content, runtimeVariables);
-          requestUrl = parsed2.url;
-          requestMethod = parsed2.method;
-          const response = cookieJar ? await sendRequestWithJar(parsed2, cookieJar) : await sendRequest(parsed2);
+          const requestParsed = parserHttpRequest(namedRequest.content, runtimeVariables);
+          requestUrl = requestParsed.url;
+          requestMethod = requestParsed.method;
+          const effectiveRetryCount = parsed.retryCount ?? requestParsed.retryCount;
+          const effectiveBackoffMs = parsed.backoffMs ?? requestParsed.backoffMs ?? 1e3;
+          const retryOpts = effectiveRetryCount ? {
+            retryCount: effectiveRetryCount,
+            backoffMs: effectiveBackoffMs,
+            onRetry: (attempt, total, error, waitMs) => {
+              reportProgress(stepIdx, "request", `[Retry ${attempt}/${total}] var ${varName} = run ${sequenceName} - waiting ${waitMs}ms`, void 0);
+            }
+          } : void 0;
+          const response = cookieJar ? await sendRequestWithJar(requestParsed, cookieJar, retryOpts) : await sendRequest(requestParsed, retryOpts);
           addResponse(response);
           const stepResult = {
             type: "request",
             stepIndex: stepIdx,
             response,
-            requestMethod: parsed2.method,
-            requestUrl: parsed2.url
+            requestMethod: requestParsed.method,
+            requestUrl: requestParsed.url
           };
           orderedSteps.push(stepResult);
-          reportProgress(stepIdx, "namedRequest", `var ${varName} = run ${sequenceName} \u2192 ${parsed2.method} ${parsed2.url}`, stepResult);
+          reportProgress(stepIdx, "namedRequest", `var ${varName} = run ${sequenceName} \u2192 ${requestParsed.method} ${requestParsed.url}`, stepResult);
           const capturedResponse = {
             status: response.status,
             statusText: response.statusText,
@@ -21951,7 +22055,15 @@ async function runSequenceWithJar(sequenceContent, fileVariables, cookieJar, wor
           parsed = parserHttpRequest(step.content, runtimeVariables);
           requestDescription = `${parsed.method} ${parsed.url}`;
         }
-        const response = cookieJar ? await sendRequestWithJar(parsed, cookieJar) : await sendRequest(parsed);
+        const { retryCount, backoffMs } = extractRetryOptions(step.content);
+        const retryOpts = retryCount ?? parsed.retryCount ? {
+          retryCount: retryCount ?? parsed.retryCount ?? 0,
+          backoffMs: backoffMs ?? parsed.backoffMs ?? 1e3,
+          onRetry: (attempt, total, error, waitMs) => {
+            reportProgress(stepIdx, "request", `[Retry ${attempt}/${total}] ${requestDescription} - waiting ${waitMs}ms`, void 0);
+          }
+        } : void 0;
+        const response = cookieJar ? await sendRequestWithJar(parsed, cookieJar, retryOpts) : await sendRequest(parsed, retryOpts);
         addResponse(response);
         const stepResult = {
           type: "request",
@@ -22264,12 +22376,14 @@ function formatResponse(response, options) {
   const icon = isSuccess ? colors.checkmark : colors.cross;
   if (method && url2) {
     const displayUrl = redactUrl(url2, redaction);
+    const retryInfo = response.retryInfo && response.retryInfo.attemptsMade > 1 ? ` ${colors.warning(`[retried ${response.retryInfo.attemptsMade - 1}x]`)}` : "";
     lines.push(
-      `${prefix}${icon} ${colors.method(method)} ${displayUrl} ${statusColor(`(${response.status} ${response.statusText})`)} ${colors.duration(formatDuration(response.duration))}`
+      `${prefix}${icon} ${colors.method(method)} ${displayUrl} ${statusColor(`(${response.status} ${response.statusText})`)} ${colors.duration(formatDuration(response.duration))}${retryInfo}`
     );
   } else {
+    const retryInfo = response.retryInfo && response.retryInfo.attemptsMade > 1 ? ` ${colors.warning(`[retried ${response.retryInfo.attemptsMade - 1}x]`)}` : "";
     lines.push(
-      `${prefix}${statusColor(`${response.status} ${response.statusText}`)} ${colors.duration(`(${formatDuration(response.duration)})`)}`
+      `${prefix}${statusColor(`${response.status} ${response.statusText}`)} ${colors.duration(`(${formatDuration(response.duration)})`)}${retryInfo}`
     );
   }
   if (verbose || showDetails) {
@@ -22319,11 +22433,12 @@ function formatResponseCompact(response, options) {
   const statusColor = getStatusColor(colors, response.status);
   const isSuccess = response.status >= 200 && response.status < 300;
   const icon = isSuccess ? colors.checkmark : colors.cross;
+  const retryInfo = response.retryInfo && response.retryInfo.attemptsMade > 1 ? ` ${colors.warning(`[retried ${response.retryInfo.attemptsMade - 1}x]`)}` : "";
   if (method && url2) {
     const displayUrl = redactUrl(url2, redaction);
-    return `${prefix}${icon} ${colors.method(method)} ${displayUrl} ${statusColor(`${response.status}`)} ${colors.duration(formatDuration(response.duration))}`;
+    return `${prefix}${icon} ${colors.method(method)} ${displayUrl} ${statusColor(`${response.status}`)} ${colors.duration(formatDuration(response.duration))}${retryInfo}`;
   }
-  return `${prefix}${icon} ${statusColor(`${response.status} ${response.statusText}`)} ${colors.duration(formatDuration(response.duration))}`;
+  return `${prefix}${icon} ${statusColor(`${response.status} ${response.statusText}`)} ${colors.duration(formatDuration(response.duration))}${retryInfo}`;
 }
 
 // src/cli/formatters/assertion.ts
@@ -22677,7 +22792,7 @@ function formatTimestamp() {
   return (/* @__PURE__ */ new Date()).toISOString().replace("T", " ").replace(/\.\d+Z$/, " UTC");
 }
 function generateHtmlReport(results, options) {
-  const { outputPath, redaction, title = "Norn Test Report" } = options;
+  const { outputPath, redaction, title = "Norn Test Report", environment } = options;
   const totalSequences = results.length;
   const passedSequences = results.filter((r) => r.success).length;
   const failedSequences = totalSequences - passedSequences;
@@ -22686,6 +22801,11 @@ function generateHtmlReport(results, options) {
   const failedAssertions = totalAssertions - passedAssertions;
   const totalRequests = results.reduce((sum, r) => sum + r.steps.filter((s) => s.type === "request").length, 0);
   const totalDuration = results.reduce((sum, r) => sum + r.duration, 0);
+  const sortedResults = [...results].sort((a, b) => {
+    if (a.success !== b.success) return a.success ? 1 : -1;
+    return a.name.localeCompare(b.name);
+  });
+  const passRate = totalSequences > 0 ? Math.round(passedSequences / totalSequences * 100) : 100;
   const html = `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -22700,23 +22820,32 @@ function generateHtmlReport(results, options) {
     <div class="container">
         <header>
             <h1>${escapeHtml(title)}</h1>
-            <p class="timestamp">Generated: ${formatTimestamp()}</p>
+            <div class="header-meta">
+                <span class="timestamp">Generated: ${formatTimestamp()}</span>
+                ${environment ? `<span class="environment">Environment: <strong>${escapeHtml(environment)}</strong></span>` : ""}
+            </div>
         </header>
         
         <section class="summary">
-            <h2>Summary</h2>
+            <div class="summary-header">
+                <h2>Summary</h2>
+                <div class="pass-rate ${passRate === 100 ? "perfect" : passRate >= 80 ? "good" : "poor"}">
+                    <span class="rate-value">${passRate}%</span>
+                    <span class="rate-label">Pass Rate</span>
+                </div>
+            </div>
             <div class="stats-grid">
-                <div class="stat-card ${failedSequences > 0 ? "has-failures" : "all-passed"}">
-                    <div class="stat-value">${passedSequences}/${totalSequences}</div>
-                    <div class="stat-label">Sequences Passed</div>
+                <div class="stat-card clickable ${failedSequences > 0 ? "has-failures" : "all-passed"}" onclick="filterByStatus('all')" data-filter="all">
+                    <div class="stat-value">${totalSequences}</div>
+                    <div class="stat-label">Total Tests</div>
                 </div>
-                <div class="stat-card ${failedAssertions > 0 ? "has-failures" : "all-passed"}">
-                    <div class="stat-value">${passedAssertions}/${totalAssertions}</div>
-                    <div class="stat-label">Assertions Passed</div>
+                <div class="stat-card clickable ${passedSequences > 0 ? "all-passed" : ""}" onclick="filterByStatus('passed')" data-filter="passed">
+                    <div class="stat-value">${passedSequences}</div>
+                    <div class="stat-label">Passed</div>
                 </div>
-                <div class="stat-card">
-                    <div class="stat-value">${totalRequests}</div>
-                    <div class="stat-label">Total Requests</div>
+                <div class="stat-card clickable ${failedSequences > 0 ? "has-failures" : ""}" onclick="filterByStatus('failed')" data-filter="failed">
+                    <div class="stat-value">${failedSequences}</div>
+                    <div class="stat-label">Failed</div>
                 </div>
                 <div class="stat-card">
                     <div class="stat-value">${formatDuration2(totalDuration)}</div>
@@ -22730,9 +22859,29 @@ function generateHtmlReport(results, options) {
             </div>
         </section>
         
+        <section class="controls">
+            <div class="filter-bar">
+                <input type="text" id="search-input" placeholder="Search tests..." onkeyup="filterTests()">
+                <div class="filter-buttons">
+                    <button class="filter-btn active" data-filter="all" onclick="setFilter('all')">All (${totalSequences})</button>
+                    <button class="filter-btn" data-filter="passed" onclick="setFilter('passed')">Passed (${passedSequences})</button>
+                    <button class="filter-btn" data-filter="failed" onclick="setFilter('failed')">Failed (${failedSequences})</button>
+                </div>
+            </div>
+            <div class="action-buttons">
+                <button class="action-btn" onclick="expandAll()">Expand All</button>
+                <button class="action-btn" onclick="collapseAll()">Collapse All</button>
+            </div>
+        </section>
+        
         <section class="results">
             <h2>Test Results</h2>
-            ${results.map((r, i) => generateSequenceHtml(r, i, redaction)).join("\n")}
+            <div id="results-container">
+                ${sortedResults.map((r, i) => generateSequenceHtml(r, i, redaction)).join("\n")}
+            </div>
+            <div id="no-results" class="no-results" style="display: none;">
+                No tests match your filter criteria.
+            </div>
         </section>
     </div>
     
@@ -22797,11 +22946,13 @@ function generateRequestHtml(step, seqIndex, reqIndex, redaction) {
   const statusClass = isSuccess ? "passed" : "failed";
   const method = step.requestMethod || "REQUEST";
   const url2 = step.requestUrl ? redactUrl(step.requestUrl, redaction) : "unknown";
+  const varLabel = step.variableName ? `<span class="var-label">${escapeHtml(step.variableName)}</span><span class="var-equals">=</span>` : "";
   const bodyHtml = response.body ? generateBodyHtml(response.body, redaction) : "<em>No body</em>";
   const headersHtml = response.headers ? generateHeadersHtml(response.headers, redaction) : "";
   return `
         <div class="step request ${statusClass}">
             <div class="step-header" onclick="toggleStep('step-${seqIndex}-${reqIndex}')">
+                ${varLabel}
                 <span class="method">${escapeHtml(method)}</span>
                 <span class="url">${escapeHtml(url2)}</span>
                 <span class="status-code">${response.status} ${escapeHtml(response.statusText)}</span>
@@ -22840,20 +22991,32 @@ function generateAssertionHtml(step, redaction) {
   const assertion = step.assertion;
   const statusClass = assertion.passed ? "passed" : "failed";
   const statusIcon = assertion.passed ? "\u2713" : "\u2717";
-  const displayText = assertion.message || assertion.expression;
+  const displayText = assertion.friendlyName || assertion.message || assertion.expression;
   let detailsHtml = "";
   if (!assertion.passed) {
+    let actualDisplay = "";
+    if (assertion.leftValue === void 0) {
+      actualDisplay = "undefined";
+    } else if (assertion.leftValue === null) {
+      actualDisplay = "null";
+    } else if (typeof assertion.leftValue === "object") {
+      actualDisplay = JSON.stringify(assertion.leftValue, null, 2);
+    } else {
+      actualDisplay = String(assertion.leftValue);
+    }
+    const pathInfo = assertion.jsonPath ? `<div class="assertion-path"><strong>Path:</strong> <code>${escapeHtml(assertion.jsonPath)}</code></div>` : "";
     detailsHtml = `
             <div class="assertion-details">
-                <div><strong>Expected:</strong> ${escapeHtml(String(assertion.rightExpression || assertion.rightValue))}</div>
-                <div><strong>Actual:</strong> ${escapeHtml(JSON.stringify(assertion.leftValue))}</div>
+                ${pathInfo}
+                <div><strong>Expected:</strong> <code>${escapeHtml(String(assertion.rightExpression || assertion.rightValue))}</code></div>
+                <div><strong>Actual:</strong> <code>${escapeHtml(actualDisplay)}</code></div>
                 ${assertion.error ? `<div class="error"><strong>Error:</strong> ${escapeHtml(redactString(assertion.error, redaction))}</div>` : ""}
             </div>`;
   }
   return `
         <div class="step assertion ${statusClass}">
             <span class="status-icon">${statusIcon}</span>
-            <span class="assertion-text">assert ${escapeHtml(displayText)}</span>
+            <span class="assertion-text">${escapeHtml(displayText)}</span>
             ${detailsHtml}
         </div>`;
 }
@@ -22893,17 +23056,48 @@ function getEmbeddedCSS() {
         .container { max-width: 1200px; margin: 0 auto; padding: 20px; }
         header { text-align: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #333; }
         header h1 { color: #fff; font-size: 2em; margin-bottom: 10px; }
+        .header-meta { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
         .timestamp { color: #888; font-size: 0.9em; }
+        .environment { color: #888; font-size: 0.9em; }
+        .environment strong { color: #569cd6; }
         h2 { color: #fff; margin-bottom: 15px; font-size: 1.4em; }
         
-        .summary { background: #252526; border-radius: 8px; padding: 20px; margin-bottom: 30px; }
+        .summary { background: #252526; border-radius: 8px; padding: 20px; margin-bottom: 20px; }
+        .summary-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
+        .pass-rate { text-align: center; padding: 10px 20px; border-radius: 8px; }
+        .pass-rate.perfect { background: #1e3a2f; }
+        .pass-rate.good { background: #2a3a1e; }
+        .pass-rate.poor { background: #3a1e1e; }
+        .rate-value { display: block; font-size: 2em; font-weight: bold; }
+        .pass-rate.perfect .rate-value { color: #4ec9b0; }
+        .pass-rate.good .rate-value { color: #b5cea8; }
+        .pass-rate.poor .rate-value { color: #f14c4c; }
+        .rate-label { font-size: 0.8em; color: #888; }
+        
         .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin-bottom: 20px; }
-        .stat-card { background: #1e1e1e; border-radius: 6px; padding: 15px; text-align: center; }
+        .stat-card { background: #1e1e1e; border-radius: 6px; padding: 15px; text-align: center; transition: transform 0.2s, box-shadow 0.2s; }
+        .stat-card.clickable { cursor: pointer; }
+        .stat-card.clickable:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.3); }
         .stat-card.all-passed { border-left: 4px solid #4ec9b0; }
         .stat-card.has-failures { border-left: 4px solid #f14c4c; }
         .stat-value { font-size: 2em; font-weight: bold; color: #fff; }
         .stat-label { color: #888; font-size: 0.85em; margin-top: 5px; }
         
+        .controls { background: #252526; border-radius: 8px; padding: 15px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; }
+        .filter-bar { display: flex; align-items: center; gap: 15px; flex-wrap: wrap; flex: 1; }
+        #search-input { background: #1e1e1e; border: 1px solid #333; border-radius: 4px; padding: 8px 12px; color: #d4d4d4; min-width: 200px; font-size: 0.9em; }
+        #search-input:focus { outline: none; border-color: #569cd6; }
+        #search-input::placeholder { color: #666; }
+        .filter-buttons { display: flex; gap: 5px; }
+        .filter-btn { background: #1e1e1e; border: 1px solid #333; border-radius: 4px; padding: 8px 16px; color: #888; cursor: pointer; font-size: 0.9em; transition: all 0.2s; }
+        .filter-btn:hover { border-color: #569cd6; color: #d4d4d4; }
+        .filter-btn.active { background: #264f78; border-color: #264f78; color: #fff; }
+        .action-buttons { display: flex; gap: 10px; }
+        .action-btn { background: transparent; border: 1px solid #444; border-radius: 4px; padding: 8px 16px; color: #888; cursor: pointer; font-size: 0.85em; transition: all 0.2s; }
+        .action-btn:hover { border-color: #666; color: #d4d4d4; }
+        
+        .no-results { text-align: center; padding: 40px; color: #888; font-size: 1.1em; }
+        
         .progress-bar { height: 8px; background: #333; border-radius: 4px; overflow: hidden; }
         .progress-fill { height: 100%; transition: width 0.3s; }
         .progress-fill.all-passed { background: #4ec9b0; }
@@ -22940,6 +23134,8 @@ function getEmbeddedCSS() {
         
         .step-header { display: flex; align-items: center; gap: 10px; cursor: pointer; }
         .step-header:hover { opacity: 0.9; }
+        .var-label { color: #4fc1ff; font-family: monospace; font-weight: 500; }
+        .var-equals { color: #d4d4d4; margin-right: 5px; }
         .method { background: #264f78; color: #fff; padding: 2px 6px; border-radius: 3px; font-size: 0.8em; font-weight: 600; }
         .url { flex: 1; color: #9cdcfe; font-family: monospace; font-size: 0.9em; word-break: break-all; }
         .status-code { font-weight: 600; }
@@ -22959,6 +23155,9 @@ function getEmbeddedCSS() {
         .assertion-text { font-family: monospace; }
         .assertion-details { width: 100%; margin-top: 8px; padding: 10px; background: #1a1a1a; border-radius: 4px; font-size: 0.9em; }
         .assertion-details div { margin-bottom: 5px; }
+        .assertion-details code { background: #2d2d2d; padding: 2px 6px; border-radius: 3px; font-family: monospace; color: #ce9178; }
+        .assertion-path { color: #888; }
+        .assertion-path code { color: #9cdcfe; }
         
         .print-icon { font-size: 1em; }
         .print-text { color: #dcdcaa; }
@@ -22975,6 +23174,8 @@ function getEmbeddedCSS() {
 }
 function getEmbeddedJS() {
   return `
+        let currentFilter = 'all';
+        
         function toggleSequence(index) {
             const body = document.getElementById('sequence-body-' + index);
             const sequence = body.closest('.sequence');
@@ -23000,6 +23201,69 @@ function getEmbeddedJS() {
             }
         }
         
+        function setFilter(filter) {
+            currentFilter = filter;
+            document.querySelectorAll('.filter-btn').forEach(btn => {
+                btn.classList.toggle('active', btn.dataset.filter === filter);
+            });
+            filterTests();
+        }
+        
+        function filterByStatus(filter) {
+            setFilter(filter);
+        }
+        
+        function filterTests() {
+            const searchTerm = document.getElementById('search-input').value.toLowerCase();
+            const sequences = document.querySelectorAll('.sequence');
+            let visibleCount = 0;
+            
+            sequences.forEach(seq => {
+                const name = seq.querySelector('.sequence-name').textContent.toLowerCase();
+                const isPassed = seq.classList.contains('passed');
+                const isFailed = seq.classList.contains('failed');
+                
+                let matchesFilter = currentFilter === 'all' ||
+                    (currentFilter === 'passed' && isPassed) ||
+                    (currentFilter === 'failed' && isFailed);
+                
+                let matchesSearch = !searchTerm || name.includes(searchTerm);
+                
+                if (matchesFilter && matchesSearch) {
+                    seq.style.display = 'block';
+                    visibleCount++;
+                } else {
+                    seq.style.display = 'none';
+                }
+            });
+            
+            document.getElementById('no-results').style.display = visibleCount === 0 ? 'block' : 'none';
+        }
+        
+        function expandAll() {
+            document.querySelectorAll('.sequence').forEach(seq => {
+                if (seq.style.display !== 'none') {
+                    const index = seq.dataset.sequence;
+                    const body = document.getElementById('sequence-body-' + index);
+                    if (body) {
+                        body.style.display = 'block';
+                        seq.classList.add('open');
+                    }
+                }
+            });
+        }
+        
+        function collapseAll() {
+            document.querySelectorAll('.sequence').forEach(seq => {
+                const index = seq.dataset.sequence;
+                const body = document.getElementById('sequence-body-' + index);
+                if (body) {
+                    body.style.display = 'none';
+                    seq.classList.remove('open');
+                }
+            });
+        }
+        
         // Expand all failed sequences by default
         document.querySelectorAll('.sequence.failed').forEach((seq, i) => {
             const index = seq.dataset.sequence;

package/package.json

@@ -2,7 +2,7 @@
   "name": "norn-cli",
   "displayName": "Norn - REST Client",
   "description": "A powerful REST client for making HTTP requests with sequences, variables, scripts, and cookie support",
-  "version": "1.2.4",
+  "version": "1.3.0",
   "publisher": "Norn-PeterKrustanov",
   "author": {
     "name": "Peter Krastanov"