Changeset 0.4.1 (#33)

This commit is contained in:
2026-02-18 18:58:47 +00:00
parent c98eb80950
commit e2f538d787
6 changed files with 795 additions and 36 deletions

View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chat Switchboard</title>
<link rel="stylesheet" href="css/styles.css?v=0.4.2">
<link rel="stylesheet" href="css/styles.css?v=0.4.1">
</head>
<body>
<div id="appContainer" class="app-hidden" style="display:none">
@@ -456,14 +456,66 @@
</div>
</div>
<!-- Debug Modal (Ctrl+Shift+D) -->
<div class="modal-overlay" id="debugModal">
<div class="modal debug-modal">
<div class="modal-header">
<h2>🐛 Debug Log</h2>
<button class="modal-close" onclick="closeDebugModal()"></button>
</div>
<div class="debug-tabs">
<button class="debug-tab active" data-tab="console" onclick="switchDebugTab('console')">
Console (<span id="debugConsoleCount">0</span>)
</button>
<button class="debug-tab" data-tab="network" onclick="switchDebugTab('network')">
Network (<span id="debugNetworkCount">0</span>)
</button>
<button class="debug-tab" data-tab="state" onclick="switchDebugTab('state')">
State
</button>
</div>
<div class="modal-body debug-modal-body">
<!-- Console Tab -->
<div class="debug-tab-content" id="debugConsoleTab">
<div class="debug-toolbar">
<label class="debug-check">
<input type="checkbox" id="debugFilterErrors"> Errors only
</label>
<label class="debug-check">
<input type="checkbox" id="debugAutoScroll" checked> Auto-scroll
</label>
</div>
<div id="debugConsoleContent" class="debug-content"></div>
</div>
<!-- Network Tab -->
<div class="debug-tab-content" id="debugNetworkTab" style="display:none">
<div id="debugNetworkContent" class="debug-content"></div>
</div>
<!-- State Tab -->
<div class="debug-tab-content" id="debugStateTab" style="display:none">
<div id="debugStateContent" class="debug-content"></div>
</div>
</div>
<div class="modal-footer debug-footer">
<button class="btn btn-primary btn-small" onclick="runDebugDiagnostics()">🔍 Run Diagnostics</button>
<div style="margin-left: auto; display: flex; gap: 0.5rem;">
<button class="btn btn-secondary btn-small" onclick="clearDebugLog()">🗑️ Clear</button>
<button class="btn btn-secondary btn-small" onclick="copyDebugLog()">📋 Copy</button>
<button class="btn btn-secondary btn-small" onclick="exportDebugLog()">📥 Export</button>
</div>
</div>
</div>
</div>
<div class="toast-container" id="toastContainer"></div>
<script src="js/storage.js?v=0.4.2"></script>
<script src="js/backend.js?v=0.4.2"></script>
<script src="js/state.js?v=0.4.2"></script>
<script src="js/api.js?v=0.4.2"></script>
<script src="js/ui.js?v=0.4.2"></script>
<script src="js/admin.js?v=0.4.2"></script>
<script src="js/app.js?v=0.4.2"></script>
<script src="js/debug.js?v=0.4.1"></script>
<script src="js/storage.js?v=0.4.1"></script>
<script src="js/backend.js?v=0.4.1"></script>
<script src="js/state.js?v=0.4.1"></script>
<script src="js/api.js?v=0.4.1"></script>
<script src="js/ui.js?v=0.4.1"></script>
<script src="js/admin.js?v=0.4.1"></script>
<script src="js/app.js?v=0.4.1"></script>
</body>
</html>