pg_sql_triggers 1.0.0

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

@@ -0,0 +1,225 @@
+<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;">
+  <h2 style="margin: 0;">Trigger Dashboard</h2>
+  <div style="display: flex; gap: 1rem;">
+    <%= link_to "View Tables", tables_path, class: "btn btn-primary", style: "font-size: 1rem; padding: 0.75rem 1.5rem; text-decoration: none;" %>
+    <%= link_to "Generate New Trigger", new_generator_path,
+        class: "btn btn-success",
+        style: "font-size: 1rem; padding: 0.75rem 1.5rem; text-decoration: none;" %>
+  </div>
+</div>
+
+<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; margin-bottom: 2rem;">
+  <div style="background: white; padding: 1.5rem; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
+    <div style="font-size: 2rem; font-weight: 600; color: #007bff;"><%= @stats[:total] %></div>
+    <div style="color: #6c757d;">Total Triggers</div>
+  </div>
+
+  <div style="background: white; padding: 1.5rem; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
+    <div style="font-size: 2rem; font-weight: 600; color: #28a745;"><%= @stats[:enabled] %></div>
+    <div style="color: #6c757d;">Enabled</div>
+  </div>
+
+  <div style="background: white; padding: 1.5rem; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
+    <div style="font-size: 2rem; font-weight: 600; color: #6c757d;"><%= @stats[:disabled] %></div>
+    <div style="color: #6c757d;">Disabled</div>
+  </div>
+
+  <div style="background: white; padding: 1.5rem; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
+    <div style="font-size: 2rem; font-weight: 600; color: #ffc107;"><%= @stats[:drifted] %></div>
+    <div style="color: #6c757d;">Drifted</div>
+  </div>
+</div>
+
+<% if @triggers.any? %>
+  <h3>Recent Triggers</h3>
+  <table>
+    <thead>
+      <tr>
+        <th>Trigger Name</th>
+        <th>Table</th>
+        <th>Version</th>
+        <th>Status</th>
+        <th>Source</th>
+        <th>Actions</th>
+      </tr>
+    </thead>
+    <tbody>
+      <% @triggers.limit(10).each do |trigger| %>
+        <tr>
+          <td><strong><%= trigger.trigger_name %></strong></td>
+          <td><%= trigger.table_name %></td>
+          <td><%= trigger.version %></td>
+          <td>
+            <% if trigger.enabled %>
+              <span class="badge badge-success">Enabled</span>
+            <% else %>
+              <span class="badge badge-danger">Disabled</span>
+            <% end %>
+          </td>
+          <td><span class="badge badge-info"><%= trigger.source %></span></td>
+          <td>—</td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+<% else %>
+  <div style="background: #e7f3ff; border-left: 4px solid #007bff; padding: 1.5rem; border-radius: 4px;">
+    <h3 style="margin-top: 0;">No triggers yet</h3>
+    <p style="margin-bottom: 1rem;">Get started by generating your first trigger using the form-based wizard.</p>
+    <%= link_to "Generate New Trigger", new_generator_path, class: "btn btn-primary" %>
+  </div>
+<% end %>
+
+<!-- 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;">
+        <div style="font-size: 1.5rem; font-weight: 600; color: #007bff;"><%= @total_migrations || 0 %></div>
+        <div style="color: #6c757d;">Total Migrations</div>
+      </div>
+      <div style="padding: 1rem; background: #f8f9fa; border-radius: 4px;">
+        <div style="font-size: 1.5rem; font-weight: 600; color: #28a745;"><%= @migration_status.count { |m| m[:status] == "up" } %></div>
+        <div style="color: #6c757d;">Applied</div>
+      </div>
+      <div style="padding: 1rem; background: #f8f9fa; border-radius: 4px;">
+        <div style="font-size: 1.5rem; font-weight: 600; color: #ffc107;"><%= @pending_migrations.count %></div>
+        <div style="color: #6c757d;">Pending</div>
+      </div>
+      <div style="padding: 1rem; background: #f8f9fa; border-radius: 4px;">
+        <div style="font-size: 1.5rem; font-weight: 600; color: #6c757d;"><%= @current_migration_version %></div>
+        <div style="color: #6c757d;">Current Version</div>
+      </div>
+    </div>
+
+    <!-- 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)?" } %>
+        <% end %>
+      <% 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?" } %>
+        <% 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?" } %>
+        <% end %>
+      <% end %>
+    </div>
+
+    <% if @pending_migrations.any? %>
+      <div style="background: #fff3cd; border-left: 4px solid #ffc107; padding: 1rem; border-radius: 4px; margin-bottom: 1.5rem;">
+        <strong style="color: #856404;">Pending Migrations:</strong>
+        <ul style="margin: 0.5rem 0 0 1.5rem; color: #856404;">
+          <% @pending_migrations.each do |migration| %>
+            <li><code><%= migration.filename %></code></li>
+          <% end %>
+        </ul>
+      </div>
+    <% end %>
+
+    <% if @total_migrations > 0 %>
+      <h4 style="margin-top: 0;">Migration Status</h4>
+      <div style="margin-bottom: 1rem; color: #6c757d; font-size: 0.875rem;">
+        Showing <%= (@page - 1) * @per_page + 1 %>-<%= [@page * @per_page, @total_migrations].min %> of <%= @total_migrations %> migrations
+      </div>
+      <table>
+        <thead>
+          <tr>
+            <th>Version</th>
+            <th>Name</th>
+            <th>Status</th>
+            <th>Filename</th>
+            <th>Actions</th>
+          </tr>
+        </thead>
+        <tbody>
+          <% @migration_status.each do |migration| %>
+            <tr>
+              <td><strong><%= migration[:version] %></strong></td>
+              <td><%= migration[:name] %></td>
+              <td>
+                <% if migration[:status] == "up" %>
+                  <span class="badge badge-success">Applied</span>
+                <% else %>
+                  <span class="badge badge-warning">Pending</span>
+                <% end %>
+              </td>
+              <td><code style="font-size: 0.875rem;"><%= migration[:filename] %></code></td>
+              <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| %>
+                      <%= 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]}?" } %>
+                    <% end %>
+                  <% else %>
+                    <%= form_with url: down_migrations_path, method: :post, local: true, 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]}?" } %>
+                    <% end %>
+                    <%= form_with url: redo_migrations_path, method: :post, local: true, 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]}?" } %>
+                    <% end %>
+                  <% end %>
+                </div>
+              </td>
+            </tr>
+          <% 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), 
+                  style: "padding: 0.5rem 1rem; background: #007bff; color: white; text-decoration: none; border-radius: 4px; margin-right: 0.5rem;" %>
+            <% end %>
+            <% if @page < @total_pages %>
+              <%= link_to "Next →", dashboard_path(page: @page + 1, per_page: @per_page),
+                  style: "padding: 0.5rem 1rem; background: #007bff; color: white; text-decoration: none; border-radius: 4px;" %>
+            <% end %>
+          </div>
+          <div style="color: #6c757d; font-size: 0.875rem;">
+            Page <%= @page %> of <%= @total_pages %>
+          </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" 
+                    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>
+              <option value="50" <%= 'selected' if @per_page == 50 %>>50</option>
+              <option value="100" <%= 'selected' if @per_page == 100 %>>100</option>
+            </select>
+          </div>
+        </div>
+      <% end %>
+    <% else %>
+      <div style="background: #e7f3ff; border-left: 4px solid #007bff; padding: 1rem; border-radius: 4px;">
+        <p style="margin: 0; color: #0c5460;">No trigger migrations found. Migrations should be placed in <code>db/triggers/</code>.</p>
+      </div>
+    <% end %>
+  </div>
+</div>

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

