pg_sql_triggers 1.0.0 → 1.0.1

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

@@ -73,7 +73,7 @@
 <!-- Migration Management Section -->
 <div style="margin-top: 3rem;">
   <h3>Trigger Migrations</h3>
-  
+
   <div style="background: white; padding: 1.5rem; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); margin-bottom: 2rem;">
     <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 1.5rem;">
       <div style="padding: 1rem; background: #f8f9fa; border-radius: 4px;">
@@ -97,25 +97,43 @@
     <!-- Migration Action Buttons -->
     <div style="display: flex; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap;">
       <% if @pending_migrations.any? %>
-        <%= form_with url: up_migrations_path, method: :post, local: true, style: "margin: 0;" do |f| %>
-          <%= f.submit "Apply All Pending Migrations", 
-              style: "padding: 0.75rem 1.5rem; background: #28a745; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 0.875rem; font-weight: 600;",
-              data: { confirm: "Are you sure you want to apply #{@pending_migrations.count} pending migration(s)?" } %>
+        <%= form_with url: up_migrations_path, method: :post, local: true, id: "migration-up-all-form", style: "margin: 0;" do |f| %>
+          <button type="button" onclick="showKillSwitchModal('migration-up-all-form')"
+              style="padding: 0.75rem 1.5rem; background: #28a745; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 0.875rem; font-weight: 600;">
+            Apply All Pending Migrations
+          </button>
         <% end %>
+        <%= render 'pg_sql_triggers/shared/confirmation_modal',
+                   operation: :ui_migration_up,
+                   form_id: 'migration-up-all-form',
+                   title: 'Apply All Pending Migrations',
+                   message: "Are you sure you want to apply #{@pending_migrations.count} pending migration(s)?" %>
       <% end %>
-      
+
       <% if @current_migration_version > 0 %>
-        <%= form_with url: down_migrations_path, method: :post, local: true, style: "margin: 0;" do |f| %>
-          <%= f.submit "Rollback Last Migration", 
-              style: "padding: 0.75rem 1.5rem; background: #dc3545; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 0.875rem; font-weight: 600;",
-              data: { confirm: "Are you sure you want to rollback the last migration?" } %>
+        <%= form_with url: down_migrations_path, method: :post, local: true, id: "migration-down-form", style: "margin: 0;" do |f| %>
+          <button type="button" onclick="showKillSwitchModal('migration-down-form')"
+              style="padding: 0.75rem 1.5rem; background: #dc3545; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 0.875rem; font-weight: 600;">
+            Rollback Last Migration
+          </button>
         <% end %>
-        
-        <%= form_with url: redo_migrations_path, method: :post, local: true, style: "margin: 0;" do |f| %>
-          <%= f.submit "Redo Last Migration", 
-              style: "padding: 0.75rem 1.5rem; background: #ffc107; color: #212529; border: none; border-radius: 4px; cursor: pointer; font-size: 0.875rem; font-weight: 600;",
-              data: { confirm: "Are you sure you want to redo the last migration?" } %>
+        <%= render 'pg_sql_triggers/shared/confirmation_modal',
+                   operation: :ui_migration_down,
+                   form_id: 'migration-down-form',
+                   title: 'Rollback Last Migration',
+                   message: 'Are you sure you want to rollback the last migration?' %>
+
+        <%= form_with url: redo_migrations_path, method: :post, local: true, id: "migration-redo-form", style: "margin: 0;" do |f| %>
+          <button type="button" onclick="showKillSwitchModal('migration-redo-form')"
+              style="padding: 0.75rem 1.5rem; background: #ffc107; color: #212529; border: none; border-radius: 4px; cursor: pointer; font-size: 0.875rem; font-weight: 600;">
+            Redo Last Migration
+          </button>
         <% end %>
+        <%= render 'pg_sql_triggers/shared/confirmation_modal',
+                   operation: :ui_migration_redo,
+                   form_id: 'migration-redo-form',
+                   title: 'Redo Last Migration',
+                   message: 'Are you sure you want to redo the last migration?' %>
       <% end %>
     </div>
 
