pg_reports 0.5.3 → 0.6.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0e9a2129fba68b259fc72598215a7cc02ff8785c93a786603505d9b9987d5df1
-  data.tar.gz: 7910113c5cc18115f59463067ab201f1942ec8b968570557af8aefda645098c7
+  metadata.gz: 4e7cfad6574b6b9134d0e1b4bb6ec4ad71b1c8ca9c4fc487acc7839f4ac70168
+  data.tar.gz: 918940a09ac75506828c580bc7c64d0b7b8673ae11a9656c425dca69e715d50e
 SHA512:
-  metadata.gz: 7e5573dd2cca17cc74cdfe104e6eb09249069d59d50b033effd15e9c46bcb63040da50d998d91c8a2c7e31b8dc4fd3f86c2692f5b60d83050db766942d9a5d46
-  data.tar.gz: 025a5a37c86817e22265aff1227e332a1f5dd09cf0954a48321fe1ca5dc8c8f402cd13671c4b7b4c1b69e7ec739ef7f8ca47280b11894718d1bcaa946d7983b7
+  metadata.gz: e8b00907aaaac1daf07c65ea1b37e9a70b9067f507be0d3f3b8e0863a0848600285dc63cc55a039e86fd5cfcc8af05ce785f58ea40a09677a6832dec0b39de7e
+  data.tar.gz: 61d1c769f1e8c9d9eaeaf78f16ca393b782f0ee10ee1cd2d20f468c888d73d79a6c66270219d9938883681ae8a67318655e01ad201bd567b4e3daf056cfa10c3

data/CHANGELOG.md