@@ -0,0 +1,370 @@
+<h2>Generate New Trigger</h2>
+
+<p style="color: #6c757d; margin-bottom: 2rem;">
+  Create a new PostgreSQL trigger using the form-based wizard.
+  Generated triggers are <strong>enabled by default</strong>.
+</p>
+
+<%= form_with model: @form, url: preview_generator_index_path, method: :post,
+              scope: :pg_sql_triggers_generator_form,
+              id: "trigger-generator-form",
+              html: { style: "background: white; padding: 2rem; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);", onsubmit: "return validateForm();" } do |f| %>
+
+  <!-- Section 1: Basic Information -->
+  <fieldset style="border: 1px solid #dee2e6; padding: 1rem; margin-bottom: 2rem; border-radius: 4px;">
+    <legend style="font-weight: 600; color: #495057; padding: 0 0.5rem;">Basic Information</legend>
+
+    <div style="margin-bottom: 1rem;">
+      <%= f.label :trigger_name, "Trigger Name *", style: "display: block; font-weight: 500; margin-bottom: 0.25rem;" %>
+      <%= f.text_field :trigger_name,
+          placeholder: "e.g., users_email_validation",
+          required: true,
+          style: "width: 100%; padding: 0.5rem; border: 1px solid #ced4da; border-radius: 4px;" %>
+      <small style="color: #6c757d;">Lowercase, underscores only</small>
+      <% if @form.errors[:trigger_name].any? %>
+        <div style="color: #dc3545; margin-top: 0.25rem;"><%= @form.errors[:trigger_name].first %></div>
+      <% end %>
+    </div>
+
+    <div style="margin-bottom: 1rem;">
+      <%= f.label :table_name, "Table Name *", style: "display: block; font-weight: 500; margin-bottom: 0.25rem;" %>
+      <div style="display: flex; gap: 0.5rem; align-items: start;">
+        <%= f.select :table_name,
+            options_for_select(@available_tables.map { |t| [t, t] }, @form.table_name),
+            { include_blank: "Select a table..." },
+            {
+              required: true,
+              id: "table-name-select",
+              style: "flex: 1; padding: 0.5rem; border: 1px solid #ced4da; border-radius: 4px;"
+            } %>
+        <%= link_to "Browse Tables", tables_path, target: "_blank", class: "btn btn-primary", style: "padding: 0.5rem 1rem; white-space: nowrap; text-decoration: none;" %>
+      </div>
+      <div id="table-validation-message" style="margin-top: 0.25rem;"></div>
+      <div id="table-triggers-info" style="margin-top: 0.5rem; padding: 0.75rem; background: #f8f9fa; border-radius: 4px; display: none;">
+        <strong style="color: #495057;">Existing Triggers:</strong>
+        <div id="table-triggers-list" style="margin-top: 0.5rem;"></div>
+      </div>
+      <% if @form.errors[:table_name].any? %>
+        <div style="color: #dc3545; margin-top: 0.25rem;"><%= @form.errors[:table_name].first %></div>
+      <% end %>
+    </div>
+
+    <div style="margin-bottom: 1rem;">
+      <%= f.label :function_name, "Function Name *", style: "display: block; font-weight: 500; margin-bottom: 0.25rem;" %>
+      <%= f.text_field :function_name,
+          placeholder: "e.g., validate_user_email",
+          required: true,
+          id: "function-name-input",
+          style: "width: 100%; padding: 0.5rem; border: 1px solid #ced4da; border-radius: 4px;" %>
+      <small style="color: #6c757d;">The PL/pgSQL function to invoke</small>
+      <% if @form.errors[:function_name].any? %>
+        <div style="color: #dc3545; margin-top: 0.25rem;"><%= @form.errors[:function_name].first %></div>
+      <% end %>
+    </div>
+
+    <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,
+          value: default_function_body,
+          placeholder: "CREATE OR REPLACE FUNCTION #{@form.function_name || 'function_name'}()\nRETURNS TRIGGER AS $$\nBEGIN\n  -- Your trigger logic here\n  RETURN NEW;\nEND;\n$$ LANGUAGE plpgsql;",
+          required: true,
+          id: "function-body-textarea",
+          rows: 12,
+          style: "width: 100%; padding: 0.5rem; border: 1px solid #ced4da; border-radius: 4px; font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace; font-size: 0.875rem; line-height: 1.5; resize: vertical;" %>
+      <small style="color: #6c757d;">
+        Provide the complete PL/pgSQL function definition (BEGIN...END block).
+      </small>
+      <% if @form.errors[:function_body].any? %>
+        <div style="color: #dc3545; margin-top: 0.25rem;"><%= @form.errors[:function_body].first %></div>
+      <% end %>
+    </div>
+  </fieldset>
+
+  <!-- Section 2: Trigger Events -->
+  <fieldset style="border: 1px solid #dee2e6; padding: 1rem; margin-bottom: 2rem; border-radius: 4px;">
+    <legend style="font-weight: 600; color: #495057; padding: 0 0.5rem;">Trigger Events *</legend>
+
+    <div style="display: flex; gap: 1rem; flex-wrap: wrap;">
+      <% %w[insert update delete truncate].each do |event| %>
+        <label style="display: flex; align-items: center; cursor: pointer;">
+          <%= check_box_tag "pg_sql_triggers_generator_form[events][]", event, Array(@form.events).include?(event), id: "events_#{event}" %>
+          <span style="margin-left: 0.25rem; text-transform: uppercase;"><%= event %></span>
+        </label>
+      <% end %>
+    </div>
+    <small style="color: #6c757d; display: block; margin-top: 0.5rem;">
+      Select one or more events that will trigger the function
+    </small>
+    <% if @form.errors[:events].any? %>
+      <div style="color: #dc3545; margin-top: 0.25rem;"><%= @form.errors[:events].first %></div>
+    <% end %>
+  </fieldset>
+
+  <!-- Section 3: Configuration -->
+  <fieldset style="border: 1px solid #dee2e6; padding: 1rem; margin-bottom: 2rem; border-radius: 4px;">
+    <legend style="font-weight: 600; color: #495057; padding: 0 0.5rem;">Configuration</legend>
+
+    <div style="margin-bottom: 1rem;">
+      <%= f.label :version, "Version", style: "display: block; font-weight: 500; margin-bottom: 0.25rem;" %>
+      <%= f.number_field :version, value: @form.version || 1, min: 1,
+          style: "width: 100px; padding: 0.5rem; border: 1px solid #ced4da; border-radius: 4px;" %>
+      <small style="color: #6c757d; display: block; margin-top: 0.25rem;">
+        Default: 1 (increment for future changes)
+      </small>
+    </div>
+
+    <div style="margin-bottom: 1rem;">
+      <%= f.label :environments, "Target Environments", style: "display: block; font-weight: 500; margin-bottom: 0.25rem;" %>
+      <div style="display: flex; gap: 1rem; flex-wrap: wrap;">
+        <% %w[development test staging production].each do |env| %>
+          <label style="display: flex; align-items: center; cursor: pointer;">
+            <%= check_box_tag "pg_sql_triggers_generator_form[environments][]", env, Array(@form.environments).include?(env), id: "environments_#{env}" %>
+            <span style="margin-left: 0.25rem;"><%= env.titleize %></span>
+          </label>
+        <% end %>
+      </div>
+      <small style="color: #6c757d; display: block; margin-top: 0.5rem;">
+        Leave empty to apply to all environments
+      </small>
+    </div>
+
+    <div style="margin-bottom: 1rem;">
+      <%= f.label :condition, "WHEN Condition (Optional)", style: "display: block; font-weight: 500; margin-bottom: 0.25rem;" %>
+      <%= f.text_area :condition,
+          placeholder: "e.g., NEW.email IS NOT NULL",
+          rows: 2,
+          style: "width: 100%; padding: 0.5rem; border: 1px solid #ced4da; border-radius: 4px; font-family: monospace;" %>
+      <small style="color: #6c757d;">
+        Optional SQL condition for trigger firing
+      </small>
+    </div>
+
+    <div style="margin-bottom: 1rem;">
+      <label style="display: flex; align-items: center; cursor: pointer;">
+        <%= f.check_box :enabled, checked: @form.enabled %>
+        <span style="margin-left: 0.25rem; font-weight: 500;">Enable trigger after creation</span>
+      </label>
+      <small style="color: #6c757d; display: block; margin-left: 1.5rem;">
+        Trigger will be enabled by default. Uncheck to create disabled.
+      </small>
+    </div>
+
+    <div style="margin-bottom: 1rem;">
+      <label style="display: flex; align-items: center; cursor: pointer;">
+        <%= f.check_box :generate_function_stub, checked: @form.generate_function_stub %>
+        <span style="margin-left: 0.25rem; font-weight: 500;">Generate PL/pgSQL function stub</span>
+      </label>
+      <small style="color: #6c757d; display: block; margin-left: 1.5rem;">
+        Creates a template function file you can customize
+      </small>
+    </div>
+  </fieldset>
+
+  <!-- Actions -->
+  <div style="display: flex; gap: 1rem;">
+    <%= f.submit "Preview Generated Code", class: "btn btn-primary" %>
+    <%= link_to "Cancel", root_path, class: "btn", style: "background: #6c757d; color: white; text-decoration: none;" %>
+  </div>
+<% end %>
+
+<script>
+// Client-side form validation
+function validateForm() {
+  const form = document.getElementById('trigger-generator-form');
+  if (!form) return true;
+
+  let isValid = true;
+  const errors = [];
+
+  // Validate trigger name
+  const triggerName = form.querySelector('[name="pg_sql_triggers_generator_form[trigger_name]"]')?.value?.trim();
+  if (!triggerName) {
+    errors.push('Trigger name is required');
+    isValid = false;
+  } else if (!/^[a-z0-9_]+$/.test(triggerName)) {
+    errors.push('Trigger name must contain only lowercase letters, numbers, and underscores');
+    isValid = false;
+  }
+
+  // Validate table name
+  const tableName = form.querySelector('[name="pg_sql_triggers_generator_form[table_name]"]')?.value?.trim();
+  if (!tableName) {
+    errors.push('Table name is required');
+    isValid = false;
+  }
+
+  // Validate function name
+  const functionName = form.querySelector('[name="pg_sql_triggers_generator_form[function_name]"]')?.value?.trim();
+  if (!functionName) {
+    errors.push('Function name is required');
+    isValid = false;
+  } else if (!/^[a-z0-9_]+$/.test(functionName)) {
+    errors.push('Function name must contain only lowercase letters, numbers, and underscores');
+    isValid = false;
+  }
+
+  // Validate function body
+  const functionBody = form.querySelector('[name="pg_sql_triggers_generator_form[function_body]"]')?.value?.trim();
+  if (!functionBody) {
+    errors.push('Function body is required');
+    isValid = false;
+  } else if (functionName && !functionBody.match(new RegExp('CREATE\\s+(?:OR\\s+REPLACE\\s+)?FUNCTION\\s+(?:[^\\s(]+\\.)?' + functionName.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + '\\s*\\(', 'i'))) {
+    errors.push('Function body should define function \'' + functionName + '\'');
+    isValid = false;
+  }
+
+  // Validate at least one event is selected
+  const eventCheckboxes = form.querySelectorAll('[name="pg_sql_triggers_generator_form[events][]"]:checked');
+  if (eventCheckboxes.length === 0) {
+    errors.push('At least one event must be selected');
+    isValid = false;
+  }
+
+  // Validate version
+  const version = form.querySelector('[name="pg_sql_triggers_generator_form[version]"]')?.value?.trim();
+  if (!version) {
+    errors.push('Version is required');
+    isValid = false;
+  } else {
+    const versionNum = parseInt(version, 10);
+    if (isNaN(versionNum) || versionNum < 1) {
+      errors.push('Version must be a positive integer');
+      isValid = false;
+    }
+  }
+
+  // Display errors
+  let errorDiv = document.getElementById('form-validation-errors');
+  if (!errorDiv) {
+    errorDiv = document.createElement('div');
+    errorDiv.id = 'form-validation-errors';
+    errorDiv.style.cssText = 'margin-bottom: 1rem; padding: 1rem; background: #f8d7da; border-left: 4px solid #dc3545; border-radius: 4px;';
+    form.insertBefore(errorDiv, form.firstChild);
+  }
+
+  if (!isValid) {
+    errorDiv.innerHTML = '<strong style="color: #721c24;">Please fix the following errors:</strong><ul style="margin: 0.5rem 0 0 1.5rem; padding: 0; color: #721c24;"><li>' + errors.join('</li><li>') + '</li></ul>';
+    errorDiv.style.display = 'block';
+    // Scroll to top of form
+    errorDiv.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+  } else {
+    errorDiv.style.display = 'none';
+  }
+
+  return isValid;
+}
+
+// Generate function body template
+function generateFunctionBody(functionName) {
+  return 'CREATE OR REPLACE FUNCTION ' + (functionName || 'function_name') + '()\n' +
+         'RETURNS TRIGGER AS $$\n' +
+         'BEGIN\n' +
+         '  -- Your trigger logic here\n' +
+         '  RETURN NEW;\n' +
+         'END;\n' +
+         '$$ LANGUAGE plpgsql;';
+}
+
+// Check if textarea value matches the template pattern (so we know it's still the default)
+function isTemplateValue(value) {
+  if (!value || value.trim() === '') return true;
+  // Check if it matches the template pattern
+  const templatePattern = /^CREATE\s+(?:OR\s+REPLACE\s+)?FUNCTION\s+\w+\(\)\s+RETURNS\s+TRIGGER/i;
+  return templatePattern.test(value.trim());
+}
+
+// Update function body value and placeholder when function name changes
+document.getElementById('function-name-input')?.addEventListener('input', function(e) {
+  const functionName = e.target.value || 'function_name';
+  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;
+    }
+  }
+});
+
+// Client-side validation for table selection
+document.getElementById('table-name-select')?.addEventListener('change', function(e) {
+  const tableName = e.target.value;
+  const messageDiv = document.getElementById('table-validation-message');
+  const infoDiv = document.getElementById('table-triggers-info');
+  const triggersList = document.getElementById('table-triggers-list');
+
+  if (!tableName) {
+    messageDiv.innerHTML = '';
+    if (infoDiv) infoDiv.style.display = 'none';
+    return;
+  }
+
+  messageDiv.innerHTML = '<span style="color: #6c757d;">Validating...</span>';
+
+  fetch('<%= validate_table_generator_index_path %>', {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+      'X-CSRF-Token': document.querySelector('[name="csrf-token"]').content
+    },
+    body: JSON.stringify({ table_name: tableName })
+  })
+  .then(response => response.json())
+  .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', {
+          headers: {
+            'Accept': 'application/json',
+            'X-CSRF-Token': document.querySelector('[name="csrf-token"]').content
+          }
+        })
+        .then(response => response.json())
+        .then(data => {
+          if (data.registry_triggers && data.registry_triggers.length > 0) {
+            let triggersHtml = '<div style="display: flex; flex-direction: column; gap: 0.5rem;">';
+            data.registry_triggers.forEach(trigger => {
+              triggersHtml += '<div style="padding: 0.5rem; background: white; border-radius: 4px; border-left: 3px solid #007bff;">';
+              triggersHtml += '<strong>' + trigger.trigger_name + '</strong> ';
+              triggersHtml += '<span class="badge ' + (trigger.enabled ? 'badge-success' : 'badge-danger') + '" style="font-size: 0.75rem;">' + (trigger.enabled ? 'Enabled' : 'Disabled') + '</span>';
+              if (trigger.function_name) {
+                triggersHtml += '<br><small style="color: #6c757d;">Function: <code>' + trigger.function_name + '</code></small>';
+              }
+              triggersHtml += '</div>';
+            });
+            triggersHtml += '</div>';
+            triggersHtml += '<div style="margin-top: 0.5rem;"><a href="<%= tables_path %>/' + encodeURIComponent(tableName) + '" target="_blank" style="color: #007bff; text-decoration: none; font-size: 0.875rem;">View all table details →</a></div>';
+            triggersList.innerHTML = triggersHtml;
+            infoDiv.style.display = 'block';
+          } else {
+            infoDiv.style.display = 'none';
+          }
+        })
+        .catch(error => {
+          console.error('Failed to fetch triggers:', error);
+          // Fallback: show link to view table details
+          triggersList.innerHTML = '<a href="<%= tables_path %>/' + encodeURIComponent(tableName) + '" target="_blank" style="color: #007bff; text-decoration: none;">View table details →</a>';
+          infoDiv.style.display = 'block';
+        });
+      }
+    } else {
+      messageDiv.innerHTML = '<span style="color: #dc3545;">✗ Table not found in database</span>';
+      if (infoDiv) infoDiv.style.display = 'none';
+    }
+  })
+  .catch(error => {
+    messageDiv.innerHTML = '<span style="color: #856404;">⚠ Validation unavailable</span>';
+    if (infoDiv) infoDiv.style.display = 'none';
+  });
+});
+</script>