@loglayer/transport-pretty-terminal 4.0.5 → 4.1.1

package/dist/index.js

@@ -1,742 +1,698 @@
-// src/PrettyTerminalTransport.ts
 import { LoggerlessTransport } from "@loglayer/transport";
-import chalk7 from "chalk";
-
-// src/views/DetailView.ts
-import chalk3 from "chalk";
+import * as chalk from "chalk";
+import chalk$1 from "chalk";
 import wrap from "wrap-ansi";
+import truncate from "cli-truncate";
+import { resolve } from "node:path";
+import Database from "better-sqlite3";
+import keypress from "keypress";
 
-// src/vendor/prettyjson.js
-import chalk from "chalk";
-
-// src/vendor/utils.js
+//#region src/vendor/utils.js
+/**
+* Creates a string with the same length as `numSpaces` parameter
+**/
 function indent(numSpaces) {
-  return new Array(numSpaces + 1).join(" ");
+	return new Array(numSpaces + 1).join(" ");
 }
+/**
+* Gets the string length of the longer index in a hash
+**/
 function getMaxIndexLength(input) {
-  var maxWidth = 0;
-  Object.getOwnPropertyNames(input).forEach((key) => {
-    if (input[key] === void 0) {
-      return;
-    }
-    maxWidth = Math.max(maxWidth, key.length);
-  });
-  return maxWidth;
+	var maxWidth = 0;
+	Object.getOwnPropertyNames(input).forEach((key) => {
+		if (input[key] === void 0) return;
+		maxWidth = Math.max(maxWidth, key.length);
+	});
+	return maxWidth;
 }
 function isIsoStringDate(isoString) {
-  if (typeof isoString !== "string") {
-    return false;
-  }
-  if (!/^\d{4}-\d{2}-\d{2}[T ]\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|[+-]\d{2}:?\d{2})?$/.test(isoString)) {
-    return false;
-  }
-  const testDate = new Date(isoString);
-  return !Number.isNaN(testDate.getTime());
+	if (typeof isoString !== "string") return false;
+	if (!/^\d{4}-\d{2}-\d{2}[T ]\d{2}:\d{2}:\d{2}(?:\.\d+)?(?:Z|[+-]\d{2}:?\d{2})?$/.test(isoString)) return false;
+	const testDate = new Date(isoString);
+	return !Number.isNaN(testDate.getTime());
 }
 
-// src/vendor/prettyjson.js
-var conflictChars = /[^\w\s\n\r\v\t.,]/i;
-var isPrintable = (input, options) => input !== void 0 || options.renderUndefined;
-var isSerializable = (input, onlyPrimitives, options) => {
-  if (typeof input === "boolean" || typeof input === "number" || typeof input === "function" || input === null || input === void 0 || input instanceof Date) {
-    return true;
-  }
-  if (typeof input === "string" && input.indexOf("\n") === -1) {
-    return true;
-  }
-  if (options.inlineArrays && !onlyPrimitives) {
-    if (Array.isArray(input) && isSerializable(input[0], true, options)) {
-      return true;
-    }
-  }
-  return false;
+//#endregion
+//#region src/vendor/prettyjson.js
+const conflictChars = /[^\w\s\n\r\v\t.,]/i;
+const isPrintable = (input, options) => input !== void 0 || options.renderUndefined;
+const isSerializable = (input, onlyPrimitives, options) => {
+	if (typeof input === "boolean" || typeof input === "number" || typeof input === "function" || input === null || input === void 0 || input instanceof Date) return true;
+	if (typeof input === "string" && input.indexOf("\n") === -1) return true;
+	if (options.inlineArrays && !onlyPrimitives) {
+		if (Array.isArray(input) && isSerializable(input[0], true, options)) return true;
+	}
+	return false;
 };
-var getColorRenderer = (colorFn, options) => {
-  if (options.noColor) {
-    return (text) => text;
-  }
-  if (typeof colorFn !== "function") {
-    return (text) => text;
-  }
-  return colorFn;
+/**
+* @param {Function} colorFn
+* @param {PrettyJSONOptions} options
+*/
+const getColorRenderer = (colorFn, options) => {
+	if (options.noColor) return (text) => text;
+	if (typeof colorFn !== "function") return (text) => text;
+	return colorFn;
 };
-var addColorToData = (input, options) => {
-  if (options.noColor) {
-    return input;
-  }
-  if (input instanceof Date) {
-    return getColorRenderer(options.dateColor, options)(input.toISOString());
-  }
-  if (typeof input === "string") {
-    if (isIsoStringDate(input)) {
-      return getColorRenderer(options.dateColor, options)(input);
-    }
-    return getColorRenderer(options.stringColor, options)(input);
-  }
-  const sInput = `${input}`;
-  if (typeof input === "boolean") {
-    return getColorRenderer(options.booleanColor, options)(sInput);
-  }
-  if (input === null || input === void 0) {
-    return getColorRenderer(options.nullUndefinedColor, options)(sInput);
-  }
-  if (typeof input === "number") {
-    if (input >= 0) {
-      return getColorRenderer(options.positiveNumberColor, options)(sInput);
-    }
-    return getColorRenderer(options.negativeNumberColor, options)(sInput);
-  }
-  if (typeof input === "function") {
-    return "function() {}";
-  }
-  if (Array.isArray(input)) {
-    return input.join(", ");
-  }
-  return sInput;
+const addColorToData = (input, options) => {
+	if (options.noColor) return input;
+	if (input instanceof Date) return getColorRenderer(options.dateColor, options)(input.toISOString());
+	if (typeof input === "string") {
+		if (isIsoStringDate(input)) return getColorRenderer(options.dateColor, options)(input);
+		return getColorRenderer(options.stringColor, options)(input);
+	}
+	const sInput = `${input}`;
+	if (typeof input === "boolean") return getColorRenderer(options.booleanColor, options)(sInput);
+	if (input === null || input === void 0) return getColorRenderer(options.nullUndefinedColor, options)(sInput);
+	if (typeof input === "number") {
+		if (input >= 0) return getColorRenderer(options.positiveNumberColor, options)(sInput);
+		return getColorRenderer(options.negativeNumberColor, options)(sInput);
+	}
+	if (typeof input === "function") return "function() {}";
+	if (Array.isArray(input)) return input.join(", ");
+	return sInput;
 };
-var colorMultilineString = (options, line) => getColorRenderer(options.multilineStringColor, options)(line);
-var indentLines = (string, spaces, options) => {
-  let lines = string.split("\n");
-  lines = lines.map((line) => indent(spaces) + colorMultilineString(options, line));
-  return lines.join("\n");
+const colorMultilineString = (options, line) => getColorRenderer(options.multilineStringColor, options)(line);
+const indentLines = (string, spaces, options) => {
+	let lines = string.split("\n");
+	lines = lines.map((line) => indent(spaces) + colorMultilineString(options, line));
+	return lines.join("\n");
 };
-var renderToArray = (data, options, indentation) => {
-  if (typeof data === "string" && data.match(conflictChars) && options.escape) {
-    data = JSON.stringify(data);
-  }
-  if (!isPrintable(data, options)) {
-    return [];
-  }
-  if (isSerializable(data, false, options)) {
-    return [indent(indentation) + addColorToData(data, options)];
-  }
-  if (typeof data === "string") {
-    return [
-      indent(indentation) + colorMultilineString(options, '"""'),
-      indentLines(data, indentation + options.defaultIndentation, options),
-      indent(indentation) + colorMultilineString(options, '"""')
-    ];
-  }
-  if (Array.isArray(data)) {
-    if (data.length === 0) {
-      return [indent(indentation) + options.emptyArrayMsg];
-    }
-    if (options.collapseArrays && data.length > 0) {
-      return [`${indent(indentation)}[... ${data.length} items]`];
-    }
-    const outputArray = [];
-    data.forEach((element) => {
-      if (!isPrintable(element, options)) {
-        return;
-      }
-      let line = "- ";
-      line = getColorRenderer(options.dashColor, options)(line);
-      line = indent(indentation) + line;
-      if (isSerializable(element, false, options)) {
-        line += renderToArray(element, options, 0)[0];
-        outputArray.push(line);
-      } else {
-        outputArray.push(line);
-        outputArray.push.apply(outputArray, renderToArray(element, options, indentation + options.defaultIndentation));
-      }
-    });
-    return outputArray;
-  }
-  if (data instanceof Error) {
-    return renderToArray(
-      {
-        message: data.message,
-        stack: data.stack.split("\n")
-      },
-      options,
-      indentation
-    );
-  }
-  const maxIndexLength = options.noAlign ? 0 : getMaxIndexLength(data);
-  let key;
-  const output = [];
-  Object.getOwnPropertyNames(data).forEach((i) => {
-    if (!isPrintable(data[i], options)) {
-      return;
-    }
-    key = `${i}: `;
-    key = getColorRenderer(options.keysColor, options)(key);
-    key = indent(indentation) + key;
-    if (isSerializable(data[i], false, options)) {
-      const nextIndentation = options.noAlign ? 0 : maxIndexLength - i.length;
-      key += renderToArray(data[i], options, nextIndentation)[0];
-      output.push(key);
-    } else {
-      output.push(key);
-      output.push.apply(output, renderToArray(data[i], options, indentation + options.defaultIndentation));
-    }
-  });
-  return output;
+const renderToArray = (data, options, indentation) => {
+	if (typeof data === "string" && data.match(conflictChars) && options.escape) data = JSON.stringify(data);
+	if (!isPrintable(data, options)) return [];
+	if (isSerializable(data, false, options)) return [indent(indentation) + addColorToData(data, options)];
+	if (typeof data === "string") return [
+		indent(indentation) + colorMultilineString(options, "\"\"\""),
+		indentLines(data, indentation + options.defaultIndentation, options),
+		indent(indentation) + colorMultilineString(options, "\"\"\"")
+	];
+	if (Array.isArray(data)) {
+		if (data.length === 0) return [indent(indentation) + options.emptyArrayMsg];
+		if (options.collapseArrays && data.length > 0) return [`${indent(indentation)}[... ${data.length} items]`];
+		const outputArray = [];
+		data.forEach((element) => {
+			if (!isPrintable(element, options)) return;
+			let line = "- ";
+			line = getColorRenderer(options.dashColor, options)(line);
+			line = indent(indentation) + line;
+			if (isSerializable(element, false, options)) {
+				line += renderToArray(element, options, 0)[0];
+				outputArray.push(line);
+			} else {
+				outputArray.push(line);
+				outputArray.push.apply(outputArray, renderToArray(element, options, indentation + options.defaultIndentation));
+			}
+		});
+		return outputArray;
+	}
+	if (data instanceof Error) return renderToArray({
+		message: data.message,
+		stack: data.stack.split("\n")
+	}, options, indentation);
+	const maxIndexLength = options.noAlign ? 0 : getMaxIndexLength(data);
+	let key;
+	const output = [];
+	Object.getOwnPropertyNames(data).forEach((i) => {
+		if (!isPrintable(data[i], options)) return;
+		key = `${i}: `;
+		key = getColorRenderer(options.keysColor, options)(key);
+		key = indent(indentation) + key;
+		if (isSerializable(data[i], false, options)) {
+			const nextIndentation = options.noAlign ? 0 : maxIndexLength - i.length;
+			key += renderToArray(data[i], options, nextIndentation)[0];
+			output.push(key);
+		} else {
+			output.push(key);
+			output.push.apply(output, renderToArray(data[i], options, indentation + options.defaultIndentation));
+		}
+	});
+	return output;
 };
-var validateOptionsAndSetDefaults = (options) => {
-  options = options || {};
-  options.emptyArrayMsg = options.emptyArrayMsg || "(empty array)";
-  options.keysColor = options.keysColor || chalk.green;
-  options.dashColor = options.dashColor || chalk.green;
-  options.booleanColor = options.booleanColor || chalk.cyan;
-  options.nullUndefinedColor = options.nullUndefinedColor || chalk.grey;
-  options.numberColor = options.numberColor || chalk.blue;
-  options.positiveNumberColor = options.positiveNumberColor || options.numberColor;
-  options.negativeNumberColor = options.negativeNumberColor || options.numberColor;
-  options.dateColor = options.dateColor || chalk.magenta;
-  options.defaultIndentation = options.defaultIndentation || 2;
-  options.noColor = !!options.noColor;
-  options.noAlign = !!options.noAlign;
-  options.escape = !!options.escape;
-  options.renderUndefined = !!options.renderUndefined;
-  options.collapseArrays = !!options.collapseArrays;
-  options.stringColor = options.stringColor || null;
-  options.multilineStringColor = options.multilineStringColor || options.stringColor || null;
-  return options;
+/**
+* @typedef {Object} PrettyJSONOptions
+* @property {Function} [stringColor=null] Chalk color function for strings
+* @property {Function} [multilineStringColor=null] Chalk color function for multiline strings
+* @property {Function} [keysColor=chalk.green] Chalk color function for keys in hashes
+* @property {Function} [dashColor=chalk.green] Chalk color function for dashes in arrays
+* @property {Function} [numberColor=chalk.blue] Default Chalk color function for numbers
+* @property {Function} [positiveNumberColor=numberColor] Chalk color function for positive numbers
+* @property {Function} [negativeNumberColor=numberColor] Chalk color function for negative numbers
+* @property {Function} [booleanColor=chalk.cyan] Chalk color function for boolean values
+* @property {Function} [nullUndefinedColor=chalk.grey] Chalk color function for null || undefined
+* @property {Function} [dateColor=chalk.magenta] Chalk color function for Date objects
+* @property {number} [defaultIndentation=2] Indentation spaces per object level
+* @property {string} [emptyArrayMsg="(empty array)"] Replace empty strings with
+* @property {boolean} [noColor] Flag to disable colors
+* @property {boolean} [noAlign] Flag to disable alignment
+* @property {boolean} [escape] Flag to escape printed content
+* @property {boolean} [collapseArrays] Flag to collapse arrays
+*/
+/**
+* Mutating function that ensures we have a valid options object
+* @param {PrettyJSONOptions} options
+* @returns PrettyJSONOptions
+*/
+const validateOptionsAndSetDefaults = (options) => {
+	options = options || {};
+	options.emptyArrayMsg = options.emptyArrayMsg || "(empty array)";
+	options.keysColor = options.keysColor || chalk$1.green;
+	options.dashColor = options.dashColor || chalk$1.green;
+	options.booleanColor = options.booleanColor || chalk$1.cyan;
+	options.nullUndefinedColor = options.nullUndefinedColor || chalk$1.grey;
+	options.numberColor = options.numberColor || chalk$1.blue;
+	options.positiveNumberColor = options.positiveNumberColor || options.numberColor;
+	options.negativeNumberColor = options.negativeNumberColor || options.numberColor;
+	options.dateColor = options.dateColor || chalk$1.magenta;
+	options.defaultIndentation = options.defaultIndentation || 2;
+	options.noColor = !!options.noColor;
+	options.noAlign = !!options.noAlign;
+	options.escape = !!options.escape;
+	options.renderUndefined = !!options.renderUndefined;
+	options.collapseArrays = !!options.collapseArrays;
+	options.stringColor = options.stringColor || null;
+	options.multilineStringColor = options.multilineStringColor || options.stringColor || null;
+	return options;
 };
+/**
+* ### Render function
+* *Parameters:*
+*
+* @param {*} data: Data to render
+* @param {PrettyJSONOptions} options: Hash of different options
+* @param {*} indentation **`indentation`**: Base indentation of the output
+*
+* *Example of options hash:*
+*
+*     {
+*       emptyArrayMsg: '(empty)',    // Rendered message on empty strings
+*       keysColor: 'blue',           // Color for keys in hashes
+*       dashColor: 'red',            // Color for the dashes in arrays
+*       stringColor: 'grey',         // Color for strings
+*       multilineStringColor: 'cyan' // Color for multiline strings
+*       defaultIndentation: 2        // Indentation on nested objects
+*     }
+* @returns string with the rendered data
+*/
 function render(data, options, indentation) {
-  indentation = indentation || 0;
-  options = validateOptionsAndSetDefaults(options);
-  return renderToArray(data, options, indentation).join("\n");
+	indentation = indentation || 0;
+	options = validateOptionsAndSetDefaults(options);
+	return renderToArray(data, options, indentation).join("\n");
 }
 
-// src/views/utils.ts
-import chalk2 from "chalk";
-import truncate from "cli-truncate";
+//#endregion
+//#region src/views/utils.ts
+/**
+* Formats a timestamp into a human-readable string.
+* Format: HH:MM:SS.mmm
+*/
 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")}`
-  );
+	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")}`);
 }
+/**
+* Gets the color function for a log level.
+*/
 function getLevelColor(level, colors) {
-  return colors[level] || chalk2.white;
+	return colors[level] || chalk$1.white;
 }
+/**
+* Formats a value for display.
+*/
 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();
+	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();
 }
+/**
+* Formats structured data for inline display with depth limiting.
+*/
 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 {
-          traverse(value, fullKey, depth + 1);
-        }
-      } else {
-        pairs.push(`${config.dataKeyColor(fullKey)}=${config.dataValueColor(formatValue(value, expanded))}`);
-      }
-    }
-  };
-  traverse(data);
-  const result = pairs.join(" ");
-  return expanded ? result : truncate(result, maxLength);
+	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 traverse(value, fullKey, depth + 1);
+			else pairs.push(`${config.dataKeyColor(fullKey)}=${config.dataValueColor(formatValue(value, expanded))}`);
+		}
+	};
+	traverse(data);
+	const result = pairs.join(" ");
+	return expanded ? result : truncate(result, maxLength);
 }
 
