fix: ensure boxes don't wrap

* Limits the size of boxes to the terminal width.
* Logs relative paths to the output directory, instead of absolute ones.

Author: crisbeto

runner/report-cli.ts

@@ -1,5 +1,5 @@
 import { Arguments, Argv, CommandModule } from 'yargs';
-import { join } from 'path';
+import { join, relative } from 'path';
 import { executeCommand } from './utils/exec.js';
 import { REPORTS_ROOT_DIR } from './configuration/constants.js';
 import { toProcessAbsolutePath } from './file-system-utils.js';
@@ -63,9 +63,8 @@ async function handler(cliArgs: Arguments<Options>): Promise<void> {
     formatTitleCard(
       [
         `View your reports at http://localhost:${cliArgs.port}`,
-        `Reports are served from ${reportsDir}`,
-      ].join('\n'),
-      120 // Use a wider box since file paths can be long.
+        `Reports are served from ${relative(process.cwd(), reportsDir)}`,
+      ].join('\n')
     )
   );
 

runner/reporting/format.ts

@@ -14,7 +14,7 @@ export function formatTitleCard(text: string, width = 80): string {
     borderStyle: 'double',
     borderColor: 'cyan',
     padding: 1,
-    width,
+    width: Math.min(width, process.stdout.columns),
   });
 }
 

runner/reporting/report-logging.ts

@@ -289,7 +289,7 @@ export function logReportToConsole(runInfo: RunInfo): void {
     boxen(summaryLines.join('\n'), {
       padding: 1,
       margin: { top: 2 },
-      width: 80,
+      width: Math.min(80, process.stdout.columns),
       borderColor: 'cyan',
       borderStyle: 'double',
       title: 'Assessment Summary',