orfeas_lyra 0.6.0

data/app/views/lyra/dashboard/heatmap_view.html.erb

@@ -0,0 +1,155 @@
+<style>
+  .lyra-visualization { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; max-width: 1400px; margin: 0 auto; padding: 20px; }
+  .lyra-visualization h1 { color: #1a1a2e; border-bottom: 2px solid #4a4e69; padding-bottom: 10px; }
+  .lyra-visualization h2 { color: #4a4e69; margin-top: 30px; }
+  .lyra-visualization .breadcrumb { margin-bottom: 20px; font-size: 14px; }
+  .lyra-visualization .breadcrumb a { color: #4a4e69; text-decoration: none; }
+  .lyra-visualization .breadcrumb a:hover { text-decoration: underline; }
+  .lyra-visualization .controls { background: #f8f9fa; padding: 15px; border-radius: 8px; margin-bottom: 20px; display: flex; gap: 15px; align-items: center; }
+  .lyra-visualization .controls label { font-weight: 500; color: #495057; }
+  .lyra-visualization .controls select { padding: 8px 12px; border: 1px solid #dee2e6; border-radius: 4px; }
+  .lyra-visualization .controls button { padding: 8px 16px; background: #4a4e69; color: #fff; border: none; border-radius: 4px; cursor: pointer; }
+  .lyra-visualization .controls button:hover { background: #22223b; }
+  .lyra-visualization .stats-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; margin-bottom: 30px; }
+  .lyra-visualization .stat-card { background: #fff; border: 1px solid #dee2e6; border-radius: 8px; padding: 20px; text-align: center; }
+  .lyra-visualization .stat-card .value { font-size: 32px; font-weight: 700; color: #4a4e69; }
+  .lyra-visualization .stat-card .label { font-size: 14px; color: #6c757d; margin-top: 5px; }
+  .lyra-visualization .heatmap-grid { display: grid; grid-template-columns: 80px repeat(24, 1fr); gap: 2px; margin: 20px 0; }
+  .lyra-visualization .heatmap-cell { aspect-ratio: 1; display: flex; align-items: center; justify-content: center; font-size: 11px; border-radius: 3px; }
+  .lyra-visualization .heatmap-header { background: #f8f9fa; font-weight: 600; font-size: 10px; color: #495057; }
+  .lyra-visualization .heatmap-row-label { background: #f8f9fa; font-weight: 500; font-size: 12px; color: #495057; display: flex; align-items: center; justify-content: flex-end; padding-right: 8px; }
+  .lyra-visualization .breakdown-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
+  .lyra-visualization .breakdown-card { background: #fff; border: 1px solid #dee2e6; border-radius: 8px; padding: 20px; }
+  .lyra-visualization .breakdown-card h3 { margin: 0 0 15px 0; color: #1a1a2e; font-size: 16px; }
+  .lyra-visualization .bar-chart { display: flex; flex-direction: column; gap: 8px; }
+  .lyra-visualization .bar-row { display: flex; align-items: center; gap: 10px; }
+  .lyra-visualization .bar-label { width: 60px; font-size: 13px; color: #495057; }
+  .lyra-visualization .bar-container { flex: 1; height: 24px; background: #e9ecef; border-radius: 4px; overflow: hidden; }
+  .lyra-visualization .bar-fill { height: 100%; background: linear-gradient(90deg, #667eea, #764ba2); border-radius: 4px; transition: width 0.3s; }
+  .lyra-visualization .bar-value { width: 50px; text-align: right; font-size: 13px; color: #495057; font-weight: 500; }
+  .lyra-visualization .op-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
+  .lyra-visualization .op-card { background: #f8f9fa; padding: 15px; border-radius: 6px; text-align: center; }
+  .lyra-visualization .op-card .op-name { font-weight: 600; text-transform: uppercase; margin-bottom: 5px; }
+  .lyra-visualization .op-card .op-count { font-size: 24px; font-weight: 700; color: #4a4e69; }
+  .lyra-visualization .op-created { color: #28a745; }
+  .lyra-visualization .op-updated { color: #ffc107; }
+  .lyra-visualization .op-destroyed { color: #dc3545; }
+</style>
+
+<div class="lyra-visualization">
+  <div class="breadcrumb">
+    <%= link_to "Dashboard", lyra.dashboard_path %> &rsaquo; Activity Heatmap
+  </div>
+
+  <h1>Activity Heatmap</h1>
+  <p style="color: #6c757d;">
+    Visualize event activity patterns across time. Identify peak hours and days for database operations.
+  </p>
+
+  <div class="controls">
+    <%= form_tag(heatmap_view_path, method: :get, style: "display: flex; gap: 15px; align-items: center;") do %>
+      <label for="days">Time period:</label>
+      <%= select_tag :days, options_for_select([["Last 7 days", 7], ["Last 14 days", 14], ["Last 30 days", 30], ["Last 90 days", 90]], @days), id: "days" %>
+      <button type="submit">Update</button>
+    <% end %>
+    <a href="<%= heatmap_data_path(days: @days, format: :json) %>" style="color: #4a4e69; text-decoration: none; font-size: 14px;">Download JSON</a>
+  </div>
+
+  <% metadata = @heatmap_data[:metadata] || {} %>
+  <div class="stats-grid">
+    <div class="stat-card">
+      <div class="value"><%= metadata[:total_events] || 0 %></div>
+      <div class="label">Total Events</div>
+    </div>
+    <div class="stat-card">
+      <% peak_hour = metadata[:peak_hour] %>
+      <div class="value"><%= peak_hour ? peak_hour[:label] : "N/A" %></div>
+      <div class="label">Peak Hour</div>
+    </div>
+    <div class="stat-card">
+      <% peak_day = metadata[:peak_day] %>
+      <div class="value"><%= peak_day ? peak_day[:label] : "N/A" %></div>
+      <div class="label">Peak Day</div>
+    </div>
+    <div class="stat-card">
+      <% busiest = metadata[:busiest_slot] %>
+      <div class="value"><%= busiest ? "#{busiest[:day_label][0..2]} #{busiest[:hour_label]}" : "N/A" %></div>
+      <div class="label">Busiest Time Slot</div>
+    </div>
+  </div>
+
+  <% operations = metadata[:operations_breakdown] || {} %>
+  <% if operations.any? %>
+    <h2>Operations Summary</h2>
+    <div class="op-grid">
+      <% operations.each do |op, count| %>
+        <div class="op-card">
+          <div class="op-name op-<%= op %>"><%= op %></div>
+          <div class="op-count"><%= count %></div>
+        </div>
+      <% end %>
+    </div>
+  <% end %>
+
+  <h2>Weekly Heatmap (Hour × Day)</h2>
+  <% days = %w[Sun Mon Tue Wed Thu Fri Sat] %>
+  <% heatmap_data = @heatmap_data[:data] || [] %>
+  <% max_count = heatmap_data.map { |d| d[:count] }.max || 1 %>
+
+  <div class="heatmap-grid">
+    <div class="heatmap-cell"></div>
+    <% (0..23).each do |hour| %>
+      <div class="heatmap-cell heatmap-header"><%= hour %></div>
+    <% end %>
+
+    <% days.each_with_index do |day, day_idx| %>
+      <div class="heatmap-cell heatmap-row-label"><%= day %></div>
+      <% (0..23).each do |hour| %>
+        <% cell = heatmap_data.find { |d| d[:day] == day_idx && d[:hour] == hour } %>
+        <% count = cell ? cell[:count] : 0 %>
+        <% intensity = max_count > 0 ? (count.to_f / max_count * 100).round : 0 %>
+        <% bg_color = intensity == 0 ? "#f8f9fa" : "rgba(102, 126, 234, #{intensity / 100.0})" %>
+        <div class="heatmap-cell" style="background: <%= bg_color %>; color: <%= intensity > 50 ? '#fff' : '#495057' %>;">
+          <%= count > 0 ? count : "" %>
+        </div>
+      <% end %>
+    <% end %>
+  </div>
+
+  <h2>Breakdowns</h2>
+  <div class="breakdown-grid">
+    <div class="breakdown-card">
+      <h3>Hourly Distribution</h3>
+      <div class="bar-chart">
+        <% max_hourly = (@hourly || []).map { |h| h[:count] }.max || 1 %>
+        <% (@hourly || []).each do |h| %>
+          <% pct = max_hourly > 0 ? (h[:count].to_f / max_hourly * 100).round : 0 %>
+          <div class="bar-row">
+            <div class="bar-label"><%= h[:label] %></div>
+            <div class="bar-container">
+              <div class="bar-fill" style="width: <%= pct %>%;"></div>
+            </div>
+            <div class="bar-value"><%= h[:count] %></div>
+          </div>
+        <% end %>
+      </div>
+    </div>
+
+    <div class="breakdown-card">
+      <h3>Daily Distribution</h3>
+      <div class="bar-chart">
+        <% max_daily = (@daily || []).map { |d| d[:count] }.max || 1 %>
+        <% (@daily || []).each do |d| %>
+          <% pct = max_daily > 0 ? (d[:count].to_f / max_daily * 100).round : 0 %>
+          <div class="bar-row">
+            <div class="bar-label"><%= d[:day][0..2] %></div>
+            <div class="bar-container">
+              <div class="bar-fill" style="width: <%= pct %>%;"></div>
+            </div>
+            <div class="bar-value"><%= d[:count] %></div>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/lyra/dashboard/index.html.erb

@@ -0,0 +1,119 @@
+<style>
+  .lyra-dashboard { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; max-width: 1200px; margin: 0 auto; padding: 20px; }
+  .lyra-dashboard h1 { color: #1a1a2e; border-bottom: 2px solid #4a4e69; padding-bottom: 10px; }
+  .lyra-dashboard h2 { color: #4a4e69; margin-top: 30px; }
+  .lyra-dashboard .mode-badge { display: inline-block; padding: 4px 12px; border-radius: 4px; font-weight: 600; }
+  .lyra-dashboard .mode-monitor { background: #d4edda; color: #155724; }
+  .lyra-dashboard .mode-hijack { background: #fff3cd; color: #856404; }
+  .lyra-dashboard .mode-event_sourcing, .lyra-dashboard .mode-es_sync, .lyra-dashboard .mode-es_async, .lyra-dashboard .mode-es_disabled { background: #cce5ff; color: #004085; }
+  .lyra-dashboard .mode-disabled { background: #f8d7da; color: #721c24; }
+  .lyra-dashboard .card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; margin-top: 20px; }
+  .lyra-dashboard .card { background: #fff; border: 1px solid #dee2e6; border-radius: 8px; padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
+  .lyra-dashboard .card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
+  .lyra-dashboard .card h3 { margin: 0 0 10px 0; color: #1a1a2e; }
+  .lyra-dashboard .card p { color: #6c757d; margin: 0 0 15px 0; font-size: 14px; }
+  .lyra-dashboard .card a { display: inline-block; padding: 8px 16px; background: #4a4e69; color: #fff; text-decoration: none; border-radius: 4px; font-size: 14px; }
+  .lyra-dashboard .card a:hover { background: #22223b; }
+  .lyra-dashboard .model-list { list-style: none; padding: 0; margin: 0; }
+  .lyra-dashboard .model-list li { padding: 12px 15px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; }
+  .lyra-dashboard .model-list li:last-child { border-bottom: none; }
+  .lyra-dashboard .model-list .model-name { font-weight: 500; color: #1a1a2e; }
+  .lyra-dashboard .model-list .model-links a { margin-left: 10px; padding: 4px 10px; background: #e9ecef; color: #495057; text-decoration: none; border-radius: 4px; font-size: 12px; }
+  .lyra-dashboard .model-list .model-links a:hover { background: #4a4e69; color: #fff; }
+  .lyra-dashboard .section-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; }
+  .lyra-dashboard .section-grid a { display: block; padding: 15px; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 6px; text-decoration: none; color: #495057; text-align: center; }
+  .lyra-dashboard .section-grid a:hover { background: #e9ecef; border-color: #4a4e69; }
+</style>
+
+<div class="lyra-dashboard">
+  <h1>Lyra Dashboard</h1>
+  <p style="color: #6c757d; margin-bottom: 20px;">
+    Lyra provides event sourcing and audit trail capabilities for your Rails models.
+    <% if pam_dsl_available? %>
+      Monitor data changes, track CRUD operations, and ensure GDPR compliance with PII detection.
+    <% else %>
+      Monitor data changes and track CRUD operations.
+    <% end %>
+  </p>
+
+  <p>
+    Mode: <span class="mode-badge mode-<%= @mode %>"><%= @mode.to_s.titleize %></span>
+    <span style="color: #6c757d; font-size: 13px; margin-left: 10px;">
+      <% case @mode.to_sym
+         when :monitor %>
+           (Events recorded after DB save - audit mode)
+         <% when :hijack %>
+           (Events recorded before DB save)
+         <% when :es_sync, :es_async, :event_sourcing %>
+           (Events are source of truth)
+         <% when :disabled %>
+           (Event tracking disabled)
+         <% end %>
+    </span>
+  </p>
+
+  <h2>Monitored Models</h2>
+  <p style="color: #6c757d; font-size: 14px; margin-bottom: 15px;">
+    Models with <code>monitor_with_lyra</code> are tracked for all CRUD operations.
+  </p>
+  <% if @monitored_models.any? %>
+    <div class="card">
+      <ul class="model-list">
+        <% @monitored_models.each do |model| %>
+          <li>
+            <span class="model-name"><%= model.name %></span>
+            <span class="model-links">
+              <%= link_to "Overview", model_overview_path(model_class: model.name) %>
+              <%= link_to "Discrepancies", discrepancies_path(model_class: model.name) %>
+            </span>
+          </li>
+        <% end %>
+      </ul>
+    </div>
+  <% else %>
+    <p>No models are currently being monitored. Add <code>monitor_with_lyra</code> to your models.</p>
+  <% end %>
+
+  <h2>Event Flow & Audit</h2>
+  <p style="color: #6c757d; font-size: 14px; margin-bottom: 15px;">
+    Visualize events, track changes, and view the complete audit history of any record.
+  </p>
+  <div class="section-grid">
+    <%= link_to "Event Timeline", timeline_path %>
+    <%= link_to "CRUD Mapping", crud_mapping_path %>
+    <%= link_to "Audit Trail", audit_trail_path %>
+  </div>
+
+  <h2>Visualizations</h2>
+  <p style="color: #6c757d; font-size: 14px; margin-bottom: 15px;">
+    Interactive visualizations of event patterns and relationships.
+  </p>
+  <div class="section-grid">
+    <%= link_to "Event Graph", event_graph_view_path %>
+    <%= link_to "Activity Heatmap", heatmap_view_path %>
+  </div>
+
+  <% if pam_dsl_available? %>
+    <h2>Privacy & GDPR</h2>
+    <p style="color: #6c757d; font-size: 14px; margin-bottom: 15px;">
+      Tools for GDPR compliance, PII detection, and data lineage tracking.
+    </p>
+    <div class="section-grid">
+      <%= link_to "PII Detection", pii_detection_path %>
+      <%= link_to "Privacy Policy (PAM)", privacy_policy_path %>
+    </div>
+  <% end %>
+
+  <h2>Configuration</h2>
+  <p style="color: #6c757d; font-size: 14px; margin-bottom: 15px;">
+    View current Lyra settings, projection modes, and per-model event metrics.
+  </p>
+  <div class="section-grid">
+    <%= link_to "Projections & Config", projections_path %>
+    <%= link_to "Schema Registry", schema_path %>
+    <% if petri_flow_available? %>
+      <%= link_to "Formal Verification", verification_path %>
+    <% end %>
+  </div>
+
+</div>

data/app/views/lyra/dashboard/model_overview.html.erb

@@ -0,0 +1,115 @@
+<style>
+  .lyra-model-overview { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; max-width: 1200px; margin: 0 auto; padding: 20px; }
+  .lyra-model-overview h1 { color: #1a1a2e; border-bottom: 2px solid #4a4e69; padding-bottom: 10px; }
+  .lyra-model-overview h2 { color: #4a4e69; margin-top: 30px; }
+  .lyra-model-overview .back-link { display: inline-block; margin-bottom: 20px; color: #4a4e69; text-decoration: none; }
+  .lyra-model-overview .back-link:hover { text-decoration: underline; }
+  .lyra-model-overview .summary-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 20px; margin: 20px 0; }
+  .lyra-model-overview .summary-card { background: #fff; border: 1px solid #dee2e6; border-radius: 8px; padding: 20px; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
+  .lyra-model-overview .summary-card .value { font-size: 36px; font-weight: 700; color: #1a1a2e; }
+  .lyra-model-overview .summary-card .label { color: #6c757d; font-size: 14px; margin-top: 5px; }
+  .lyra-model-overview .info-table { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid #dee2e6; border-radius: 8px; overflow: hidden; }
+  .lyra-model-overview .info-table th { background: #f8f9fa; padding: 12px 15px; text-align: left; border-bottom: 1px solid #dee2e6; font-weight: 600; color: #495057; }
+  .lyra-model-overview .info-table td { padding: 12px 15px; border-bottom: 1px solid #eee; }
+  .lyra-model-overview .info-table tr:last-child td { border-bottom: none; }
+  .lyra-model-overview .badge { display: inline-block; padding: 4px 10px; border-radius: 4px; font-size: 12px; font-weight: 600; }
+  .lyra-model-overview .badge-success { background: #d4edda; color: #155724; }
+  .lyra-model-overview .badge-warning { background: #fff3cd; color: #856404; }
+  .lyra-model-overview .badge-info { background: #cce5ff; color: #004085; }
+  .lyra-model-overview .recent-events { margin-top: 20px; }
+  .lyra-model-overview .event-item { background: #fff; border: 1px solid #dee2e6; border-radius: 6px; padding: 12px 15px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; }
+  .lyra-model-overview .event-item .event-info { display: flex; align-items: center; gap: 10px; }
+  .lyra-model-overview .event-item .timestamp { color: #6c757d; font-size: 12px; }
+  .lyra-model-overview .action-links { margin-top: 20px; display: flex; gap: 10px; }
+  .lyra-model-overview .action-links a { padding: 10px 20px; background: #4a4e69; color: #fff; text-decoration: none; border-radius: 6px; font-size: 14px; }
+  .lyra-model-overview .action-links a:hover { background: #22223b; }
+  .lyra-model-overview .action-links a.secondary { background: #e9ecef; color: #495057; }
+  .lyra-model-overview .action-links a.secondary:hover { background: #dee2e6; }
+</style>
+
+<div class="lyra-model-overview">
+  <%= link_to "&larr; Back to Dashboard".html_safe, dashboard_path, class: "back-link" %>
+
+  <h1>Model Overview: <%= @model_class.name %></h1>
+  <p style="color: #6c757d; margin-bottom: 20px;">
+    Detailed view of the <%= @model_class.name %> model, including record counts, event statistics, and recent activity.
+  </p>
+
+  <h2 style="margin-top: 0;">Statistics</h2>
+  <p style="color: #6c757d; font-size: 13px; margin-bottom: 15px;">
+    Overview of records and events for this model.
+  </p>
+  <div class="summary-cards">
+    <div class="summary-card">
+      <div class="value"><%= @records_count %></div>
+      <div class="label">Total Records</div>
+    </div>
+    <div class="summary-card">
+      <div class="value"><%= @events_count %></div>
+      <div class="label">Total Events</div>
+    </div>
+    <div class="summary-card">
+      <div class="value"><%= @records_count > 0 ? (@events_count.to_f / @records_count).round(1) : 0 %></div>
+      <div class="label">Avg Events/Record</div>
+    </div>
+  </div>
+
+  <h2>Model Information</h2>
+  <p style="color: #6c757d; font-size: 13px; margin-bottom: 15px;">
+    Schema and configuration details for this model.
+  </p>
+  <table class="info-table">
+    <tbody>
+      <tr>
+        <th style="width: 200px;">Table Name</th>
+        <td><code><%= @model_class.table_name %></code></td>
+      </tr>
+      <tr>
+        <th>Primary Key</th>
+        <td><code><%= @model_class.primary_key %></code></td>
+      </tr>
+      <tr>
+        <th>Columns</th>
+        <td>
+          <% @model_class.column_names.each do |col| %>
+            <span class="badge badge-info" style="margin-right: 5px; margin-bottom: 5px;"><%= col %></span>
+          <% end %>
+        </td>
+      </tr>
+      <tr>
+        <th>Lyra Stream Pattern</th>
+        <td><code><%= @model_class.name %>$:id</code></td>
+      </tr>
+    </tbody>
+  </table>
+
+  <h2>Quick Actions</h2>
+  <p style="color: #6c757d; font-size: 13px; margin-bottom: 15px;">
+    Common operations for this model.
+  </p>
+  <div class="action-links">
+    <%= link_to "View Discrepancies", discrepancies_path(model_class: @model_class.name) %>
+    <%= link_to "Audit Trail Lookup", audit_trail_path(model_class: @model_class.name), class: "secondary" %>
+    <%= link_to "Event Timeline", timeline_path(model: @model_class.name), class: "secondary" %>
+    <%= link_to "CRUD Mapping", crud_mapping_path, class: "secondary" %>
+  </div>
+
+  <h2>Recent Records</h2>
+  <p style="color: #6c757d; font-size: 13px; margin-bottom: 15px;">
+    Most recently updated records for this model (showing up to 10). Click "Audit" to view the complete change history.
+  </p>
+  <div class="recent-events">
+    <% @model_class.order(updated_at: :desc).limit(10).each do |record| %>
+      <div class="event-item">
+        <div class="event-info">
+          <span class="badge badge-info">#<%= record.id %></span>
+          <span><%= record.try(:name) || record.try(:title) || record.try(:email) || "Record ##{record.id}" %></span>
+        </div>
+        <div style="display: flex; align-items: center; gap: 15px;">
+          <%= link_to "Audit", audit_trail_for_record_path(model_class: @model_class.name, id: record.id), style: "font-size: 12px; color: #4a4e69; text-decoration: none; padding: 4px 10px; background: #e9ecef; border-radius: 4px;" %>
+          <span class="timestamp">Updated: <%= record.updated_at.strftime("%Y-%m-%d %H:%M") %></span>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>