@crimsonsunset/jsg-logger 1.8.6 → 1.8.8

package/devtools/dist/panel-entry.js

@@ -1,7 +1,6 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var _a;
 var n, l$1, u$2, i$1, r$2, o$1, e$2, f$2, c$1, s$1, a$1, h$1, p$1 = {}, v$1 = [], y$1 = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, w$3 = Array.isArray;
 function d$1(n2, l2) {
   for (var u2 in l2) n2[u2] = l2[u2];
@@ -4422,8 +4421,8 @@ const prop_types_1 = __importDefault$2(propTypesExports);
 const enhancers_1$1 = enhancers;
 const enhance_props_1 = __importDefault$2(enhanceProps$1);
 const safeHref_1 = safeHref;
-const Box$1 = react_1.default.forwardRef((_a2, ref) => {
-  var { is, children, allowUnsafeHref } = _a2, props = __rest(_a2, ["is", "children", "allowUnsafeHref"]);
+const Box$1 = react_1.default.forwardRef((_a, ref) => {
+  var { is, children, allowUnsafeHref } = _a, props = __rest(_a, ["is", "children", "allowUnsafeHref"]);
   const { className, enhancedProps: parsedProps } = (0, enhance_props_1.default)(props);
   parsedProps.className = className;
   if (ref) {
@@ -8866,10 +8865,10 @@ getPrefix$1.default = void 0;
 getPrefix$1.getPrefix = getPrefix;
 const prefixes = ["Moz", "Webkit", "O", "ms"];
 function getPrefix() {
-  var _a2, _b;
+  var _a, _b;
   let prop = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
   if (typeof window === "undefined") return "";
-  const style = (_b = (_a2 = window.document) == null ? void 0 : _a2.documentElement) == null ? void 0 : _b.style;
+  const style = (_b = (_a = window.document) == null ? void 0 : _a.documentElement) == null ? void 0 : _b.style;
   if (!style) return "";
   if (prop in style) return "";
   for (let i2 = 0; i2 < prefixes.length; i2++) {
@@ -9442,8 +9441,8 @@ let DraggableCore$1 = class DraggableCore extends React.Component {
   // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
   // the underlying DOM node ourselves. See the README for more information.
   findDOMNode() {
-    var _a2, _b, _c;
-    return ((_a2 = this.props) == null ? void 0 : _a2.nodeRef) ? (_c = (_b = this.props) == null ? void 0 : _b.nodeRef) == null ? void 0 : _c.current : _reactDom.default.findDOMNode(this);
+    var _a, _b, _c;
+    return ((_a = this.props) == null ? void 0 : _a.nodeRef) ? (_c = (_b = this.props) == null ? void 0 : _b.nodeRef) == null ? void 0 : _c.current : _reactDom.default.findDOMNode(this);
   }
   render() {
     return /* @__PURE__ */ React.cloneElement(React.Children.only(this.props.children), {
@@ -9797,8 +9796,8 @@ _defineProperty(DraggableCore$1, "defaultProps", {
     // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
     // the underlying DOM node ourselves. See the README for more information.
     findDOMNode() {
-      var _a2, _b;
-      return ((_b = (_a2 = this.props) == null ? void 0 : _a2.nodeRef) == null ? void 0 : _b.current) ?? _reactDom2.default.findDOMNode(this);
+      var _a, _b;
+      return ((_b = (_a = this.props) == null ? void 0 : _a.nodeRef) == null ? void 0 : _b.current) ?? _reactDom2.default.findDOMNode(this);
     }
     render() {
       const {
@@ -10225,8 +10224,8 @@ function ComponentFilters({ components: components2, loggerControls, onLevelChan
   y(() => {
     const levels2 = {};
     components2.forEach((name2) => {
-      var _a2;
-      const level = ((_a2 = loggerControls.getLevel) == null ? void 0 : _a2.call(loggerControls, name2)) || "info";
+      var _a;
+      const level = ((_a = loggerControls.getLevel) == null ? void 0 : _a.call(loggerControls, name2)) || "info";
       levels2[name2] = levelNameToValue[level] ?? 3;
     });
     setComponentLevels(levels2);
@@ -10362,7 +10361,7 @@ function ComponentFilters({ components: components2, loggerControls, onLevelChan
     );
   }) });
 }
-var browser = { exports: {} };
+var browser$1 = { exports: {} };
 function tryStringify(o2) {
   try {
     return JSON.stringify(o2);
@@ -10473,7 +10472,7 @@ function format$2(f2, args, opts) {
   return str;
 }
 const format$1 = quickFormatUnescaped;
-browser.exports = pino;
+browser$1.exports = pino;
 const _console = pfGlobalThisOrFallback().console || {};
 const stdSerializers = {
   mapHttpRequest: mock,
@@ -10897,9 +10896,9 @@ function pfGlobalThisOrFallback() {
     return defd(self) || defd(window) || defd(this) || {};
   }
 }
-browser.exports.default = pino;
-browser.exports.pino = pino;
-var browserExports = browser.exports;
+browser$1.exports.default = pino;
+browser$1.exports.pino = pino;
+var browserExports = browser$1.exports;
 const pino$1 = /* @__PURE__ */ getDefaultExportFromCjs(browserExports);
 const projectName = "JSG Logger";
 const globalLevel = "info";
@@ -10920,6 +10919,17 @@ const display = {
   jsonPayload: true,
   stackTrace: true
 };
+const redact = {
+  paths: [
+    "password",
+    "token",
+    "*key",
+    "*secret",
+    "*apiKey",
+    "*api_key"
+  ],
+  censor: "[REDACTED]"
+};
 const levels = {
   "10": {
     name: "TRACE",
@@ -10971,6 +10981,7 @@ const defaultConfig = {
   format,
   timestampMode,
   display,
+  redact,
   levels,
   components,
   fileOverrides,
@@ -11001,9 +11012,9 @@ const LEVEL_SCHEME = {
   60: { emoji: "💀", color: "#D63031", name: "FATAL" }
 };
 const metaLog = (message, ...args) => {
-  var _a2;
+  var _a;
   try {
-    const metaLoggingConfig = (_a2 = configManager == null ? void 0 : configManager.config) == null ? void 0 : _a2.metaLogging;
+    const metaLoggingConfig = (_a = configManager == null ? void 0 : configManager.config) == null ? void 0 : _a.metaLogging;
     if (metaLoggingConfig === void 0 || metaLoggingConfig === true) {
       console.log(message, ...args);
       return;
@@ -11015,10 +11026,25 @@ const metaLog = (message, ...args) => {
     console.log(message, ...args);
   }
 };
+const metaWarn = (message, ...args) => {
+  var _a;
+  try {
+    const metaLoggingConfig = (_a = configManager == null ? void 0 : configManager.config) == null ? void 0 : _a.metaLogging;
+    if (metaLoggingConfig === void 0 || metaLoggingConfig === true) {
+      console.warn(message, ...args);
+      return;
+    }
+    if (metaLoggingConfig === false) {
+      return;
+    }
+  } catch (error) {
+    console.warn(message, ...args);
+  }
+};
 const metaError$1 = (message, ...args) => {
-  var _a2;
+  var _a;
   try {
-    const metaLoggingConfig = (_a2 = configManager == null ? void 0 : configManager.config) == null ? void 0 : _a2.metaLogging;
+    const metaLoggingConfig = (_a = configManager == null ? void 0 : configManager.config) == null ? void 0 : _a.metaLogging;
     if (metaLoggingConfig === void 0 || metaLoggingConfig === true) {
       console.error(message, ...args);
       return;
@@ -11042,7 +11068,7 @@ class ConfigManager {
    * @returns {Promise<Object>} Merged configuration
    */
   async loadConfig(configSource) {
-    var _a2, _b, _c;
+    var _a, _b, _c;
     try {
       let externalConfig = {};
       if (typeof configSource === "string") {
@@ -11053,7 +11079,7 @@ class ConfigManager {
         externalConfig = configSource;
       }
       const normalizedConfig = this._normalizeConfigStructure(externalConfig);
-      const devtoolsBefore = ((_a2 = this.config.devtools) == null ? void 0 : _a2.enabled) ?? false;
+      const devtoolsBefore = ((_a = this.config.devtools) == null ? void 0 : _a.enabled) ?? false;
       const devtoolsAfter = ((_b = normalizedConfig.devtools) == null ? void 0 : _b.enabled) ?? devtoolsBefore;
       this.config = this.mergeConfigs(this.config, normalizedConfig);
       const finalDevtoolsEnabled = ((_c = this.config.devtools) == null ? void 0 : _c.enabled) ?? false;
@@ -11144,6 +11170,7 @@ class ConfigManager {
     }
     try {
       const module = await import(
+        /* webpackIgnore: true */
         /* @vite-ignore */
         path
       );
@@ -11167,6 +11194,7 @@ class ConfigManager {
   async _loadConfigBrowserImport(path) {
     try {
       const module = await import(
+        /* webpackIgnore: true */
         /* @vite-ignore */
         path
       );
@@ -11193,6 +11221,9 @@ class ConfigManager {
     if (config.components) {
       normalized.components = this._normalizeComponents(config.components);
     }
+    if (config.transports) {
+      normalized.transports = config.transports;
+    }
     return normalized;
   }
   /**
@@ -11313,6 +11344,8 @@ class ConfigManager {
       if (override.hasOwnProperty(key)) {
         if (key === "components" && typeof override[key] === "object") {
           merged[key] = override[key];
+        } else if (key === "transports") {
+          merged[key] = override[key];
         } else if (typeof override[key] === "object" && !Array.isArray(override[key])) {
           merged[key] = this.mergeConfigs(merged[key] || {}, override[key]);
         } else {
@@ -11380,8 +11413,8 @@ class ConfigManager {
    * @returns {Object} Component configuration
    */
   getComponentConfig(componentName, filePath = null) {
-    var _a2;
-    let baseComponent = (_a2 = this.config.components) == null ? void 0 : _a2[componentName];
+    var _a;
+    let baseComponent = (_a = this.config.components) == null ? void 0 : _a[componentName];
     if (!baseComponent) {
       baseComponent = COMPONENT_SCHEME[componentName];
     }
@@ -11461,6 +11494,28 @@ class ConfigManager {
     }
     return baseDisplay;
   }
+  /**
+   * Get redact configuration with file override support
+   * @param {string} filePath - Optional file path for override checking
+   * @returns {Object} Redact configuration with paths array and censor string
+   */
+  getRedactConfig(filePath = null) {
+    const baseRedact = this.config.redact || {
+      paths: [],
+      censor: "[REDACTED]"
+    };
+    const checkFile = filePath || this.currentFile;
+    if (checkFile) {
+      const fileOverride = this.getFileOverride(checkFile);
+      if (fileOverride && fileOverride.redact) {
+        return {
+          ...baseRedact,
+          ...fileOverride.redact
+        };
+      }
+    }
+    return baseRedact;
+  }
   /**
    * Get project name
    * @returns {string} Project name
@@ -11591,10 +11646,10 @@ const isBrowser = () => {
   return typeof window !== "undefined" && typeof document !== "undefined";
 };
 const isCLI = () => {
-  var _a2, _b;
+  var _a, _b;
   if (forcedEnvironment) return forcedEnvironment === "cli";
   if (typeof process === "undefined") return false;
-  const hasTTY = ((_a2 = process.stdout) == null ? void 0 : _a2.isTTY) || ((_b = process.stderr) == null ? void 0 : _b.isTTY);
+  const hasTTY = ((_a = process.stdout) == null ? void 0 : _a.isTTY) || ((_b = process.stderr) == null ? void 0 : _b.isTTY);
   const hasTermEnv = process.env.TERM || process.env.COLORTERM;
   const notCI = !process.env.CI && !process.env.GITHUB_ACTIONS;
   return hasTTY || hasTermEnv && notCI;
@@ -11605,6 +11660,39 @@ const getEnvironment = () => {
   if (isCLI()) return "cli";
   return "server";
 };
+function toPinoRedactPaths(paths) {
+  const exact = paths.filter((path) => !path.includes("*"));
+  return exact.length > 0 ? exact : ["password", "token"];
+}
+function shouldRedactKey(key, paths) {
+  return paths.some((pattern) => {
+    if (pattern.startsWith("*")) {
+      const suffix = pattern.slice(1).toLowerCase();
+      return key.toLowerCase().endsWith(suffix);
+    }
+    return key.toLowerCase() === pattern.toLowerCase();
+  });
+}
+function redactValue(value, redactConfig) {
+  if (!redactConfig || !redactConfig.paths || redactConfig.paths.length === 0) {
+    return value;
+  }
+  if (typeof value === "object" && value !== null && !Array.isArray(value)) {
+    const redacted = {};
+    for (const [key, val] of Object.entries(value)) {
+      if (shouldRedactKey(key, redactConfig.paths)) {
+        redacted[key] = redactConfig.censor || "[REDACTED]";
+      } else {
+        redacted[key] = redactValue(val, redactConfig);
+      }
+    }
+    return redacted;
+  }
+  if (Array.isArray(value)) {
+    return value.map((item) => redactValue(item, redactConfig));
+  }
+  return value;
+}
 const createBrowserFormatter = (componentName, logStore = null) => {
   return {
     write: (data2) => {
@@ -11617,6 +11705,7 @@ const createBrowserFormatter = (componentName, logStore = null) => {
         const component = configManager.getComponentConfig(componentName, filePath);
         const level = configManager.getLevelConfig(logData.level);
         const displayConfig = configManager.getDisplayConfig(filePath);
+        const redactConfig = configManager.getRedactConfig(filePath);
         const effectiveLevel = configManager.getEffectiveLevel(componentName, filePath);
         if (!shouldDisplay(logData.level, effectiveLevel)) {
           return;
@@ -11655,7 +11744,8 @@ const createBrowserFormatter = (componentName, logStore = null) => {
         if (displayConfig.jsonPayload) {
           const contextData = extractContextData(logData);
           if (Object.keys(contextData).length > 0) {
-            displayContextData(contextData);
+            const redactedData = redactValue(contextData, redactConfig);
+            displayContextData(redactedData);
           }
         }
         if (displayConfig.stackTrace && logData.err && logData.err.stack) {
@@ -11783,10 +11873,12 @@ const createCLIFormatter = () => {
         const internalFields = ["level", "time", "msg", "pid", "hostname", "name", "v", "environment"];
         const contextKeys = Object.keys(log2).filter((key) => !internalFields.includes(key));
         if (contextKeys.length > 0) {
+          const redactConfig = configManager.getRedactConfig();
+          const redactedLog = redactValue(log2, redactConfig);
           contextKeys.forEach((key, index) => {
             const isLast = index === contextKeys.length - 1;
             const prefix2 = isLast ? "   └─" : "   ├─";
-            const value = formatValue(log2[key]);
+            const value = formatValue(redactedLog[key]);
             console.log(`${prefix2} ${key}: ${value}`);
           });
         }
@@ -11800,6 +11892,7 @@ const createServerFormatter = () => {
   return null;
 };
 const getServerConfig = () => {
+  const redactConfig = configManager.getRedactConfig();
   return {
     level: "info",
     // More conservative logging in production
@@ -11815,10 +11908,10 @@ const getServerConfig = () => {
         };
       }
     },
-    // Redact sensitive information in production
+    // Redact sensitive information in production (configurable)
     redact: {
-      paths: ["password", "token", "key", "secret"],
-      censor: "[REDACTED]"
+      paths: toPinoRedactPaths(redactConfig.paths),
+      censor: redactConfig.censor || "[REDACTED]"
     }
   };
 };
@@ -11944,12 +12037,57 @@ class LogStore {
     return levelMap[level] || "unknown";
   }
 }
+const LEVEL_NUMS = {
+  trace: 10,
+  debug: 20,
+  info: 30,
+  warn: 40,
+  error: 50,
+  fatal: 60
+};
+function extractError(data2) {
+  if (data2 instanceof Error) return data2;
+  if (data2 && typeof data2 === "object") {
+    if (data2.err instanceof Error) return data2.err;
+    if (data2.error instanceof Error) return data2.error;
+  }
+  return void 0;
+}
+function buildLogEntry(level, levelNum, component, message, data2) {
+  return {
+    level,
+    levelNum,
+    message: message ?? "",
+    component,
+    data: data2,
+    timestamp: Date.now(),
+    isError: levelNum >= 50,
+    error: extractError(data2)
+  };
+}
+function dispatchToTransports(entry, transports) {
+  if (!transports || transports.length === 0) return;
+  const entryLevelNum = entry.levelNum;
+  for (const transport of transports) {
+    try {
+      const minLevel = transport.level ? LEVEL_NUMS[transport.level] ?? 0 : 0;
+      if (entryLevelNum < minLevel) continue;
+      transport.send(entry);
+    } catch (err) {
+      metaError$1("[JSG-LOGGER] Transport dispatch error:", err);
+    }
+  }
+}
 const name = "@crimsonsunset/jsg-logger";
-const version = "1.7.13";
+const version = "1.8.8";
 const type = "module";
 const description = "Multi-environment logger with smart detection, file-level overrides, and beautiful console formatting. Test it live: https://logger.joesangiorgio.com/";
 const main = "index.js";
 const types = "./index.d.ts";
+const browser = {
+  fs: false,
+  "fs/promises": false
+};
 const keywords = [
   "logging",
   "pino",
@@ -12035,12 +12173,14 @@ const scripts = {
   dev: "vite",
   "dev:devtools": "cd devtools && npm run dev",
   "test:devtools": "vite",
-  "build:devtools": "cd devtools && npm run build",
+  "build:devtools": "cd devtools && npm ci && npm run build",
+  prepublishOnly: "npm run build:devtools",
   "build:devtools:netlify": "npm install && cd devtools && npm install && npm run build:netlify",
   "preview:devtools": "cd devtools && npm run preview",
   "release:patch": "node scripts/release.js patch",
   "release:minor": "node scripts/release.js minor",
   "release:major": "node scripts/release.js major",
+  "publish:ci": "node scripts/publish.js",
   "publish:public": "npm publish --access public",
   "publish:github": "npm publish --registry=https://npm.pkg.github.com/ --access public",
   check: "npm run test && echo 'Package ready for publishing'"
@@ -12052,6 +12192,7 @@ const packageJson = {
   description,
   main,
   types,
+  browser,
   keywords,
   author,
   license,
@@ -12066,22 +12207,6 @@ const packageJson = {
   exports,
   scripts
 };
-const defaultDevtoolsEnabled = ((_a = defaultConfig.devtools) == null ? void 0 : _a.enabled) ?? false;
-let devtoolsModule = null;
-let devtoolsModulePromise = null;
-if (defaultDevtoolsEnabled) {
-  metaLog("[JSG-LOGGER] DevTools module pre-loading started (default config enabled)");
-  devtoolsModulePromise = import("./panel-entry-B2MhZ3gp.js").then((module) => {
-    devtoolsModule = module;
-    metaLog("[JSG-LOGGER] DevTools module pre-loaded successfully");
-    return module;
-  }).catch((error) => {
-    metaError$1("[JSG-LOGGER] DevTools module pre-load failed:", error);
-    return null;
-  });
-} else {
-  metaLog("[JSG-LOGGER] DevTools module NOT pre-loaded (default config disabled - will tree-shake)");
-}
 const _JSGLogger = class _JSGLogger {
   // Lock to prevent concurrent initializations
   constructor() {
@@ -12091,6 +12216,7 @@ const _JSGLogger = class _JSGLogger {
     this.initialized = false;
     this.components = {};
     this.componentSubscribers = [];
+    this.transports = [];
   }
   /**
    * Get singleton instance with auto-initialization
@@ -12098,20 +12224,26 @@ const _JSGLogger = class _JSGLogger {
    * @returns {Promise<Object>} Enhanced logger exports with controls API
    */
   static async getInstance(options = {}) {
-    var _a2, _b;
+    var _a, _b;
     const hasOptions = options && Object.keys(options).length > 0;
     if (!_JSGLogger._instance) {
       _JSGLogger._instance = new _JSGLogger();
       _JSGLogger._enhancedLoggers = await _JSGLogger._instance.init(options);
-      if (isBrowser() && typeof window !== "undefined" && ((_a2 = _JSGLogger._enhancedLoggers) == null ? void 0 : _a2.controls)) {
+      if (isBrowser() && typeof window !== "undefined" && ((_a = _JSGLogger._enhancedLoggers) == null ? void 0 : _a.controls)) {
         window.JSG_Logger = _JSGLogger._enhancedLoggers.controls;
         window.__JSG_Logger_Enhanced__ = _JSGLogger._enhancedLoggers;
       }
     } else if (hasOptions) {
-      _JSGLogger._enhancedLoggers = await _JSGLogger._instance.init(options);
-      if (isBrowser() && typeof window !== "undefined" && ((_b = _JSGLogger._enhancedLoggers) == null ? void 0 : _b.controls)) {
-        window.JSG_Logger = _JSGLogger._enhancedLoggers.controls;
-        window.__JSG_Logger_Enhanced__ = _JSGLogger._enhancedLoggers;
+      if (_JSGLogger._instance.initialized) {
+        console.warn(
+          "[JSGLogger] getInstance() called with options on an already-initialized instance — options were ignored to preserve registered transports. Use configure() to update settings post-init."
+        );
+      } else {
+        _JSGLogger._enhancedLoggers = await _JSGLogger._instance.init(options);
+        if (isBrowser() && typeof window !== "undefined" && ((_b = _JSGLogger._enhancedLoggers) == null ? void 0 : _b.controls)) {
+          window.JSG_Logger = _JSGLogger._enhancedLoggers.controls;
+          window.__JSG_Logger_Enhanced__ = _JSGLogger._enhancedLoggers;
+        }
       }
     }
     return _JSGLogger._enhancedLoggers;
@@ -12123,22 +12255,32 @@ const _JSGLogger = class _JSGLogger {
    * @returns {Object} Enhanced logger exports with controls API
    */
   static getInstanceSync(options = {}) {
-    var _a2, _b;
+    var _a, _b, _c;
     const hasOptions = options && Object.keys(options).length > 0;
     if (hasOptions) {
+      if ((_a = _JSGLogger._instance) == null ? void 0 : _a.initialized) {
+        console.warn(
+          "[JSGLogger] getInstanceSync() called with options on an already-initialized instance — options were ignored to preserve registered transports. Use configure() to update settings post-init."
+        );
+        return _JSGLogger._enhancedLoggers;
+      }
       if (!_JSGLogger._instance) {
         _JSGLogger._instance = new _JSGLogger();
       }
       _JSGLogger._enhancedLoggers = _JSGLogger._instance.initSync(options);
-      if (isBrowser() && typeof window !== "undefined" && ((_a2 = _JSGLogger._enhancedLoggers) == null ? void 0 : _a2.controls)) {
+      if (isBrowser() && typeof window !== "undefined" && ((_b = _JSGLogger._enhancedLoggers) == null ? void 0 : _b.controls)) {
         window.JSG_Logger = _JSGLogger._enhancedLoggers.controls;
         window.__JSG_Logger_Enhanced__ = _JSGLogger._enhancedLoggers;
       }
+      if (!isBrowser()) {
+        globalThis.__JSG_Logger_Enhanced__ = _JSGLogger._enhancedLoggers;
+      }
       return _JSGLogger._enhancedLoggers;
     }
     if (isBrowser() && typeof window !== "undefined" && window.JSG_Logger) {
       if (window.__JSG_Logger_Enhanced__) {
-        return window.__JSG_Logger_Enhanced__;
+        _JSGLogger._recoverFromGlobal();
+        return _JSGLogger._enhancedLoggers;
       }
       const globalControls = window.JSG_Logger;
       return {
@@ -12151,13 +12293,20 @@ const _JSGLogger = class _JSGLogger {
         JSGLogger: _JSGLogger
       };
     }
+    if (!isBrowser() && globalThis.__JSG_Logger_Enhanced__) {
+      _JSGLogger._recoverFromGlobal();
+      return _JSGLogger._enhancedLoggers;
+    }
     if (!_JSGLogger._instance) {
       _JSGLogger._instance = new _JSGLogger();
       _JSGLogger._enhancedLoggers = _JSGLogger._instance.initSync(options);
-      if (isBrowser() && typeof window !== "undefined" && ((_b = _JSGLogger._enhancedLoggers) == null ? void 0 : _b.controls)) {
+      if (isBrowser() && typeof window !== "undefined" && ((_c = _JSGLogger._enhancedLoggers) == null ? void 0 : _c.controls)) {
         window.JSG_Logger = _JSGLogger._enhancedLoggers.controls;
         window.__JSG_Logger_Enhanced__ = _JSGLogger._enhancedLoggers;
       }
+      if (!isBrowser()) {
+        globalThis.__JSG_Logger_Enhanced__ = _JSGLogger._enhancedLoggers;
+      }
     }
     return _JSGLogger._enhancedLoggers;
   }
@@ -12167,7 +12316,7 @@ const _JSGLogger = class _JSGLogger {
    * @returns {Promise<Object>} Logger instance with all components
    */
   async init(options = {}) {
-    var _a2;
+    var _a;
     try {
       const isReinit = this.initialized;
       const globalInitFlag = typeof window !== "undefined" ? window.__JSG_LOGGER_INITIALIZED__ = window.__JSG_LOGGER_INITIALIZED__ || false : false;
@@ -12182,6 +12331,7 @@ const _JSGLogger = class _JSGLogger {
         forceEnvironment(configManager.config.forceEnvironment);
       }
       this.environment = getEnvironment();
+      this.transports = configManager.config.transports ?? [];
       const components2 = configManager.getAvailableComponents();
       components2.forEach((componentName) => {
         this.loggers[componentName] = this.createLogger(componentName);
@@ -12206,7 +12356,7 @@ const _JSGLogger = class _JSGLogger {
       }
       return this.getLoggerExports();
     } catch (error) {
-      if ((_a2 = this.loggers) == null ? void 0 : _a2.core) {
+      if ((_a = this.loggers) == null ? void 0 : _a.core) {
         this.loggers.core.error("JSG Logger initialization failed:", error);
       } else {
         console.error("JSG Logger initialization failed:", error);
@@ -12220,7 +12370,7 @@ const _JSGLogger = class _JSGLogger {
    * @returns {Object} Logger instance with all components
    */
   initSync(options = {}) {
-    var _a2;
+    var _a;
     try {
       const isReinit = this.initialized;
       const globalInitFlag = typeof window !== "undefined" ? window.__JSG_LOGGER_INITIALIZED__ = window.__JSG_LOGGER_INITIALIZED__ || false : false;
@@ -12242,12 +12392,10 @@ const _JSGLogger = class _JSGLogger {
         forceEnvironment(configManager.config.forceEnvironment);
       }
       this.environment = getEnvironment();
+      this.transports = configManager.config.transports ?? [];
       this.loggers = {};
       this.components = {};
       const components2 = configManager.getAvailableComponents();
-      if (components2.length > 0) {
-        console.log(`[JSG-LOGGER] Creating ${components2.length} loggers during initSync:`, components2);
-      }
       components2.forEach((componentName) => {
         const createFn = this._createLoggerOriginal || this.createLogger.bind(this);
         this.loggers[componentName] = createFn(componentName);
@@ -12260,7 +12408,7 @@ const _JSGLogger = class _JSGLogger {
           try {
             callback(currentComponents);
           } catch (error) {
-            console.error("Component subscriber error:", error);
+            metaError$1("Component subscriber error:", error);
           }
         });
       }
@@ -12285,7 +12433,7 @@ const _JSGLogger = class _JSGLogger {
       }
       return this.getLoggerExports();
     } catch (error) {
-      if ((_a2 = this.loggers) == null ? void 0 : _a2.core) {
+      if ((_a = this.loggers) == null ? void 0 : _a.core) {
         this.loggers.core.error("JSG Logger sync initialization failed:", error);
       } else {
         console.error("JSG Logger sync initialization failed:", error);
@@ -12330,21 +12478,33 @@ const _JSGLogger = class _JSGLogger {
    */
   _wrapPinoLogger(pinoLogger) {
     const levels2 = ["trace", "debug", "info", "warn", "error", "fatal"];
+    const levelNums = { trace: 10, debug: 20, info: 30, warn: 40, error: 50, fatal: 60 };
     const wrapped = {};
+    const self2 = this;
     levels2.forEach((level) => {
       wrapped[level] = (first, ...args) => {
+        let message = "";
+        let data2;
+        const redactConfig = configManager.getRedactConfig();
         if (typeof first === "string") {
-          const message = first;
+          message = first;
           if (args.length === 1 && typeof args[0] === "object" && args[0] !== null) {
-            pinoLogger[level](args[0], message);
+            data2 = redactValue(args[0], redactConfig);
+            pinoLogger[level](data2, message);
           } else {
             pinoLogger[level](message);
           }
         } else if (typeof first === "object" && first !== null) {
-          pinoLogger[level](first, ...args);
+          data2 = redactValue(first, redactConfig);
+          message = args.length > 0 && typeof args[0] === "string" ? args[0] : "";
+          pinoLogger[level](data2, ...message ? [message] : []);
         } else {
           pinoLogger[level](first, ...args);
         }
+        if (self2.transports && self2.transports.length > 0) {
+          const entry = buildLogEntry(level, levelNums[level], pinoLogger._componentName, message, data2);
+          dispatchToTransports(entry, self2.transports);
+        }
       };
     });
     Object.keys(pinoLogger).forEach((key) => {
@@ -12386,6 +12546,8 @@ const _JSGLogger = class _JSGLogger {
    */
   getLoggerExports() {
     return {
+      // Back-reference for cross-bundle singleton recovery
+      _jsgLoggerInstance: this,
       // All component loggers
       ...this.loggers,
       // Auto-discovery convenience getters (kebab-case and camelCase)
@@ -12407,6 +12569,8 @@ const _JSGLogger = class _JSGLogger {
       },
       // Expose config manager for runtime configuration
       configManager,
+      // Post-init config updater — safe to call after transports are registered
+      configure: (partialConfig) => _JSGLogger.configure(partialConfig),
       // Log store for popup/debugging
       logStore: this.logStore,
       // Enhanced runtime controls with all new features
@@ -12419,18 +12583,19 @@ const _JSGLogger = class _JSGLogger {
           }
         },
         getLevel: (component) => {
-          var _a2;
-          return (_a2 = this.loggers[component]) == null ? void 0 : _a2._effectiveLevel;
+          var _a;
+          return (_a = this.loggers[component]) == null ? void 0 : _a._effectiveLevel;
         },
         // Component controls
         listComponents: () => Object.keys(this.loggers),
         subscribeToComponents: (callback) => {
+          var _a;
           this.componentSubscribers.push(callback);
           const currentComponents = Object.keys(this.loggers);
           try {
             callback(currentComponents);
           } catch (error) {
-            console.error("Component subscriber error (initial call):", error);
+            (_a = this.loggers.core) == null ? void 0 : _a.error("Component subscriber error (initial call):", error);
           }
           return () => {
             const index = this.componentSubscribers.indexOf(callback);
@@ -12507,16 +12672,16 @@ const _JSGLogger = class _JSGLogger {
           this.refreshLoggers();
         },
         getComponentLevel: (component) => {
-          var _a2, _b;
-          return (_b = (_a2 = configManager.config.components) == null ? void 0 : _a2[component]) == null ? void 0 : _b.level;
+          var _a, _b;
+          return (_b = (_a = configManager.config.components) == null ? void 0 : _a[component]) == null ? void 0 : _b.level;
         },
         // Component logger access
         getComponent: (componentName) => this.getComponent(componentName),
         // DevTools panel controls
         enableDevPanel: async () => {
-          var _a2;
+          var _a;
           const devtoolsLogger = this.getComponent("devtools-ui");
-          const runtimeDevtoolsEnabled = ((_a2 = configManager.config.devtools) == null ? void 0 : _a2.enabled) ?? false;
+          const runtimeDevtoolsEnabled = ((_a = configManager.config.devtools) == null ? void 0 : _a.enabled) ?? false;
           devtoolsLogger.info("enableDevPanel() called", {
             runtimeConfig: runtimeDevtoolsEnabled ? "ENABLED" : "DISABLED"
           });
@@ -12529,18 +12694,13 @@ const _JSGLogger = class _JSGLogger {
             return null;
           }
           try {
+            const { loadDevtoolsModule } = await import("../../utils/devtools-loader.js");
+            const devtoolsModule = await loadDevtoolsModule();
             if (!devtoolsModule) {
-              if (devtoolsModulePromise) {
-                devtoolsLogger.info("Waiting for pre-loaded DevTools module...");
-                devtoolsModule = await devtoolsModulePromise;
-              } else {
-                devtoolsLogger.info("Loading DevTools module dynamically (runtime config override)...");
-                devtoolsModule = await import("./panel-entry-B2MhZ3gp.js");
-              }
-            } else {
-              devtoolsLogger.info("Using pre-loaded DevTools module");
+              devtoolsLogger.warn("DevTools panel is not available in this build");
+              return null;
             }
-            if (!devtoolsModule || !devtoolsModule.initializePanel) {
+            if (!devtoolsModule.initializePanel) {
               throw new Error("DevTools panel module missing initializePanel export");
             }
             devtoolsLogger.info("Initializing DevTools panel...");
@@ -12554,9 +12714,9 @@ const _JSGLogger = class _JSGLogger {
           }
         },
         disableDevPanel: () => {
-          var _a2;
+          var _a;
           const devtoolsLogger = this.getComponent("devtools-ui");
-          if (typeof window !== "undefined" && ((_a2 = window.JSG_DevTools) == null ? void 0 : _a2.destroy)) {
+          if (typeof window !== "undefined" && ((_a = window.JSG_DevTools) == null ? void 0 : _a.destroy)) {
             window.JSG_DevTools.destroy();
             devtoolsLogger.info("DevTools panel disabled and destroyed");
             return true;
@@ -12585,6 +12745,7 @@ const _JSGLogger = class _JSGLogger {
     const formatter = createBrowserFormatter(componentName, this.logStore);
     const levels2 = ["trace", "debug", "info", "warn", "error", "fatal"];
     const levelMap = { trace: 10, debug: 20, info: 30, warn: 40, error: 50, fatal: 60 };
+    const self2 = this;
     const logger = {};
     levels2.forEach((level) => {
       logger[level] = (first, ...args) => {
@@ -12598,20 +12759,31 @@ const _JSGLogger = class _JSGLogger {
           name: componentName,
           v: 1
         };
+        let message = "";
+        let data2;
+        const redactConfig = configManager.getRedactConfig();
         if (typeof first === "string") {
+          message = first;
           logData.msg = first;
           if (args.length === 1 && typeof args[0] === "object") {
-            Object.assign(logData, args[0]);
+            data2 = redactValue(args[0], redactConfig);
+            Object.assign(logData, data2);
           } else if (args.length > 0) {
             logData.args = args;
           }
         } else if (typeof first === "object") {
-          Object.assign(logData, first);
+          data2 = redactValue(first, redactConfig);
+          Object.assign(logData, data2);
           if (args.length > 0 && typeof args[0] === "string") {
+            message = args[0];
             logData.msg = args[0];
           }
         }
         formatter.write(JSON.stringify(logData));
+        if (self2.transports && self2.transports.length > 0) {
+          const entry = buildLogEntry(level, logLevel, componentName, message, data2);
+          dispatchToTransports(entry, self2.transports);
+        }
       };
     });
     logger._componentEmoji = configManager.getComponentConfig(componentName).emoji;
@@ -12621,12 +12793,19 @@ const _JSGLogger = class _JSGLogger {
     return logger;
   }
   /**
-   * Refresh all loggers with updated configuration
+   * Refresh all loggers with updated configuration.
+   * Uses the original createLogger (not the caching wrapper) so levels and
+   * formatters are rebuilt from the current config.
    * @private
    */
   refreshLoggers() {
-    Object.keys(this.loggers).forEach((componentName) => {
-      this.loggers[componentName] = this.createLogger(componentName);
+    const createLogger = this._createLoggerOriginal || this.createLogger.bind(this);
+    const components2 = /* @__PURE__ */ new Set([
+      ...configManager.getAvailableComponents(),
+      ...Object.keys(this.loggers)
+    ]);
+    components2.forEach((componentName) => {
+      this.loggers[componentName] = createLogger(componentName);
     });
   }
   /**
@@ -12680,9 +12859,9 @@ const _JSGLogger = class _JSGLogger {
    * @returns {Object} Logger instance (auto-created if needed)
    */
   getComponent(componentName) {
-    var _a2;
+    var _a;
     if (!this.loggers[componentName]) {
-      const hasConfig = (_a2 = configManager.config.components) == null ? void 0 : _a2[componentName];
+      const hasConfig = (_a = configManager.config.components) == null ? void 0 : _a[componentName];
       const hasScheme = COMPONENT_SCHEME[componentName];
       if (!hasConfig && !hasScheme) {
         if (this.loggers.core) {
@@ -12706,10 +12885,11 @@ const _JSGLogger = class _JSGLogger {
         }
       }
       this.componentSubscribers.forEach((callback) => {
+        var _a2;
         try {
           callback(currentComponents);
         } catch (error) {
-          console.error("Component subscriber error:", error);
+          (_a2 = this.loggers.core) == null ? void 0 : _a2.error("Component subscriber error:", error);
         }
       });
     }
@@ -12759,6 +12939,84 @@ const _JSGLogger = class _JSGLogger {
       return duration;
     }
   }
+  /**
+   * Restore static singleton refs from window/global enhanced loggers export.
+   * @returns {boolean} Whether a live instance was recovered
+   * @private
+   */
+  static _recoverFromGlobal() {
+    var _a;
+    const enhanced = isBrowser() && typeof window !== "undefined" && window.__JSG_Logger_Enhanced__ || !isBrowser() && globalThis.__JSG_Logger_Enhanced__ || null;
+    if (!enhanced) {
+      return false;
+    }
+    _JSGLogger._enhancedLoggers = enhanced;
+    if ((_a = enhanced._jsgLoggerInstance) == null ? void 0 : _a.initialized) {
+      _JSGLogger._instance = enhanced._jsgLoggerInstance;
+      return true;
+    }
+    return false;
+  }
+  /**
+   * Update logger configuration post-initialization without reinitializing.
+   * Merges partialConfig into the current config without touching registered transports.
+   * If called before any initialization has occurred, delegates to getInstanceSync(partialConfig).
+   * Emits a "JSG Logger configured" log so the applied project config is visible in the
+   * console even though the one-time init log already fired with defaults at module eval time.
+   * @param {Object} partialConfig - Partial config to merge into the current config
+   * @returns {Object} Enhanced logger exports
+   */
+  static configure(partialConfig = {}) {
+    var _a, _b, _c;
+    _JSGLogger._recoverFromGlobal();
+    if (!((_a = _JSGLogger._instance) == null ? void 0 : _a.initialized)) {
+      return _JSGLogger.getInstanceSync(partialConfig);
+    }
+    const currentTransports = _JSGLogger._instance.transports;
+    const normalized = configManager._normalizeConfigStructure(partialConfig);
+    configManager.config = configManager.mergeConfigs(configManager.config, normalized);
+    configManager.config.transports = currentTransports;
+    _JSGLogger._instance.transports = currentTransports;
+    _JSGLogger._instance.refreshLoggers();
+    if (isBrowser() && typeof window !== "undefined" && ((_b = _JSGLogger._enhancedLoggers) == null ? void 0 : _b.controls)) {
+      window.JSG_Logger = _JSGLogger._enhancedLoggers.controls;
+      window.__JSG_Logger_Enhanced__ = _JSGLogger._enhancedLoggers;
+    }
+    if (!isBrowser()) {
+      globalThis.__JSG_Logger_Enhanced__ = _JSGLogger._enhancedLoggers;
+    }
+    if ((_c = _JSGLogger._instance.loggers) == null ? void 0 : _c.core) {
+      const components2 = configManager.getAvailableComponents();
+      _JSGLogger._instance.loggers.core.info("JSG Logger configured", {
+        projectName: configManager.getProjectName(),
+        components: components2.length,
+        timestampMode: configManager.getTimestampMode()
+      });
+    }
+    return _JSGLogger._enhancedLoggers;
+  }
+  /**
+   * Add a transport to the running singleton without reinitializing.
+   * Safe to call even if the singleton was already initialized by module-level code
+   * or a third-party library — bypasses the reinit guard entirely.
+   * Idempotent: calling with the same transport instance twice is a no-op.
+   * @param {Object} transport - LogTransport instance to register
+   * @returns {void}
+   */
+  static addTransport(transport) {
+    if (!transport || typeof transport.send !== "function") {
+      metaWarn("[JSGLogger] addTransport() received an invalid transport — must have a send() method");
+      return;
+    }
+    if (!_JSGLogger._instance) {
+      metaWarn("[JSGLogger] addTransport() called before any initialization — initializing with defaults first");
+      _JSGLogger._instance = new _JSGLogger();
+      _JSGLogger._enhancedLoggers = _JSGLogger._instance.initSync({});
+    }
+    if (!_JSGLogger._instance.transports.includes(transport)) {
+      _JSGLogger._instance.transports.push(transport);
+    }
+  }
   /**
    * Get singleton controls without triggering initialization
    * Checks window.JSG_Logger first to ensure singleton works across separate bundles
@@ -12766,11 +13024,12 @@ const _JSGLogger = class _JSGLogger {
    * @returns {Object|null} Controls object or null if singleton not initialized
    */
   static getControls() {
-    var _a2;
+    var _a;
+    _JSGLogger._recoverFromGlobal();
     if (isBrowser() && typeof window !== "undefined" && window.JSG_Logger) {
       return window.JSG_Logger;
     }
-    return ((_a2 = _JSGLogger._enhancedLoggers) == null ? void 0 : _a2.controls) || null;
+    return ((_a = _JSGLogger._enhancedLoggers) == null ? void 0 : _a.controls) || null;
   }
 };
 // Static singleton instance
@@ -12786,20 +13045,22 @@ if (isBrowser() && typeof window !== "undefined") {
 }
 enhancedLoggers.getInstance = JSGLogger.getInstance;
 enhancedLoggers.getInstanceSync = JSGLogger.getInstanceSync;
+enhancedLoggers.configure = JSGLogger.configure.bind(JSGLogger);
+enhancedLoggers.addTransport = JSGLogger.addTransport.bind(JSGLogger);
 enhancedLoggers.logPerformance = JSGLogger.logPerformance;
 enhancedLoggers.JSGLogger = JSGLogger;
 const getDevToolsLogger$3 = () => {
-  var _a2;
+  var _a;
   const instance = JSGLogger.getInstanceSync();
-  return ((_a2 = instance == null ? void 0 : instance.getComponent) == null ? void 0 : _a2.call(instance, "devtools-ui")) || {
+  return ((_a = instance == null ? void 0 : instance.getComponent) == null ? void 0 : _a.call(instance, "devtools-ui")) || {
     info: console.log.bind(console, "[JSG-DEVTOOLS]"),
     warn: console.warn.bind(console, "[JSG-DEVTOOLS]"),
     error: console.error.bind(console, "[JSG-DEVTOOLS]")
   };
 };
 function GlobalControls({ onDebugAll, onTraceAll, onReset, loggerControls }) {
-  var _a2, _b;
-  const stats = ((_a2 = loggerControls.getStats) == null ? void 0 : _a2.call(loggerControls)) || { total: 0, byLevel: {} };
+  var _a, _b;
+  const stats = ((_a = loggerControls.getStats) == null ? void 0 : _a.call(loggerControls)) || { total: 0, byLevel: {} };
   const configSummary = ((_b = loggerControls.getConfigSummary) == null ? void 0 : _b.call(loggerControls)) || {};
   return /* @__PURE__ */ u$1(Pane, { marginBottom: 16, children: [
     /* @__PURE__ */ u$1(Pane, { display: "flex", gap: 8, marginBottom: 16, flexWrap: "wrap", children: [
@@ -12851,8 +13112,8 @@ function GlobalControls({ onDebugAll, onTraceAll, onReset, loggerControls }) {
           flex: "1",
           minWidth: 80,
           onClick: () => {
-            var _a3;
-            const summary = (_a3 = loggerControls.getConfigSummary) == null ? void 0 : _a3.call(loggerControls);
+            var _a2;
+            const summary = (_a2 = loggerControls.getConfigSummary) == null ? void 0 : _a2.call(loggerControls);
             const devtoolsLogger = getDevToolsLogger$3();
             devtoolsLogger.info("Current Config:", summary);
             alert("Config exported to console");
@@ -12902,9 +13163,9 @@ function GlobalControls({ onDebugAll, onTraceAll, onReset, loggerControls }) {
   ] });
 }
 const getDevToolsLogger$2 = () => {
-  var _a2;
+  var _a;
   const instance = JSGLogger.getInstanceSync();
-  return ((_a2 = instance == null ? void 0 : instance.getComponent) == null ? void 0 : _a2.call(instance, "devtools-ui")) || {
+  return ((_a = instance == null ? void 0 : instance.getComponent) == null ? void 0 : _a.call(instance, "devtools-ui")) || {
     info: console.log.bind(console, "[JSG-DEVTOOLS]"),
     warn: console.warn.bind(console, "[JSG-DEVTOOLS]"),
     error: console.error.bind(console, "[JSG-DEVTOOLS]")
@@ -12996,10 +13257,10 @@ function DisplayControls({ loggerControls, onStateChange }) {
     stackTrace: true
   });
   y(() => {
-    var _a2, _b;
+    var _a, _b;
     if (loggerControls) {
       try {
-        const config = (_a2 = loggerControls.getDisplayConfig) == null ? void 0 : _a2.call(loggerControls);
+        const config = (_a = loggerControls.getDisplayConfig) == null ? void 0 : _a.call(loggerControls);
         if (config) {
           setDisplayOptions((prev) => ({
             ...prev,
@@ -13025,12 +13286,12 @@ function DisplayControls({ loggerControls, onStateChange }) {
     }
   }, [displayOptions, timestampMode2, onStateChange]);
   const handleTimestampModeChange = (mode) => {
-    var _a2;
+    var _a;
     setTimestampMode(mode);
     const isVisible = mode !== "disable";
     setDisplayOptions((prev) => ({ ...prev, timestamp: isVisible }));
     try {
-      (_a2 = loggerControls.setTimestampMode) == null ? void 0 : _a2.call(loggerControls, mode);
+      (_a = loggerControls.setTimestampMode) == null ? void 0 : _a.call(loggerControls, mode);
       const devtoolsLogger = getDevToolsLogger$2();
       devtoolsLogger.info(`Timestamp mode changed to: ${mode}`);
     } catch (error) {
@@ -13042,14 +13303,14 @@ function DisplayControls({ loggerControls, onStateChange }) {
     }
   };
   const handleToggle = (option) => {
-    var _a2;
+    var _a;
     const newValue = !displayOptions[option];
     setDisplayOptions((prev) => ({
       ...prev,
       [option]: newValue
     }));
     try {
-      (_a2 = loggerControls.setDisplayOption) == null ? void 0 : _a2.call(loggerControls, option, newValue);
+      (_a = loggerControls.setDisplayOption) == null ? void 0 : _a.call(loggerControls, option, newValue);
       const devtoolsLogger = getDevToolsLogger$2();
       devtoolsLogger.info(`Display option '${option}' set to: ${newValue}`);
     } catch (error) {
@@ -13061,7 +13322,7 @@ function DisplayControls({ loggerControls, onStateChange }) {
     }
   };
   const handleAllOn = () => {
-    var _a2;
+    var _a;
     const allOn = {
       timestamp: true,
       emoji: true,
@@ -13075,10 +13336,10 @@ function DisplayControls({ loggerControls, onStateChange }) {
     setTimestampMode("absolute");
     try {
       Object.entries(allOn).forEach(([key, value]) => {
-        var _a3;
-        (_a3 = loggerControls.setDisplayOption) == null ? void 0 : _a3.call(loggerControls, key, value);
+        var _a2;
+        (_a2 = loggerControls.setDisplayOption) == null ? void 0 : _a2.call(loggerControls, key, value);
       });
-      (_a2 = loggerControls.setTimestampMode) == null ? void 0 : _a2.call(loggerControls, "absolute");
+      (_a = loggerControls.setTimestampMode) == null ? void 0 : _a.call(loggerControls, "absolute");
       const devtoolsLogger = getDevToolsLogger$2();
       devtoolsLogger.info("All display options enabled");
     } catch (error) {
@@ -13090,7 +13351,7 @@ function DisplayControls({ loggerControls, onStateChange }) {
     }
   };
   const handleAllOff = () => {
-    var _a2;
+    var _a;
     const allOff = {
       timestamp: false,
       emoji: false,
@@ -13105,10 +13366,10 @@ function DisplayControls({ loggerControls, onStateChange }) {
     setTimestampMode("disable");
     try {
       Object.entries(allOff).forEach(([key, value]) => {
-        var _a3;
-        (_a3 = loggerControls.setDisplayOption) == null ? void 0 : _a3.call(loggerControls, key, value);
+        var _a2;
+        (_a2 = loggerControls.setDisplayOption) == null ? void 0 : _a2.call(loggerControls, key, value);
       });
-      (_a2 = loggerControls.setTimestampMode) == null ? void 0 : _a2.call(loggerControls, "disable");
+      (_a = loggerControls.setTimestampMode) == null ? void 0 : _a.call(loggerControls, "disable");
       const devtoolsLogger = getDevToolsLogger$2();
       devtoolsLogger.info("All display options disabled (message kept on)");
     } catch (error) {
@@ -13120,7 +13381,7 @@ function DisplayControls({ loggerControls, onStateChange }) {
     }
   };
   const handleReset = () => {
-    var _a2;
+    var _a;
     const defaults = {
       timestamp: true,
       emoji: true,
@@ -13134,10 +13395,10 @@ function DisplayControls({ loggerControls, onStateChange }) {
     setTimestampMode("absolute");
     try {
       Object.entries(defaults).forEach(([key, value]) => {
-        var _a3;
-        (_a3 = loggerControls.setDisplayOption) == null ? void 0 : _a3.call(loggerControls, key, value);
+        var _a2;
+        (_a2 = loggerControls.setDisplayOption) == null ? void 0 : _a2.call(loggerControls, key, value);
       });
-      (_a2 = loggerControls.setTimestampMode) == null ? void 0 : _a2.call(loggerControls, "absolute");
+      (_a = loggerControls.setTimestampMode) == null ? void 0 : _a.call(loggerControls, "absolute");
       const devtoolsLogger = getDevToolsLogger$2();
       devtoolsLogger.info("Display options reset to defaults");
     } catch (error) {
@@ -13427,9 +13688,9 @@ function PanelContainer({
   );
 }
 const getDevToolsLogger$1 = () => {
-  var _a2;
+  var _a;
   const instance = JSGLogger.getInstanceSync();
-  return ((_a2 = instance == null ? void 0 : instance.getComponent) == null ? void 0 : _a2.call(instance, "devtools-ui")) || {
+  return ((_a = instance == null ? void 0 : instance.getComponent) == null ? void 0 : _a.call(instance, "devtools-ui")) || {
     info: console.log.bind(console, "[JSG-DEVTOOLS]"),
     warn: console.warn.bind(console, "[JSG-DEVTOOLS]"),
     error: console.error.bind(console, "[JSG-DEVTOOLS]")
@@ -13441,17 +13702,17 @@ function DevToolsPanel({ loggerControls, onUnmount }) {
   const [components2, setComponents] = d([]);
   const [loggerStats, setLoggerStats] = d({ total: 0 });
   y(() => {
-    var _a2, _b, _c, _d;
+    var _a, _b, _c, _d;
     if (loggerControls) {
-      const componentList = ((_a2 = loggerControls.listComponents) == null ? void 0 : _a2.call(loggerControls)) || [];
+      const componentList = ((_a = loggerControls.listComponents) == null ? void 0 : _a.call(loggerControls)) || [];
       const devtoolsLogger = getDevToolsLogger$1();
       devtoolsLogger.info("📋 Initial component list read", { componentCount: componentList.length, components: componentList });
       setComponents(componentList);
       const stats = ((_b = loggerControls.getStats) == null ? void 0 : _b.call(loggerControls)) || { total: 0 };
       setLoggerStats(stats);
       const unsubscribe = (_c = loggerControls.subscribe) == null ? void 0 : _c.call(loggerControls, (logEntry, allLogs) => {
-        var _a3;
-        const updatedStats = ((_a3 = loggerControls.getStats) == null ? void 0 : _a3.call(loggerControls)) || { total: 0 };
+        var _a2;
+        const updatedStats = ((_a2 = loggerControls.getStats) == null ? void 0 : _a2.call(loggerControls)) || { total: 0 };
         setLoggerStats(updatedStats);
       });
       const unsubscribeComponents = (_d = loggerControls.subscribeToComponents) == null ? void 0 : _d.call(loggerControls, (newComponents) => {
@@ -13464,8 +13725,8 @@ function DevToolsPanel({ loggerControls, onUnmount }) {
         const devtoolsLogger2 = getDevToolsLogger$1();
         devtoolsLogger2.warn("⚠️ subscribeToComponents not available, using timeout fallback");
         timeoutId = setTimeout(() => {
-          var _a3;
-          const updated = ((_a3 = loggerControls.listComponents) == null ? void 0 : _a3.call(loggerControls)) || [];
+          var _a2;
+          const updated = ((_a2 = loggerControls.listComponents) == null ? void 0 : _a2.call(loggerControls)) || [];
           setComponents(updated);
         }, 100);
       } else {
@@ -13510,32 +13771,32 @@ function DevToolsPanel({ loggerControls, onUnmount }) {
     }
   };
   const handleLevelChange = (componentName, newLevel) => {
-    var _a2;
-    (_a2 = loggerControls.setLevel) == null ? void 0 : _a2.call(loggerControls, componentName, newLevel);
+    var _a;
+    (_a = loggerControls.setLevel) == null ? void 0 : _a.call(loggerControls, componentName, newLevel);
     const devtoolsLogger = getDevToolsLogger$1();
     devtoolsLogger.info(`Changed ${componentName} level to: ${newLevel.toUpperCase()}`);
   };
   const handleGlobalDebug = () => {
-    var _a2;
-    (_a2 = loggerControls.enableDebugMode) == null ? void 0 : _a2.call(loggerControls);
+    var _a;
+    (_a = loggerControls.enableDebugMode) == null ? void 0 : _a.call(loggerControls);
     const devtoolsLogger = getDevToolsLogger$1();
     devtoolsLogger.info("Enabled debug mode for all components");
   };
   const handleGlobalTrace = () => {
-    var _a2;
-    (_a2 = loggerControls.enableTraceMode) == null ? void 0 : _a2.call(loggerControls);
+    var _a;
+    (_a = loggerControls.enableTraceMode) == null ? void 0 : _a.call(loggerControls);
     const devtoolsLogger = getDevToolsLogger$1();
     devtoolsLogger.info("Enabled trace mode for all components");
   };
   const handleReset = () => {
-    var _a2;
-    (_a2 = loggerControls.reset) == null ? void 0 : _a2.call(loggerControls);
+    var _a;
+    (_a = loggerControls.reset) == null ? void 0 : _a.call(loggerControls);
     const devtoolsLogger = getDevToolsLogger$1();
     devtoolsLogger.info("Reset all settings to defaults");
   };
   const handleUnload = () => {
-    var _a2;
-    (_a2 = loggerControls.disableDevPanel) == null ? void 0 : _a2.call(loggerControls);
+    var _a;
+    (_a = loggerControls.disableDevPanel) == null ? void 0 : _a.call(loggerControls);
   };
   y(() => {
     if (onUnmount) {
@@ -13838,16 +14099,16 @@ let panelInstance = null;
 let isInitialized = false;
 let closeHandler = null;
 function initializePanel() {
-  var _a2;
+  var _a;
   const devtoolsLogger = getDevToolsLogger();
   const existingPanel = document.getElementById("jsg-devtools-panel");
   if (existingPanel) {
     devtoolsLogger.info("Panel already exists in DOM, returning existing instance");
-    return ((_a2 = window.JSG_DevTools) == null ? void 0 : _a2.panelInstance) || {
+    return ((_a = window.JSG_DevTools) == null ? void 0 : _a.panelInstance) || {
       container: existingPanel,
       destroy: () => {
-        var _a3;
-        if ((_a3 = window.JSG_DevTools) == null ? void 0 : _a3.destroy) {
+        var _a2;
+        if ((_a2 = window.JSG_DevTools) == null ? void 0 : _a2.destroy) {
           window.JSG_DevTools.destroy();
         }
       }