Route all liveLog/liveWarn calls to Live Debugger panel#67
Merged
MarcosBrendonDePaula merged 7 commits intomainfrom Feb 22, 2026
Merged
Route all liveLog/liveWarn calls to Live Debugger panel#67MarcosBrendonDePaula merged 7 commits intomainfrom
MarcosBrendonDePaula merged 7 commits intomainfrom
Conversation
…ole.log WebSocketConnectionManager and FileUploadManager were using direct console.log/warn calls, bypassing the existing LiveLogger system. This caused noisy output (connection pool, state signing, ping messages) even when LIVE_LOGGING was disabled. All informational logs now respect the per-component and global LIVE_LOGGING configuration. Error-level console.error calls are intentionally kept as-is. https://claude.ai/code/session_01EUCPXXmAWMM4NLiYD6jVPc
LiveLogger now emits all liveLog/liveWarn calls to the Live Debugger as LOG events (with category, level, message, and details). This happens whenever DEBUG_LIVE is enabled, regardless of LIVE_LOGGING console setting. The debug panel shows all infrastructure logs (websocket connections, state signing, file uploads, etc.) while the server console stays clean by default. https://claude.ai/code/session_01EUCPXXmAWMM4NLiYD6jVPc
Previously defaulted to true in development, flooding the debug panel. Now silent by default — enable explicitly with DEBUG_LIVE=true. https://claude.ai/code/session_01EUCPXXmAWMM4NLiYD6jVPc
LiveCounter had static logging enabled for lifecycle, messages, state, and rooms — causing noisy output on every mount/state sign. Commented out so the demo component is silent by default. Developers can uncomment it when debugging specific components. https://claude.ai/code/session_01EUCPXXmAWMM4NLiYD6jVPc
The debug panel (DEBUG_LIVE) now captures all live component logs, making per-component static logging unnecessary for debugging. https://claude.ai/code/session_01EUCPXXmAWMM4NLiYD6jVPc
Container uses items-stretch so all three cards match the tallest one. Cards use flex-col with flex-1 on the counter area to center the number vertically and push buttons/footer to the bottom. https://claude.ai/code/session_01EUCPXXmAWMM4NLiYD6jVPc
Document the DEBUG_LIVE debug panel integration, LOG event type, and recommend DEBUG_LIVE over static logging for debugging. https://claude.ai/code/session_01EUCPXXmAWMM4NLiYD6jVPc
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
This PR decouples console logging from debug panel visibility by always forwarding
liveLog()andliveWarn()calls to the Live Debugger, regardless of theLIVE_LOGGINGenvironment variable setting. This allows developers to keep the console clean while still seeing all logging details in the debug panel whenDEBUG_LIVEis enabled.Key Changes
LiveLogger.ts:
emitToDebugger()function to forward log entries to the Live Debugger as LOG eventsliveLog()andliveWarn()to always emit to debugger before checking console logging configLIVE_LOGGINGsettingliveDebuggerfrom LiveDebugger moduleFileUploadManager.ts:
console.log()andconsole.warn()calls withliveLog('messages', ...)andliveWarn('messages', ...)callscomponentIdornullto categorize upload-related messagesWebSocketConnectionManager.ts:
console.log()andconsole.warn()calls withliveLog('websocket', ...)andliveWarn('websocket', ...)callsruntime.config.ts:
DEBUG_LIVEdefault fromtruein development tofalse(opt-in only)LiveCounter.ts:
static loggingconfiguration (no longer needed with new approach)LiveDebugger.ts:
'LOG'toDebugEventTypeunion to support new log event typeImplementation Details
The new
emitToDebugger()function intelligently packages log arguments:detailsdetailscategory,level, andmessagefieldsThis ensures the debug panel receives structured, categorized logging data while the console output remains controlled by the
LIVE_LOGGINGenvironment variable.https://claude.ai/code/session_01EUCPXXmAWMM4NLiYD6jVPc