-// src/views/DetailView.ts
+//#endregion
+//#region src/views/DetailView.ts
+/**
+* Handles rendering of the detail view mode.
+* Shows a full-screen view of a single log entry with:
+* - Previous/next log context
+* - Full timestamp information
+* - Pretty-printed data
+* - Navigation help
+*/
 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
-   */
-  formatCompactLogLine(entry, prefix = "") {
-    if (!entry) return "";
-    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.config.config.separatorColor(wrap(line, this.termWidth, { hard: true }));
-  }
-  /**
-   * Formats a timestamp into a human-readable relative time
-   */
-  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();
-    console.log("\n".repeat(5));
-    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.config.config.separatorColor("TAB to return to detailed view")}`);
-      return;
-    }
-    const headerContent = [];
-    if (this.config.prevEntry) {
-      const prevLine = this.formatCompactLogLine(this.config.prevEntry, "\u2190 ");
-      headerContent.push(prevLine);
-      headerContent.push(this.config.config.separatorColor("\u2500".repeat(this.termWidth)));
-    }
-    const footerContent = [];
-    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.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 = 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(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.config.config.labelColor("Level:")} ${levelColor.bold(this.config.entry.level.toUpperCase())}`
-    );
-    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.config.isArraysCollapsed
-      }).split("\n");
-      mainContent.push(...jsonLines);
-    }
-    this.detailViewContent = mainContent;
-    const headerHeight = headerContent.length;
-    const footerHeight = footerContent.length;
-    const scrollIndicatorLines = 2;
-    const bufferSpace = 4;
-    const topPadding = 2;
-    const availableHeight = Math.max(
-      0,
-      process.stdout.rows - headerHeight - footerHeight - scrollIndicatorLines - bufferSpace - topPadding
-    );
-    for (const line of headerContent) {
-      console.log(line);
-    }
-    if (this.config.scrollPos > 0) {
-      console.log(chalk3.dim("\u2191 More content above"));
-    }
-    const startIndex = this.config.scrollPos;
-    const visibleContent = mainContent.slice(startIndex, startIndex + availableHeight);
-    for (const line of visibleContent) {
-      console.log(line);
-    }
-    if (this.config.scrollPos + availableHeight < mainContent.length) {
-      console.log(chalk3.dim("\u2193 More content below"));
-    } else {
-      console.log(chalk3.dim("End of content"));
-    }
-    for (const line of footerContent) {
-      console.log(line);
-    }
-  }
-  /**
-   * Gets the maximum scroll position based on current content and window size
-   */
-  getMaxScrollPosition() {
-    const headerHeight = this.config.prevEntry ? 2 : 0;
-    const footerHeight = 5;
-    const scrollIndicatorLines = 2;
-    const bufferSpace = 2;
-    const topPadding = 2;
-    const availableHeight = Math.max(
-      0,
-      process.stdout.rows - headerHeight - footerHeight - scrollIndicatorLines - bufferSpace - topPadding
-    );
-    return Math.max(0, this.detailViewContent.length - availableHeight);
-  }
+	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
+	*/
+	formatCompactLogLine(entry, prefix = "") {
+		if (!entry) return "";
+		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.config.config.separatorColor(wrap(line, this.termWidth, { hard: true }));
+	}
+	/**
+	* Formats a timestamp into a human-readable relative time
+	*/
+	formatRelativeTime(timestamp) {
+		const diffMs = (/* @__PURE__ */ new Date()).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();
+		console.log("\n".repeat(5));
+		if (this.config.isJsonView) {
+			if (this.config.entry.data) console.log(JSON.stringify(JSON.parse(this.config.entry.data)));
+			else console.log("{}");
+			console.log(`\n${this.config.config.separatorColor("TAB to return to detailed view")}`);
+			return;
+		}
+		const headerContent = [];
+		if (this.config.prevEntry) {
+			const prevLine = this.formatCompactLogLine(this.config.prevEntry, "← ");
+			headerContent.push(prevLine);
+			headerContent.push(this.config.config.separatorColor("─".repeat(this.termWidth)));
+		}
+		const footerContent = [];
+		if (this.config.nextEntry) {
+			footerContent.push(this.config.config.separatorColor("─".repeat(this.termWidth)));
+			const nextLine = this.formatCompactLogLine(this.config.nextEntry, "→ ");
+			footerContent.push(nextLine);
+		}
+		footerContent.push("");
+		footerContent.push(this.config.config.separatorColor("↑/↓ scroll • Q/W page up/down • J raw JSON"));
+		footerContent.push(this.config.config.separatorColor("←/→ navigate • A/S first/last log • C toggle arrays"));
+		const mainContent = [];
+		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(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.config.config.labelColor("Level:")} ${levelColor.bold(this.config.entry.level.toUpperCase())}`);
+		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.config.isArraysCollapsed
+			}).split("\n");
+			mainContent.push(...jsonLines);
+		}
+		this.detailViewContent = mainContent;
+		const headerHeight = headerContent.length;
+		const footerHeight = footerContent.length;
+		const availableHeight = Math.max(0, process.stdout.rows - headerHeight - footerHeight - 2 - 4 - 2);
+		for (const line of headerContent) console.log(line);
+		if (this.config.scrollPos > 0) console.log(chalk$1.dim("↑ More content above"));
+		const startIndex = this.config.scrollPos;
+		const visibleContent = mainContent.slice(startIndex, startIndex + availableHeight);
+		for (const line of visibleContent) console.log(line);
+		if (this.config.scrollPos + availableHeight < mainContent.length) console.log(chalk$1.dim("↓ More content below"));
+		else console.log(chalk$1.dim("End of content"));
+		for (const line of footerContent) console.log(line);
+	}
+	/**
+	* Gets the maximum scroll position based on current content and window size
+	*/
+	getMaxScrollPosition() {
+		const headerHeight = this.config.prevEntry ? 2 : 0;
+		const availableHeight = Math.max(0, process.stdout.rows - headerHeight - 5 - 2 - 2 - 2);
+		return Math.max(0, this.detailViewContent.length - availableHeight);
+	}
 };
 
-// src/views/SelectionView.ts
-import chalk4 from "chalk";
-import wrap2 from "wrap-ansi";
+//#endregion
+//#region src/views/SelectionView.ts
+/**
+* Handles rendering of the selection view mode.
+* Shows an interactive list of logs with:
+* - Filtering capability
+* - Selected item highlighting
+* - Full data preview inline
+* - Scroll indicators
+*/
 var SelectionView = class {
-  termWidth;
-  config;
-  constructor(config) {
-    this.config = config;
-    this.termWidth = process.stdout.columns || 80;
-  }
-  updateTerminalWidth(width) {
-    this.termWidth = width;
-  }
-  render() {
-    console.clear();
-    console.log("\n".repeat(5));
-    const filterHeight = this.config.filterText ? 2 : 0;
-    const footerHeight = 2;
-    const topPadding = 5;
-    const availableHeight = process.stdout.rows - filterHeight - footerHeight - topPadding;
-    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, 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(chalk4.dim("  \u2191 More logs above"));
-      }
-      this.config.logs.slice(startIdx, endIdx).forEach((entry, index) => {
-        const actualIndex = startIdx + index;
-        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 = chalk4.dim(`[${entry.id}]`);
-        const message = entry.message;
-        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 = wrap2(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 < 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(chalk4.dim("\nType to filter \u2022 Enter to view details \u2022 TAB to exit"));
-    if (this.config.filterText) {
-      console.log(chalk4.dim("\u2500".repeat(this.termWidth)));
-      console.log(chalk4.cyan("Filter:"), chalk4.white(this.config.filterText));
-    }
-  }
+	termWidth;
+	config;
+	constructor(config) {
+		this.config = config;
+		this.termWidth = process.stdout.columns || 80;
+	}
+	updateTerminalWidth(width) {
+		this.termWidth = width;
+	}
+	render() {
+		console.clear();
+		console.log("\n".repeat(5));
+		const filterHeight = this.config.filterText ? 2 : 0;
+		const availableHeight = process.stdout.rows - filterHeight - 2 - 5;
+		if (this.config.logs.length === 0) console.log(chalk$1.yellow("No matching logs found"));
+		else {
+			const visibleLines = Math.min(availableHeight, 20);
+			let startIdx = Math.max(0, this.config.selectedIndex - (visibleLines - 2 - 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(chalk$1.dim("  ↑ More logs above"));
+			this.config.logs.slice(startIdx, endIdx).forEach((entry, index) => {
+				const isSelected = startIdx + index === this.config.selectedIndex;
+				const wrappedText = wrap(`${isSelected ? this.config.config.selectorColor("► ") : "  "}${formatTimestamp(entry.timestamp, this.config.config.logIdColor)} ${getLevelColor(entry.level, this.config.config.colors)(`${entry.level.toUpperCase()} `)}${chalk$1.dim(`[${entry.id}]`)} ${entry.message}${entry.data ? ` ${formatInlineData(JSON.parse(entry.data), this.config.config, 0, 0, true)}` : ""}`, 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("│")} ${line}`);
+				} else console.log(wrappedText);
+			});
+			if (endIdx < this.config.logs.length || this.config.newLogCount > 0) {
+				const moreLogsText = this.config.newLogCount > 0 ? this.config.config.selectorColor(`  ↓ ${this.config.newLogCount} new log${this.config.newLogCount === 1 ? "" : "s"} available (press ↓ to view)`) : chalk$1.dim("  ↓ More logs below");
+				console.log(moreLogsText);
+			}
+		}
+		console.log(chalk$1.dim("\nType to filter • Enter to view details • TAB to exit"));
+		if (this.config.filterText) {
+			console.log(chalk$1.dim("─".repeat(this.termWidth)));
+			console.log(chalk$1.cyan("Filter:"), chalk$1.white(this.config.filterText));
+		}
+	}
 };
 