@@ -161,25 +179,47 @@
               <td>
                 <div style="display: flex; gap: 0.5rem; flex-wrap: wrap;">
                   <% if migration[:status] == "down" %>
-                    <%= form_with url: up_migrations_path, method: :post, local: true, style: "margin: 0;" do |f| %>
+                    <% form_id = "migration-up-#{migration[:version]}-form" %>
+                    <%= form_with url: up_migrations_path, method: :post, local: true, id: form_id, style: "margin: 0;" do |f| %>
                       <%= f.hidden_field :version, value: migration[:version] %>
-                      <%= f.submit "Up", 
-                          style: "padding: 0.25rem 0.75rem; background: #28a745; color: white; border: none; border-radius: 3px; cursor: pointer; font-size: 0.75rem;",
-                          data: { confirm: "Apply migration #{migration[:version]}?" } %>
+                      <button type="button" onclick="showKillSwitchModal('<%= form_id %>')"
+                          style="padding: 0.25rem 0.75rem; background: #28a745; color: white; border: none; border-radius: 3px; cursor: pointer; font-size: 0.75rem;">
+                        Up
+                      </button>
                     <% end %>
+                    <%= render 'pg_sql_triggers/shared/confirmation_modal',
+                               operation: :ui_migration_up,
+                               form_id: form_id,
+                               title: 'Apply Migration',
+                               message: "Are you sure you want to apply migration #{migration[:version]}?" %>
                   <% else %>
-                    <%= form_with url: down_migrations_path, method: :post, local: true, style: "margin: 0;" do |f| %>
+                    <% form_id_down = "migration-down-#{migration[:version]}-form" %>
+                    <%= form_with url: down_migrations_path, method: :post, local: true, id: form_id_down, style: "margin: 0;" do |f| %>
                       <%= f.hidden_field :version, value: migration[:version] %>
-                      <%= f.submit "Down", 
-                          style: "padding: 0.25rem 0.75rem; background: #dc3545; color: white; border: none; border-radius: 3px; cursor: pointer; font-size: 0.75rem;",
-                          data: { confirm: "Rollback to version #{migration[:version]}?" } %>
+                      <button type="button" onclick="showKillSwitchModal('<%= form_id_down %>')"
+                          style="padding: 0.25rem 0.75rem; background: #dc3545; color: white; border: none; border-radius: 3px; cursor: pointer; font-size: 0.75rem;">
+                        Down
+                      </button>
                     <% end %>
-                    <%= form_with url: redo_migrations_path, method: :post, local: true, style: "margin: 0;" do |f| %>
+                    <%= render 'pg_sql_triggers/shared/confirmation_modal',
+                               operation: :ui_migration_down,
+                               form_id: form_id_down,
+                               title: 'Rollback Migration',
+                               message: "Are you sure you want to rollback to version #{migration[:version]}?" %>
+
+                    <% form_id_redo = "migration-redo-#{migration[:version]}-form" %>
+                    <%= form_with url: redo_migrations_path, method: :post, local: true, id: form_id_redo, style: "margin: 0;" do |f| %>
                       <%= f.hidden_field :version, value: migration[:version] %>
-                      <%= f.submit "Redo", 
-                          style: "padding: 0.25rem 0.75rem; background: #ffc107; color: #212529; border: none; border-radius: 3px; cursor: pointer; font-size: 0.75rem;",
-                          data: { confirm: "Redo migration #{migration[:version]}?" } %>
+                      <button type="button" onclick="showKillSwitchModal('<%= form_id_redo %>')"
+                          style="padding: 0.25rem 0.75rem; background: #ffc107; color: #212529; border: none; border-radius: 3px; cursor: pointer; font-size: 0.75rem;">
+                        Redo
+                      </button>
                     <% end %>
