@loglayer/transport-pretty-terminal 1.0.0 → 3.0.0

package/dist/index.js

@@ -1,11 +1,13 @@
 // src/PrettyTerminalTransport.ts
 import { LoggerlessTransport } from "@loglayer/transport";
-import chalk5 from "chalk";
+import chalk7 from "chalk";
 
-// src/LogRenderer.ts
+// src/views/SimpleView.ts
+import wrap from "wrap-ansi";
+
+// src/views/utils.ts
 import chalk2 from "chalk";
 import truncate from "cli-truncate";
-import wrap from "wrap-ansi";
 
 // src/vendor/prettyjson.js
 import chalk from "chalk";
@@ -201,193 +203,204 @@ function render(data, options, indentation) {
   return renderToArray(data, options, indentation).join("\n");
 }
 
-// src/LogRenderer.ts
-var LogRenderer = class {
-  /** Current terminal width in characters */
-  termWidth;
-  /** Maximum depth for displaying nested objects inline */
-  maxInlineDepth;
-  /** Maximum length for inline data before truncating */
-  maxInlineLength;
-  /** Whether arrays are currently collapsed in detail view */
-  isArraysCollapsed = false;
-  /** Color and formatting config for simple log view */
-  simpleViewConfig;
-  /** Color and formatting config for detailed view */
-  detailedViewConfig;
-  /** Current scroll position in detailed view */
-  detailViewScrollPos = 0;
-  /** Cached content lines for detailed view */
-  detailViewContent = [];
-  /**
-   * Creates a new LogRenderer instance.
-   *
-   * @param simpleViewConfig - Configuration for simple log view
-   * @param detailedViewConfig - Configuration for detailed view
-   * @param maxInlineDepth - Maximum depth for inline object display
-   * @param maxInlineLength - Maximum length before truncation
-   */
-  constructor(simpleViewConfig, detailedViewConfig, maxInlineDepth, maxInlineLength) {
-    this.simpleViewConfig = simpleViewConfig;
-    this.detailedViewConfig = detailedViewConfig;
-    this.maxInlineDepth = maxInlineDepth;
-    this.maxInlineLength = maxInlineLength;
-    this.termWidth = process.stdout.columns || 80;
-    process.stdout.on("resize", () => {
-      this.termWidth = process.stdout.columns || 80;
-    });
-  }
-  /**
-   * Gets the appropriate color for a log level.
-   * Handles both simple and detailed view color schemes.
-   *
-   * @param level - Log level (trace, debug, info, etc.)
-   * @param isDetailView - Whether to use detailed view colors
-   * @returns Chalk instance for the color
-   */
-  getLevelColor(level, isDetailView = false) {
-    const colors = isDetailView ? this.detailedViewConfig.colors : this.simpleViewConfig.colors;
-    return colors[level] || chalk2.white;
-  }
-  /**
-   * Formats a timestamp into a human-readable string.
-   * Format: HH:MM:SS.mmm
-   *
-   * @param timestamp - Unix timestamp in milliseconds
-   * @returns Formatted and colored timestamp string
-   */
-  formatTimestamp(timestamp) {
-    const date = new Date(timestamp);
-    return this.simpleViewConfig.logIdColor(
-      `${date.getHours().toString().padStart(2, "0")}:${date.getMinutes().toString().padStart(2, "0")}:${date.getSeconds().toString().padStart(2, "0")}.${date.getMilliseconds().toString().padStart(3, "0")}`
-    );
-  }
-  /**
-   * Formats structured data for inline display.
-   * Handles nested objects, arrays, and primitive values.
-   * Truncates output to maintain readability.
-   *
-   * @param data - Data to format
-   * @returns Formatted string with color coding
-   */
-  formatInlineData(data) {
-    if (!data) return "";
-    const formatValue = (value) => {
-      if (typeof value === "string") return value;
-      if (typeof value === "number" || typeof value === "boolean") return value.toString();
-      if (value === null) return "null";
-      if (value === void 0) return "undefined";
-      if (Array.isArray(value)) return "[...]";
-      if (typeof value === "object") return "{...}";
-      return value.toString();
-    };
-    const pairs = [];
-    const traverse = (obj, prefix = "", depth = 0) => {
-      if (depth >= this.maxInlineDepth) return;
-      for (const [key, value] of Object.entries(obj)) {
-        const fullKey = prefix ? `${prefix}.${key}` : key;
-        if (value && typeof value === "object" && !Array.isArray(value)) {
-          traverse(value, fullKey, depth + 1);
+// src/views/utils.ts
+function formatTimestamp(timestamp, colorFn) {
+  const date = new Date(timestamp);
+  return colorFn(
+    `${date.getHours().toString().padStart(2, "0")}:${date.getMinutes().toString().padStart(2, "0")}:${date.getSeconds().toString().padStart(2, "0")}.${date.getMilliseconds().toString().padStart(3, "0")}`
+  );
+}
+function getLevelColor(level, colors) {
+  return colors[level] || chalk2.white;
+}
+function formatValue(value, expanded = false) {
+  if (typeof value === "string") return value;
+  if (typeof value === "number" || typeof value === "boolean") return value.toString();
+  if (value === null) return "null";
+  if (value === void 0) return "undefined";
+  if (Array.isArray(value)) return expanded ? JSON.stringify(value) : "[...]";
+  if (typeof value === "object") return expanded ? JSON.stringify(value) : "{...}";
+  return value.toString();
+}
+function formatInlineData(data, config, maxDepth, maxLength, expanded = false) {
+  if (!data) return "";
+  const pairs = [];
+  const traverse = (obj, prefix = "", depth = 0) => {
+    if (!expanded && depth >= maxDepth) return;
+    for (const [key, value] of Object.entries(obj)) {
+      const fullKey = prefix ? `${prefix}.${key}` : key;
+      if (value && typeof value === "object" && !Array.isArray(value)) {
+        if (expanded) {
+          pairs.push(`${config.dataKeyColor(fullKey)}=${config.dataValueColor(JSON.stringify(value))}`);
         } else {
-          pairs.push(
-            `${this.simpleViewConfig.dataKeyColor(fullKey)}=${this.simpleViewConfig.dataValueColor(formatValue(value))}`
-          );
+          traverse(value, fullKey, depth + 1);
         }
+      } else {
+        pairs.push(`${config.dataKeyColor(fullKey)}=${config.dataValueColor(formatValue(value, expanded))}`);
       }
-    };
-    traverse(data);
-    const result = pairs.join(" ");
-    return truncate(result, this.maxInlineLength);
+    }
+  };
+  traverse(data);
+  const result = pairs.join(" ");
+  return expanded ? result : truncate(result, maxLength);
+}
+
+// src/views/SimpleView.ts
+var SimpleView = class {
+  termWidth;
+  config;
+  constructor(config) {
+    this.config = config;
+    this.termWidth = process.stdout.columns || 80;
+  }
+  updateTerminalWidth(width) {
+    this.termWidth = width;
   }
   /**
-   * Renders a single log line in simple view format.
-   * Format: [timestamp] LEVEL [id] message data
-   *
-   * @param entry - Log entry to render
+   * Renders a single log entry based on the current view mode
    */
   renderLogLine(entry) {
-    const levelColor = this.getLevelColor(entry.level);
-    const timestamp = this.formatTimestamp(entry.timestamp);
+    const levelColor = getLevelColor(entry.level, this.config.config.colors);
     const chevron = levelColor(`\u25B6 ${entry.level.toUpperCase()} `);
-    const logId = this.simpleViewConfig.logIdColor(`[${entry.id}]`);
-    const message = entry.message;
-    const data = entry.data ? this.formatInlineData(JSON.parse(entry.data)) : "";
-    const line = `${timestamp} ${chevron}${logId} ${message}${data ? ` ${data}` : ""}`;
-    console.log(wrap(line, this.termWidth, { hard: true }));
+    const message = entry.message || "(no message)";
+    const timestamp = formatTimestamp(entry.timestamp, this.config.config.logIdColor);
+    switch (this.config.viewMode) {
+      case "condensed": {
+        const condensedLine = `${timestamp} ${chevron}${message}`;
+        console.log(wrap(condensedLine, this.termWidth, { hard: true }));
+        break;
+      }
+      case "full": {
+        const logId = this.config.config.logIdColor(`[${entry.id}]`);
+        const fullData = entry.data ? formatInlineData(
+          JSON.parse(entry.data),
+          this.config.config,
+          this.config.maxInlineDepth,
+          this.config.maxInlineLength,
+          true
+        ) : "";
+        const expandedLine = `${timestamp} ${chevron}${logId} ${message}${fullData ? ` ${fullData}` : ""}`;
+        console.log(wrap(expandedLine, this.termWidth, { hard: true }));
+        break;
+      }
+      default: {
+        const logId = this.config.config.logIdColor(`[${entry.id}]`);
+        const normalData = entry.data ? formatInlineData(
+          JSON.parse(entry.data),
+          this.config.config,
+          this.config.maxInlineDepth,
+          this.config.maxInlineLength
+        ) : "";
+        const normalLine = `${timestamp} ${chevron}${logId} ${message}${normalData ? ` ${normalData}` : ""}`;
+        console.log(wrap(normalLine, this.termWidth, { hard: true }));
+        break;
+      }
+    }
+  }
+  render() {
+    throw new Error("SimpleView.render() should not be called directly. Use renderLogLine() instead.");
+  }
+};
+
+// src/views/DetailView.ts
+import chalk3 from "chalk";
+import wrap2 from "wrap-ansi";
+var DetailView = class {
+  termWidth;
+  config;
+  detailViewContent = [];
+  constructor(config) {
+    this.config = config;
+    this.termWidth = process.stdout.columns || 80;
+  }
+  updateTerminalWidth(width) {
+    this.termWidth = width;
   }
   /**
-   * Formats a compact single-line version of a log entry.
-   * Used for showing context in detailed view.
-   *
-   * @param entry - Log entry to render
-   * @param prefix - Optional prefix (e.g., "←" for previous entry)
-   * @returns Formatted log line
+   * Formats a compact single-line version of a log entry
    */
   formatCompactLogLine(entry, prefix = "") {
     if (!entry) return "";
-    const levelColor = this.getLevelColor(entry.level, true);
-    const logId = this.detailedViewConfig.logIdColor(`[${entry.id}]`);
+    const levelColor = getLevelColor(entry.level, this.config.config.colors);
+    const logId = this.config.config.logIdColor(`[${entry.id}]`);
     const line = `${prefix}${levelColor(entry.level.toUpperCase())} ${logId} ${entry.message}`;
-    return this.detailedViewConfig.separatorColor(wrap(line, this.termWidth, { hard: true }));
+    return this.config.config.separatorColor(wrap2(line, this.termWidth, { hard: true }));
   }
   /**
-   * Renders the detailed view of a log entry.
-   * Shows full entry details with context and formatted data.
-   *
-   * @param entry - Log entry to show in detail
-   * @param prevEntry - Previous entry for context
-   * @param nextEntry - Next entry for context
-   * @param scrollPos - Current scroll position
+   * Formats a timestamp into a human-readable relative time
    */
-  renderDetailView(entry, prevEntry, nextEntry, scrollPos = 0) {
+  formatRelativeTime(timestamp) {
+    const now = /* @__PURE__ */ new Date();
+    const diffMs = now.getTime() - timestamp.getTime();
+    const diffSecs = Math.floor(diffMs / 1e3);
+    const diffMins = Math.floor(diffSecs / 60);
+    const diffHours = Math.floor(diffMins / 60);
+    const diffDays = Math.floor(diffHours / 24);
+    if (diffSecs < 60) return `${diffSecs}s ago`;
+    if (diffMins < 60) return `${diffMins}m ago`;
+    if (diffHours < 24) return `${diffHours}h ago`;
+    if (diffDays === 1) return "yesterday";
+    if (diffDays < 30) return `${diffDays}d ago`;
+    return timestamp.toLocaleDateString();
+  }
+  render() {
     console.clear();
-    if (this.isJsonView) {
-      if (entry.data) {
-        console.log(JSON.stringify(JSON.parse(entry.data)));
+    if (this.config.isJsonView) {
+      if (this.config.entry.data) {
+        console.log(JSON.stringify(JSON.parse(this.config.entry.data)));
       } else {
         console.log("{}");
       }
       console.log(`
-${this.detailedViewConfig.separatorColor("TAB to return to detailed view")}`);
+${this.config.config.separatorColor("TAB to return to detailed view")}`);
       return;
     }
     const headerContent = [];
-    if (prevEntry) {
-      const prevLine = this.formatCompactLogLine(prevEntry, "\u2190 ");
+    if (this.config.prevEntry) {
+      const prevLine = this.formatCompactLogLine(this.config.prevEntry, "\u2190 ");
       headerContent.push(prevLine);
-      headerContent.push(this.detailedViewConfig.separatorColor("\u2500".repeat(this.termWidth)));
+      headerContent.push(this.config.config.separatorColor("\u2500".repeat(this.termWidth)));
     }
     const footerContent = [];
-    if (nextEntry) {
-      footerContent.push(this.detailedViewConfig.separatorColor("\u2500".repeat(this.termWidth)));
-      const nextLine = this.formatCompactLogLine(nextEntry, "\u2192 ");
+    if (this.config.nextEntry) {
+      footerContent.push(this.config.config.separatorColor("\u2500".repeat(this.termWidth)));
+      const nextLine = this.formatCompactLogLine(this.config.nextEntry, "\u2192 ");
       footerContent.push(nextLine);
     }
     footerContent.push("");
-    footerContent.push(
-      this.detailedViewConfig.separatorColor("TAB to exit \u2022 \u2191/\u2193 scroll \u2022 Q/W page up/down \u2022 J raw JSON")
-    );
-    footerContent.push(this.detailedViewConfig.separatorColor("\u2190/\u2192 navigate \u2022 A/S first/last log \u2022 C toggle arrays"));
+    footerContent.push(this.config.config.separatorColor("\u2191/\u2193 scroll \u2022 Q/W page up/down \u2022 J raw JSON"));
+    footerContent.push(this.config.config.separatorColor("\u2190/\u2192 navigate \u2022 A/S first/last log \u2022 C toggle arrays"));
     const mainContent = [];
-    const levelColor = this.getLevelColor(entry.level, true);
-    const header = levelColor(`=== Log Detail [${entry.id}] ===`);
+    const levelColor = getLevelColor(this.config.entry.level, this.config.config.colors);
+    let headerText = `=== Log Detail [${this.config.entry.id}] (${this.config.currentLogIndex} / ${this.config.totalLogs})`;
+    if (this.config.filterText) {
+      headerText += ` [Filter: ${this.config.filterText}]`;
+    }
+    headerText += " ===";
+    const header = levelColor(headerText);
     mainContent.push(header);
-    const timestamp = new Date(entry.timestamp);
-    const isoTime = timestamp.toISOString();
+    const timestamp = new Date(this.config.entry.timestamp);
+    const isoTime = formatTimestamp(this.config.entry.timestamp, this.config.config.dataValueColor);
     const relativeTime = this.formatRelativeTime(timestamp);
+    mainContent.push(`${this.config.config.labelColor("Timestamp:")} ${isoTime} (${relativeTime})`);
     mainContent.push(
-      `${this.detailedViewConfig.labelColor("Timestamp:")} ${this.detailedViewConfig.dataValueColor(isoTime)} (${relativeTime})`
-    );
-    mainContent.push(`${this.detailedViewConfig.labelColor("Level:")} ${levelColor.bold(entry.level.toUpperCase())}`);
-    mainContent.push(
-      `${this.detailedViewConfig.labelColor("Message:")} ${this.detailedViewConfig.dataValueColor(entry.message)}`
+      `${this.config.config.labelColor("Level:")} ${levelColor.bold(this.config.entry.level.toUpperCase())}`
     );
-    if (entry.data) {
-      mainContent.push(this.detailedViewConfig.labelColor("\nData:"));
-      const jsonLines = render(JSON.parse(entry.data), {
-        ...this.detailedViewConfig.jsonColors,
+    if (this.config.entry.message) {
+      mainContent.push(
+        `${this.config.config.labelColor("Message:")} ${this.config.config.dataValueColor(this.config.entry.message)}`
+      );
+    } else {
+      mainContent.push(
+        `${this.config.config.labelColor("Message:")} ${this.config.config.dataValueColor.dim("(no message)")}`
+      );
+    }
+    if (this.config.entry.data) {
+      mainContent.push(this.config.config.labelColor("\nData:"));
+      const jsonLines = render(JSON.parse(this.config.entry.data), {
+        ...this.config.config.jsonColors,
         defaultIndentation: 2,
-        collapseArrays: this.isArraysCollapsed
+        collapseArrays: this.config.isArraysCollapsed
       }).split("\n");
       mainContent.push(...jsonLines);
     }
@@ -395,36 +408,34 @@ ${this.detailedViewConfig.separatorColor("TAB to return to detailed view")}`);
     const headerHeight = headerContent.length;
     const footerHeight = footerContent.length;
     const scrollIndicatorLines = 2;
-    const bufferSpace = 2;
+    const bufferSpace = 4;
     const availableHeight = Math.max(
       0,
       process.stdout.rows - headerHeight - footerHeight - scrollIndicatorLines - bufferSpace
     );
-    this.detailViewScrollPos = Math.max(0, Math.min(scrollPos, mainContent.length - availableHeight));
     for (const line of headerContent) {
       console.log(line);
     }
-    if (this.detailViewScrollPos > 0) {
-      console.log(chalk2.dim("\u2191 More content above"));
+    if (this.config.scrollPos > 0) {
+      console.log(chalk3.dim("\u2191 More content above"));
     }
-    const startIndex = this.detailViewScrollPos;
+    const startIndex = this.config.scrollPos;
     const visibleContent = mainContent.slice(startIndex, startIndex + availableHeight);
     for (const line of visibleContent) {
       console.log(line);
     }
-    if (this.detailViewScrollPos + availableHeight < mainContent.length) {
-      console.log(chalk2.dim("\u2193 More content below"));
+    if (this.config.scrollPos + availableHeight < mainContent.length) {
+      console.log(chalk3.dim("\u2193 More content below"));
     }
     for (const line of footerContent) {
       console.log(line);
     }
   }
   /**
-   * Updates the scroll position in detailed view
-   * @param delta - Number of lines to scroll (positive for down, negative for up)
+   * Gets the maximum scroll position based on current content and window size
    */
-  scrollDetailView(delta) {
-    const headerHeight = 2;
+  getMaxScrollPosition() {
+    const headerHeight = this.config.prevEntry ? 2 : 0;
     const footerHeight = 5;
     const scrollIndicatorLines = 2;
     const bufferSpace = 2;
@@ -432,100 +443,219 @@ ${this.detailedViewConfig.separatorColor("TAB to return to detailed view")}`);
       0,
       process.stdout.rows - headerHeight - footerHeight - scrollIndicatorLines - bufferSpace
     );
-    const maxScroll = Math.max(0, this.detailViewContent.length - availableHeight);
-    this.detailViewScrollPos = Math.max(0, Math.min(maxScroll, this.detailViewScrollPos + delta));
+    return Math.max(0, this.detailViewContent.length - availableHeight);
   }
-  /**
-   * Gets the current scroll position
-   */
-  getDetailViewScrollPos() {
-    return this.detailViewScrollPos;
+};
+
+// src/views/SelectionView.ts
+import chalk4 from "chalk";
+import wrap3 from "wrap-ansi";
+var SelectionView = class {
+  termWidth;
+  config;
+  constructor(config) {
+    this.config = config;
+    this.termWidth = process.stdout.columns || 80;
   }
-  /**
-   * Renders the interactive selection view.
-   * Shows a scrollable list of logs with current selection.
-   *
-   * Features:
-   * - Pagination for large log sets
-   * - Active filter display
-   * - Scroll indicators
-   * - Selected item highlighting
-   *
-   * @param logs - Array of log entries to display
-   * @param selectedIndex - Index of currently selected log
-   * @param filterText - Current filter text (if any)
-   * @param newLogCount - Number of new logs since last render (optional)
-   */
-  renderSelectionView(logs, selectedIndex, filterText, newLogCount = 0) {
+  updateTerminalWidth(width) {
+    this.termWidth = width;
+  }
+  render() {
     console.clear();
-    const headerHeight = filterText ? 2 : 0;
+    const headerHeight = this.config.filterText ? 2 : 0;
     const footerHeight = 2;
     const availableHeight = process.stdout.rows - headerHeight - footerHeight;
-    if (filterText) {
-      console.log(chalk2.cyan("Filter:"), chalk2.white(filterText));
-      console.log(chalk2.dim("\u2500".repeat(this.termWidth)));
+    if (this.config.filterText) {
+      console.log(chalk4.cyan("Filter:"), chalk4.white(this.config.filterText));
+      console.log(chalk4.dim("\u2500".repeat(this.termWidth)));
     }
-    if (logs.length === 0) {
-      console.log(chalk2.yellow("No matching logs found"));
+    if (this.config.logs.length === 0) {
+      console.log(chalk4.yellow("No matching logs found"));
     } else {
       const visibleLines = Math.min(availableHeight, 20);
       const bottomPadding = 2;
-      let startIdx = Math.max(0, selectedIndex - (visibleLines - bottomPadding - 1));
-      const endIdx = Math.min(logs.length, startIdx + visibleLines);
-      if (endIdx - startIdx < visibleLines && endIdx < logs.length) {
+      let startIdx = Math.max(0, this.config.selectedIndex - (visibleLines - bottomPadding - 1));
+      const endIdx = Math.min(this.config.logs.length, startIdx + visibleLines);
+      if (endIdx - startIdx < visibleLines && endIdx < this.config.logs.length) {
         startIdx = Math.max(0, endIdx - visibleLines);
       }
       if (startIdx > 0) {
-        console.log(chalk2.dim("  \u2191 More logs above"));
+        console.log(chalk4.dim("  \u2191 More logs above"));
       }
-      logs.slice(startIdx, endIdx).forEach((entry, index) => {
+      this.config.logs.slice(startIdx, endIdx).forEach((entry, index) => {
         const actualIndex = startIdx + index;
-        const isSelected = actualIndex === selectedIndex;
-        const prefix = isSelected ? this.simpleViewConfig.selectorColor("\u25BA ") : "  ";
-        const timestamp = this.formatTimestamp(entry.timestamp);
-        const levelColor = this.getLevelColor(entry.level);
+        const isSelected = actualIndex === this.config.selectedIndex;
+        const prefix = isSelected ? this.config.config.selectorColor("\u25BA ") : "  ";
+        const timestamp = formatTimestamp(entry.timestamp, this.config.config.logIdColor);
+        const levelColor = getLevelColor(entry.level, this.config.config.colors);
         const chevron = levelColor(`${entry.level.toUpperCase()} `);
-        const logId = chalk2.dim(`[${entry.id}]`);
+        const logId = chalk4.dim(`[${entry.id}]`);
         const message = entry.message;
-        const data = entry.data ? this.formatInlineData(JSON.parse(entry.data)) : "";
-        const mainLine = `${prefix}${timestamp} ${chevron}${logId} ${message}`;
-        console.log(wrap(mainLine, this.termWidth - 2, { hard: true }));
-        if (data) {
-          const wrappedData = wrap(data, this.termWidth - (isSelected ? 6 : 2), { hard: true });
-          const indentedLines = wrappedData.split("\n").map((line) => isSelected ? `    ${line}` : line);
-          console.log(indentedLines.join("\n"));
+        const data = entry.data ? ` ${formatInlineData(JSON.parse(entry.data), this.config.config, 0, 0, true)}` : "";
+        const mainLine = `${prefix}${timestamp} ${chevron}${logId} ${message}${data}`;
+        const wrappedText = wrap3(mainLine, this.termWidth - 2, { hard: true });
+        if (isSelected) {
+          const lines = wrappedText.split("\n");
+          console.log(lines[0]);
+          for (const line of lines.slice(1)) {
+            console.log(`  ${this.config.config.selectorColor("\u2502")} ${line}`);
+          }
+        } else {
+          console.log(wrappedText);
         }
       });
-      if (endIdx < logs.length || newLogCount > 0) {
-        const moreLogsText = newLogCount > 0 ? this.simpleViewConfig.selectorColor(
-          `  \u2193 ${newLogCount} new log${newLogCount === 1 ? "" : "s"} available (press \u2193 to view)`
-        ) : chalk2.dim("  \u2193 More logs below");
+      if (endIdx < this.config.logs.length || this.config.newLogCount > 0) {
+        const moreLogsText = this.config.newLogCount > 0 ? this.config.config.selectorColor(
+          `  \u2193 ${this.config.newLogCount} new log${this.config.newLogCount === 1 ? "" : "s"} available (press \u2193 to view)`
+        ) : chalk4.dim("  \u2193 More logs below");
         console.log(moreLogsText);
       }
     }
-    console.log(chalk2.dim("\nType to filter \u2022 Enter to view details \u2022 TAB to exit"));
+    console.log(chalk4.dim("\nType to filter \u2022 Enter to view details \u2022 TAB to exit"));
   }
+};
+
+// src/LogRenderer.ts
+var LogRenderer = class {
+  /** Current terminal width in characters */
+  termWidth;
+  /** Maximum depth for displaying nested objects inline */
+  maxInlineDepth;
+  /** Maximum length for inline data before truncating */
+  maxInlineLength;
+  /** Whether arrays are currently collapsed in detail view */
+  isArraysCollapsed = true;
+  /** Current view mode in simple mode */
+  viewMode = "full";
+  /** Color and formatting config for simple log view */
+  simpleViewConfig;
+  /** Color and formatting config for detailed view */
+  detailedViewConfig;
+  /** Whether we're showing raw JSON view */
+  isJsonView = false;
+  /** Current scroll position in detailed view */
+  detailViewScrollPos = 0;
+  /** View instances */
+  simpleView;
+  detailView = null;
+  selectionView = null;
   /**
-   * Formats a timestamp into a human-readable relative time
-   * @param timestamp - Date to format
-   * @returns Formatted relative time string
+   * Creates a new LogRenderer instance.
+   *
+   * @param simpleViewConfig - Configuration for simple log view
+   * @param detailedViewConfig - Configuration for detailed view
+   * @param maxInlineDepth - Maximum depth for inline object display
+   * @param maxInlineLength - Maximum length before truncation
    */
-  formatRelativeTime(timestamp) {
-    const now = /* @__PURE__ */ new Date();
-    const diffMs = now.getTime() - timestamp.getTime();
-    const diffSecs = Math.floor(diffMs / 1e3);
-    const diffMins = Math.floor(diffSecs / 60);
-    const diffHours = Math.floor(diffMins / 60);
-    const diffDays = Math.floor(diffHours / 24);
-    if (diffSecs < 60) return `${diffSecs}s ago`;
-    if (diffMins < 60) return `${diffMins}m ago`;
-    if (diffHours < 24) return `${diffHours}h ago`;
-    if (diffDays === 1) return "yesterday";
-    if (diffDays < 30) return `${diffDays}d ago`;
-    return timestamp.toLocaleDateString();
+  constructor(simpleViewConfig, detailedViewConfig, maxInlineDepth, maxInlineLength) {
+    this.simpleViewConfig = simpleViewConfig;
+    this.detailedViewConfig = detailedViewConfig;
+    this.maxInlineDepth = maxInlineDepth;
+    this.maxInlineLength = maxInlineLength;
+    this.termWidth = process.stdout.columns || 80;
+    this.simpleView = new SimpleView({
+      viewMode: this.viewMode,
+      maxInlineDepth: this.maxInlineDepth,
+      maxInlineLength: this.maxInlineLength,
+      config: this.simpleViewConfig
+    });
+    this.detailView = null;
+    this.selectionView = null;
+    process.stdout.on("resize", () => {
+      this.termWidth = process.stdout.columns || 80;
+      this.simpleView.updateTerminalWidth(this.termWidth);
+      if (this.detailView) {
+        this.detailView.updateTerminalWidth(this.termWidth);
+      }
+      if (this.selectionView) {
+        this.selectionView.updateTerminalWidth(this.termWidth);
+      }
+    });
+  }
+  /**
+   * Renders a single log line in simple view format.
+   * Format: [timestamp] LEVEL [id] message data
+   * Condensed Format: [timestamp] LEVEL message
+   * Expanded Format: [timestamp] LEVEL [id] message full_data
+   *
+   * @param entry - Log entry to render
+   */
+  renderLogLine(entry) {
+    this.simpleView.renderLogLine(entry);
+  }
+  /**
+   * Renders the detailed view of a log entry.
+   * Shows full entry details with context and formatted data.
+   *
+   * @param entry - Log entry to show in detail
+   * @param prevEntry - Previous entry for context
+   * @param nextEntry - Next entry for context
+   * @param scrollPos - Current scroll position
+   * @param currentLogIndex - Current log index (optional)
+   * @param totalLogs - Total logs count (optional)
+   * @param filterText - Current filter text (if any)
+   */
+  renderDetailView(entry, prevEntry, nextEntry, scrollPos = 0, currentLogIndex, totalLogs, filterText = "") {
+    const config = {
+      entry,
+      prevEntry,
+      nextEntry,
+      scrollPos,
+      isArraysCollapsed: this.isArraysCollapsed,
+      isJsonView: this.isJsonView,
+      currentLogIndex: currentLogIndex ?? (prevEntry ? 2 : nextEntry ? 1 : 1),
+      // Use provided index or fallback
+      totalLogs: totalLogs ?? 1,
+      // Use provided total or fallback
+      filterText,
+      config: this.detailedViewConfig
+    };
+    if (!this.detailView) {
+      this.detailView = new DetailView(config);
+    } else {
+      this.detailView = new DetailView(config);
+    }
+    this.detailView.render();
+  }
+  /**
+   * Updates the scroll position in detailed view
+   * @param delta - Number of lines to scroll
+   */
+  scrollDetailView(delta) {
+    if (!this.detailView) return;
+    const maxScroll = this.detailView.getMaxScrollPosition();
+    this.detailViewScrollPos = Math.max(0, Math.min(maxScroll, this.detailViewScrollPos + delta));
+  }
+  /**
+   * Gets the current scroll position
+   */
+  getDetailViewScrollPos() {
+    return this.detailViewScrollPos;
+  }
+  /**
+   * Renders the selection view with a list of logs.
+   * Shows filtered logs with selection highlight and data preview.
+   *
+   * @param logs - Array of logs to display
+   * @param selectedIndex - Index of currently selected log
+   * @param filterText - Current filter text (if any)
+   * @param newLogCount - Number of new logs available
+   */
+  renderSelectionView(logs, selectedIndex, filterText, newLogCount) {
+    const config = {
+      logs,
+      selectedIndex,
+      filterText,
+      newLogCount,
+      config: this.detailedViewConfig
+    };
+    if (!this.selectionView) {
+      this.selectionView = new SelectionView(config);
+    } else {
+      this.selectionView = new SelectionView(config);
+    }
+    this.selectionView.render();
   }
-  /** Whether we're showing raw JSON view */
-  isJsonView = false;
   /**
    * Toggles JSON view state
    */
@@ -544,6 +674,35 @@ ${this.detailedViewConfig.separatorColor("TAB to return to detailed view")}`);
   toggleArrayCollapse() {
     this.isArraysCollapsed = !this.isArraysCollapsed;
   }
+  /**
+   * Cycles through view modes: full -> truncated -> condensed
+   */
+  cycleViewMode() {
+    switch (this.viewMode) {
+      case "full":
+        this.viewMode = "truncated";
+        break;
+      case "truncated":
+        this.viewMode = "condensed";
+        break;
+      case "condensed":
+        this.viewMode = "full";
+        break;
+    }
+    this.simpleView = new SimpleView({
+      viewMode: this.viewMode,
+      maxInlineDepth: this.maxInlineDepth,
+      maxInlineLength: this.maxInlineLength,
+      config: this.simpleViewConfig
+    });
+    return this.viewMode;
+  }
+  /**
+   * Gets current view mode
+   */
+  getViewMode() {
+    return this.viewMode;
+  }
 };
 
 // src/LogStorage.ts
@@ -636,6 +795,34 @@ var LogStorage = class {
     const pattern = `%${searchText}%`;
     return this.db.prepare(query).all(pattern, pattern, pattern);
   }
+  /**
+   * Gets the total number of logs in the database.
+   * Uses an efficient COUNT query instead of loading all logs.
+   *
+   * @returns Total number of log entries
+   */
+  getLogCount() {
+    const result = this.db.prepare("SELECT COUNT(*) as count FROM logs").get();
+    return result.count;
+  }
+  /**
+   * Gets the total number of logs matching a search query.
+   * Uses an efficient COUNT query instead of loading all logs.
+   *
+   * @param searchText - Text to search for
+   * @returns Number of matching log entries
+   */
+  getFilteredLogCount(searchText) {
+    const query = `
+      SELECT COUNT(*) as count FROM logs 
+      WHERE id LIKE ? 
+      OR message LIKE ? 
+      OR data LIKE ?
+    `;
+    const pattern = `%${searchText}%`;
+    const result = this.db.prepare(query).get(pattern, pattern, pattern);
+    return result.count;
+  }
   /**
    * Closes the database connection and performs cleanup.
    * Should be called when the application exits or the transport is destroyed.
@@ -646,7 +833,7 @@ var LogStorage = class {
 };
 
 // src/UIManager.ts
-import chalk3 from "chalk";
+import chalk5 from "chalk";
 import keypress from "keypress";
 var UIManager = class {
   /**
@@ -655,11 +842,15 @@ var UIManager = class {
    *
    * @param renderer - Instance for handling log display
    * @param storage - Instance for log persistence
+   * @param disableInteractiveMode - Whether to disable interactive mode
    */
-  constructor(renderer, storage) {
+  constructor(renderer, storage, disableInteractiveMode = false) {
     this.renderer = renderer;
     this.storage = storage;
-    this.setupKeyboardHandling();
+    this.isInteractiveDisabled = disableInteractiveMode;
+    if (!this.isInteractiveDisabled) {
+      this.setupKeyboardHandling();
+    }
     process.stdout.on("resize", () => {
       this.termWidth = process.stdout.columns || 80;
       if (this.isDetailView) {
@@ -678,6 +869,8 @@ var UIManager = class {
   isDetailView = false;
   /** Whether log streaming is paused */
   isPaused = false;
+  /** Whether interactive mode is disabled */
+  isInteractiveDisabled;
   /** Buffer for logs received while paused */
   pauseBuffer = [];
   /** Buffer for new logs in selection mode */
@@ -753,13 +946,22 @@ var UIManager = class {
         this.detailViewPollInterval = null;
         return;
       }
-      const currentLogs = this.storage.getAllLogs();
-      if (currentLogs.length > this.logs.length && this.selectedIndex === this.logs.length - 1) {
-        this.logs = currentLogs;
+      const totalCount = this.filterText ? this.storage.getFilteredLogCount(this.filterText) : this.storage.getLogCount();
+      if (totalCount !== this.logs.length) {
+        const storedLogs = this.filterText ? this.storage.searchLogs(this.filterText) : this.storage.getAllLogs();
+        this.logs = storedLogs;
         const entry = this.logs[this.selectedIndex];
         const prevEntry = this.selectedIndex > 0 ? this.logs[this.selectedIndex - 1] : null;
         const nextEntry = this.selectedIndex < this.logs.length - 1 ? this.logs[this.selectedIndex + 1] : null;
-        this.renderer.renderDetailView(entry, prevEntry, nextEntry, this.renderer.getDetailViewScrollPos());
+        this.renderer.renderDetailView(
+          entry,
+          prevEntry,
+          nextEntry,
+          this.renderer.getDetailViewScrollPos(),
+          this.selectedIndex + 1,
+          totalCount,
+          this.filterText
+        );
       }
     }, 2e3);
   }
@@ -770,18 +972,22 @@ var UIManager = class {
    * @private
    */
   updateFilteredLogs() {
-    const storedLogs = this.filterText ? this.storage.searchLogs(this.filterText) : this.storage.getAllLogs();
-    this.logs = storedLogs.slice(0, storedLogs.length - this.selectionBuffer.length);
-    if (this.logs.length > 0) {
-      this.selectedIndex = Math.min(this.selectedIndex, Math.max(0, this.logs.length - 1));
-    } else {
-      this.selectedIndex = 0;
+    const totalCount = this.filterText ? this.storage.getFilteredLogCount(this.filterText) : this.storage.getLogCount();
+    const effectiveCount = totalCount - this.selectionBuffer.length;
+    if (effectiveCount !== this.logs.length) {
+      const storedLogs = this.filterText ? this.storage.searchLogs(this.filterText) : this.storage.getAllLogs();
+      this.logs = storedLogs.slice(0, storedLogs.length - this.selectionBuffer.length);
+      if (this.logs.length > 0) {
+        this.selectedIndex = Math.min(this.selectedIndex, Math.max(0, this.logs.length - 1));
+      } else {
+        this.selectedIndex = 0;
+      }
     }
   }
   updateNewLogsNotification() {
     if (!this.isSelectionMode || !this.selectionBuffer.length) return;
     process.stdout.write(`\x1B[2A\r${" ".repeat(this.termWidth)}\r`);
-    const notification = chalk3.dim(
+    const notification = chalk5.dim(
       `${this.selectionBuffer.length} new log${this.selectionBuffer.length === 1 ? "" : "s"} available (press \u2193 to view)`
     );
     process.stdout.write(`${notification}
@@ -796,6 +1002,10 @@ var UIManager = class {
    */
   handleNewLog(entry) {
     this.storage.store(entry);
+    if (this.isInteractiveDisabled) {
+      this.renderer.renderLogLine(entry);
+      return;
+    }
     if (this.isSelectionMode) {
       this.selectionBuffer.push(entry);
       this.renderer.renderSelectionView(this.logs, this.selectedIndex, this.filterText, this.selectionBuffer.length);
@@ -804,7 +1014,7 @@ var UIManager = class {
     if (!this.isDetailView) {
       if (this.isPaused) {
         this.pauseBuffer.push(entry);
-        process.stdout.write(`\r${chalk3.yellow(`\u23F8  Paused (${this.pauseBuffer.length} new logs)`)}${" ".repeat(20)}`);
+        process.stdout.write(`\r${chalk5.yellow(`\u23F8  Paused (${this.pauseBuffer.length} new logs)`)}${" ".repeat(20)}`);
       } else {
         this.renderer.renderLogLine(entry);
       }
@@ -845,24 +1055,39 @@ var UIManager = class {
         }
         this.pauseBuffer = [];
       } else if (this.isPaused) {
-        process.stdout.write(`\r${chalk3.yellow("\u23F8  Paused (0 new logs)")}${" ".repeat(20)}`);
+        process.stdout.write(`\r${chalk5.yellow("\u23F8  Paused (0 new logs)")}${" ".repeat(20)}`);
       }
       return;
     }
-    if (!this.isSelectionMode && !this.isDetailView && key?.name === "tab") {
-      if (this.isPaused) {
-        this.isPaused = false;
-        this.pauseBuffer = [];
-        process.stdout.write(`\r${" ".repeat(50)}\r`);
-      }
+    if (!this.isSelectionMode && !this.isDetailView && (key?.name === "up" || key?.name === "down")) {
       this.isSelectionMode = true;
       this.filterText = "";
-      this.updateFilteredLogs();
-      this.selectedIndex = Math.max(0, this.logs.length - 1);
+      this.isPaused = true;
+      const storedLogs = this.storage.getAllLogs();
+      this.logs = storedLogs;
+      this.selectedIndex = key.name === "up" ? Math.max(0, this.logs.length - 1) : Math.max(0, this.logs.length - 1);
       this.renderer.renderSelectionView(this.logs, this.selectedIndex, this.filterText, this.selectionBuffer.length);
       this.startSelectionViewPolling();
       return;
     }
+    if (!this.isSelectionMode && !this.isDetailView && ch === "c") {
+      const newMode = this.renderer.cycleViewMode();
+      console.clear();
+      const logs = this.storage.getAllLogs();
+      for (const entry of logs) {
+        this.renderer.renderLogLine(entry);
+      }
+      const modeDescriptions = {
+        full: "Full view enabled (all data shown without truncation)",
+        truncated: "Truncated view enabled (timestamp, ID, level, message, truncated data)",
+        condensed: "Condensed view enabled (timestamp, level and message only)"
+      };
+      process.stdout.write(`\r${chalk5.cyan(`\u2139  ${modeDescriptions[newMode]}`)}${" ".repeat(20)}`);
+      setTimeout(() => {
+        process.stdout.write(`\r${" ".repeat(100)}\r`);
+      }, 3e3);
+      return;
+    }
     if (this.isSelectionMode) {
       if (key) {
         switch (key.name) {
@@ -898,7 +1123,15 @@ var UIManager = class {
               const selectedEntry = this.logs[this.selectedIndex];
               const prevEntry = this.selectedIndex > 0 ? this.logs[this.selectedIndex - 1] : null;
               const nextEntry = this.selectedIndex < this.logs.length - 1 ? this.logs[this.selectedIndex + 1] : null;
-              this.renderer.renderDetailView(selectedEntry, prevEntry, nextEntry);
+              this.renderer.renderDetailView(
+                selectedEntry,
+                prevEntry,
+                nextEntry,
+                0,
+                this.selectedIndex + 1,
+                this.logs.length,
+                this.filterText
+              );
               this.startDetailViewPolling();
             }
             return;
@@ -918,16 +1151,23 @@ var UIManager = class {
           }
           case "tab": {
             this.isSelectionMode = false;
+            this.isPaused = false;
             if (this.selectionViewPollInterval) {
               clearInterval(this.selectionViewPollInterval);
               this.selectionViewPollInterval = null;
             }
             this.filterText = "";
             console.clear();
-            const logs = [...this.storage.getAllLogs()].reverse();
+            const logs = this.storage.getAllLogs();
             for (const entry of logs) {
               this.renderer.renderLogLine(entry);
             }
+            if (this.selectionBuffer.length > 0) {
+              for (const entry of this.selectionBuffer) {
+                this.renderer.renderLogLine(entry);
+              }
+              this.selectionBuffer = [];
+            }
             return;
           }
         }
@@ -947,7 +1187,15 @@ var UIManager = class {
             const entry = this.logs[this.selectedIndex];
             const prevEntry = this.selectedIndex > 0 ? this.logs[this.selectedIndex - 1] : null;
             const nextEntry = this.selectedIndex < this.logs.length - 1 ? this.logs[this.selectedIndex + 1] : null;
-            this.renderer.renderDetailView(entry, prevEntry, nextEntry, this.renderer.getDetailViewScrollPos());
+            this.renderer.renderDetailView(
+              entry,
+              prevEntry,
+              nextEntry,
+              this.renderer.getDetailViewScrollPos(),
+              this.selectedIndex + 1,
+              this.logs.length,
+              this.filterText
+            );
             break;
           }
           case "down": {
@@ -955,7 +1203,15 @@ var UIManager = class {
             const entry = this.logs[this.selectedIndex];
             const prevEntry = this.selectedIndex > 0 ? this.logs[this.selectedIndex - 1] : null;
             const nextEntry = this.selectedIndex < this.logs.length - 1 ? this.logs[this.selectedIndex + 1] : null;
-            this.renderer.renderDetailView(entry, prevEntry, nextEntry, this.renderer.getDetailViewScrollPos());
+            this.renderer.renderDetailView(
+              entry,
+              prevEntry,
+              nextEntry,
+              this.renderer.getDetailViewScrollPos(),
+              this.selectedIndex + 1,
+              this.logs.length,
+              this.filterText
+            );
             break;
           }
           case "left": {
@@ -964,7 +1220,15 @@ var UIManager = class {
               const entry = this.logs[this.selectedIndex];
               const prevEntry = this.selectedIndex > 0 ? this.logs[this.selectedIndex - 1] : null;
               const nextEntry = this.selectedIndex < this.logs.length - 1 ? this.logs[this.selectedIndex + 1] : null;
-              this.renderer.renderDetailView(entry, prevEntry, nextEntry);
+              this.renderer.renderDetailView(
+                entry,
+                prevEntry,
+                nextEntry,
+                0,
+                this.selectedIndex + 1,
+                this.logs.length,
+                this.filterText
+              );
             }
             break;
           }
@@ -974,7 +1238,15 @@ var UIManager = class {
               const entry = this.logs[this.selectedIndex];
               const prevEntry = this.selectedIndex > 0 ? this.logs[this.selectedIndex - 1] : null;
               const nextEntry = this.selectedIndex < this.logs.length - 1 ? this.logs[this.selectedIndex + 1] : null;
-              this.renderer.renderDetailView(entry, prevEntry, nextEntry);
+              this.renderer.renderDetailView(
+                entry,
+                prevEntry,
+                nextEntry,
+                0,
+                this.selectedIndex + 1,
+                this.logs.length,
+                this.filterText
+              );
             }
             break;
           }
@@ -984,7 +1256,15 @@ var UIManager = class {
               const entry = this.logs[this.selectedIndex];
               const prevEntry = this.selectedIndex > 0 ? this.logs[this.selectedIndex - 1] : null;
               const nextEntry = this.selectedIndex < this.logs.length - 1 ? this.logs[this.selectedIndex + 1] : null;
-              this.renderer.renderDetailView(entry, prevEntry, nextEntry, this.renderer.getDetailViewScrollPos());
+              this.renderer.renderDetailView(
+                entry,
+                prevEntry,
+                nextEntry,
+                this.renderer.getDetailViewScrollPos(),
+                this.selectedIndex + 1,
+                this.logs.length,
+                this.filterText
+              );
               break;
             }
             this.isDetailView = false;
@@ -1011,7 +1291,14 @@ var UIManager = class {
             const entry = this.logs[this.selectedIndex];
             const prevEntry = this.selectedIndex > 0 ? this.logs[this.selectedIndex - 1] : null;
             const nextEntry = this.selectedIndex < this.logs.length - 1 ? this.logs[this.selectedIndex + 1] : null;
-            this.renderer.renderDetailView(entry, prevEntry, nextEntry, this.renderer.getDetailViewScrollPos());
+            this.renderer.renderDetailView(
+              entry,
+              prevEntry,
+              nextEntry,
+              this.renderer.getDetailViewScrollPos(),
+              this.selectedIndex + 1,
+              this.logs.length
+            );
             break;
           }
           case "q": {
@@ -1019,7 +1306,14 @@ var UIManager = class {
             const entry = this.logs[this.selectedIndex];
             const prevEntry = this.selectedIndex > 0 ? this.logs[this.selectedIndex - 1] : null;
             const nextEntry = this.selectedIndex < this.logs.length - 1 ? this.logs[this.selectedIndex + 1] : null;
-            this.renderer.renderDetailView(entry, prevEntry, nextEntry, this.renderer.getDetailViewScrollPos());
+            this.renderer.renderDetailView(
+              entry,
+              prevEntry,
+              nextEntry,
+              this.renderer.getDetailViewScrollPos(),
+              this.selectedIndex + 1,
+              this.logs.length
+            );
             break;
           }
           case "a": {
@@ -1028,7 +1322,7 @@ var UIManager = class {
               const entry = this.logs[this.selectedIndex];
               const prevEntry = null;
               const nextEntry = this.logs.length > 1 ? this.logs[1] : null;
-              this.renderer.renderDetailView(entry, prevEntry, nextEntry);
+              this.renderer.renderDetailView(entry, prevEntry, nextEntry, 0, 1, this.logs.length);
             }
             break;
           }
@@ -1039,7 +1333,7 @@ var UIManager = class {
               const entry = this.logs[this.selectedIndex];
               const prevEntry = lastIndex > 0 ? this.logs[lastIndex - 1] : null;
               const nextEntry = null;
-              this.renderer.renderDetailView(entry, prevEntry, nextEntry);
+              this.renderer.renderDetailView(entry, prevEntry, nextEntry, 0, this.logs.length, this.logs.length);
             }
             break;
           }
@@ -1048,7 +1342,14 @@ var UIManager = class {
             const entry = this.logs[this.selectedIndex];
             const prevEntry = this.selectedIndex > 0 ? this.logs[this.selectedIndex - 1] : null;
             const nextEntry = this.selectedIndex < this.logs.length - 1 ? this.logs[this.selectedIndex + 1] : null;
-            this.renderer.renderDetailView(entry, prevEntry, nextEntry, this.renderer.getDetailViewScrollPos());
+            this.renderer.renderDetailView(
+              entry,
+              prevEntry,
+              nextEntry,
+              this.renderer.getDetailViewScrollPos(),
+              this.selectedIndex + 1,
+              this.logs.length
+            );
             break;
           }
           case "j": {
@@ -1056,7 +1357,7 @@ var UIManager = class {
             const entry = this.logs[this.selectedIndex];
             const prevEntry = this.selectedIndex > 0 ? this.logs[this.selectedIndex - 1] : null;
             const nextEntry = this.selectedIndex < this.logs.length - 1 ? this.logs[this.selectedIndex + 1] : null;
-            this.renderer.renderDetailView(entry, prevEntry, nextEntry);
+            this.renderer.renderDetailView(entry, prevEntry, nextEntry, 0, this.selectedIndex + 1, this.logs.length);
             break;
           }
         }
@@ -1066,287 +1367,287 @@ var UIManager = class {
 };
 
 // src/themes.ts
-import chalk4 from "chalk";
+import chalk6 from "chalk";
 var moonlight = {
   simpleView: {
     colors: {
-      trace: chalk4.rgb(114, 135, 153),
+      trace: chalk6.rgb(114, 135, 153),
       // Muted blue-grey for less important info
-      debug: chalk4.rgb(130, 170, 255),
+      debug: chalk6.rgb(130, 170, 255),
       // Soft blue that pops but doesn't strain
-      info: chalk4.rgb(195, 232, 141),
+      info: chalk6.rgb(195, 232, 141),
       // Sage green for good readability
-      warn: chalk4.rgb(255, 203, 107),
+      warn: chalk6.rgb(255, 203, 107),
       // Warm yellow, less harsh than pure yellow
-      error: chalk4.rgb(247, 118, 142),
+      error: chalk6.rgb(247, 118, 142),
       // Soft red that stands out without being aggressive
-      fatal: chalk4.bgRgb(247, 118, 142).white
+      fatal: chalk6.bgRgb(247, 118, 142).white
       // Inverted soft red for maximum visibility
     },
-    logIdColor: chalk4.rgb(84, 98, 117),
+    logIdColor: chalk6.rgb(84, 98, 117),
     // Darker blue-grey for secondary information
-    dataValueColor: chalk4.rgb(209, 219, 231),
+    dataValueColor: chalk6.rgb(209, 219, 231),
     // Light grey-blue for primary content
-    dataKeyColor: chalk4.rgb(130, 170, 255),
+    dataKeyColor: chalk6.rgb(130, 170, 255),
     // Matching debug blue for consistency
-    selectorColor: chalk4.rgb(137, 221, 255)
+    selectorColor: chalk6.rgb(137, 221, 255)
     // Ice blue for selection indicators
   },
   detailedView: {
     colors: {
-      trace: chalk4.rgb(114, 135, 153),
-      debug: chalk4.rgb(130, 170, 255),
-      info: chalk4.rgb(195, 232, 141),
-      warn: chalk4.rgb(255, 203, 107),
-      error: chalk4.rgb(247, 118, 142),
-      fatal: chalk4.bgRgb(247, 118, 142).white
+      trace: chalk6.rgb(114, 135, 153),
+      debug: chalk6.rgb(130, 170, 255),
+      info: chalk6.rgb(195, 232, 141),
+      warn: chalk6.rgb(255, 203, 107),
+      error: chalk6.rgb(247, 118, 142),
+      fatal: chalk6.bgRgb(247, 118, 142).white
     },
-    logIdColor: chalk4.rgb(84, 98, 117),
-    dataValueColor: chalk4.rgb(209, 219, 231),
-    dataKeyColor: chalk4.rgb(130, 170, 255),
-    selectorColor: chalk4.rgb(137, 221, 255),
+    logIdColor: chalk6.rgb(84, 98, 117),
+    dataValueColor: chalk6.rgb(209, 219, 231),
+    dataKeyColor: chalk6.rgb(130, 170, 255),
+    selectorColor: chalk6.rgb(137, 221, 255),
     // Ice blue for selection indicators
-    headerColor: chalk4.rgb(137, 221, 255),
-    labelColor: chalk4.rgb(137, 221, 255).bold,
-    separatorColor: chalk4.rgb(84, 98, 117),
+    headerColor: chalk6.rgb(137, 221, 255),
+    labelColor: chalk6.rgb(137, 221, 255).bold,
+    separatorColor: chalk6.rgb(84, 98, 117),
     jsonColors: {
-      keysColor: chalk4.rgb(130, 170, 255),
-      dashColor: chalk4.rgb(209, 219, 231),
-      numberColor: chalk4.rgb(247, 140, 108),
-      stringColor: chalk4.rgb(195, 232, 141),
-      multilineStringColor: chalk4.rgb(195, 232, 141),
-      positiveNumberColor: chalk4.rgb(195, 232, 141),
-      negativeNumberColor: chalk4.rgb(247, 118, 142),
-      booleanColor: chalk4.rgb(255, 203, 107),
-      nullUndefinedColor: chalk4.rgb(114, 135, 153),
-      dateColor: chalk4.rgb(199, 146, 234)
+      keysColor: chalk6.rgb(130, 170, 255),
+      dashColor: chalk6.rgb(209, 219, 231),
+      numberColor: chalk6.rgb(247, 140, 108),
+      stringColor: chalk6.rgb(195, 232, 141),
+      multilineStringColor: chalk6.rgb(195, 232, 141),
+      positiveNumberColor: chalk6.rgb(195, 232, 141),
+      negativeNumberColor: chalk6.rgb(247, 118, 142),
+      booleanColor: chalk6.rgb(255, 203, 107),
+      nullUndefinedColor: chalk6.rgb(114, 135, 153),
+      dateColor: chalk6.rgb(199, 146, 234)
     }
   }
 };
 var sunlight = {
   simpleView: {
     colors: {
-      trace: chalk4.rgb(110, 110, 110),
+      trace: chalk6.rgb(110, 110, 110),
       // Dark grey for subtle information
-      debug: chalk4.rgb(32, 96, 159),
+      debug: chalk6.rgb(32, 96, 159),
       // Deep blue for strong contrast on white
-      info: chalk4.rgb(35, 134, 54),
+      info: chalk6.rgb(35, 134, 54),
       // Forest green, easier on the eyes than bright green
-      warn: chalk4.rgb(176, 95, 0),
+      warn: chalk6.rgb(176, 95, 0),
       // Brown-orange for natural warning color
-      error: chalk4.rgb(191, 0, 0),
+      error: chalk6.rgb(191, 0, 0),
       // Deep red for clear visibility on light backgrounds
-      fatal: chalk4.bgRgb(191, 0, 0).white
+      fatal: chalk6.bgRgb(191, 0, 0).white
       // White on deep red for critical issues
     },
-    logIdColor: chalk4.rgb(110, 110, 110),
-    dataValueColor: chalk4.rgb(0, 0, 0),
-    dataKeyColor: chalk4.rgb(32, 96, 159),
-    selectorColor: chalk4.rgb(0, 91, 129)
+    logIdColor: chalk6.rgb(110, 110, 110),
+    dataValueColor: chalk6.rgb(0, 0, 0),
+    dataKeyColor: chalk6.rgb(32, 96, 159),
+    selectorColor: chalk6.rgb(0, 91, 129)
     // Deep blue for strong contrast
   },
   detailedView: {
     colors: {
-      trace: chalk4.rgb(110, 110, 110),
-      debug: chalk4.rgb(32, 96, 159),
-      info: chalk4.rgb(35, 134, 54),
-      warn: chalk4.rgb(176, 95, 0),
-      error: chalk4.rgb(191, 0, 0),
-      fatal: chalk4.bgRgb(191, 0, 0).white
+      trace: chalk6.rgb(110, 110, 110),
+      debug: chalk6.rgb(32, 96, 159),
+      info: chalk6.rgb(35, 134, 54),
+      warn: chalk6.rgb(176, 95, 0),
+      error: chalk6.rgb(191, 0, 0),
+      fatal: chalk6.bgRgb(191, 0, 0).white
     },
-    logIdColor: chalk4.rgb(110, 110, 110),
-    dataValueColor: chalk4.rgb(0, 0, 0),
-    dataKeyColor: chalk4.rgb(32, 96, 159),
-    selectorColor: chalk4.rgb(0, 91, 129),
+    logIdColor: chalk6.rgb(110, 110, 110),
+    dataValueColor: chalk6.rgb(0, 0, 0),
+    dataKeyColor: chalk6.rgb(32, 96, 159),
+    selectorColor: chalk6.rgb(0, 91, 129),
     // Deep blue for strong contrast
-    headerColor: chalk4.rgb(0, 91, 129),
-    labelColor: chalk4.rgb(0, 91, 129).bold,
-    separatorColor: chalk4.rgb(110, 110, 110),
+    headerColor: chalk6.rgb(0, 91, 129),
+    labelColor: chalk6.rgb(0, 91, 129).bold,
+    separatorColor: chalk6.rgb(110, 110, 110),
     jsonColors: {
-      keysColor: chalk4.rgb(32, 96, 159),
-      dashColor: chalk4.rgb(0, 0, 0),
-      numberColor: chalk4.rgb(170, 55, 49),
-      stringColor: chalk4.rgb(35, 134, 54),
-      multilineStringColor: chalk4.rgb(35, 134, 54),
-      positiveNumberColor: chalk4.rgb(46, 125, 50),
-      negativeNumberColor: chalk4.rgb(183, 28, 28),
-      booleanColor: chalk4.rgb(176, 95, 0),
-      nullUndefinedColor: chalk4.rgb(110, 110, 110),
-      dateColor: chalk4.rgb(123, 31, 162)
+      keysColor: chalk6.rgb(32, 96, 159),
+      dashColor: chalk6.rgb(0, 0, 0),
+      numberColor: chalk6.rgb(170, 55, 49),
+      stringColor: chalk6.rgb(35, 134, 54),
+      multilineStringColor: chalk6.rgb(35, 134, 54),
+      positiveNumberColor: chalk6.rgb(46, 125, 50),
+      negativeNumberColor: chalk6.rgb(183, 28, 28),
+      booleanColor: chalk6.rgb(176, 95, 0),
+      nullUndefinedColor: chalk6.rgb(110, 110, 110),
+      dateColor: chalk6.rgb(123, 31, 162)
     }
   }
 };
 var neon = {
   simpleView: {
     colors: {
-      trace: chalk4.rgb(108, 108, 255),
+      trace: chalk6.rgb(108, 108, 255),
       // Electric blue
-      debug: chalk4.rgb(255, 82, 246),
+      debug: chalk6.rgb(255, 82, 246),
       // Hot pink
-      info: chalk4.rgb(0, 255, 163),
+      info: chalk6.rgb(0, 255, 163),
       // Cyber green
-      warn: chalk4.rgb(255, 231, 46),
+      warn: chalk6.rgb(255, 231, 46),
       // Electric yellow
-      error: chalk4.rgb(255, 53, 91),
+      error: chalk6.rgb(255, 53, 91),
       // Neon red
-      fatal: chalk4.bgRgb(255, 53, 91).rgb(0, 255, 163)
+      fatal: chalk6.bgRgb(255, 53, 91).rgb(0, 255, 163)
       // Neon red bg with cyber green text
     },
-    logIdColor: chalk4.rgb(187, 134, 252),
+    logIdColor: chalk6.rgb(187, 134, 252),
     // Bright purple
-    dataValueColor: chalk4.rgb(255, 255, 255),
+    dataValueColor: chalk6.rgb(255, 255, 255),
     // Pure white
-    dataKeyColor: chalk4.rgb(0, 255, 240),
+    dataKeyColor: chalk6.rgb(0, 255, 240),
     // Cyan
-    selectorColor: chalk4.rgb(0, 255, 240)
+    selectorColor: chalk6.rgb(0, 255, 240)
     // Electric cyan for cyberpunk feel
   },
   detailedView: {
     colors: {
-      trace: chalk4.rgb(108, 108, 255),
-      debug: chalk4.rgb(255, 82, 246),
-      info: chalk4.rgb(0, 255, 163),
-      warn: chalk4.rgb(255, 231, 46),
-      error: chalk4.rgb(255, 53, 91),
-      fatal: chalk4.bgRgb(255, 53, 91).rgb(0, 255, 163)
+      trace: chalk6.rgb(108, 108, 255),
+      debug: chalk6.rgb(255, 82, 246),
+      info: chalk6.rgb(0, 255, 163),
+      warn: chalk6.rgb(255, 231, 46),
+      error: chalk6.rgb(255, 53, 91),
+      fatal: chalk6.bgRgb(255, 53, 91).rgb(0, 255, 163)
     },
-    logIdColor: chalk4.rgb(187, 134, 252),
-    dataValueColor: chalk4.rgb(255, 255, 255),
-    dataKeyColor: chalk4.rgb(0, 255, 240),
-    selectorColor: chalk4.rgb(0, 255, 240),
+    logIdColor: chalk6.rgb(187, 134, 252),
+    dataValueColor: chalk6.rgb(255, 255, 255),
+    dataKeyColor: chalk6.rgb(0, 255, 240),
+    selectorColor: chalk6.rgb(0, 255, 240),
     // Electric cyan for cyberpunk feel
-    headerColor: chalk4.rgb(255, 82, 246),
-    labelColor: chalk4.rgb(255, 82, 246).bold,
-    separatorColor: chalk4.rgb(108, 108, 255),
+    headerColor: chalk6.rgb(255, 82, 246),
+    labelColor: chalk6.rgb(255, 82, 246).bold,
+    separatorColor: chalk6.rgb(108, 108, 255),
     jsonColors: {
-      keysColor: chalk4.rgb(0, 255, 240),
-      dashColor: chalk4.rgb(255, 255, 255),
-      numberColor: chalk4.rgb(255, 82, 246),
-      stringColor: chalk4.rgb(0, 255, 163),
-      multilineStringColor: chalk4.rgb(0, 255, 163),
-      positiveNumberColor: chalk4.rgb(0, 255, 163),
-      negativeNumberColor: chalk4.rgb(255, 53, 91),
-      booleanColor: chalk4.rgb(255, 231, 46),
-      nullUndefinedColor: chalk4.rgb(108, 108, 255),
-      dateColor: chalk4.rgb(187, 134, 252)
+      keysColor: chalk6.rgb(0, 255, 240),
+      dashColor: chalk6.rgb(255, 255, 255),
+      numberColor: chalk6.rgb(255, 82, 246),
+      stringColor: chalk6.rgb(0, 255, 163),
+      multilineStringColor: chalk6.rgb(0, 255, 163),
+      positiveNumberColor: chalk6.rgb(0, 255, 163),
+      negativeNumberColor: chalk6.rgb(255, 53, 91),
+      booleanColor: chalk6.rgb(255, 231, 46),
+      nullUndefinedColor: chalk6.rgb(108, 108, 255),
+      dateColor: chalk6.rgb(187, 134, 252)
     }
   }
 };
 var nature = {
   simpleView: {
     colors: {
-      trace: chalk4.rgb(121, 85, 72),
+      trace: chalk6.rgb(121, 85, 72),
       // Wooden brown
-      debug: chalk4.rgb(46, 125, 50),
+      debug: chalk6.rgb(46, 125, 50),
       // Forest green
-      info: chalk4.rgb(0, 105, 92),
+      info: chalk6.rgb(0, 105, 92),
       // Deep teal
-      warn: chalk4.rgb(175, 115, 0),
+      warn: chalk6.rgb(175, 115, 0),
       // Golden amber
-      error: chalk4.rgb(183, 28, 28),
+      error: chalk6.rgb(183, 28, 28),
       // Autumn red
-      fatal: chalk4.bgRgb(183, 28, 28).rgb(255, 250, 240)
+      fatal: chalk6.bgRgb(183, 28, 28).rgb(255, 250, 240)
       // Red bg with soft white
     },
-    logIdColor: chalk4.rgb(93, 64, 55),
+    logIdColor: chalk6.rgb(93, 64, 55),
     // Deep bark brown
-    dataValueColor: chalk4.rgb(27, 27, 27),
+    dataValueColor: chalk6.rgb(27, 27, 27),
     // Near black
-    dataKeyColor: chalk4.rgb(56, 142, 60),
+    dataKeyColor: chalk6.rgb(56, 142, 60),
     // Leaf green
-    selectorColor: chalk4.rgb(0, 105, 92)
+    selectorColor: chalk6.rgb(0, 105, 92)
     // Deep teal for natural feel
   },
   detailedView: {
     colors: {
-      trace: chalk4.rgb(121, 85, 72),
-      debug: chalk4.rgb(46, 125, 50),
-      info: chalk4.rgb(0, 105, 92),
-      warn: chalk4.rgb(175, 115, 0),
-      error: chalk4.rgb(183, 28, 28),
-      fatal: chalk4.bgRgb(183, 28, 28).rgb(255, 250, 240)
+      trace: chalk6.rgb(121, 85, 72),
+      debug: chalk6.rgb(46, 125, 50),
+      info: chalk6.rgb(0, 105, 92),
+      warn: chalk6.rgb(175, 115, 0),
+      error: chalk6.rgb(183, 28, 28),
+      fatal: chalk6.bgRgb(183, 28, 28).rgb(255, 250, 240)
     },
-    logIdColor: chalk4.rgb(93, 64, 55),
-    dataValueColor: chalk4.rgb(27, 27, 27),
-    dataKeyColor: chalk4.rgb(56, 142, 60),
-    selectorColor: chalk4.rgb(0, 105, 92),
+    logIdColor: chalk6.rgb(93, 64, 55),
+    dataValueColor: chalk6.rgb(27, 27, 27),
+    dataKeyColor: chalk6.rgb(56, 142, 60),
+    selectorColor: chalk6.rgb(0, 105, 92),
     // Deep teal for natural feel
-    headerColor: chalk4.rgb(0, 77, 64),
-    labelColor: chalk4.rgb(0, 77, 64).bold,
-    separatorColor: chalk4.rgb(121, 85, 72),
+    headerColor: chalk6.rgb(0, 77, 64),
+    labelColor: chalk6.rgb(0, 77, 64).bold,
+    separatorColor: chalk6.rgb(121, 85, 72),
     jsonColors: {
-      keysColor: chalk4.rgb(56, 142, 60),
-      dashColor: chalk4.rgb(27, 27, 27),
-      numberColor: chalk4.rgb(230, 81, 0),
-      stringColor: chalk4.rgb(0, 105, 92),
-      multilineStringColor: chalk4.rgb(0, 105, 92),
-      positiveNumberColor: chalk4.rgb(46, 125, 50),
-      negativeNumberColor: chalk4.rgb(183, 28, 28),
-      booleanColor: chalk4.rgb(175, 115, 0),
-      nullUndefinedColor: chalk4.rgb(121, 85, 72),
-      dateColor: chalk4.rgb(123, 31, 162)
+      keysColor: chalk6.rgb(56, 142, 60),
+      dashColor: chalk6.rgb(27, 27, 27),
+      numberColor: chalk6.rgb(230, 81, 0),
+      stringColor: chalk6.rgb(0, 105, 92),
+      multilineStringColor: chalk6.rgb(0, 105, 92),
+      positiveNumberColor: chalk6.rgb(46, 125, 50),
+      negativeNumberColor: chalk6.rgb(183, 28, 28),
+      booleanColor: chalk6.rgb(175, 115, 0),
+      nullUndefinedColor: chalk6.rgb(121, 85, 72),
+      dateColor: chalk6.rgb(123, 31, 162)
     }
   }
 };
 var pastel = {
   simpleView: {
     colors: {
-      trace: chalk4.rgb(179, 189, 203),
+      trace: chalk6.rgb(179, 189, 203),
       // Soft slate blue
-      debug: chalk4.rgb(189, 178, 255),
+      debug: chalk6.rgb(189, 178, 255),
       // Gentle lavender
-      info: chalk4.rgb(170, 236, 205),
+      info: chalk6.rgb(170, 236, 205),
       // Mint green
-      warn: chalk4.rgb(255, 223, 186),
+      warn: chalk6.rgb(255, 223, 186),
       // Peach
-      error: chalk4.rgb(255, 188, 188),
+      error: chalk6.rgb(255, 188, 188),
       // Soft coral
-      fatal: chalk4.bgRgb(255, 188, 188).rgb(76, 40, 40)
+      fatal: chalk6.bgRgb(255, 188, 188).rgb(76, 40, 40)
       // Coral bg with deep brown
     },
-    logIdColor: chalk4.rgb(203, 195, 227),
+    logIdColor: chalk6.rgb(203, 195, 227),
     // Dusty lavender
-    dataValueColor: chalk4.rgb(236, 236, 236),
+    dataValueColor: chalk6.rgb(236, 236, 236),
     // Soft white
-    dataKeyColor: chalk4.rgb(186, 207, 255),
+    dataKeyColor: chalk6.rgb(186, 207, 255),
     // Baby blue
-    selectorColor: chalk4.rgb(189, 178, 255)
+    selectorColor: chalk6.rgb(189, 178, 255)
     // Soft lavender for gentle highlighting
   },
   detailedView: {
     colors: {
-      trace: chalk4.rgb(179, 189, 203),
-      debug: chalk4.rgb(189, 178, 255),
-      info: chalk4.rgb(170, 236, 205),
-      warn: chalk4.rgb(255, 223, 186),
-      error: chalk4.rgb(255, 188, 188),
-      fatal: chalk4.bgRgb(255, 188, 188).rgb(76, 40, 40)
+      trace: chalk6.rgb(179, 189, 203),
+      debug: chalk6.rgb(189, 178, 255),
+      info: chalk6.rgb(170, 236, 205),
+      warn: chalk6.rgb(255, 223, 186),
+      error: chalk6.rgb(255, 188, 188),
+      fatal: chalk6.bgRgb(255, 188, 188).rgb(76, 40, 40)
     },
-    logIdColor: chalk4.rgb(203, 195, 227),
-    dataValueColor: chalk4.rgb(236, 236, 236),
-    dataKeyColor: chalk4.rgb(186, 207, 255),
-    selectorColor: chalk4.rgb(189, 178, 255),
+    logIdColor: chalk6.rgb(203, 195, 227),
+    dataValueColor: chalk6.rgb(236, 236, 236),
+    dataKeyColor: chalk6.rgb(186, 207, 255),
+    selectorColor: chalk6.rgb(189, 178, 255),
     // Soft lavender for gentle highlighting
-    headerColor: chalk4.rgb(255, 198, 255),
+    headerColor: chalk6.rgb(255, 198, 255),
     // Cotton candy pink
-    labelColor: chalk4.rgb(255, 198, 255).bold,
-    separatorColor: chalk4.rgb(179, 189, 203),
+    labelColor: chalk6.rgb(255, 198, 255).bold,
+    separatorColor: chalk6.rgb(179, 189, 203),
     jsonColors: {
-      keysColor: chalk4.rgb(186, 207, 255),
+      keysColor: chalk6.rgb(186, 207, 255),
       // Baby blue
-      dashColor: chalk4.rgb(236, 236, 236),
+      dashColor: chalk6.rgb(236, 236, 236),
       // Soft white
-      numberColor: chalk4.rgb(255, 198, 255),
+      numberColor: chalk6.rgb(255, 198, 255),
       // Cotton candy pink
-      stringColor: chalk4.rgb(170, 236, 205),
+      stringColor: chalk6.rgb(170, 236, 205),
       // Mint green
-      multilineStringColor: chalk4.rgb(170, 236, 205),
-      positiveNumberColor: chalk4.rgb(170, 236, 205),
-      negativeNumberColor: chalk4.rgb(255, 188, 188),
-      booleanColor: chalk4.rgb(255, 223, 186),
+      multilineStringColor: chalk6.rgb(170, 236, 205),
+      positiveNumberColor: chalk6.rgb(170, 236, 205),
+      negativeNumberColor: chalk6.rgb(255, 188, 188),
+      booleanColor: chalk6.rgb(255, 223, 186),
       // Peach
-      nullUndefinedColor: chalk4.rgb(179, 189, 203),
-      dateColor: chalk4.rgb(189, 178, 255)
+      nullUndefinedColor: chalk6.rgb(179, 189, 203),
+      dateColor: chalk6.rgb(189, 178, 255)
       // Gentle lavender
     }
   }
@@ -1387,70 +1688,70 @@ var PrettyTerminalTransport = class _PrettyTerminalTransport extends LoggerlessT
     const logFile = config.logFile;
     const simpleViewConfig = {
       colors: {
-        trace: chalk5.gray,
+        trace: chalk7.gray,
         // Lowest level, used for verbose output
-        debug: chalk5.blue,
+        debug: chalk7.blue,
         // Debug information
-        info: chalk5.green,
+        info: chalk7.green,
         // Normal operation
-        warn: chalk5.yellow,
+        warn: chalk7.yellow,
         // Warning conditions
-        error: chalk5.red,
+        error: chalk7.red,
         // Error conditions
-        fatal: chalk5.bgRed.white,
+        fatal: chalk7.bgRed.white,
         // Critical errors
         ...theme.simpleView.colors
       },
-      logIdColor: theme.simpleView.logIdColor || chalk5.dim,
-      dataValueColor: theme.simpleView.dataValueColor || chalk5.white,
-      dataKeyColor: theme.simpleView.dataKeyColor || chalk5.dim,
-      selectorColor: theme.simpleView.selectorColor || chalk5.cyan
+      logIdColor: theme.simpleView.logIdColor || chalk7.dim,
+      dataValueColor: theme.simpleView.dataValueColor || chalk7.white,
+      dataKeyColor: theme.simpleView.dataKeyColor || chalk7.dim,
+      selectorColor: theme.simpleView.selectorColor || chalk7.cyan
     };
     const detailedViewConfig = {
       colors: {
-        trace: chalk5.gray,
-        debug: chalk5.blue,
-        info: chalk5.green,
-        warn: chalk5.yellow,
-        error: chalk5.red,
-        fatal: chalk5.bgRed.white,
+        trace: chalk7.gray,
+        debug: chalk7.blue,
+        info: chalk7.green,
+        warn: chalk7.yellow,
+        error: chalk7.red,
+        fatal: chalk7.bgRed.white,
         ...theme.detailedView?.colors
       },
-      logIdColor: theme.detailedView?.logIdColor || chalk5.dim,
-      dataValueColor: theme.detailedView?.dataValueColor || chalk5.white,
-      dataKeyColor: theme.detailedView?.dataKeyColor || chalk5.dim,
-      selectorColor: theme.detailedView?.selectorColor || chalk5.cyan,
-      headerColor: theme.detailedView?.headerColor || chalk5.cyan,
-      labelColor: theme.detailedView?.labelColor || chalk5.cyan.bold,
-      separatorColor: theme.detailedView?.separatorColor || chalk5.dim,
+      logIdColor: theme.detailedView?.logIdColor || chalk7.dim,
+      dataValueColor: theme.detailedView?.dataValueColor || chalk7.white,
+      dataKeyColor: theme.detailedView?.dataKeyColor || chalk7.dim,
+      selectorColor: theme.detailedView?.selectorColor || chalk7.cyan,
+      headerColor: theme.detailedView?.headerColor || chalk7.cyan,
+      labelColor: theme.detailedView?.labelColor || chalk7.cyan.bold,
+      separatorColor: theme.detailedView?.separatorColor || chalk7.dim,
       // JSON formatting colors for detailed data view
       jsonColors: {
-        keysColor: chalk5.yellow,
+        keysColor: chalk7.yellow,
         // Object property names
-        dashColor: chalk5.white,
+        dashColor: chalk7.white,
         // Array bullets
-        numberColor: chalk5.yellow,
+        numberColor: chalk7.yellow,
         // Default number color
-        stringColor: chalk5.white,
+        stringColor: chalk7.white,
         // Single-line strings
-        multilineStringColor: chalk5.white,
+        multilineStringColor: chalk7.white,
         // Multi-line strings
-        positiveNumberColor: chalk5.green,
+        positiveNumberColor: chalk7.green,
         // Numbers > 0
-        negativeNumberColor: chalk5.red,
+        negativeNumberColor: chalk7.red,
         // Numbers < 0
-        booleanColor: chalk5.cyan,
+        booleanColor: chalk7.cyan,
         // true/false values
-        nullUndefinedColor: chalk5.grey,
+        nullUndefinedColor: chalk7.grey,
         // null/undefined
-        dateColor: chalk5.magenta,
+        dateColor: chalk7.magenta,
         // Date objects
         ...theme.detailedView?.jsonColors
       }
     };
     this.storage = new LogStorage(logFile);
     this.renderer = new LogRenderer(simpleViewConfig, detailedViewConfig, maxInlineDepth, maxInlineLength);
-    this.uiManager = new UIManager(this.renderer, this.storage);
+    this.uiManager = new UIManager(this.renderer, this.storage, config.disableInteractiveMode);
     _PrettyTerminalTransport.instance = this;
   }
   /**
@@ -1508,13 +1809,13 @@ var PrettyTerminalTransport = class _PrettyTerminalTransport extends LoggerlessT
 };
 
 // src/index.ts
-import * as chalk6 from "chalk";
+import * as chalk8 from "chalk";
 function getPrettyTerminal(config = {}) {
   return PrettyTerminalTransport.getInstance(config);
 }
 export {
   PrettyTerminalTransport,
-  chalk6 as chalk,
+  chalk8 as chalk,
   getPrettyTerminal,
   moonlight,
   nature,