-// src/views/SimpleView.ts
-import wrap3 from "wrap-ansi";
+//#endregion
+//#region src/views/SimpleView.ts
+/**
+* Handles rendering of the simple view mode.
+* Supports three display modes:
+* - Truncated: Shows all log details with truncated data
+* - Condensed: Shows timestamp, level and message
+* - Full: Shows all details with complete data
+*/
 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 entry based on the current view mode
-   */
-  renderLogLine(entry) {
-    const levelColor = getLevelColor(entry.level, this.config.config.colors);
-    const chevron = levelColor(`\u25B6 ${entry.level.toUpperCase()} `);
-    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(wrap3(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(wrap3(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(wrap3(normalLine, this.termWidth, { hard: true }));
-        break;
-      }
-    }
-  }
-  render() {
-    throw new Error("SimpleView.render() should not be called directly. Use renderLogLine() instead.");
-  }
+	termWidth;
+	config;
+	constructor(config) {
+		this.config = config;
+		this.termWidth = process.stdout.columns || 80;
+	}
+	updateTerminalWidth(width) {
+		this.termWidth = width;
+	}
+	/**
+	* Renders a single log entry based on the current view mode
+	*/
+	renderLogLine(entry) {
+		const chevron = getLevelColor(entry.level, this.config.config.colors)(`▶ ${entry.level.toUpperCase()} `);
+		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/LogRenderer.ts
+//#endregion
+//#region src/LogRenderer.ts
+/**
+* LogRenderer coordinates between different view modes and manages the overall rendering state.
+* Delegates actual rendering to specialized view implementations:
+* - SimpleView: For real-time log output
+* - SelectionView: For interactive log browsing
+* - DetailView: For in-depth log inspection
+*/
 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;
-  /**
-   * 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;
-    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();
-  }
-  /**
-   * Toggles JSON view state
-   */
-  toggleJsonView() {
-    this.isJsonView = !this.isJsonView;
-  }
-  /**
-   * Gets current JSON view state
-   */
-  isInJsonView() {
-    return this.isJsonView;
-  }
-  /**
-   * Toggles array collapse state in detail 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;
-  }
+	/** 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;
+	/**
+	* 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;
+		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),
+			totalLogs: totalLogs ?? 1,
+			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();
+	}
+	/**
+	* Toggles JSON view state
+	*/
+	toggleJsonView() {
+		this.isJsonView = !this.isJsonView;
+	}
+	/**
+	* Gets current JSON view state
+	*/
+	isInJsonView() {
+		return this.isJsonView;
+	}
+	/**
+	* Toggles array collapse state in detail 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
-import { resolve } from "path";
-import Database from "better-sqlite3";
+//#endregion
+//#region src/LogStorage.ts
+/**
+* Handles storage and retrieval of log entries using SQLite.
+* Uses an in-memory database for optimal performance and automatic cleanup.
+*
+* The database schema includes:
+* - id: Unique identifier for each log
+* - timestamp: Unix timestamp in milliseconds
+* - level: Log level (trace, debug, info, etc.)
+* - message: Main log message
+* - data: Optional structured data as JSON string
+*/
 var LogStorage = class {
-  /** SQLite database instance */
-  db;
-  /**
-   * Creates a new LogStorage instance.
-   * Initializes a SQLite database and creates the logs table.
-   *
-   * @param logFile - Optional path to SQLite file for persistent storage.
-   *                 If not provided, uses in-memory database.
-   *                 Relative paths are resolved from the current working directory.
-   */
-  constructor(logFile) {
-    const dbPath = logFile ? logFile.startsWith("/") ? logFile : resolve(process.cwd(), logFile) : ":memory:";
-    this.db = new Database(dbPath);
-    this.initializeDatabase();
-  }
-  /**
-   * Initializes the database schema.
-   * Creates the logs table with appropriate columns and indexes.
-   * If the table already exists, it will be dropped to ensure a clean state.
-   * @private
-   */
-  initializeDatabase() {
-    this.db.exec(`
+	/** SQLite database instance */
+	db;
+	/**
+	* Creates a new LogStorage instance.
+	* Initializes a SQLite database and creates the logs table.
+	*
+	* @param logFile - Optional path to SQLite file for persistent storage.
+	*                 If not provided, uses in-memory database.
+	*                 Relative paths are resolved from the current working directory.
+	*/
+	constructor(logFile) {
+		this.db = new Database(logFile ? logFile.startsWith("/") ? logFile : resolve(process.cwd(), logFile) : ":memory:");
+		this.initializeDatabase();
+	}
+	/**
+	* Initializes the database schema.
+	* Creates the logs table with appropriate columns and indexes.
+	* If the table already exists, it will be dropped to ensure a clean state.
+	* @private
+	*/
+	initializeDatabase() {
+		this.db.exec(`
       DROP TABLE IF EXISTS logs;
       CREATE TABLE logs (
         id TEXT PRIMARY KEY,
@@ -746,1086 +702,938 @@ var LogStorage = class {
         data TEXT
       )
     `);
-  }
-  /**
-   * Stores a new log entry in the database.
-   * Uses prepared statements for efficient and safe insertion.
-   *
-   * @param entry - The log entry to store
-   * @example
-   * storage.store({
-   *   id: "abc123",
-   *   timestamp: Date.now(),
-   *   level: "info",
-   *   message: "User logged in",
-   *   data: JSON.stringify({ userId: 123 })
-   * });
-   */
-  store(entry) {
-    this.db.prepare(`
+	}
+	/**
+	* Stores a new log entry in the database.
+	* Uses prepared statements for efficient and safe insertion.
+	*
+	* @param entry - The log entry to store
+	* @example
+	* storage.store({
+	*   id: "abc123",
+	*   timestamp: Date.now(),
+	*   level: "info",
+	*   message: "User logged in",
+	*   data: JSON.stringify({ userId: 123 })
+	* });
+	*/
+	store(entry) {
+		this.db.prepare(`
         INSERT INTO logs (id, timestamp, level, message, data)
         VALUES (?, ?, ?, ?, ?)
       `).run(entry.id, entry.timestamp, entry.level, entry.message, entry.data);
-  }
-  /**
-   * Retrieves all logs from the database in chronological order.
-   * Used when displaying the full log history or clearing filters.
-   *
-   * @returns Array of log entries sorted by timestamp
-   */
-  getAllLogs() {
-    return this.db.prepare("SELECT * FROM logs ORDER BY timestamp ASC").all();
-  }
-  /**
-   * Searches logs based on a text query.
-   * Performs a case-insensitive search across multiple fields:
-   * - Log ID
-   * - Message content
-   * - Structured data
-   *
-   * @param searchText - Text to search for
-   * @returns Array of matching log entries sorted by timestamp
-   * @example
-   * const errorLogs = storage.searchLogs("error");
-   * const userLogs = storage.searchLogs("userId:123");
-   */
-  searchLogs(searchText) {
-    const query = `
+	}
+	/**
+	* Retrieves all logs from the database in chronological order.
+	* Used when displaying the full log history or clearing filters.
+	*
+	* @returns Array of log entries sorted by timestamp
+	*/
+	getAllLogs() {
+		return this.db.prepare("SELECT * FROM logs ORDER BY timestamp ASC").all();
+	}
+	/**
+	* Searches logs based on a text query.
+	* Performs a case-insensitive search across multiple fields:
+	* - Log ID
+	* - Message content
+	* - Structured data
+	*
+	* @param searchText - Text to search for
+	* @returns Array of matching log entries sorted by timestamp
+	* @example
+	* const errorLogs = storage.searchLogs("error");
+	* const userLogs = storage.searchLogs("userId:123");
+	*/
+	searchLogs(searchText) {
+		const query = `
       SELECT * FROM logs 
       WHERE id LIKE ? 
       OR message LIKE ? 
       OR data LIKE ? 
       ORDER BY timestamp ASC
     `;
-    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 = `
+		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() {
+		return this.db.prepare("SELECT COUNT(*) as count FROM logs").get().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.
-   */
-  close() {
-    this.db.close();
-  }
+		const pattern = `%${searchText}%`;
+		return this.db.prepare(query).get(pattern, pattern, pattern).count;
+	}
+	/**
+	* Closes the database connection and performs cleanup.
+	* Should be called when the application exits or the transport is destroyed.
+	*/
+	close() {
+		this.db.close();
+	}
 };
 
-// src/themes.ts
-import chalk5 from "chalk";
-var moonlight = {
-  simpleView: {
-    colors: {
-      trace: chalk5.rgb(114, 135, 153),
-      // Muted blue-grey for less important info
-      debug: chalk5.rgb(130, 170, 255),
-      // Soft blue that pops but doesn't strain
-      info: chalk5.rgb(195, 232, 141),
-      // Sage green for good readability
-      warn: chalk5.rgb(255, 203, 107),
-      // Warm yellow, less harsh than pure yellow
-      error: chalk5.rgb(247, 118, 142),
-      // Soft red that stands out without being aggressive
-      fatal: chalk5.bgRgb(247, 118, 142).white
-      // Inverted soft red for maximum visibility
-    },
-    logIdColor: chalk5.rgb(84, 98, 117),
-    // Darker blue-grey for secondary information
-    dataValueColor: chalk5.rgb(209, 219, 231),
-    // Light grey-blue for primary content
-    dataKeyColor: chalk5.rgb(130, 170, 255),
-    // Matching debug blue for consistency
-    selectorColor: chalk5.rgb(137, 221, 255)
-    // Ice blue for selection indicators
-  },
-  detailedView: {
-    colors: {
-      trace: chalk5.rgb(114, 135, 153),
-      debug: chalk5.rgb(130, 170, 255),
-      info: chalk5.rgb(195, 232, 141),
-      warn: chalk5.rgb(255, 203, 107),
-      error: chalk5.rgb(247, 118, 142),
-      fatal: chalk5.bgRgb(247, 118, 142).white
-    },
-    logIdColor: chalk5.rgb(84, 98, 117),
-    dataValueColor: chalk5.rgb(209, 219, 231),
-    dataKeyColor: chalk5.rgb(130, 170, 255),
-    selectorColor: chalk5.rgb(137, 221, 255),
-    // Ice blue for selection indicators
-    headerColor: chalk5.rgb(137, 221, 255),
-    labelColor: chalk5.rgb(137, 221, 255).bold,
-    separatorColor: chalk5.rgb(84, 98, 117),
-    jsonColors: {
-      keysColor: chalk5.rgb(130, 170, 255),
-      dashColor: chalk5.rgb(209, 219, 231),
-      numberColor: chalk5.rgb(247, 140, 108),
-      stringColor: chalk5.rgb(195, 232, 141),
-      multilineStringColor: chalk5.rgb(195, 232, 141),
-      positiveNumberColor: chalk5.rgb(195, 232, 141),
-      negativeNumberColor: chalk5.rgb(247, 118, 142),
-      booleanColor: chalk5.rgb(255, 203, 107),
-      nullUndefinedColor: chalk5.rgb(114, 135, 153),
-      dateColor: chalk5.rgb(199, 146, 234)
-    }
-  }
+//#endregion
+//#region src/themes.ts
+/**
+* Moonlight - A dark theme with cool blue tones
+* Inspired by moonlit nights and modern IDEs
+*
+* Color Palette:
+* - Primary: Cool blues and soft greens
+* - Accents: Warm yellows and soft reds
+* - Background: Assumes dark terminal (black or very dark grey)
+*
+* Best used with:
+* - Dark terminal themes
+* - Night-time coding sessions
+* - Environments where eye strain is a concern
+*/
+const moonlight = {
+	simpleView: {
+		colors: {
+			trace: chalk$1.rgb(114, 135, 153),
+			debug: chalk$1.rgb(130, 170, 255),
+			info: chalk$1.rgb(195, 232, 141),
+			warn: chalk$1.rgb(255, 203, 107),
+			error: chalk$1.rgb(247, 118, 142),
+			fatal: chalk$1.bgRgb(247, 118, 142).white
+		},
+		logIdColor: chalk$1.rgb(84, 98, 117),
+		dataValueColor: chalk$1.rgb(209, 219, 231),
+		dataKeyColor: chalk$1.rgb(130, 170, 255),
+		selectorColor: chalk$1.rgb(137, 221, 255)
+	},
+	detailedView: {
+		colors: {
+			trace: chalk$1.rgb(114, 135, 153),
+			debug: chalk$1.rgb(130, 170, 255),
+			info: chalk$1.rgb(195, 232, 141),
+			warn: chalk$1.rgb(255, 203, 107),
+			error: chalk$1.rgb(247, 118, 142),
+			fatal: chalk$1.bgRgb(247, 118, 142).white
+		},
+		logIdColor: chalk$1.rgb(84, 98, 117),
+		dataValueColor: chalk$1.rgb(209, 219, 231),
+		dataKeyColor: chalk$1.rgb(130, 170, 255),
+		selectorColor: chalk$1.rgb(137, 221, 255),
+		headerColor: chalk$1.rgb(137, 221, 255),
+		labelColor: chalk$1.rgb(137, 221, 255).bold,
+		separatorColor: chalk$1.rgb(84, 98, 117),
+		jsonColors: {
+			keysColor: chalk$1.rgb(130, 170, 255),
+			dashColor: chalk$1.rgb(209, 219, 231),
+			numberColor: chalk$1.rgb(247, 140, 108),
+			stringColor: chalk$1.rgb(195, 232, 141),
+			multilineStringColor: chalk$1.rgb(195, 232, 141),
+			positiveNumberColor: chalk$1.rgb(195, 232, 141),
+			negativeNumberColor: chalk$1.rgb(247, 118, 142),
+			booleanColor: chalk$1.rgb(255, 203, 107),
+			nullUndefinedColor: chalk$1.rgb(114, 135, 153),
+			dateColor: chalk$1.rgb(199, 146, 234)
+		}
+	}
 };
-var sunlight = {
-  simpleView: {
-    colors: {
-      trace: chalk5.rgb(110, 110, 110),
-      // Dark grey for subtle information
-      debug: chalk5.rgb(32, 96, 159),
-      // Deep blue for strong contrast on white
-      info: chalk5.rgb(35, 134, 54),
-      // Forest green, easier on the eyes than bright green
-      warn: chalk5.rgb(176, 95, 0),
-      // Brown-orange for natural warning color
-      error: chalk5.rgb(191, 0, 0),
-      // Deep red for clear visibility on light backgrounds
-      fatal: chalk5.bgRgb(191, 0, 0).white
-      // White on deep red for critical issues
-    },
-    logIdColor: chalk5.rgb(110, 110, 110),
-    dataValueColor: chalk5.rgb(0, 0, 0),
-    dataKeyColor: chalk5.rgb(32, 96, 159),
-    selectorColor: chalk5.rgb(0, 91, 129)
-    // Deep blue for strong contrast
-  },
-  detailedView: {
-    colors: {
-      trace: chalk5.rgb(110, 110, 110),
-      debug: chalk5.rgb(32, 96, 159),
-      info: chalk5.rgb(35, 134, 54),
-      warn: chalk5.rgb(176, 95, 0),
-      error: chalk5.rgb(191, 0, 0),
-      fatal: chalk5.bgRgb(191, 0, 0).white
-    },
-    logIdColor: chalk5.rgb(110, 110, 110),
-    dataValueColor: chalk5.rgb(0, 0, 0),
-    dataKeyColor: chalk5.rgb(32, 96, 159),
-    selectorColor: chalk5.rgb(0, 91, 129),
-    // Deep blue for strong contrast
-    headerColor: chalk5.rgb(0, 91, 129),
-    labelColor: chalk5.rgb(0, 91, 129).bold,
-    separatorColor: chalk5.rgb(110, 110, 110),
-    jsonColors: {
-      keysColor: chalk5.rgb(32, 96, 159),
-      dashColor: chalk5.rgb(0, 0, 0),
-      numberColor: chalk5.rgb(170, 55, 49),
-      stringColor: chalk5.rgb(35, 134, 54),
-      multilineStringColor: chalk5.rgb(35, 134, 54),
-      positiveNumberColor: chalk5.rgb(46, 125, 50),
-      negativeNumberColor: chalk5.rgb(183, 28, 28),
-      booleanColor: chalk5.rgb(176, 95, 0),
-      nullUndefinedColor: chalk5.rgb(110, 110, 110),
-      dateColor: chalk5.rgb(123, 31, 162)
-    }
-  }
+/**
+* Sunlight - A light theme with warm tones
+* Inspired by daylight reading and paper documentation
+*
+* Color Palette:
+* - Primary: Deep, rich colors that contrast well with white
+* - Accents: Earth tones and deep jewel tones
+* - Background: Assumes light terminal (white or very light grey)
+*
+* Best used with:
+* - Light terminal themes
+* - Daytime coding sessions
+* - High-glare environments
+* - Printed documentation
+*/
+const sunlight = {
+	simpleView: {
+		colors: {
+			trace: chalk$1.rgb(110, 110, 110),
+			debug: chalk$1.rgb(32, 96, 159),
+			info: chalk$1.rgb(35, 134, 54),
+			warn: chalk$1.rgb(176, 95, 0),
+			error: chalk$1.rgb(191, 0, 0),
+			fatal: chalk$1.bgRgb(191, 0, 0).white
+		},
+		logIdColor: chalk$1.rgb(110, 110, 110),
+		dataValueColor: chalk$1.rgb(0, 0, 0),
+		dataKeyColor: chalk$1.rgb(32, 96, 159),
+		selectorColor: chalk$1.rgb(0, 91, 129)
+	},
+	detailedView: {
+		colors: {
+			trace: chalk$1.rgb(110, 110, 110),
+			debug: chalk$1.rgb(32, 96, 159),
+			info: chalk$1.rgb(35, 134, 54),
+			warn: chalk$1.rgb(176, 95, 0),
+			error: chalk$1.rgb(191, 0, 0),
+			fatal: chalk$1.bgRgb(191, 0, 0).white
+		},
+		logIdColor: chalk$1.rgb(110, 110, 110),
+		dataValueColor: chalk$1.rgb(0, 0, 0),
+		dataKeyColor: chalk$1.rgb(32, 96, 159),
+		selectorColor: chalk$1.rgb(0, 91, 129),
+		headerColor: chalk$1.rgb(0, 91, 129),
+		labelColor: chalk$1.rgb(0, 91, 129).bold,
+		separatorColor: chalk$1.rgb(110, 110, 110),
+		jsonColors: {
+			keysColor: chalk$1.rgb(32, 96, 159),
+			dashColor: chalk$1.rgb(0, 0, 0),
+			numberColor: chalk$1.rgb(170, 55, 49),
+			stringColor: chalk$1.rgb(35, 134, 54),
+			multilineStringColor: chalk$1.rgb(35, 134, 54),
+			positiveNumberColor: chalk$1.rgb(46, 125, 50),
+			negativeNumberColor: chalk$1.rgb(183, 28, 28),
+			booleanColor: chalk$1.rgb(176, 95, 0),
+			nullUndefinedColor: chalk$1.rgb(110, 110, 110),
+			dateColor: chalk$1.rgb(123, 31, 162)
+		}
+	}
 };
-var neon = {
-  simpleView: {
-    colors: {
-      trace: chalk5.rgb(108, 108, 255),
-      // Electric blue
-      debug: chalk5.rgb(255, 82, 246),
-      // Hot pink
-      info: chalk5.rgb(0, 255, 163),
-      // Cyber green
-      warn: chalk5.rgb(255, 231, 46),
-      // Electric yellow
-      error: chalk5.rgb(255, 53, 91),
-      // Neon red
-      fatal: chalk5.bgRgb(255, 53, 91).rgb(0, 255, 163)
-      // Neon red bg with cyber green text
-    },
-    logIdColor: chalk5.rgb(187, 134, 252),
-    // Bright purple
-    dataValueColor: chalk5.rgb(255, 255, 255),
-    // Pure white
-    dataKeyColor: chalk5.rgb(0, 255, 240),
-    // Cyan
-    selectorColor: chalk5.rgb(0, 255, 240)
-    // Electric cyan for cyberpunk feel
-  },
-  detailedView: {
-    colors: {
-      trace: chalk5.rgb(108, 108, 255),
-      debug: chalk5.rgb(255, 82, 246),
-      info: chalk5.rgb(0, 255, 163),
-      warn: chalk5.rgb(255, 231, 46),
-      error: chalk5.rgb(255, 53, 91),
-      fatal: chalk5.bgRgb(255, 53, 91).rgb(0, 255, 163)
-    },
-    logIdColor: chalk5.rgb(187, 134, 252),
-    dataValueColor: chalk5.rgb(255, 255, 255),
-    dataKeyColor: chalk5.rgb(0, 255, 240),
-    selectorColor: chalk5.rgb(0, 255, 240),
-    // Electric cyan for cyberpunk feel
-    headerColor: chalk5.rgb(255, 82, 246),
-    labelColor: chalk5.rgb(255, 82, 246).bold,
-    separatorColor: chalk5.rgb(108, 108, 255),
-    jsonColors: {
-      keysColor: chalk5.rgb(0, 255, 240),
-      dashColor: chalk5.rgb(255, 255, 255),
-      numberColor: chalk5.rgb(255, 82, 246),
-      stringColor: chalk5.rgb(0, 255, 163),
-      multilineStringColor: chalk5.rgb(0, 255, 163),
-      positiveNumberColor: chalk5.rgb(0, 255, 163),
-      negativeNumberColor: chalk5.rgb(255, 53, 91),
-      booleanColor: chalk5.rgb(255, 231, 46),
-      nullUndefinedColor: chalk5.rgb(108, 108, 255),
-      dateColor: chalk5.rgb(187, 134, 252)
-    }
-  }
+/**
+* Neon - A dark theme with vibrant cyberpunk colors
+* Inspired by neon-lit cityscapes and retro-futuristic aesthetics
+*
+* Color Palette:
+* - Primary: Electric blues and hot pinks
+* - Accents: Bright purples and cyber greens
+* - Background: Assumes dark terminal (black or very dark grey)
+*
+* Best used with:
+* - Dark terminal themes
+* - High-contrast preferences
+* - Modern, tech-focused applications
+*/
+const neon = {
+	simpleView: {
+		colors: {
+			trace: chalk$1.rgb(108, 108, 255),
+			debug: chalk$1.rgb(255, 82, 246),
+			info: chalk$1.rgb(0, 255, 163),
+			warn: chalk$1.rgb(255, 231, 46),
+			error: chalk$1.rgb(255, 53, 91),
+			fatal: chalk$1.bgRgb(255, 53, 91).rgb(0, 255, 163)
+		},
+		logIdColor: chalk$1.rgb(187, 134, 252),
+		dataValueColor: chalk$1.rgb(255, 255, 255),
+		dataKeyColor: chalk$1.rgb(0, 255, 240),
+		selectorColor: chalk$1.rgb(0, 255, 240)
+	},
+	detailedView: {
+		colors: {
+			trace: chalk$1.rgb(108, 108, 255),
+			debug: chalk$1.rgb(255, 82, 246),
+			info: chalk$1.rgb(0, 255, 163),
+			warn: chalk$1.rgb(255, 231, 46),
+			error: chalk$1.rgb(255, 53, 91),
+			fatal: chalk$1.bgRgb(255, 53, 91).rgb(0, 255, 163)
+		},
+		logIdColor: chalk$1.rgb(187, 134, 252),
+		dataValueColor: chalk$1.rgb(255, 255, 255),
+		dataKeyColor: chalk$1.rgb(0, 255, 240),
+		selectorColor: chalk$1.rgb(0, 255, 240),
+		headerColor: chalk$1.rgb(255, 82, 246),
+		labelColor: chalk$1.rgb(255, 82, 246).bold,
+		separatorColor: chalk$1.rgb(108, 108, 255),
+		jsonColors: {
+			keysColor: chalk$1.rgb(0, 255, 240),
+			dashColor: chalk$1.rgb(255, 255, 255),
+			numberColor: chalk$1.rgb(255, 82, 246),
+			stringColor: chalk$1.rgb(0, 255, 163),
+			multilineStringColor: chalk$1.rgb(0, 255, 163),
+			positiveNumberColor: chalk$1.rgb(0, 255, 163),
+			negativeNumberColor: chalk$1.rgb(255, 53, 91),
+			booleanColor: chalk$1.rgb(255, 231, 46),
+			nullUndefinedColor: chalk$1.rgb(108, 108, 255),
+			dateColor: chalk$1.rgb(187, 134, 252)
+		}
+	}
 };
-var nature = {
-  simpleView: {
-    colors: {
-      trace: chalk5.rgb(121, 85, 72),
-      // Wooden brown
-      debug: chalk5.rgb(46, 125, 50),
-      // Forest green
-      info: chalk5.rgb(0, 105, 92),
-      // Deep teal
-      warn: chalk5.rgb(175, 115, 0),
-      // Golden amber
-      error: chalk5.rgb(183, 28, 28),
-      // Autumn red
-      fatal: chalk5.bgRgb(183, 28, 28).rgb(255, 250, 240)
-      // Red bg with soft white
-    },
-    logIdColor: chalk5.rgb(93, 64, 55),
-    // Deep bark brown
-    dataValueColor: chalk5.rgb(27, 27, 27),
-    // Near black
-    dataKeyColor: chalk5.rgb(56, 142, 60),
-    // Leaf green
-    selectorColor: chalk5.rgb(0, 105, 92)
-    // Deep teal for natural feel
-  },
-  detailedView: {
-    colors: {
-      trace: chalk5.rgb(121, 85, 72),
-      debug: chalk5.rgb(46, 125, 50),
-      info: chalk5.rgb(0, 105, 92),
-      warn: chalk5.rgb(175, 115, 0),
-      error: chalk5.rgb(183, 28, 28),
-      fatal: chalk5.bgRgb(183, 28, 28).rgb(255, 250, 240)
-    },
-    logIdColor: chalk5.rgb(93, 64, 55),
-    dataValueColor: chalk5.rgb(27, 27, 27),
-    dataKeyColor: chalk5.rgb(56, 142, 60),
-    selectorColor: chalk5.rgb(0, 105, 92),
-    // Deep teal for natural feel
-    headerColor: chalk5.rgb(0, 77, 64),
-    labelColor: chalk5.rgb(0, 77, 64).bold,
-    separatorColor: chalk5.rgb(121, 85, 72),
-    jsonColors: {
-      keysColor: chalk5.rgb(56, 142, 60),
-      dashColor: chalk5.rgb(27, 27, 27),
-      numberColor: chalk5.rgb(230, 81, 0),
-      stringColor: chalk5.rgb(0, 105, 92),
-      multilineStringColor: chalk5.rgb(0, 105, 92),
-      positiveNumberColor: chalk5.rgb(46, 125, 50),
-      negativeNumberColor: chalk5.rgb(183, 28, 28),
-      booleanColor: chalk5.rgb(175, 115, 0),
-      nullUndefinedColor: chalk5.rgb(121, 85, 72),
-      dateColor: chalk5.rgb(123, 31, 162)
-    }
-  }
+/**
+* Nature - A light theme with organic, earthy colors
+* Inspired by forest landscapes and natural elements
+*
+* Color Palette:
+* - Primary: Deep forest greens and rich browns
+* - Accents: Autumn reds and golden yellows
+* - Background: Assumes light terminal (white or very light grey)
+*
+* Best used with:
+* - Light terminal themes
+* - Nature-inspired interfaces
+* - Applications focusing on readability
+*/
+const nature = {
+	simpleView: {
+		colors: {
+			trace: chalk$1.rgb(121, 85, 72),
+			debug: chalk$1.rgb(46, 125, 50),
+			info: chalk$1.rgb(0, 105, 92),
+			warn: chalk$1.rgb(175, 115, 0),
+			error: chalk$1.rgb(183, 28, 28),
+			fatal: chalk$1.bgRgb(183, 28, 28).rgb(255, 250, 240)
+		},
+		logIdColor: chalk$1.rgb(93, 64, 55),
+		dataValueColor: chalk$1.rgb(27, 27, 27),
+		dataKeyColor: chalk$1.rgb(56, 142, 60),
+		selectorColor: chalk$1.rgb(0, 105, 92)
+	},
+	detailedView: {
+		colors: {
+			trace: chalk$1.rgb(121, 85, 72),
+			debug: chalk$1.rgb(46, 125, 50),
+			info: chalk$1.rgb(0, 105, 92),
+			warn: chalk$1.rgb(175, 115, 0),
+			error: chalk$1.rgb(183, 28, 28),
+			fatal: chalk$1.bgRgb(183, 28, 28).rgb(255, 250, 240)
+		},
+		logIdColor: chalk$1.rgb(93, 64, 55),
+		dataValueColor: chalk$1.rgb(27, 27, 27),
+		dataKeyColor: chalk$1.rgb(56, 142, 60),
+		selectorColor: chalk$1.rgb(0, 105, 92),
+		headerColor: chalk$1.rgb(0, 77, 64),
+		labelColor: chalk$1.rgb(0, 77, 64).bold,
+		separatorColor: chalk$1.rgb(121, 85, 72),
+		jsonColors: {
+			keysColor: chalk$1.rgb(56, 142, 60),
+			dashColor: chalk$1.rgb(27, 27, 27),
+			numberColor: chalk$1.rgb(230, 81, 0),
+			stringColor: chalk$1.rgb(0, 105, 92),
+			multilineStringColor: chalk$1.rgb(0, 105, 92),
+			positiveNumberColor: chalk$1.rgb(46, 125, 50),
+			negativeNumberColor: chalk$1.rgb(183, 28, 28),
+			booleanColor: chalk$1.rgb(175, 115, 0),
+			nullUndefinedColor: chalk$1.rgb(121, 85, 72),
+			dateColor: chalk$1.rgb(123, 31, 162)
+		}
+	}
 };
-var pastel = {
-  simpleView: {
-    colors: {
-      trace: chalk5.rgb(179, 189, 203),
-      // Soft slate blue
-      debug: chalk5.rgb(189, 178, 255),
-      // Gentle lavender
-      info: chalk5.rgb(170, 236, 205),
-      // Mint green
-      warn: chalk5.rgb(255, 223, 186),
-      // Peach
-      error: chalk5.rgb(255, 188, 188),
-      // Soft coral
-      fatal: chalk5.bgRgb(255, 188, 188).rgb(76, 40, 40)
-      // Coral bg with deep brown
-    },
-    logIdColor: chalk5.rgb(203, 195, 227),
-    // Dusty lavender
-    dataValueColor: chalk5.rgb(236, 236, 236),
-    // Soft white
-    dataKeyColor: chalk5.rgb(186, 207, 255),
-    // Baby blue
-    selectorColor: chalk5.rgb(189, 178, 255)
-    // Soft lavender for gentle highlighting
-  },
-  detailedView: {
-    colors: {
-      trace: chalk5.rgb(179, 189, 203),
-      debug: chalk5.rgb(189, 178, 255),
-      info: chalk5.rgb(170, 236, 205),
-      warn: chalk5.rgb(255, 223, 186),
-      error: chalk5.rgb(255, 188, 188),
-      fatal: chalk5.bgRgb(255, 188, 188).rgb(76, 40, 40)
-    },
-    logIdColor: chalk5.rgb(203, 195, 227),
-    dataValueColor: chalk5.rgb(236, 236, 236),
-    dataKeyColor: chalk5.rgb(186, 207, 255),
-    selectorColor: chalk5.rgb(189, 178, 255),
-    // Soft lavender for gentle highlighting
-    headerColor: chalk5.rgb(255, 198, 255),
-    // Cotton candy pink
-    labelColor: chalk5.rgb(255, 198, 255).bold,
-    separatorColor: chalk5.rgb(179, 189, 203),
-    jsonColors: {
-      keysColor: chalk5.rgb(186, 207, 255),
-      // Baby blue
-      dashColor: chalk5.rgb(236, 236, 236),
-      // Soft white
-      numberColor: chalk5.rgb(255, 198, 255),
-      // Cotton candy pink
-      stringColor: chalk5.rgb(170, 236, 205),
-      // Mint green
-      multilineStringColor: chalk5.rgb(170, 236, 205),
-      positiveNumberColor: chalk5.rgb(170, 236, 205),
-      negativeNumberColor: chalk5.rgb(255, 188, 188),
-      booleanColor: chalk5.rgb(255, 223, 186),
-      // Peach
-      nullUndefinedColor: chalk5.rgb(179, 189, 203),
-      dateColor: chalk5.rgb(189, 178, 255)
-      // Gentle lavender
-    }
-  }
+/**
+* Pastel - A soft, calming theme with gentle colors
+* Inspired by watercolor paintings and cotton candy skies
+*
+* Color Palette:
+* - Primary: Soft pinks and lavenders
+* - Accents: Mint greens and baby blues
+* - Background: Assumes dark terminal (black or very dark grey)
+*
+* Best used with:
+* - Dark terminal themes
+* - Long coding sessions where eye comfort is priority
+* - Environments where a gentler aesthetic is preferred
+* - Applications focusing on reduced visual stress
+*/
+const pastel = {
+	simpleView: {
+		colors: {
+			trace: chalk$1.rgb(179, 189, 203),
+			debug: chalk$1.rgb(189, 178, 255),
+			info: chalk$1.rgb(170, 236, 205),
+			warn: chalk$1.rgb(255, 223, 186),
+			error: chalk$1.rgb(255, 188, 188),
+			fatal: chalk$1.bgRgb(255, 188, 188).rgb(76, 40, 40)
+		},
+		logIdColor: chalk$1.rgb(203, 195, 227),
+		dataValueColor: chalk$1.rgb(236, 236, 236),
+		dataKeyColor: chalk$1.rgb(186, 207, 255),
+		selectorColor: chalk$1.rgb(189, 178, 255)
+	},
+	detailedView: {
+		colors: {
+			trace: chalk$1.rgb(179, 189, 203),
+			debug: chalk$1.rgb(189, 178, 255),
+			info: chalk$1.rgb(170, 236, 205),
+			warn: chalk$1.rgb(255, 223, 186),
+			error: chalk$1.rgb(255, 188, 188),
+			fatal: chalk$1.bgRgb(255, 188, 188).rgb(76, 40, 40)
+		},
+		logIdColor: chalk$1.rgb(203, 195, 227),
+		dataValueColor: chalk$1.rgb(236, 236, 236),
+		dataKeyColor: chalk$1.rgb(186, 207, 255),
+		selectorColor: chalk$1.rgb(189, 178, 255),
+		headerColor: chalk$1.rgb(255, 198, 255),
+		labelColor: chalk$1.rgb(255, 198, 255).bold,
+		separatorColor: chalk$1.rgb(179, 189, 203),
+		jsonColors: {
+			keysColor: chalk$1.rgb(186, 207, 255),
+			dashColor: chalk$1.rgb(236, 236, 236),
+			numberColor: chalk$1.rgb(255, 198, 255),
+			stringColor: chalk$1.rgb(170, 236, 205),
+			multilineStringColor: chalk$1.rgb(170, 236, 205),
+			positiveNumberColor: chalk$1.rgb(170, 236, 205),
+			negativeNumberColor: chalk$1.rgb(255, 188, 188),
+			booleanColor: chalk$1.rgb(255, 223, 186),
+			nullUndefinedColor: chalk$1.rgb(179, 189, 203),
+			dateColor: chalk$1.rgb(189, 178, 255)
+		}
+	}
 };
 
-// src/UIManager.ts
-import chalk6 from "chalk";
-import keypress from "keypress";
+//#endregion
+//#region src/UIManager.ts
+/**
+* Manages UI state and user interaction.
+* Acts as the controller between the storage and rendering layers.
+* Handles all keyboard input and view transitions.
+*/
 var UIManager = class {
-  /**
-   * Creates a new UIManager instance.
-   * Sets up keyboard handling and cleanup handlers.
-   *
-   * @param renderer - Instance for handling log display
-   * @param storage - Instance for log persistence
-   * @param disableInteractiveMode - Whether to disable interactive mode
-   */
-  constructor(renderer, storage, disableInteractiveMode = false) {
-    this.renderer = renderer;
-    this.storage = storage;
-    this.isInteractiveDisabled = disableInteractiveMode;
-    if (!this.isInteractiveDisabled) {
-      this.setupKeyboardHandling();
-    }
-    process.stdout.on("resize", () => {
-      this.termWidth = process.stdout.columns || 80;
-      if (this.isDetailView) {
-        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());
-      } else if (this.isSelectionMode) {
-        this.renderer.renderSelectionView(this.logs, this.selectedIndex, this.filterText, this.selectionBuffer.length);
-      }
-    });
-  }
-  /** Whether the UI is in log selection mode */
-  isSelectionMode = false;
-  /** Whether the UI is showing detailed log view */
-  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 */
-  selectionBuffer = [];
-  /** Index of currently selected log entry */
-  selectedIndex = 0;
-  /** Current filter text for log searching */
-  filterText = "";
-  /** Cached array of filtered log entries */
-  logs = [];
-  /** Polling interval for checking new logs in detail view */
-  detailViewPollInterval = null;
-  /** Polling interval for checking new logs in selection view */
-  selectionViewPollInterval = null;
-  /** Current terminal width in characters */
-  termWidth = process.stdout.columns || 80;
-  /**
-   * Sets up keyboard input handling and cleanup.
-   * Configures raw mode for immediate key processing.
-   * Sets up process exit handlers for cleanup.
-   * @private
-   */
-  setupKeyboardHandling() {
-    keypress(process.stdin);
-    process.stdin.setRawMode(true);
-    process.stdin.on("keypress", this.handleKeypress.bind(this));
-    const cleanup = () => {
-      if (this.detailViewPollInterval) {
-        clearInterval(this.detailViewPollInterval);
-      }
-      if (this.selectionViewPollInterval) {
-        clearInterval(this.selectionViewPollInterval);
-      }
-      process.stdin.setRawMode(false);
-      process.stdin.removeAllListeners("keypress");
-      console.clear();
-      this.storage.close();
-      process.exit(0);
-    };
-    process.on("SIGINT", cleanup);
-    process.on("SIGTERM", cleanup);
-  }
-  /**
-   * Starts polling for new logs in selection view
-   * @private
-   */
-  startSelectionViewPolling() {
-    if (this.selectionViewPollInterval) {
-      clearInterval(this.selectionViewPollInterval);
-    }
-    this.selectionViewPollInterval = setInterval(() => {
-      if (!this.isSelectionMode) {
-        clearInterval(this.selectionViewPollInterval);
-        this.selectionViewPollInterval = null;
-        return;
-      }
-      if (this.selectionBuffer.length > 0) {
-        this.renderer.renderSelectionView(this.logs, this.selectedIndex, this.filterText, this.selectionBuffer.length);
-      }
-    }, 2e3);
-  }
-  /**
-   * Starts polling for new logs in detail view
-   * @private
-   */
-  startDetailViewPolling() {
-    if (this.detailViewPollInterval) {
-      clearInterval(this.detailViewPollInterval);
-    }
-    this.detailViewPollInterval = setInterval(() => {
-      if (!this.isDetailView) {
-        clearInterval(this.detailViewPollInterval);
-        this.detailViewPollInterval = null;
-        return;
-      }
-      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.selectedIndex + 1,
-          totalCount,
-          this.filterText
-        );
-      }
-    }, 2e3);
-  }
-  /**
-   * Updates the filtered list of logs based on search text.
-   * Handles both full list and filtered views.
-   * Maintains selection state when filter changes.
-   * @private
-   */
-  updateFilteredLogs() {
-    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 = chalk6.dim(
-      `${this.selectionBuffer.length} new log${this.selectionBuffer.length === 1 ? "" : "s"} available (press \u2193 to view)`
-    );
-    process.stdout.write(`${notification}
-
-`);
-  }
-  /**
-   * Handles new log entries from the transport.
-   * Stores the log and updates the display if needed.
-   *
-   * @param entry - New log entry to process
-   */
-  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);
-      return;
-    }
-    if (!this.isDetailView) {
-      if (this.isPaused) {
-        this.pauseBuffer.push(entry);
-        process.stdout.write(`\r${chalk6.yellow(`\u23F8  Paused (${this.pauseBuffer.length} new logs)`)}${" ".repeat(20)}`);
-      } else {
-        this.renderer.renderLogLine(entry);
-      }
-    }
-  }
-  /**
-   * Processes keyboard input and manages UI state.
-   * Handles navigation, mode switching, and filtering.
-   *
-   * Key mappings:
-   * - CTRL+C: Exit application
-   * - TAB: Toggle selection mode
-   * - Up/Down: Navigate logs
-   * - Enter: View log details
-   * - Backspace: Edit filter
-   * - P: Toggle pause in simple view
-   * - Other keys: Add to filter
-   *
-   * @param ch - Character input if available
-   * @param key - Key event information
-   * @private
-   */
-  handleKeypress(ch, key) {
-    if (key?.ctrl && key?.name === "c") {
-      process.stdin.setRawMode(false);
-      process.stdin.removeAllListeners("keypress");
-      console.clear();
-      this.storage.close();
-      process.exit(0);
-      return;
-    }
-    if (!this.isSelectionMode && !this.isDetailView && ch === "p") {
-      this.isPaused = !this.isPaused;
-      if (!this.isPaused && this.pauseBuffer.length > 0) {
-        process.stdout.write(`\r${" ".repeat(50)}\r`);
-        for (const entry of this.pauseBuffer) {
-          this.renderer.renderLogLine(entry);
-        }
-        this.pauseBuffer = [];
-      } else if (this.isPaused) {
-        process.stdout.write(`\r${chalk6.yellow("\u23F8  Paused (0 new logs)")}${" ".repeat(20)}`);
-      }
-      return;
-    }
-    if (!this.isSelectionMode && !this.isDetailView && (key?.name === "up" || key?.name === "down")) {
-      this.isSelectionMode = true;
-      this.filterText = "";
-      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${chalk6.cyan(`\u2139  ${modeDescriptions[newMode]}`)}${" ".repeat(20)}`);
-      setTimeout(() => {
-        process.stdout.write(`\r${" ".repeat(100)}\r`);
-      }, 3e3);
-      return;
-    }
-    if (this.isSelectionMode) {
-      if (key) {
-        switch (key.name) {
-          case "up": {
-            this.selectedIndex = Math.max(0, this.selectedIndex - 1);
-            this.renderer.renderSelectionView(
-              this.logs,
-              this.selectedIndex,
-              this.filterText,
-              this.selectionBuffer.length
-            );
-            return;
-          }
-          case "down": {
-            if (this.selectedIndex === this.logs.length - 1 && this.selectionBuffer.length > 0) {
-              this.logs.push(...this.selectionBuffer);
-              this.selectionBuffer = [];
-            }
-            this.selectedIndex = Math.min(this.logs.length - 1, this.selectedIndex + 1);
-            this.renderer.renderSelectionView(
-              this.logs,
-              this.selectedIndex,
-              this.filterText,
-              this.selectionBuffer.length
-            );
-            return;
-          }
-          case "return": {
-            if (this.logs.length > 0) {
-              this.isSelectionMode = false;
-              this.isDetailView = true;
-              console.clear();
-              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,
-                0,
-                this.selectedIndex + 1,
-                this.logs.length,
-                this.filterText
-              );
-              this.startDetailViewPolling();
-            }
-            return;
-          }
-          case "backspace": {
-            if (this.filterText.length > 0) {
-              this.filterText = this.filterText.slice(0, -1);
-              this.updateFilteredLogs();
-              this.renderer.renderSelectionView(
-                this.logs,
-                this.selectedIndex,
-                this.filterText,
-                this.selectionBuffer.length
-              );
-            }
-            return;
-          }
-          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();
-            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;
-          }
-        }
-      }
-      if (ch && (!key || !key.ctrl && !key.meta) && ch.length === 1) {
-        this.filterText += ch;
-        this.updateFilteredLogs();
-        this.renderer.renderSelectionView(this.logs, this.selectedIndex, this.filterText, this.selectionBuffer.length);
-        return;
-      }
-    }
-    if (this.isDetailView) {
-      if (key?.name) {
-        switch (key.name) {
-          case "up": {
-            this.renderer.scrollDetailView(-1);
-            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.selectedIndex + 1,
-              this.logs.length,
-              this.filterText
-            );
-            break;
-          }
-          case "down": {
-            this.renderer.scrollDetailView(1);
-            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.selectedIndex + 1,
-              this.logs.length,
-              this.filterText
-            );
-            break;
-          }
-          case "left": {
-            if (this.selectedIndex > 0) {
-              this.selectedIndex = Math.max(0, this.selectedIndex - 1);
-              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,
-                0,
-                this.selectedIndex + 1,
-                this.logs.length,
-                this.filterText
-              );
-            }
-            break;
-          }
-          case "right": {
-            if (this.selectedIndex < this.logs.length - 1) {
-              this.selectedIndex = Math.min(this.logs.length - 1, this.selectedIndex + 1);
-              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,
-                0,
-                this.selectedIndex + 1,
-                this.logs.length,
-                this.filterText
-              );
-            }
-            break;
-          }
-          case "tab": {
-            if (this.renderer.isInJsonView()) {
-              this.renderer.toggleJsonView();
-              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.selectedIndex + 1,
-                this.logs.length,
-                this.filterText
-              );
-              break;
-            }
-            this.isDetailView = false;
-            if (this.detailViewPollInterval) {
-              clearInterval(this.detailViewPollInterval);
-              this.detailViewPollInterval = null;
-            }
-            this.isSelectionMode = true;
-            this.updateFilteredLogs();
-            this.renderer.renderSelectionView(
-              this.logs,
-              this.selectedIndex,
-              this.filterText,
-              this.selectionBuffer.length
-            );
-            break;
-          }
-        }
-      }
-      if (ch) {
-        switch (ch.toLowerCase()) {
-          case "w": {
-            this.renderer.scrollDetailView(process.stdout.rows - 8);
-            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.selectedIndex + 1,
-              this.logs.length
-            );
-            break;
-          }
-          case "q": {
-            this.renderer.scrollDetailView(-process.stdout.rows + 8);
-            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.selectedIndex + 1,
-              this.logs.length
-            );
-            break;
-          }
-          case "a": {
-            if (this.selectedIndex !== 0) {
-              this.selectedIndex = 0;
-              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, 0, 1, this.logs.length);
-            }
-            break;
-          }
-          case "s": {
-            const lastIndex = this.logs.length - 1;
-            if (this.selectedIndex !== lastIndex) {
-              this.selectedIndex = lastIndex;
-              const entry = this.logs[this.selectedIndex];
-              const prevEntry = lastIndex > 0 ? this.logs[lastIndex - 1] : null;
-              const nextEntry = null;
-              this.renderer.renderDetailView(entry, prevEntry, nextEntry, 0, this.logs.length, this.logs.length);
-            }
-            break;
-          }
-          case "c": {
-            this.renderer.toggleArrayCollapse();
-            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.selectedIndex + 1,
-              this.logs.length
-            );
-            break;
-          }
-          case "j": {
-            this.renderer.toggleJsonView();
-            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, 0, this.selectedIndex + 1, this.logs.length);
-            break;
-          }
-        }
-      }
-    }
-  }
+	/** Whether the UI is in log selection mode */
+	isSelectionMode = false;
+	/** Whether the UI is showing detailed log view */
+	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 */
+	selectionBuffer = [];
+	/** Index of currently selected log entry */
+	selectedIndex = 0;
+	/** Current filter text for log searching */
+	filterText = "";
+	/** Cached array of filtered log entries */
+	logs = [];
+	/** Polling interval for checking new logs in detail view */
+	detailViewPollInterval = null;
+	/** Polling interval for checking new logs in selection view */
+	selectionViewPollInterval = null;
+	/** Current terminal width in characters */
+	termWidth = process.stdout.columns || 80;
+	/**
+	* Creates a new UIManager instance.
+	* Sets up keyboard handling and cleanup handlers.
+	*
+	* @param renderer - Instance for handling log display
+	* @param storage - Instance for log persistence
+	* @param disableInteractiveMode - Whether to disable interactive mode
+	*/
+	constructor(renderer, storage, disableInteractiveMode = false) {
+		this.renderer = renderer;
+		this.storage = storage;
+		this.isInteractiveDisabled = disableInteractiveMode;
+		if (!this.isInteractiveDisabled) this.setupKeyboardHandling();
+		process.stdout.on("resize", () => {
+			this.termWidth = process.stdout.columns || 80;
+			if (this.isDetailView) {
+				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());
+			} else if (this.isSelectionMode) this.renderer.renderSelectionView(this.logs, this.selectedIndex, this.filterText, this.selectionBuffer.length);
+		});
+	}
+	/**
+	* Sets up keyboard input handling and cleanup.
+	* Configures raw mode for immediate key processing.
+	* Sets up process exit handlers for cleanup.
+	* @private
+	*/
+	setupKeyboardHandling() {
+		keypress(process.stdin);
+		process.stdin.setRawMode(true);
+		process.stdin.on("keypress", this.handleKeypress.bind(this));
+		const cleanup = () => {
+			if (this.detailViewPollInterval) clearInterval(this.detailViewPollInterval);
+			if (this.selectionViewPollInterval) clearInterval(this.selectionViewPollInterval);
+			process.stdin.setRawMode(false);
+			process.stdin.removeAllListeners("keypress");
+			console.clear();
+			this.storage.close();
+			process.exit(0);
+		};
+		process.on("SIGINT", cleanup);
+		process.on("SIGTERM", cleanup);
+	}
+	/**
+	* Starts polling for new logs in selection view
+	* @private
+	*/
+	startSelectionViewPolling() {
+		if (this.selectionViewPollInterval) clearInterval(this.selectionViewPollInterval);
+		this.selectionViewPollInterval = setInterval(() => {
+			if (!this.isSelectionMode) {
+				clearInterval(this.selectionViewPollInterval);
+				this.selectionViewPollInterval = null;
+				return;
+			}
+			if (this.selectionBuffer.length > 0) this.renderer.renderSelectionView(this.logs, this.selectedIndex, this.filterText, this.selectionBuffer.length);
+		}, 2e3);
+	}
+	/**
+	* Starts polling for new logs in detail view
+	* @private
+	*/
+	startDetailViewPolling() {
+		if (this.detailViewPollInterval) clearInterval(this.detailViewPollInterval);
+		this.detailViewPollInterval = setInterval(() => {
+			if (!this.isDetailView) {
+				clearInterval(this.detailViewPollInterval);
+				this.detailViewPollInterval = null;
+				return;
+			}
+			const totalCount = this.filterText ? this.storage.getFilteredLogCount(this.filterText) : this.storage.getLogCount();
+			if (totalCount !== this.logs.length) {
+				this.logs = this.filterText ? this.storage.searchLogs(this.filterText) : this.storage.getAllLogs();
+				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.selectedIndex + 1, totalCount, this.filterText);
+			}
+		}, 2e3);
+	}
+	/**
+	* Updates the filtered list of logs based on search text.
+	* Handles both full list and filtered views.
+	* Maintains selection state when filter changes.
+	* @private
+	*/
+	updateFilteredLogs() {
+		if ((this.filterText ? this.storage.getFilteredLogCount(this.filterText) : this.storage.getLogCount()) - this.selectionBuffer.length !== 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 = chalk$1.dim(`${this.selectionBuffer.length} new log${this.selectionBuffer.length === 1 ? "" : "s"} available (press ↓ to view)`);
+		process.stdout.write(`${notification}\n\n`);
+	}
+	/**
+	* Handles new log entries from the transport.
+	* Stores the log and updates the display if needed.
+	*
+	* @param entry - New log entry to process
+	*/
+	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);
+			return;
+		}
+		if (!this.isDetailView) if (this.isPaused) {
+			this.pauseBuffer.push(entry);
+			process.stdout.write(`\r${chalk$1.yellow(`⏸  Paused (${this.pauseBuffer.length} new logs)`)}${" ".repeat(20)}`);
+		} else this.renderer.renderLogLine(entry);
+	}
+	/**
+	* Processes keyboard input and manages UI state.
+	* Handles navigation, mode switching, and filtering.
+	*
+	* Key mappings:
+	* - CTRL+C: Exit application
+	* - TAB: Toggle selection mode
+	* - Up/Down: Navigate logs
+	* - Enter: View log details
+	* - Backspace: Edit filter
+	* - P: Toggle pause in simple view
+	* - Other keys: Add to filter
+	*
+	* @param ch - Character input if available
+	* @param key - Key event information
+	* @private
+	*/
+	handleKeypress(ch, key) {
+		if (key?.ctrl && key?.name === "c") {
+			process.stdin.setRawMode(false);
+			process.stdin.removeAllListeners("keypress");
+			console.clear();
+			this.storage.close();
+			process.exit(0);
+			return;
+		}
+		if (!this.isSelectionMode && !this.isDetailView && ch === "p") {
+			this.isPaused = !this.isPaused;
+			if (!this.isPaused && this.pauseBuffer.length > 0) {
+				process.stdout.write(`\r${" ".repeat(50)}\r`);
+				for (const entry of this.pauseBuffer) this.renderer.renderLogLine(entry);
+				this.pauseBuffer = [];
+			} else if (this.isPaused) process.stdout.write(`\r${chalk$1.yellow("⏸  Paused (0 new logs)")}${" ".repeat(20)}`);
+			return;
+		}
+		if (!this.isSelectionMode && !this.isDetailView && (key?.name === "up" || key?.name === "down")) {
+			this.isSelectionMode = true;
+			this.filterText = "";
+			this.isPaused = true;
+			this.logs = this.storage.getAllLogs();
+			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);
+			process.stdout.write(`\r${chalk$1.cyan(`ℹ  ${{
+				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)"
+			}[newMode]}`)}${" ".repeat(20)}`);
+			setTimeout(() => {
+				process.stdout.write(`\r${" ".repeat(100)}\r`);
+			}, 3e3);
+			return;
+		}
+		if (this.isSelectionMode) {
+			if (key) switch (key.name) {
+				case "up":
+					this.selectedIndex = Math.max(0, this.selectedIndex - 1);
+					this.renderer.renderSelectionView(this.logs, this.selectedIndex, this.filterText, this.selectionBuffer.length);
+					return;
+				case "down":
+					if (this.selectedIndex === this.logs.length - 1 && this.selectionBuffer.length > 0) {
+						this.logs.push(...this.selectionBuffer);
+						this.selectionBuffer = [];
+					}
+					this.selectedIndex = Math.min(this.logs.length - 1, this.selectedIndex + 1);
+					this.renderer.renderSelectionView(this.logs, this.selectedIndex, this.filterText, this.selectionBuffer.length);
+					return;
+				case "return":
+					if (this.logs.length > 0) {
+						this.isSelectionMode = false;
+						this.isDetailView = true;
+						console.clear();
+						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, 0, this.selectedIndex + 1, this.logs.length, this.filterText);
+						this.startDetailViewPolling();
+					}
+					return;
+				case "backspace":
+					if (this.filterText.length > 0) {
+						this.filterText = this.filterText.slice(0, -1);
+						this.updateFilteredLogs();
+						this.renderer.renderSelectionView(this.logs, this.selectedIndex, this.filterText, this.selectionBuffer.length);
+					}
+					return;
+				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();
+					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;
+				}
+			}
+			if (ch && (!key || !key.ctrl && !key.meta) && ch.length === 1) {
+				this.filterText += ch;
+				this.updateFilteredLogs();
+				this.renderer.renderSelectionView(this.logs, this.selectedIndex, this.filterText, this.selectionBuffer.length);
+				return;
+			}
+		}
+		if (this.isDetailView) {
+			if (key?.name) switch (key.name) {
+				case "up": {
+					this.renderer.scrollDetailView(-1);
+					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.selectedIndex + 1, this.logs.length, this.filterText);
+					break;
+				}
+				case "down": {
+					this.renderer.scrollDetailView(1);
+					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.selectedIndex + 1, this.logs.length, this.filterText);
+					break;
+				}
+				case "left":
+					if (this.selectedIndex > 0) {
+						this.selectedIndex = Math.max(0, this.selectedIndex - 1);
+						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, 0, this.selectedIndex + 1, this.logs.length, this.filterText);
+					}
+					break;
+				case "right":
+					if (this.selectedIndex < this.logs.length - 1) {
+						this.selectedIndex = Math.min(this.logs.length - 1, this.selectedIndex + 1);
+						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, 0, this.selectedIndex + 1, this.logs.length, this.filterText);
+					}
+					break;
+				case "tab":
+					if (this.renderer.isInJsonView()) {
+						this.renderer.toggleJsonView();
+						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.selectedIndex + 1, this.logs.length, this.filterText);
+						break;
+					}
+					this.isDetailView = false;
+					if (this.detailViewPollInterval) {
+						clearInterval(this.detailViewPollInterval);
+						this.detailViewPollInterval = null;
+					}
+					this.isSelectionMode = true;
+					this.updateFilteredLogs();
+					this.renderer.renderSelectionView(this.logs, this.selectedIndex, this.filterText, this.selectionBuffer.length);
+					break;
+			}
+			if (ch) switch (ch.toLowerCase()) {
+				case "w": {
+					this.renderer.scrollDetailView(process.stdout.rows - 8);
+					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.selectedIndex + 1, this.logs.length);
+					break;
+				}
+				case "q": {
+					this.renderer.scrollDetailView(-process.stdout.rows + 8);
+					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.selectedIndex + 1, this.logs.length);
+					break;
+				}
+				case "a":
+					if (this.selectedIndex !== 0) {
+						this.selectedIndex = 0;
+						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, 0, 1, this.logs.length);
+					}
+					break;
+				case "s": {
+					const lastIndex = this.logs.length - 1;
+					if (this.selectedIndex !== lastIndex) {
+						this.selectedIndex = lastIndex;
+						const entry = this.logs[this.selectedIndex];
+						const prevEntry = lastIndex > 0 ? this.logs[lastIndex - 1] : null;
+						this.renderer.renderDetailView(entry, prevEntry, null, 0, this.logs.length, this.logs.length);
+					}
+					break;
+				}
+				case "c": {
+					this.renderer.toggleArrayCollapse();
+					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.selectedIndex + 1, this.logs.length);
+					break;
+				}
+				case "j": {
+					this.renderer.toggleJsonView();
+					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, 0, this.selectedIndex + 1, this.logs.length);
+					break;
+				}
+			}
+		}
+	}
 };
 
-// src/PrettyTerminalTransport.ts
-var PrettyTerminalTransport = class _PrettyTerminalTransport extends LoggerlessTransport {
-  /** Singleton instance of the transport */
-  static instance = null;
-  /** Handles all rendering and formatting of logs */
-  renderer;
-  /** Manages log persistence in SQLite database */
-  storage;
-  /** Manages user interaction and view state */
-  uiManager;
-  /** Configuration options */
-  config;
-  /**
-   * Creates a new PrettyTerminalTransport instance.
-   * This is a singleton class - only one instance can exist at a time.
-   * Use getInstance() instead of constructor directly.
-   *
-   * @param config - Configuration options for the transport
-   * @throws Error if attempting to create multiple instances
-   */
-  constructor(config = {}) {
-    if (_PrettyTerminalTransport.instance) {
-      throw new Error("PrettyTerminalTransport is a singleton. Use getPrettyTerminal() instead.");
-    }
-    super(config);
-    this.config = config;
-    if (config.enabled === false) {
-      return;
-    }
-    const maxInlineDepth = config.maxInlineDepth || 4;
-    const maxInlineLength = config.maxInlineLength || 120;
-    const theme = config.theme || moonlight;
-    const logFile = config.logFile;
-    const simpleViewConfig = {
-      colors: {
-        trace: chalk7.gray,
-        // Lowest level, used for verbose output
-        debug: chalk7.blue,
-        // Debug information
-        info: chalk7.green,
-        // Normal operation
-        warn: chalk7.yellow,
-        // Warning conditions
-        error: chalk7.red,
-        // Error conditions
-        fatal: chalk7.bgRed.white,
-        // Critical errors
-        ...theme.simpleView.colors
-      },
-      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: 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 || 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: chalk7.yellow,
-        // Object property names
-        dashColor: chalk7.white,
-        // Array bullets
-        numberColor: chalk7.yellow,
-        // Default number color
-        stringColor: chalk7.white,
-        // Single-line strings
-        multilineStringColor: chalk7.white,
-        // Multi-line strings
-        positiveNumberColor: chalk7.green,
-        // Numbers > 0
-        negativeNumberColor: chalk7.red,
-        // Numbers < 0
-        booleanColor: chalk7.cyan,
-        // true/false values
-        nullUndefinedColor: chalk7.grey,
-        // null/undefined
-        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, config.disableInteractiveMode);
-    _PrettyTerminalTransport.instance = this;
-  }
-  /**
-   * Gets or creates the singleton instance of PrettyTerminalTransport.
-   * This is the recommended way to obtain a transport instance.
-   *
-   * @param config - Configuration options for the transport
-   * @returns The singleton instance of PrettyTerminalTransport
-   */
-  static getInstance(config = {}) {
-    if (!_PrettyTerminalTransport.instance) {
-      _PrettyTerminalTransport.instance = new _PrettyTerminalTransport(config);
-    }
-    return _PrettyTerminalTransport.instance;
-  }
-  /**
-   * Generates a random ID for each log entry.
-   * Uses base36 encoding for compact, readable IDs.
-   *
-   * @returns A 6-character string ID
-   * @example
-   * "a1b2c3" // Example generated ID
-   */
-  generateId() {
-    return Math.random().toString(36).substring(2, 8);
-  }
-  /**
-   * Main transport method that receives logs from LogLayer.
-   * This method is called for each log event and handles:
-   * - Generating a unique ID for the log
-   * - Converting the log data to a storable format
-   * - Storing the log in the database
-   * - Rendering the log if not in selection mode
-   *
-   * @param logLevel - The severity level of the log
-   * @param messages - Array of message strings to be joined
-   * @param data - Additional structured data to be logged
-   * @param hasData - Whether the log includes additional data
-   * @returns The original messages array
-   */
-  shipToLogger({ logLevel, messages, data, hasData }) {
-    if (this.config.enabled === false) {
-      return messages;
-    }
-    const entry = {
-      id: this.generateId(),
-      timestamp: Date.now(),
-      level: logLevel,
-      message: messages.join(" "),
-      data: hasData ? JSON.stringify(data) : null
-    };
-    this.uiManager.handleNewLog(entry);
-    return messages;
-  }
+//#endregion
+//#region src/PrettyTerminalTransport.ts
+/**
+* Main transport class that handles pretty terminal output and interactive features.
+* This class coordinates between different components:
+* - LogStorage: Handles persistence of logs in SQLite
+* - LogRenderer: Manages all rendering and formatting
+* - UIManager: Handles user interaction and view state
+*
+* The transport supports two main view modes:
+* 1. Simple View: Real-time log output with basic formatting
+* 2. Interactive View: Full-screen mode with navigation and filtering
+*
+* Usage:
+* ```typescript
+* const transport = PrettyTerminalTransport.getInstance({
+*   maxInlineDepth: 4,
+*   maxInlineLength: 120,
+*   theme: customTheme
+* });
+* ```
+*/
+var PrettyTerminalTransport = class PrettyTerminalTransport extends LoggerlessTransport {
+	/** Singleton instance of the transport */
+	static instance = null;
+	/** Handles all rendering and formatting of logs */
+	renderer;
+	/** Manages log persistence in SQLite database */
+	storage;
+	/** Manages user interaction and view state */
+	uiManager;
+	/** Configuration options */
+	config;
+	/**
+	* Creates a new PrettyTerminalTransport instance.
+	* This is a singleton class - only one instance can exist at a time.
+	* Use getInstance() instead of constructor directly.
+	*
+	* @param config - Configuration options for the transport
+	* @throws Error if attempting to create multiple instances
+	*/
+	constructor(config = {}) {
+		if (PrettyTerminalTransport.instance) throw new Error("PrettyTerminalTransport is a singleton. Use getPrettyTerminal() instead.");
+		super(config);
+		this.config = config;
+		if (config.enabled === false) return;
+		const maxInlineDepth = config.maxInlineDepth || 4;
+		const maxInlineLength = config.maxInlineLength || 120;
+		const theme = config.theme || moonlight;
+		const logFile = config.logFile;
+		const simpleViewConfig = {
+			colors: {
+				trace: chalk$1.gray,
+				debug: chalk$1.blue,
+				info: chalk$1.green,
+				warn: chalk$1.yellow,
+				error: chalk$1.red,
+				fatal: chalk$1.bgRed.white,
+				...theme.simpleView.colors
+			},
+			logIdColor: theme.simpleView.logIdColor || chalk$1.dim,
+			dataValueColor: theme.simpleView.dataValueColor || chalk$1.white,
+			dataKeyColor: theme.simpleView.dataKeyColor || chalk$1.dim,
+			selectorColor: theme.simpleView.selectorColor || chalk$1.cyan
+		};
+		const detailedViewConfig = {
+			colors: {
+				trace: chalk$1.gray,
+				debug: chalk$1.blue,
+				info: chalk$1.green,
+				warn: chalk$1.yellow,
+				error: chalk$1.red,
+				fatal: chalk$1.bgRed.white,
+				...theme.detailedView?.colors
+			},
+			logIdColor: theme.detailedView?.logIdColor || chalk$1.dim,
+			dataValueColor: theme.detailedView?.dataValueColor || chalk$1.white,
+			dataKeyColor: theme.detailedView?.dataKeyColor || chalk$1.dim,
+			selectorColor: theme.detailedView?.selectorColor || chalk$1.cyan,
+			headerColor: theme.detailedView?.headerColor || chalk$1.cyan,
+			labelColor: theme.detailedView?.labelColor || chalk$1.cyan.bold,
+			separatorColor: theme.detailedView?.separatorColor || chalk$1.dim,
+			jsonColors: {
+				keysColor: chalk$1.yellow,
+				dashColor: chalk$1.white,
+				numberColor: chalk$1.yellow,
+				stringColor: chalk$1.white,
+				multilineStringColor: chalk$1.white,
+				positiveNumberColor: chalk$1.green,
+				negativeNumberColor: chalk$1.red,
+				booleanColor: chalk$1.cyan,
+				nullUndefinedColor: chalk$1.grey,
+				dateColor: chalk$1.magenta,
+				...theme.detailedView?.jsonColors
+			}
+		};
+		this.storage = new LogStorage(logFile);
+		this.renderer = new LogRenderer(simpleViewConfig, detailedViewConfig, maxInlineDepth, maxInlineLength);
+		this.uiManager = new UIManager(this.renderer, this.storage, config.disableInteractiveMode);
+		PrettyTerminalTransport.instance = this;
+	}
+	/**
+	* Gets or creates the singleton instance of PrettyTerminalTransport.
+	* This is the recommended way to obtain a transport instance.
+	*
+	* @param config - Configuration options for the transport
+	* @returns The singleton instance of PrettyTerminalTransport
+	*/
+	static getInstance(config = {}) {
+		if (!PrettyTerminalTransport.instance) PrettyTerminalTransport.instance = new PrettyTerminalTransport(config);
+		return PrettyTerminalTransport.instance;
+	}
+	/**
+	* Generates a random ID for each log entry.
+	* Uses base36 encoding for compact, readable IDs.
+	*
+	* @returns A 6-character string ID
+	* @example
+	* "a1b2c3" // Example generated ID
+	*/
+	generateId() {
+		return Math.random().toString(36).substring(2, 8);
+	}
+	/**
+	* Main transport method that receives logs from LogLayer.
+	* This method is called for each log event and handles:
+	* - Generating a unique ID for the log
+	* - Converting the log data to a storable format
+	* - Storing the log in the database
+	* - Rendering the log if not in selection mode
+	*
+	* @param logLevel - The severity level of the log
+	* @param messages - Array of message strings to be joined
+	* @param data - Additional structured data to be logged
+	* @param hasData - Whether the log includes additional data
+	* @returns The original messages array
+	*/
+	shipToLogger({ logLevel, messages, data, hasData }) {
+		if (this.config.enabled === false) return messages;
+		const entry = {
+			id: this.generateId(),
+			timestamp: Date.now(),
+			level: logLevel,
+			message: messages.join(" "),
+			data: hasData ? JSON.stringify(data) : null
+		};
+		this.uiManager.handleNewLog(entry);
+		return messages;
+	}
 };
 
-// src/index.ts
-import * as chalk8 from "chalk";
+//#endregion
+//#region src/index.ts
 function getPrettyTerminal(config = {}) {
-  return PrettyTerminalTransport.getInstance(config);
+	return PrettyTerminalTransport.getInstance(config);
 }
-export {
-  PrettyTerminalTransport,
-  chalk8 as chalk,
-  getPrettyTerminal,
-  moonlight,
-  nature,
-  neon,
-  pastel,
-  sunlight
-};
+
+//#endregion
+export { PrettyTerminalTransport, chalk, getPrettyTerminal, moonlight, nature, neon, pastel, sunlight };
 //# sourceMappingURL=index.js.map