+                    <%= render 'pg_sql_triggers/shared/confirmation_modal',
+                               operation: :ui_migration_redo,
+                               form_id: form_id_redo,
+                               title: 'Redo Migration',
+                               message: "Are you sure you want to redo migration #{migration[:version]}?" %>
                   <% end %>
                 </div>
               </td>
@@ -187,13 +227,13 @@
           <% end %>
         </tbody>
       </table>
-      
+
       <!-- Pagination Controls -->
       <% if @total_pages > 1 %>
         <div style="display: flex; justify-content: space-between; align-items: center; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #dee2e6;">
           <div>
             <% if @page > 1 %>
-              <%= link_to "← Previous", dashboard_path(page: @page - 1, per_page: @per_page), 
+              <%= link_to "← Previous", dashboard_path(page: @page - 1, per_page: @per_page),
                   style: "padding: 0.5rem 1rem; background: #007bff; color: white; text-decoration: none; border-radius: 4px; margin-right: 0.5rem;" %>
             <% end %>
             <% if @page < @total_pages %>
@@ -206,7 +246,7 @@
           </div>
           <div style="display: flex; align-items: center; gap: 0.5rem;">
             <label style="color: #6c757d; font-size: 0.875rem;">Per page:</label>
-            <select onchange="window.location.href='<%= dashboard_path %>?page=1&per_page=' + this.value" 
+            <select onchange="window.location.href='<%= dashboard_path %>?page=1&per_page=' + this.value"
                     style="padding: 0.25rem 0.5rem; border: 1px solid #ced4da; border-radius: 4px;">
               <option value="10" <%= 'selected' if @per_page == 10 %>>10</option>
               <option value="20" <%= 'selected' if @per_page == 20 %>>20</option>

data/app/views/pg_sql_triggers/generator/new.html.erb

@@ -64,7 +64,7 @@
 
     <div style="margin-bottom: 1rem;">
       <%= f.label :function_body, "Function Body *", style: "display: block; font-weight: 500; margin-bottom: 0.25rem;" %>
-      <% 
+      <%
         default_function_body = @form.function_body.presence || @form.default_function_body
       %>
       <%= f.text_area :function_body,