@@ -7,6 +7,67 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.6.0] - 2026-04-11
+
+### Added
+
+- **7 new reports** covering previously undetected PostgreSQL problems:
+  - `inefficient_indexes` — indexes with high read-to-fetch ratio indicating misaligned composite index column order
+  - `fk_without_indexes` — foreign keys on child tables missing a supporting index, causing seq scans on parent DELETE/UPDATE
+  - `index_correlation` — low physical correlation between index order and row order, causing excessive random I/O on range scans
+  - `temp_file_queries` — queries spilling intermediate results to disk due to insufficient `work_mem` (requires pg_stat_statements)
+  - `tables_without_pk` — tables missing primary keys, which breaks logical replication and causes ORM issues
+  - `wraparound_risk` — transaction ID age proximity to the 2-billion wraparound limit that triggers emergency PostgreSQL shutdown
+  - `checkpoint_stats` — checkpoint frequency and background writer metrics with PostgreSQL 17+ support
+- **AI Prompt Export** — "Copy Prompt" button in the Export dropdown generates a ready-to-paste prompt for AI coding assistants (Claude Code, Cursor, Codex) with problem description, fix instructions, and actual report data as examples. Available for 28 actionable reports.
+- **Compatibility warnings** — the gem now warns at boot if Ruby, Rails, or PostgreSQL versions are below minimum supported (Ruby 2.7, Rails 5.0, PostgreSQL 12)
+- **`inefficient_index_threshold_ratio`** configuration option (default: 10) for the inefficient indexes report
+- Full i18n support for all new reports in English, Russian, and Ukrainian
+
+### Fixed
+
+- **Critical: infinite recursion in Query Monitor with database-backed cache stores** (SolidCache, ActiveRecord Cache Store) — `handle_sql_event` called `Rails.cache.read()` on every SQL event to check `enabled` state, which with DB-backed caches generated new SQL events, creating an infinite loop. Fixed by storing monitoring state in local instance variables (`@enabled`, `@session_id`) and syncing from cache only at initialization. Added reentrancy guard as additional safety net. (Reported via [PR #7](https://github.com/deadalice/pg_reports/pull/7))
+- **`checkpoint_stats` compatibility with PostgreSQL 17+** — checkpoint columns were moved from `pg_stat_bgwriter` to `pg_stat_checkpointer` with renamed columns. The report now auto-detects the PostgreSQL version and uses the appropriate query.
+- **26 previously failing Query Monitor specs** now pass — tests no longer depend on `Rails.cache` availability
+
+### Changed
+
+- **Dashboard UI redesign** — flattened the visual style to remove typical AI-generated patterns:
+  - Removed gradient buttons, gradient text on logo, backdrop blur on modals
+  - Removed `translateY` hover animations on cards and buttons
+  - Unified `border-radius` to 6px across all components (was 8–16px)
+  - Subdued box-shadows (`0 4px 16px` instead of `0 10px 40px`)
+  - Muted color palette — same CSS variables, lower saturation
+  - Background warmed from `#0f1114` to `#151719`
+  - Removed colored icon backgrounds from category cards
+  - Report links now transparent by default (tertiary fill on hover only)
+  - NEW badge restyled: tinted background instead of solid green
+  - Buttons use flat solid color instead of gradients
+- "Download" button renamed to "Export" with AI Prompt option added to the dropdown
+- New reports tagged with `NEW` badge in the dashboard sidebar
+- Query Monitor `enabled` and `session_id` public methods now return local state instead of hitting cache on every call
+
+## [0.5.4] - 2026-02-11
+
+### Fixed
+
+- **Live Query Monitor critical fix for multi-process servers** - monitoring now works correctly with Puma, Unicorn, and other multi-process web servers:
+  - Migrated from Singleton instance variables to Rails.cache for cross-process state sharing
+  - Fixed "Monitoring not active" errors when requests hit different worker processes
+  - Each process now subscribes to SQL notifications when monitoring is enabled
+  - State (enabled/session_id) stored in Rails.cache with 24-hour TTL
+  - Added cache helper methods with graceful error handling
+  - Monitoring state now persists across all processes in multi-worker environments
+  - Exclude `query_monitor.rb` itself from `query_from_pg_reports?` check to prevent false positives
+
+### Added
+
+- **Enhanced error handling for Query Monitor**:
+  - Toast notification system with visual feedback (success/error/warning types)
+  - Server errors now displayed to users with clear messages
+  - Automatic monitoring stop and UI reset when errors occur
+  - Smooth animations with auto-dismiss after 4 seconds
+
 ## [0.5.3] - 2026-02-11
 
 ### Fixed

data/README.md

@@ -24,6 +24,7 @@ A comprehensive PostgreSQL monitoring and analysis library for Rails application
 - 📊 **EXPLAIN ANALYZE** - Advanced query plan analyzer with problem detection and recommendations
 - 🔍 **SQL Query Monitoring** - Real-time monitoring of all executed SQL queries with source location tracking
 - 🔌 **Connection Pool Analytics** - Monitor pool usage, wait times, saturation warnings, and connection churn
+- 🤖 **AI Prompt Export** - Copy a ready-to-paste prompt for Claude Code, Cursor, or Codex with problem context and report data
 - 🗑️ **Migration Generator** - Generate Rails migrations to drop unused indexes
 
 ## Installation
@@ -201,6 +202,7 @@ config.active_record.query_log_tags = [:controller, :action]
 | `expensive_queries` | Queries consuming most total time |
 | `missing_index_queries` | Queries potentially missing indexes |
 | `low_cache_hit_queries` | Queries with poor cache utilization |
+| `temp_file_queries` | 🆕 Queries spilling to disk via temporary files |
 | `all_queries` | All query statistics |
 | `reset_statistics!` | Reset pg_stat_statements data |
 
@@ -212,6 +214,9 @@ config.active_record.query_log_tags = [:controller, :action]
 | `duplicate_indexes` | Redundant indexes |
 | `invalid_indexes` | Indexes that failed to build |
 | `missing_indexes` | Tables potentially missing indexes |
+| `inefficient_indexes` | 🆕 Indexes with high read-to-fetch ratio (misaligned column order) |
+| `fk_without_indexes` | 🆕 Foreign keys missing indexes on child table |
+| `index_correlation` | 🆕 Low physical correlation causing random I/O |
 | `index_usage` | Index scan statistics |
 | `bloated_indexes` | Indexes with high bloat |
 | `index_sizes` | Index disk usage |
@@ -226,6 +231,7 @@ config.active_record.query_log_tags = [:controller, :action]
 | `row_counts` | Table row counts |
 | `cache_hit_ratios` | Table cache statistics |
 | `seq_scans` | Tables with high sequential scans |
+| `tables_without_pk` | 🆕 Tables missing primary keys |
 | `recently_modified` | Tables with recent activity |
 
 ### Connections
@@ -238,10 +244,10 @@ config.active_record.query_log_tags = [:controller, :action]
 | `blocking_queries` | Queries blocking others |
 | `locks` | Current database locks |
 | `idle_connections` | Idle connections |
-| `pool_usage` | 🆕 Connection pool utilization analysis |
-| `pool_wait_times` | 🆕 Resource wait time analysis |
-| `pool_saturation` | 🆕 Pool health warnings with recommendations |
-| `connection_churn` | 🆕 Connection lifecycle and churn rate analysis |
+| `pool_usage` | Connection pool utilization analysis |
+| `pool_wait_times` | Resource wait time analysis |
+| `pool_saturation` | Pool health warnings with recommendations |
+| `connection_churn` | Connection lifecycle and churn rate analysis |
 | `kill_connection(pid)` | Terminate a backend process |
 | `cancel_query(pid)` | Cancel a running query |
 
@@ -253,6 +259,8 @@ config.active_record.query_log_tags = [:controller, :action]
 | `settings` | PostgreSQL configuration |
 | `extensions` | Installed extensions |
 | `activity_overview` | Current activity summary |
+| `wraparound_risk` | 🆕 Transaction ID wraparound proximity |
+| `checkpoint_stats` | 🆕 Checkpoint and bgwriter statistics (PG 12–18+) |
 | `cache_stats` | Database cache statistics |
 | `pg_stat_statements_available?` | Check if extension is ready |
 | `enable_pg_stat_statements!` | Create the extension |

data/app/controllers/pg_reports/dashboard_controller.rb

@@ -47,7 +47,7 @@ module PgReports
           timestamp: Time.current.to_i,
           available: true
         }
-      rescue PG::InsufficientPrivilege => e
+      rescue PG::InsufficientPrivilege
         render json: {
           success: false,
           error: "Insufficient database permissions to access statistics views",
@@ -363,8 +363,10 @@ module PgReports
 
     def start_query_monitoring
       monitor = PgReports::QueryMonitor.instance
+      Rails.logger.info("PgReports: start_query_monitoring called. Instance: #{monitor.object_id}")
 
       result = monitor.start
+      Rails.logger.info("PgReports: start result: #{result.inspect}")
 
       if result[:success]
         render json: result
@@ -372,6 +374,7 @@ module PgReports
         render json: result, status: :unprocessable_entity
       end
     rescue => e
+      Rails.logger.error("PgReports: start_query_monitoring error: #{e.message}\n#{e.backtrace.first(5).join("\n")}")
       render json: {success: false, error: e.message}, status: :unprocessable_entity
     end
 
@@ -407,6 +410,7 @@ module PgReports
       monitor = PgReports::QueryMonitor.instance
 
       unless monitor.enabled
+        Rails.logger.warn("PgReports: query_monitor_feed called but monitoring not active. Instance: #{monitor.object_id}, enabled: #{monitor.enabled}, session_id: #{monitor.session_id}")
         render json: {success: false, message: "Monitoring not active"}
         return
       end
@@ -634,7 +638,7 @@ module PgReports
 
       # Must start with SELECT (case insensitive)
       unless normalized.start_with?("select")
-        raise SecurityError, "Only SELECT queries are allowed. Found: #{normalized.split.first&.upcase || 'unknown'}"
+        raise SecurityError, "Only SELECT queries are allowed. Found: #{normalized.split.first&.upcase || "unknown"}"
       end
 
       # Check for dangerous keywords that might be in subqueries or CTEs

data/app/views/layouts/pg_reports/application.html.erb

@@ -13,22 +13,22 @@
   <% end %>
   <style>
     :root {
-      --bg-primary: #0f1114;
-      --bg-secondary: #161a1e;
-      --bg-tertiary: #1e2328;
-      --bg-card: #1a1e23;
-      --border-color: #2d3339;
-      --text-primary: #d4d7dc;
-      --text-secondary: #9ca3ab;
-      --text-muted: #6b7280;
-      --accent-purple: #9d8cd6;
-      --accent-blue: #6b9fe8;
-      --accent-green: #5fb89a;
-      --accent-amber: #d4a056;
-      --accent-rose: #d97084;
-      --accent-indigo: #8b8fd9;
-      --gradient-start: #6b9fe8;
-      --gradient-end: #8b8fd9;
+      --bg-primary: #151719;
+      --bg-secondary: #1c1f22;
+      --bg-tertiary: #232629;
+      --bg-card: #1c1f22;
+      --border-color: #2e3235;
+      --text-primary: #c9cbcd;
+      --text-secondary: #888d93;
+      --text-muted: #5e6369;
+      --accent-purple: #7c8af6;
+      --accent-blue: #5c9eed;
+      --accent-green: #45a87a;
+      --accent-amber: #c89030;
+      --accent-rose: #d45d6e;
+      --accent-indigo: #7c8af6;
+      --gradient-start: #7c8af6;
+      --gradient-end: #7c8af6;
     }
 
     * {
@@ -68,26 +68,24 @@
     }
 
     .logo-icon {
-      width: 44px;
-      height: 44px;
-      background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
+      width: 32px;
+      height: 32px;
+      background: var(--accent-purple);
       border-radius: 6px;
       display: flex;
       align-items: center;
       justify-content: center;
-      font-size: 1.4rem;
+      font-size: 1rem;
     }
 
     .logo-text h1 {
-      font-size: 1.25rem;
-      font-weight: 700;
-      background: linear-gradient(135deg, var(--text-primary), var(--text-secondary));
-      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent;
+      font-size: 1.1rem;
+      font-weight: 600;
+      color: var(--text-primary);
     }
 
     .logo-text span {
-      font-size: 0.75rem;
+      font-size: 0.7rem;
       color: var(--text-muted);
     }
 
@@ -130,14 +128,12 @@
     .category-card {
       background: var(--bg-card);
       border: 1px solid var(--border-color);
-      border-radius: 8px;
+      border-radius: 6px;
       padding: 1rem;
-      transition: all 0.2s ease;
     }
 
     .category-card:hover {
-      border-color: var(--accent-purple);
-      transform: translateY(-1px);
+      border-color: #3e4347;
     }
 
     .category-header {
@@ -148,13 +144,15 @@
     }
 
     .category-icon {
-      width: 36px;
-      height: 36px;
-      border-radius: 6px;
+      width: 28px;
+      height: 28px;
+      border-radius: 4px;
       display: flex;
       align-items: center;
       justify-content: center;
-      font-size: 1.125rem;
+      font-size: 0.95rem;
+      background: transparent !important;
+      color: var(--text-secondary) !important;
     }
 
     .category-title {
@@ -181,19 +179,18 @@
       display: flex;
       align-items: center;
       justify-content: space-between;
-      padding: 0.6rem 0.875rem;
-      background: var(--bg-tertiary);
+      padding: 0.45rem 0.7rem;
+      background: transparent;
       border: 1px solid transparent;
-      border-radius: 6px;
+      border-radius: 4px;
       color: var(--text-secondary);
       text-decoration: none;
-      font-size: 0.85rem;
-      transition: all 0.15s ease;
+      font-size: 0.82rem;
+      transition: background 0.1s, color 0.1s;
     }
 
     .report-link:hover {
-      background: var(--bg-secondary);
-      border-color: var(--border-color);
+      background: var(--bg-tertiary);
       color: var(--text-primary);
     }
 
@@ -208,6 +205,20 @@
       transform: translateX(0);
     }
 
+    .report-badge-new {
+      display: inline-block;
+      margin-left: 0.4rem;
+      padding: 0.1rem 0.35rem;
+      font-size: 0.55rem;
+      font-weight: 600;
+      letter-spacing: 0.04em;
+      line-height: 1.2;
+      color: var(--accent-green);
+      background: rgba(69, 168, 122, 0.12);
+      border-radius: 3px;
+      vertical-align: middle;
+    }
+
     /* Report Detail Page */
     .report-page {
       display: flex;
@@ -230,7 +241,7 @@
     }
 
     .breadcrumb a:hover {
-      color: var(--accent-purple);
+      color: var(--text-primary);
     }
 
     .report-header {
@@ -264,25 +275,24 @@
       height: 36px;
       padding: 0 1rem;
       border: 1px solid transparent;
-      border-radius: 6px;
+      border-radius: 4px;
       font-family: inherit;
       font-size: 0.8rem;
       font-weight: 500;
       cursor: pointer;
-      transition: all 0.15s ease;
+      transition: background 0.1s;
       white-space: nowrap;
       text-decoration: none;
     }
 
     .btn-primary {
-      background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
-      color: white;
-      border-color: transparent;
+      background: var(--accent-purple);
+      color: #fff;
+      border-color: var(--accent-purple);
     }
 
     .btn-primary:hover {
-      opacity: 0.9;
-      transform: translateY(-1px);
+      background: #6b79e4;
     }
 
     .btn-secondary {
@@ -292,19 +302,19 @@
     }
 
     .btn-secondary:hover {
-      background: var(--bg-secondary);
+      background: #2a2d31;
       color: var(--text-primary);
     }
 
     .btn-telegram {
-      background: #4a9ebe;
-      color: white;
-      border-color: #4a9ebe;
+      background: var(--bg-tertiary);
+      color: var(--text-secondary);
+      border: 1px solid var(--border-color);
     }
 
     .btn-telegram:hover {
-      background: #5aaccc;
-      border-color: #5aaccc;
+      background: #2a2d31;
+      color: var(--text-primary);
     }
 
     .btn:disabled {
@@ -316,7 +326,7 @@
     .results-container {
       background: var(--bg-card);
       border: 1px solid var(--border-color);
-      border-radius: 8px;
+      border-radius: 6px;
       overflow: hidden;
     }
 
@@ -462,18 +472,17 @@
     .modal {
       position: fixed;
       inset: 0;
-      background: rgba(0, 0, 0, 0.7);
+      background: rgba(0, 0, 0, 0.6);
       display: flex;
       align-items: center;
       justify-content: center;
       z-index: 1000;
-      backdrop-filter: blur(4px);
     }
 
     .modal-content {
       background: var(--bg-card);
       border: 1px solid var(--border-color);
-      border-radius: 8px;
+      border-radius: 6px;
       max-width: 900px;
       width: 90%;
       max-height: 90vh;
@@ -553,7 +562,7 @@
       margin-bottom: 1.5rem;
       background: var(--bg-card);
       border: 1px solid var(--border-color);
-      border-radius: 8px;
+      border-radius: 6px;
       padding: 0.875rem 1rem;
     }
 
@@ -899,7 +908,7 @@
       padding: 0.75rem 1rem;
       background: var(--bg-tertiary);
       border: 1px solid var(--border-color);
-      border-radius: 8px;
+      border-radius: 6px;
       cursor: pointer;
       transition: all 0.15s;
     }

data/app/views/pg_reports/dashboard/_show_scripts.html.erb

@@ -248,6 +248,58 @@
     });
   }
 
