Changeset 0.4.1 (#33)

2026-02-18 18:58:47 +00:00
parent c98eb80950
commit e2f538d787
6 changed files with 795 additions and 36 deletions
--- a/src/css/styles.css
+++ b/src/css/styles.css
@@ -1412,3 +1412,157 @@ body {
    border: 1px solid #f59e0b33;
    color: #fbbf24;
 }
+
+/* ── Debug Modal ─────────────────────────── */
+
+.debug-modal {
+    max-width: 900px;
+    height: 80vh;
+    display: flex;
+    flex-direction: column;
+}
+
+.debug-tabs {
+    display: flex;
+    gap: 0;
+    border-bottom: 1px solid var(--border);
+    padding: 0 1rem;
+    background: var(--bg-secondary);
+}
+
+.debug-tab {
+    padding: 0.5rem 1rem;
+    background: none;
+    border: none;
+    color: var(--text-secondary);
+    cursor: pointer;
+    font-size: 0.8rem;
+    border-bottom: 2px solid transparent;
+    transition: color 0.2s, border-color 0.2s;
+}
+
+.debug-tab:hover { color: var(--text-primary); }
+.debug-tab.active {
+    color: var(--accent);
+    border-bottom-color: var(--accent);
+}
+
+.debug-modal-body {
+    flex: 1;
+    overflow: hidden;
+    padding: 0 !important;
+}
+
+.debug-tab-content {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.debug-toolbar {
+    display: flex;
+    gap: 1rem;
+    padding: 0.4rem 1rem;
+    border-bottom: 1px solid var(--border);
+    font-size: 0.75rem;
+}
+
+.debug-check {
+    display: flex;
+    align-items: center;
+    gap: 0.3rem;
+    color: var(--text-secondary);
+    cursor: pointer;
+}
+
+.debug-content {
+    flex: 1;
+    overflow-y: auto;
+    padding: 0.5rem;
+    font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;
+    font-size: 0.72rem;
+    line-height: 1.5;
+}
+
+.debug-entry {
+    padding: 1px 0.5rem;
+    border-bottom: 1px solid rgba(128, 128, 128, 0.08);
+    white-space: pre-wrap;
+    word-break: break-all;
+}
+
+.debug-entry:hover {
+    background: rgba(255, 255, 255, 0.02);
+}
+
+.debug-time {
+    color: var(--text-secondary);
+    opacity: 0.6;
+    font-size: 0.68rem;
+}
+
+.debug-msg {
+    color: var(--text-primary);
+}
+
+.debug-empty {
+    color: var(--text-secondary);
+    text-align: center;
+    padding: 2rem;
+    font-family: inherit;
+}
+
+.debug-net-entry {
+    border-bottom: 1px solid var(--border);
+}
+
+.debug-net-entry summary {
+    padding: 0.4rem 0.5rem;
+    cursor: pointer;
+    font-size: 0.75rem;
+}
+
+.debug-net-entry summary:hover {
+    background: rgba(255, 255, 255, 0.02);
+}
+
+.debug-net-method {
+    font-weight: bold;
+    color: var(--accent);
+    min-width: 3em;
+    display: inline-block;
+}
+
+.debug-net-url {
+    color: var(--text-primary);
+    word-break: break-all;
+}
+
+.debug-net-detail {
+    padding: 0.5rem 1rem;
+    font-size: 0.72rem;
+}
+
+.debug-pre {
+    white-space: pre-wrap;
+    word-break: break-all;
+    max-height: 200px;
+    overflow: auto;
+    padding: 0.5rem;
+    background: rgba(0, 0, 0, 0.2);
+    border-radius: 4px;
+    margin: 0.3rem 0;
+}
+
+.debug-state-pre {
+    max-height: none;
+    font-size: 0.75rem;
+}
+
+.debug-footer {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.5rem 1rem;
+    border-top: 1px solid var(--border);
+}