@@ -282,10 +282,10 @@ document.getElementById('function-name-input')?.addEventListener('input', functi
   const functionBodyTextarea = document.getElementById('function-body-textarea');
   if (functionBodyTextarea) {
     const newTemplate = generateFunctionBody(functionName);
-    
+
     // Update placeholder
     functionBodyTextarea.placeholder = newTemplate;
-    
+
     // Update value only if textarea is empty or matches template pattern
     if (!functionBodyTextarea.value || isTemplateValue(functionBodyTextarea.value)) {
       functionBodyTextarea.value = newTemplate;
@@ -320,7 +320,7 @@ document.getElementById('table-name-select')?.addEventListener('change', functio
   .then(data => {
     if (data.valid) {
       messageDiv.innerHTML = '<span style="color: #28a745;">✓ Table exists (' + data.column_count + ' columns)</span>';
-      
+
       // Try to fetch existing triggers for this table
       if (infoDiv && triggersList) {
         fetch('<%= tables_path %>/' + encodeURIComponent(tableName) + '.json', {

data/app/views/pg_sql_triggers/generator/preview.html.erb

@@ -19,7 +19,7 @@
 </div>
 
 <!-- Actions -->
-<%= form_with url: generator_index_path, method: :post, scope: :pg_sql_triggers_generator_form do |f| %>
+<%= form_with url: generator_index_path, method: :post, scope: :pg_sql_triggers_generator_form, id: "generator-create-form" do |f| %>
   <!-- SQL Validation Result -->
   <% if @sql_validation %>
     <div style="margin-bottom: 2rem; padding: 1rem; border-radius: 4px; <%= @sql_validation[:valid] ? 'background: #d4edda; border-left: 4px solid #28a745;' : 'background: #f8d7da; border-left: 4px solid #dc3545;' %>">
@@ -48,7 +48,7 @@
     <p style="color: #6c757d; margin-bottom: 0.5rem; font-size: 0.875rem;">
       You can edit the function body below before generating the trigger files.
     </p>
-    <%= f.text_area :function_body, 
+    <%= f.text_area :function_body,
                     value: @function_content,
                     rows: 20,
                     required: true,
@@ -69,9 +69,17 @@
   <% end %>
 
   <div style="display: flex; gap: 1rem;">
-    <%= f.submit "Generate Files", class: "btn btn-success",
-        data: { confirm: "This will create files on disk and register the trigger. Continue?" } %>
-    <%= link_to "Back to Edit", new_generator_path, class: "btn", style: "background: #6c757d; color: white; text-decoration: none;" %>
-    <%= link_to "Cancel", root_path, class: "btn", style: "background: #6c757d; color: white; text-decoration: none;" %>
+    <button type="button" onclick="showKillSwitchModal('generator-create-form')" class="btn btn-success"
+        style="padding: 0.75rem 1.5rem; background: #28a745; color: white; border: none; border-radius: 4px; cursor: pointer; font-weight: 600;">
+      Generate Files
+    </button>
+    <%= link_to "Back to Edit", new_generator_path, class: "btn", style: "background: #6c757d; color: white; text-decoration: none; padding: 0.75rem 1.5rem; border-radius: 4px;" %>
+    <%= link_to "Cancel", root_path, class: "btn", style: "background: #6c757d; color: white; text-decoration: none; padding: 0.75rem 1.5rem; border-radius: 4px;" %>
   </div>
 <% end %>
+
+<%= render 'pg_sql_triggers/shared/confirmation_modal',
+           operation: :ui_trigger_generate,
+           form_id: 'generator-create-form',
+           title: 'Generate Trigger Files',
+           message: 'This will create files on disk and register the trigger. Continue?' %>

data/app/views/pg_sql_triggers/shared/_confirmation_modal.html.erb

@@ -0,0 +1,189 @@
+<%# Confirmation Modal for Dangerous Operations %>
+<%#
+  Usage:
+    <%= render 'pg_sql_triggers/shared/confirmation_modal',
+               operation: :trigger_migrate_up,
+               form_id: 'migration-form',
+               title: 'Confirm Migration',
+               message: 'Are you sure you want to run this migration?'
+%>
+
+<%
+  operation = local_assigns[:operation] || :unknown_operation
+  form_id = local_assigns[:form_id] || 'confirmation-form'
+  title = local_assigns[:title] || 'Confirm Action'
+  message = local_assigns[:message] || 'This action requires confirmation.'
+
+  # Generate expected confirmation text
+  if PgSqlTriggers.respond_to?(:kill_switch_confirmation_pattern) &&
+     PgSqlTriggers.kill_switch_confirmation_pattern.respond_to?(:call)
+    expected_confirmation = PgSqlTriggers.kill_switch_confirmation_pattern.call(operation)
+  else
+    expected_confirmation = "EXECUTE #{operation.to_s.upcase}"
+  end
+%>
+
+<div id="kill-switch-modal-<%= form_id %>" class="kill-switch-modal" style="display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4);">
+  <div class="modal-content" style="background-color: #fefefe; margin: 10% auto; padding: 20px; border: 1px solid #888; border-radius: 8px; width: 80%; max-width: 600px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); box-sizing: border-box;">
+    <div class="modal-header" style="border-bottom: 1px solid #dee2e6; padding-bottom: 12px; margin-bottom: 16px;">
+      <h3 style="margin: 0; color: #dc3545; display: flex; align-items: center; gap: 8px;">
+        <span style="font-size: 24px;">⚠️</span>
+        <%= title %>
+      </h3>
+    </div>
+
+    <div class="modal-body" style="margin-bottom: 20px; box-sizing: border-box;">
+      <p style="color: #495057; line-height: 1.6;"><%= message %></p>
+
+      <% if kill_switch_active? %>
+        <div style="background-color: #fff3cd; border: 1px solid #ffc107; border-radius: 4px; padding: 12px; margin: 16px 0; box-sizing: border-box;">
+          <p style="margin: 0 0 8px 0; font-weight: bold; color: #856404;">
+            🛡️ Kill Switch Protection Active
+          </p>
+          <p style="margin: 0 0 12px 0; color: #856404; font-size: 14px;">
+            You must enter the exact confirmation text below to proceed:
+          </p>
+          <div style="background-color: #f8f9fa; border: 2px solid #ffc107; border-radius: 4px; padding: 8px; font-family: monospace; font-size: 14px; font-weight: bold; text-align: center; color: #856404; word-break: break-word; box-sizing: border-box;">
+            <%= expected_confirmation %>
+          </div>
+        </div>
+
+        <div style="margin-top: 16px; box-sizing: border-box;">
+          <label for="confirmation-text-<%= form_id %>" style="display: block; margin-bottom: 8px; font-weight: bold; color: #495057;">
+            Confirmation Text:
+          </label>
+          <input
+            type="text"
+            id="confirmation-text-<%= form_id %>"
+            name="confirmation_text"
+            class="form-control"
+            placeholder="Type the confirmation text above"
+            style="width: 100%; max-width: 100%; padding: 8px 12px; border: 1px solid #ced4da; border-radius: 4px; font-family: monospace; box-sizing: border-box;"
+            autocomplete="off">
+          <small style="display: block; margin-top: 4px; color: #6c757d;">
+            Case-sensitive. Must match exactly.
+          </small>
+        </div>
+      <% end %>
+    </div>
+
+    <div class="modal-footer" style="border-top: 1px solid #dee2e6; padding-top: 12px; display: flex; gap: 8px; justify-content: flex-end;">
+      <button
+        type="button"
+        class="btn-cancel"
+        onclick="closeKillSwitchModal('<%= form_id %>')"
+        style="padding: 8px 16px; border: 1px solid #6c757d; background-color: #6c757d; color: white; border-radius: 4px; cursor: pointer;">
+        Cancel
+      </button>
+
+      <% if kill_switch_active? %>
+        <button
+          type="button"
+          class="btn-confirm"
+          onclick="submitWithConfirmation('<%= form_id %>', '<%= expected_confirmation %>')"
+          style="padding: 8px 16px; border: 1px solid #dc3545; background-color: #dc3545; color: white; border-radius: 4px; cursor: pointer;">
+          Confirm & Proceed
+        </button>
+      <% else %>
+        <button
+          type="button"
+          class="btn-confirm"
+          onclick="submitWithoutConfirmation('<%= form_id %>')"
+          style="padding: 8px 16px; border: 1px solid #007bff; background-color: #007bff; color: white; border-radius: 4px; cursor: pointer;">
+          Proceed
+        </button>
+      <% end %>
+    </div>
+  </div>
+</div>
+
+<script>
+  // Only define functions once
+  if (typeof window.showKillSwitchModal === 'undefined') {
+    window.showKillSwitchModal = function(formId) {
+      const modal = document.getElementById('kill-switch-modal-' + formId);
+      if (modal) {
+        modal.style.display = 'block';
+        // Focus on confirmation input if it exists
+        const confirmationInput = document.getElementById('confirmation-text-' + formId);
+        if (confirmationInput) {
+          setTimeout(() => confirmationInput.focus(), 100);
+        }
+      }
+    };
+
+    window.closeKillSwitchModal = function(formId) {
+      const modal = document.getElementById('kill-switch-modal-' + formId);
+      if (modal) {
+        modal.style.display = 'none';
+        // Clear confirmation input
+        const confirmationInput = document.getElementById('confirmation-text-' + formId);
+        if (confirmationInput) {
+          confirmationInput.value = '';
+        }
+      }
+    };
+
+    window.submitWithConfirmation = function(formId, expectedConfirmation) {
+      const confirmationInput = document.getElementById('confirmation-text-' + formId);
+      const confirmationText = confirmationInput ? confirmationInput.value.trim() : '';
+
+      if (confirmationText !== expectedConfirmation) {
+        alert('Invalid confirmation text. Please type exactly: ' + expectedConfirmation);
+        return;
+      }
+
+      // Add confirmation text to the form
+      const form = document.getElementById(formId);
+      if (form) {
+        // Remove any existing confirmation_text input
+        const existingInput = form.querySelector('input[name="confirmation_text"]');
+        if (existingInput && existingInput !== confirmationInput) {
+          existingInput.remove();
+        }
+
+        // Create a hidden input with the confirmation text
+        const hiddenInput = document.createElement('input');
+        hiddenInput.type = 'hidden';
+        hiddenInput.name = 'confirmation_text';
+        hiddenInput.value = confirmationText;
+        form.appendChild(hiddenInput);
+
+        form.submit();
+      }
+
+      window.closeKillSwitchModal(formId);
+    };
+
+    window.submitWithoutConfirmation = function(formId) {
+      const form = document.getElementById(formId);
+      if (form) {
+        form.submit();
+      }
+      window.closeKillSwitchModal(formId);
+    };
+
+    // Close modal when clicking outside of it (only add listener once)
+    if (!window._killSwitchModalListenersAttached) {
+      window.onclick = function(event) {
+        if (event.target.className === 'kill-switch-modal') {
+          event.target.style.display = 'none';
+        }
+      };
+
+      // Close modal on Escape key
+      document.addEventListener('keydown', function(event) {
+        if (event.key === 'Escape') {
+          const modals = document.querySelectorAll('.kill-switch-modal');
+          modals.forEach(modal => {
+            if (modal.style.display === 'block') {
+              modal.style.display = 'none';
+            }
+          });
+        }
+      });
+
+      window._killSwitchModalListenersAttached = true;
+    }
+  }
+</script>

data/app/views/pg_sql_triggers/shared/_kill_switch_status.html.erb

@@ -0,0 +1,40 @@
+<%# Kill Switch Status Indicator %>
+<%# Displays the current kill switch status and environment warning if applicable %>
+
+<%
+  # Debug info (can be removed in production)
+  env = current_environment
+  is_active = kill_switch_active?
+  protected_envs = PgSqlTriggers.respond_to?(:kill_switch_environments) ? PgSqlTriggers.kill_switch_environments : %i[production staging]
+
+  # Log for debugging (remove in production)
+  Rails.logger.debug "[KILL_SWITCH_VIEW] is_active=#{is_active} env=#{env} protected_envs=#{Array(protected_envs).map(&:to_s).join(',')}"
+%>
+
+<% if is_active %>
+  <div class="kill-switch-status active" style="background-color: #fff3cd; border: 1px solid #ffc107; border-radius: 4px; padding: 12px; margin-bottom: 16px;">
+    <div style="display: flex; align-items: center; gap: 8px;">
+      <span style="font-size: 20px;">🛡️</span>
+      <div>
+        <strong style="color: #856404;">Kill Switch Active</strong>
+        <p style="margin: 4px 0 0 0; font-size: 14px; color: #856404;">
+          Dangerous operations in <strong><%= env %></strong> require confirmation.
+          All operations are logged and audited.
+        </p>
+      </div>
+    </div>
+  </div>
+<% else %>
+  <div class="kill-switch-status inactive" style="background-color: #d1ecf1; border: 1px solid #bee5eb; border-radius: 4px; padding: 12px; margin-bottom: 16px;">
+    <div style="display: flex; align-items: center; gap: 8px;">
+      <span style="font-size: 20px;">ℹ️</span>
+      <div>
+        <strong style="color: #0c5460;">Kill Switch Inactive</strong>
+        <p style="margin: 4px 0 0 0; font-size: 14px; color: #0c5460;">
+          Kill switch is disabled in <strong><%= env %></strong>.
+          Operations can be performed without confirmation.
+        </p>
+      </div>
+    </div>
+  </div>
+<% end %>

data/app/views/pg_sql_triggers/tables/index.html.erb

@@ -101,5 +101,3 @@
     <%= link_to "Generate New Trigger", new_generator_path, class: "btn btn-primary" %>
   </div>
 <% end %>
-
-

data/app/views/pg_sql_triggers/tables/show.html.erb

@@ -63,14 +63,14 @@
               </p>
             </div>
           </div>
-          
+
           <% if trigger.definition.present? %>
             <% definition = JSON.parse(trigger.definition) rescue {} %>
             <div style="margin-bottom: 1rem;">
               <strong>Function:</strong> <code style="background: #e9ecef; padding: 0.25rem 0.5rem; border-radius: 2px;"><%= definition["function_name"] || "N/A" %></code>
               <% if definition["events"].present? %>
                 <span style="margin-left: 1rem;">
-                  <strong>Events:</strong> 
+                  <strong>Events:</strong>
                   <% definition["events"].each do |event| %>
                     <span class="badge badge-info" style="margin-left: 0.25rem;"><%= event %></span>
                   <% end %>
@@ -78,7 +78,7 @@
               <% end %>
             </div>
           <% end %>
-          
+
           <% if trigger.function_body.present? %>
             <details style="margin-top: 1rem;">
               <summary style="cursor: pointer; font-weight: 600; color: #495057;">View Function Body</summary>
@@ -123,4 +123,3 @@
     </div>
   </div>
 <% end %>
-

data/db/migrate/20251222000001_create_pg_sql_triggers_tables.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-class CreatePgSqlTriggersTables < ActiveRecord::Migration[6.0]
+class CreatePgSqlTriggersTables < ActiveRecord::Migration[6.1]
   def change
     # Registry table - source of truth for all triggers
     create_table :pg_sql_triggers_registry do |t|

data/docs/README.md

@@ -0,0 +1,66 @@
+# PgSqlTriggers Documentation
+
+Welcome to the PgSqlTriggers documentation. This directory contains comprehensive guides and references for all features.
+
+## Documentation Index
+
+### Getting Started
+- **[Getting Started Guide](getting-started.md)** - Installation, setup, and your first trigger
+
+### Core Guides
+- **[Usage Guide](usage-guide.md)** - DSL syntax, migrations, and drift detection
+- **[Web UI Guide](web-ui.md)** - Using the web dashboard
+- **[Kill Switch Guide](kill-switch.md)** - Production safety features
+
+### Reference
+- **[Configuration Reference](configuration.md)** - Complete configuration options
+- **[API Reference](api-reference.md)** - Console API and programmatic usage
+
+## Quick Links
+
+### I want to...
+
+#### Install PgSqlTriggers
+Start with [Getting Started](getting-started.md)
+
+#### Learn the DSL syntax
+See [Usage Guide - Declaring Triggers](usage-guide.md#declaring-triggers)
+
+#### Understand migrations
+See [Usage Guide - Trigger Migrations](usage-guide.md#trigger-migrations)
+
+#### Use the web dashboard
+See [Web UI Documentation](web-ui.md)
+
+#### Protect production
+See [Kill Switch Documentation](kill-switch.md)
+
+#### Configure permissions
+See [Configuration - Permission System](configuration.md#permission-system)
+
+#### Use the console API
+See [API Reference](api-reference.md)
+
+#### Handle drift detection
+See [Usage Guide - Drift Detection](usage-guide.md#drift-detection)
+
+## Screenshots
+
+Screenshots referenced in the documentation are stored in the [screenshots](screenshots/) directory.
+
+## Contributing to Documentation
+
+When updating documentation:
+
+1. Keep examples realistic and practical
+2. Include both basic and advanced usage
+3. Add cross-references between related topics
+4. Update this index when adding new pages
+5. Place screenshots in the `screenshots/` directory
+6. Use relative links for internal documentation
+
+## External Resources
+
+- [GitHub Repository](https://github.com/samaswin87/pg_sql_triggers)
+- [Example Application](https://github.com/samaswin87/pg_triggers_example)
+- [RubyGems](https://rubygems.org/gems/pg_sql_triggers)