+  // AI Prompt builder — assembles a prompt from documentation + report data
+  const aiPromptInstruction = <%== @documentation[:ai_prompt].to_json %>;
+  const aiPromptWhat = <%== @documentation[:what].to_json %>;
+  const aiPromptHow = <%== @documentation[:how].to_json %>;
+  const aiPromptNuances = <%== (@documentation[:nuances] || []).to_json %>;
+
+  function buildAiPrompt() {
+    if (!currentReportData || !currentReportData.data) return null;
+
+    const rows = currentReportData.data.slice(0, 15);
+    const cols = currentReportData.columns || [];
+
+    // Build markdown table from report data
+    let table = '| ' + cols.join(' | ') + ' |\n';
+    table += '| ' + cols.map(() => '---').join(' | ') + ' |\n';
+    rows.forEach(row => {
+      const values = cols.map(c => {
+        const v = row[c];
+        return v == null ? '' : String(v).replace(/\|/g, '\\|').substring(0, 120);
+      });
+      table += '| ' + values.join(' | ') + ' |\n';
+    });
+    if (currentReportData.data.length > 15) {
+      table += `\n(${currentReportData.data.length - 15} more rows omitted)\n`;
+    }
+
+    // Assemble the prompt
+    let prompt = `## Problem\n\n${aiPromptWhat}\n\n${aiPromptHow}\n`;
+    prompt += `\n## What needs to be done\n\n${aiPromptInstruction}\n`;
+    prompt += `\n## Detected issues\n\n${table}`;
+    if (aiPromptNuances.length > 0) {
+      prompt += `\n## Important context\n\n`;
+      aiPromptNuances.forEach(n => { prompt += `- ${n}\n`; });
+    }
+    return prompt;
+  }
+
+  function copyAiPrompt(el) {
+    const prompt = buildAiPrompt();
+    if (!prompt) {
+      showToast('Run the report first', 'error');
+      return;
+    }
+
+    document.getElementById('dropdown-menu').classList.remove('show');
+    navigator.clipboard.writeText(prompt).then(() => {
+      showToast('AI prompt copied to clipboard');
+    }).catch(() => {
+      showToast('Failed to copy', 'error');
+    });
+  }
+
   // Check if a value exceeds threshold
   function checkThreshold(value, threshold, inverted = false) {
     if (!threshold || value === null || value === undefined) return null;
@@ -688,7 +740,7 @@
           `;
         }
 
-        // Show download and telegram buttons
+        // Show export and telegram buttons
         if (downloadDropdown) downloadDropdown.style.display = 'inline-block';
         if (telegramBtn) telegramBtn.style.display = 'inline-flex';
 

data/app/views/pg_reports/dashboard/_show_styles.html.erb

@@ -3,7 +3,7 @@
   .documentation-section {
     background: var(--bg-card);
     border: 1px solid var(--border-color);
-    border-radius: 12px;
+    border-radius: 6px;
     overflow: hidden;
   }
 
@@ -138,9 +138,9 @@
     margin-top: 4px;
     background: var(--bg-card);
     border: 1px solid var(--border-color);
-    border-radius: 10px;
+    border-radius: 6px;
     min-width: 160px;
-    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
     z-index: 100;
     overflow: hidden;
   }
@@ -167,6 +167,26 @@
     border-bottom: 1px solid var(--border-color);
   }
 
+  .dropdown-divider {
+    height: 0;
+    margin: 0;
+    border-top: 1px solid var(--border-color);
+  }
+
+  .dropdown-menu .ai-icon {
+    display: inline-block;
+    font-size: 0.6rem;
+    font-weight: 800;
+    background: #8b5cf6;
+    color: #fff;
+    border-radius: 3px;
+    padding: 0.1rem 0.3rem;
+    letter-spacing: 0.03em;
+    line-height: 1.2;
+    vertical-align: middle;
+    margin-right: 0.2rem;
+  }
+
   /* Clickable rows */
   .results-table tbody tr.data-row {
     cursor: pointer;
@@ -260,7 +280,7 @@
   .problem-modal-content {
     background: var(--bg-card);
     border: 1px solid var(--border-color);
-    border-radius: 16px;
+    border-radius: 6px;
     max-width: 600px;
     width: 90%;
     max-height: 80vh;
@@ -649,7 +669,7 @@
   .saved-records-section {
     background: var(--bg-card);
     border: 1px solid var(--accent-purple);
-    border-radius: 12px;
+    border-radius: 6px;
     margin-bottom: 1rem;
     overflow: hidden;
   }
@@ -1161,7 +1181,7 @@
   .filter-section {
     background: var(--bg-card);
     border: 1px solid var(--border-color);
-    border-radius: 12px;
+    border-radius: 6px;
     overflow: hidden;
   }
 
@@ -1272,7 +1292,7 @@
   /* Summary card at top */
   .explain-summary {
     background: var(--bg-card);
-    border-radius: 12px;
+    border-radius: 6px;
     padding: 1.25rem;
     margin-bottom: 1.5rem;
     border-left: 4px solid var(--accent-blue);
@@ -1344,7 +1364,7 @@
   .explain-stat {
     background: var(--bg-card);
     border: 1px solid var(--border-color);
-    border-radius: 10px;
+    border-radius: 6px;
     padding: 1rem;
     display: flex;
     flex-direction: column;
@@ -1387,7 +1407,7 @@
   .explain-problems {
     background: var(--bg-card);
     border: 1px solid var(--border-color);
-    border-radius: 12px;
+    border-radius: 6px;
     padding: 1.25rem;
     margin-bottom: 1.5rem;
   }
@@ -1482,7 +1502,7 @@
   .explain-output {
     background: var(--bg-card);
     border: 1px solid var(--border-color);
-    border-radius: 12px;
+    border-radius: 6px;
     overflow: hidden;
   }
 
@@ -1633,7 +1653,7 @@
     overflow-x: auto;
     background: var(--bg-card);
     border: 1px solid var(--border-color);
-    border-radius: 12px;
+    border-radius: 6px;
     padding: 1.25rem;
     color: var(--text-secondary);
   }