slash_migrate 0.1.0

data/app/services/slash_migrate/migration_file_writer.rb

@@ -0,0 +1,71 @@
+module SlashMigrate
+  # Writes a migration file on behalf of every builder, so file creation is
+  # collision-safe in one place:
+  #
+  #   - the version is collision-free (mirrors Rails' own next_migration_number),
+  #     so two migrations generated in the same second still get distinct,
+  #     ordered versions rather than clashing;
+  #   - the write is exclusive, so a re-submitted form can't clobber a file;
+  #   - a second pending migration with the same name is refused, since duplicate
+  #     migration classes break db:migrate — caught here with a clear message
+  #     instead of a cryptic failure when the student runs it.
+  class MigrationFileWriter
+    DuplicateError = Class.new(StandardError)
+
+    def self.write(basename:, source:)
+      new(basename: basename, source: source).write
+    end
+
+    # basename: the slug with no version and no extension, e.g. "create_posts".
+    def initialize(basename:, source:)
+      @basename = basename
+      @source = source
+    end
+
+    def write
+      if (existing = existing_with_same_name)
+        raise DuplicateError, "A migration named #{@basename.camelize} already exists (#{existing}). " \
+          "Run or delete it before generating another."
+      end
+
+      path = migrate_dir.join("#{next_version}_#{@basename}.rb")
+      # A brand-new app has no db/migrate until its first migration — and that
+      # first migration is exactly what a student generates here — so create it.
+      migrate_dir.mkpath
+      path.open(File::WRONLY | File::CREAT | File::EXCL) { |file| file.write(@source) }
+      path.relative_path_from(Rails.root).to_s
+    end
+
+    private
+
+    # A version that is both a current UTC timestamp and strictly greater than
+    # every existing migration — the same rule Rails' generators use, so a
+    # same-second collision still yields a distinct, ordered version (and one
+    # that stays within Rails' "not in the future" validity window).
+    def next_version
+      number = current_migration_number + 1
+      if ActiveRecord.timestamped_migrations
+        [Time.now.utc.strftime("%Y%m%d%H%M%S"), format("%.14d", number)].max
+      else
+        format("%.14d", number)
+      end
+    end
+
+    def current_migration_number
+      existing_files.map { |path| File.basename(path).to_i }.max || 0
+    end
+
+    def existing_with_same_name
+      existing_files.map { |path| File.basename(path) }
+        .find { |name| name.sub(/\A\d+_/, "").chomp(".rb") == @basename }
+    end
+
+    def existing_files
+      Dir.glob(migrate_dir.join("*.rb"))
+    end
+
+    def migrate_dir
+      Rails.root.join("db/migrate")
+    end
+  end
+end

data/app/services/slash_migrate/migration_runner.rb

@@ -0,0 +1,91 @@
+require "open3"
+
+module SlashMigrate
+  # Reports migration status and runs db:migrate / db:rollback.
+  #
+  # Status is computed directly from the migration files and the
+  # schema_migrations table rather than through MigrationContext, whose
+  # migrations_paths are relative to the process cwd (which isn't Rails.root in
+  # a mounted-engine dev setup). Running shells out to bin/rails so students see
+  # the real task output; chdir keeps it anchored to the host app.
+  class MigrationRunner
+    Migration = Struct.new(:version, :name, :applied, keyword_init: true) do
+      def applied? = applied
+      def status = applied ? "up" : "down"
+    end
+
+    Result = Struct.new(:output, :success, keyword_init: true) do
+      def success? = success
+    end
+
+    def status
+      applied = applied_versions
+      migration_files.map do |path|
+        version, name = parse(path)
+        Migration.new(version: version, name: name, applied: applied.include?(version))
+      end
+    end
+
+    def pending?
+      status.any? { |migration| !migration.applied? }
+    end
+
+    def applied_any?
+      status.any?(&:applied?)
+    end
+
+    def migrate
+      run("db:migrate")
+    end
+
+    def rollback
+      run("db:rollback")
+    end
+
+    # Deletes a migration file, but only when it hasn't been run (pending, or
+    # already rolled back). Deleting an applied migration would orphan its
+    # schema_migrations row and leave it unreversible, so we refuse.
+    def delete(version)
+      version = version.to_s
+      migration = status.find { |candidate| candidate.version == version }
+
+      return Result.new(output: "No migration #{version} found.", success: false) unless migration
+      if migration.applied?
+        return Result.new(output: "“#{migration.name}” has already been run — roll it back before deleting.", success: false)
+      end
+
+      path = migration_files.find { |file| File.basename(file).start_with?("#{version}_") }
+      File.delete(path) if path
+      Result.new(output: "Deleted “#{migration.name}”.", success: true)
+    end
+
+    private
+
+    def run(task)
+      output, process = Bundler.with_unbundled_env do
+        Open3.capture2e({"RAILS_ENV" => Rails.env.to_s}, rails_bin, task, chdir: Rails.root.to_s)
+      end
+      Result.new(output: output, success: process.success?)
+    end
+
+    def rails_bin
+      Rails.root.join("bin/rails").to_s
+    end
+
+    def migration_files
+      Dir.glob(Rails.root.join("db/migrate/*.rb")).sort
+    end
+
+    def parse(path)
+      version, slug = File.basename(path, ".rb").split("_", 2)
+      [version, slug.to_s.humanize]
+    end
+
+    def applied_versions
+      connection = ActiveRecord::Base.connection
+      return [] unless connection.table_exists?("schema_migrations")
+
+      connection.select_values("SELECT version FROM schema_migrations").map(&:to_s)
+    end
+  end
+end

data/app/services/slash_migrate/schema_inspector.rb

@@ -0,0 +1,55 @@
+module SlashMigrate
+  # Reads the live database schema through the Active Record connection. This is
+  # the single source of truth the rest of the engine builds on: the table
+  # browser renders from it, and the migration builder relies on it to know the
+  # current type/default/index of a column so every generated migration can be
+  # made reversible.
+  class SchemaInspector
+    # Active Record's own bookkeeping tables. Never shown or touched.
+    INTERNAL_TABLES = %w[schema_migrations ar_internal_metadata].freeze
+
+    def table_names
+      (connection.tables - INTERNAL_TABLES).sort
+    end
+
+    def exists?(name)
+      table_names.include?(name.to_s)
+    end
+
+    def table(name)
+      Table.new(name.to_s, connection)
+    end
+
+    private
+
+    def connection
+      ActiveRecord::Base.connection
+    end
+
+    # A thin, read-only view over one table's columns, indexes and foreign keys.
+    class Table
+      attr_reader :name
+
+      def initialize(name, connection)
+        @name = name
+        @connection = connection
+      end
+
+      def columns
+        @connection.columns(@name)
+      end
+
+      def indexes
+        @connection.indexes(@name)
+      end
+
+      def foreign_keys
+        @connection.foreign_keys(@name)
+      end
+
+      def primary_key
+        @connection.primary_key(@name)
+      end
+    end
+  end
+end

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

@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>slash_migrate</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag %>
+
+  <%= yield :head %>
+
+  <%# Self-contained: the engine serves its own CSS/JS so it never depends on the
+      host app's asset pipeline (see AssetsController). %>
+  <link rel="stylesheet" href="<%= asset_file_path(name: "slash_migrate.css") %>">
+  <script src="<%= asset_file_path(name: "turbo.min.js") %>" defer></script>
+  <script src="<%= asset_file_path(name: "stimulus.min.js") %>" defer></script>
+  <script src="<%= asset_file_path(name: "controllers.js") %>" defer></script>
+</head>
+<body>
+  <header class="nav">
+    <%= link_to root_path, class: "nav-brand" do %><em>/</em>rails<em>/</em>migrate<% end %>
+    <span class="nav-spacer"></span>
+    <nav class="nav-links">
+      <%= nav_link "Tables", root_path, :database, active: nav_section == :tables %>
+      <%= nav_link "New table", new_model_path, :plus, active: nav_section == :new %>
+      <%= nav_link "Migrations", migrations_path, :history, active: nav_section == :migrations %>
+    </nav>
+  </header>
+
+  <main class="page <%= content_for(:page_class) %>">
+    <% if flash[:notice].present? %>
+      <%= render layout: "slash_migrate/shared/callout", locals: {kind: "ok"} do %><%= flash[:notice] %><% end %>
+    <% end %>
+    <% if flash[:alert].present? %>
+      <%= render layout: "slash_migrate/shared/callout", locals: {kind: "warn"} do %><%= flash[:alert] %><% end %>
+    <% end %>
+    <%= yield %>
+  </main>
+</body>
+</html>

data/app/views/slash_migrate/columns/_preview.html.erb

@@ -0,0 +1,10 @@
+<% if @error.present? %>
+  <%= render layout: "slash_migrate/shared/callout", locals: {kind: "warn", title: "Can't build that yet"} do %><%= @error %><% end %>
+<% elsif !@migration.any? %>
+  <p class="preview-hint"><%= @hint || "Add a column to see the migration it will generate." %></p>
+<% else %>
+  <%= render "slash_migrate/shared/code_file",
+        path: "db/migrate/", name: "#{@migration.migration_basename}.rb", kind: "migration", timestamped: true,
+        source: @migration.migration_source,
+        foot: "db:rollback undoes this by removing the new column(s).", foot_kind: "info" %>
+<% end %>

data/app/views/slash_migrate/columns/_update_preview.html.erb

@@ -0,0 +1,17 @@
+<% if @error.present? %>
+  <%= render layout: "slash_migrate/shared/callout", locals: {kind: "warn", title: "Can't build that yet"} do %><%= @error %><% end %>
+<% elsif @migration.nil? || !@migration.changed? %>
+  <p class="preview-hint"><%= @hint || "Change a value to see the migration it will generate." %></p>
+<% else %>
+  <% if @migration.tightening_null? %>
+    <%= render layout: "slash_migrate/shared/callout", locals: {kind: "warn", title: "This may fail on existing rows"} do %>
+      Adding <code>NOT NULL</code> fails if existing rows hold NULL — backfill them (or set a default) first.
+    <% end %>
+  <% end %>
+
+  <%= render "slash_migrate/shared/code_file",
+        path: "db/migrate/", name: "#{@migration.migration_basename}.rb", kind: "migration", timestamped: true,
+        source: @migration.migration_source,
+        foot: (@migration.reversible_as_change? ? "A rename is safe to roll back — no data is lost." : "Not auto-reversible, so it's written as explicit up / down — and a type change can truncate or lose existing data."),
+        foot_kind: (@migration.reversible_as_change? ? "ok" : "warn") %>
+<% end %>

data/app/views/slash_migrate/columns/edit.html.erb

@@ -0,0 +1,83 @@
+<% content_for :page_class, "page-form" %>
+
+<div class="page-head">
+  <div>
+    <%= render "slash_migrate/shared/breadcrumbs", trail: [{label: "Tables", url: root_path}, {label: @table, url: table_path(@table)}, {label: "Edit #{@column.name}"}] %>
+    <h1 class="page-title">Edit <span class="mono"><%= @column.name %></span> on <span class="mono"><%= @table %></span></h1>
+    <p class="page-sub">Change the column's name, type, nullability, or default. The migration below updates as you edit.</p>
+  </div>
+</div>
+
+<%= form_with url: table_column_path(@table, @column.name), method: :patch, class: "stack",
+      data: {
+        controller: "live-preview",
+        action: "input->live-preview#scheduleRefresh change->live-preview#scheduleRefresh",
+        "live-preview-url-value": update_preview_table_column_path(@table, @column.name)
+      } do |form| %>
+
+  <div class="panel panel-pad">
+    <div class="form-col">
+      <div class="field">
+        <label class="label" for="col_name">Name</label>
+        <input type="text" id="col_name" name="column[name]" value="<%= @column.name %>" class="input mono" autocomplete="off">
+        <p class="help-text">Currently <span class="chip-soft"><%= @column.name %></span>. Renaming generates a <code>rename_column</code>.</p>
+      </div>
+      <div class="field">
+        <label class="label" for="col_type">Type</label>
+        <select id="col_type" name="column[type]" class="select">
+          <% (available_column_types(include_references: false) | [@column.type]).each do |type| %>
+            <option value="<%= type %>"<% if type == @column.type %> selected<% end %>><%= type %></option>
+          <% end %>
+        </select>
+        <p class="help-text">Currently <span class="chip-soft"><%= @column.type %><%= "(#{@column.limit})" if @column.limit %></span>. A type change isn't auto-reversible.</p>
+      </div>
+      <div class="field">
+        <label class="label" for="col_null">Nullability</label>
+        <select id="col_null" name="column[null]" class="select">
+          <option value=""<% if @column.allow_null? %> selected<% end %>>allow null</option>
+          <option value="not_null"<% unless @column.allow_null? %> selected<% end %>>NOT NULL</option>
+        </select>
+        <p class="help-text">Currently <span class="chip-soft"><%= @column.allow_null? ? "allows null" : "NOT NULL" %></span>.</p>
+      </div>
+      <div class="field">
+        <label class="label" for="col_default">Default</label>
+        <input type="text" id="col_default" name="column[default]" value="<%= @column.default %>" placeholder="(none)" class="input mono" autocomplete="off">
+        <p class="help-text">Currently <span class="chip-soft"><%= @column.default.nil? ? "no default" : @column.default %></span>. Leave blank to keep it that way.</p>
+      </div>
+    </div>
+  </div>
+
+  <%= render "slash_migrate/shared/flow_arrow" %>
+
+  <div id="sm-edit-preview">
+    <%= render "update_preview" %>
+  </div>
+
+  <div class="actions-stack">
+    <%= form.submit "Generate migration", class: "btn btn-accent" %>
+    <%= link_to "Reset", edit_table_column_path(@table, @column.name), class: "btn btn-ghost" %>
+  </div>
+<% end %>
+
+<div class="panel danger-zone" style="margin-top:var(--gap-lg)">
+  <div class="panel-head">
+    <div>
+      <h2>Drop this column</h2>
+      <div class="panel-sub">Generates a separate migration to remove <span class="mono"><%= @column.name %></span> from <span class="mono"><%= @table %></span>.</div>
+    </div>
+  </div>
+  <div class="panel-pad">
+    <div class="stack">
+      <%= render "slash_migrate/shared/code_file",
+            path: "db/migrate/", name: "#{@drop_migration.migration_basename}.rb", kind: "migration · preview", timestamped: true,
+            source: @drop_migration.migration_source,
+            foot: @drop_caveat, foot_kind: "warn" %>
+      <div class="actions-stack">
+        <%= button_to drop_table_column_path(@table, @column.name), method: :post, class: "btn btn-danger-soft",
+              data: {turbo_confirm: "Generate a migration to drop #{@column.name}?"} do %>
+          <%= sm_icon(:trash) %> Generate drop migration
+        <% end %>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/slash_migrate/columns/new.html.erb

@@ -0,0 +1,33 @@
+<% content_for :page_class, "page-form" %>
+
+<div class="page-head">
+  <div>
+    <%= render "slash_migrate/shared/breadcrumbs", trail: [{label: "Tables", url: root_path}, {label: @table, url: table_path(@table)}, {label: "Add columns"}] %>
+    <h1 class="page-title">Add columns to <span class="mono"><%= @table %></span></h1>
+    <p class="page-sub">Append one or more columns to the existing table. A timestamped <span class="mono">add_column</span> migration will be created.</p>
+  </div>
+</div>
+
+<%= form_with url: table_columns_path(@table), method: :post, class: "stack",
+      data: {
+        controller: "model-form",
+        action: "input->model-form#scheduleRefresh change->model-form#scheduleRefresh",
+        "model-form-preview-url-value": preview_table_columns_path(@table)
+      } do |form| %>
+
+  <div class="panel panel-pad">
+    <h2 class="section-title" style="margin-top:0">New columns</h2>
+    <%= render "slash_migrate/shared/column_builder", tables: @existing_tables %>
+  </div>
+
+  <%= render "slash_migrate/shared/flow_arrow" %>
+
+  <div id="sm-preview">
+    <%= render "preview" %>
+  </div>
+
+  <div class="actions-stack">
+    <%= form.submit "Generate migration", class: "btn btn-accent" %>
+    <%= link_to "Reset", new_table_column_path(@table), class: "btn btn-ghost" %>
+  </div>
+<% end %>

data/app/views/slash_migrate/columns/preview.html.erb

@@ -0,0 +1,3 @@
+<turbo-stream action="update" target="sm-preview">
+  <template><%= render "preview" %></template>
+</turbo-stream>

data/app/views/slash_migrate/columns/update_preview.html.erb

@@ -0,0 +1,3 @@
+<turbo-stream action="update" target="sm-edit-preview">
+  <template><%= render "update_preview" %></template>
+</turbo-stream>

data/app/views/slash_migrate/indexes/_preview.html.erb

@@ -0,0 +1,10 @@
+<% if @error.present? %>
+  <%= render layout: "slash_migrate/shared/callout", locals: {kind: "warn", title: "Can't build that yet"} do %><%= @error %><% end %>
+<% elsif !@migration.any? %>
+  <p class="preview-hint"><%= @hint || "Pick a column to index to see the migration it will generate." %></p>
+<% else %>
+  <%= render "slash_migrate/shared/code_file",
+        path: "db/migrate/", name: "#{@migration.migration_basename}.rb", kind: "migration", timestamped: true,
+        source: @migration.migration_source,
+        foot: "db:rollback drops the index — your table data isn't touched.", foot_kind: "ok" %>
+<% end %>

data/app/views/slash_migrate/indexes/new.html.erb

@@ -0,0 +1,57 @@
+<% content_for :page_class, "page-form" %>
+
+<div class="page-head">
+  <div>
+    <%= render "slash_migrate/shared/breadcrumbs", trail: [{label: "Tables", url: root_path}, {label: @table, url: table_path(@table)}, {label: "Add index"}] %>
+    <h1 class="page-title">Add index to <span class="mono"><%= @table %></span></h1>
+    <p class="page-sub">Pick one or more columns to index — useful for speeding up lookups on foreign keys, or columns you filter or sort by often.</p>
+  </div>
+</div>
+
+<%= form_with url: table_indexes_path(@table), method: :post, class: "stack",
+      data: {
+        controller: "live-preview",
+        action: "input->live-preview#scheduleRefresh change->live-preview#scheduleRefresh",
+        "live-preview-url-value": preview_table_indexes_path(@table)
+      } do |form| %>
+
+  <div class="panel panel-pad">
+    <div class="form-col">
+      <div class="field">
+        <label class="label">Columns to index</label>
+        <div class="checks">
+          <% @columns.each do |column| %>
+            <label class="check"><input type="checkbox" name="columns[]" value="<%= column %>"> <%= column %></label>
+          <% end %>
+        </div>
+        <p class="help-text">Two or more columns make a <strong>composite index</strong> — useful when you filter by them together.</p>
+      </div>
+
+      <div class="field">
+        <label class="label" for="idx_unique">Unique?</label>
+        <select id="idx_unique" name="unique" class="select">
+          <option value="">no — duplicate values allowed</option>
+          <option value="unique">yes — enforce uniqueness</option>
+        </select>
+        <p class="help-text">A unique index doubles as a constraint — inserts that duplicate the indexed value(s) will fail.</p>
+      </div>
+
+      <div class="field">
+        <label class="label" for="idx_name">Index name <span class="help">optional</span></label>
+        <input type="text" id="idx_name" name="name" class="input mono" placeholder="index_<%= @table %>_on_…" autocomplete="off">
+        <p class="help-text">Leave blank to let Rails name it — the conventional pick.</p>
+      </div>
+    </div>
+  </div>
+
+  <%= render "slash_migrate/shared/flow_arrow" %>
+
+  <div id="sm-preview">
+    <%= render "preview" %>
+  </div>
+
+  <div class="actions-stack">
+    <%= form.submit "Generate migration", class: "btn btn-accent" %>
+    <%= link_to "Reset", new_table_index_path(@table), class: "btn btn-ghost" %>
+  </div>
+<% end %>

data/app/views/slash_migrate/indexes/preview.html.erb

@@ -0,0 +1,3 @@
+<turbo-stream action="update" target="sm-preview">
+  <template><%= render "preview" %></template>
+</turbo-stream>

data/app/views/slash_migrate/migrations/index.html.erb

@@ -0,0 +1,71 @@
+<%
+  applied = @migrations.count(&:applied?)
+  pending = @migrations.size - applied
+%>
+
+<div class="page-head">
+  <div>
+    <h1 class="page-title">Migrations</h1>
+    <p class="page-sub">
+      <%= applied %> applied · <%= pending %> pending. This list mirrors the files in <span class="mono">db/migrate</span>.
+    </p>
+  </div>
+  <div class="row">
+    <% if @migrations.any?(&:applied?) %>
+      <%= button_to rollback_migrations_path, class: "btn btn-ghost",
+            data: {turbo_confirm: "Roll back the most recent migration? This reverses its changes."} do %>
+        <%= sm_icon(:rotate) %> Roll back last
+      <% end %>
+    <% end %>
+    <% if @pending %>
+      <%= button_to run_migrations_path, class: "btn btn-accent" do %><%= sm_icon(:play) %> Run pending<% end %>
+    <% end %>
+  </div>
+</div>
+
+<% if flash[:migrate_output].present? %>
+  <% failed = flash[:alert].present? %>
+  <div style="margin-bottom:var(--gap-lg)">
+    <%= render "slash_migrate/shared/terminal",
+          command: (flash[:migrate_command] || "rails db:migrate"),
+          output: flash[:migrate_output],
+          meta: (failed ? "exited 1" : "output"),
+          meta_style: (failed ? "color:#E8B07F" : nil) %>
+  </div>
+<% end %>
+
+<div class="panel">
+  <% if @migrations.empty? %>
+    <div class="panel-pad muted">No migration files yet. Create a model or add columns, and the migration shows up here.</div>
+  <% else %>
+    <table class="table">
+      <thead>
+        <tr><th>Status</th><th>Version</th><th>Migration</th><th></th></tr>
+      </thead>
+      <tbody>
+        <% @migrations.each do |migration| %>
+          <tr>
+            <td>
+              <span class="badge <%= migration.applied? ? "is-up" : "is-pending" %>"><%= migration.applied? ? "up" : "pending" %></span>
+            </td>
+            <td><span class="mono muted"><%= migration.version %></span></td>
+            <td><span class="mono"><%= migration.name %></span></td>
+            <td class="col-actions">
+              <% if migration.applied? %>
+                <span class="has-tip" tabindex="0">
+                  <button type="button" class="btn btn-sm btn-disabled" disabled><%= sm_icon(:trash) %> Delete file</button>
+                  <span class="tip">This migration has been run. Roll it back with <kbd>db:rollback</kbd> first — deleting its file would orphan the <kbd>schema_migrations</kbd> record and leave the change unreversible.</span>
+                </span>
+              <% else %>
+                <%= button_to migration_path(migration.version), method: :delete, class: "btn btn-sm btn-ghost",
+                      data: {turbo_confirm: "Delete the “#{migration.name}” migration file? It hasn't been run."} do %>
+                  <%= sm_icon(:trash) %> Delete file
+                <% end %>
+              <% end %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  <% end %>
+</div>

data/app/views/slash_migrate/models/_name_help.html.erb

@@ -0,0 +1,13 @@
+<%# Helper text under the Model name field. Folds the singular-name warning in
+    here (rather than a preview callout) when the typed name is plural. Driven by
+    the live-preview Turbo Stream so it stays accurate via Rails' inflector. %>
+<% if @builder&.pluralized_input? %>
+  <p class="help-text is-warn">
+    Model names are singular, so we'll generate <code><%= @builder.model_class_name %></code> on the
+    <code><%= @builder.table_name %></code> table. Want a plural class name? Teach Rails the inflection in
+    <code>config/initializers/inflections.rb</code> — see
+    <%= link_to "the inflections guide", "https://guides.rubyonrails.org/active_support_core_extensions.html#inflections", target: "_blank", rel: "noopener" %>.
+  </p>
+<% else %>
+  <p class="help-text">Singular, by Rails convention — it maps to a table named after the plural.</p>
+<% end %>

data/app/views/slash_migrate/models/_preview.html.erb

@@ -0,0 +1,21 @@
+<% if @error.present? %>
+  <%= render layout: "slash_migrate/shared/callout", locals: {kind: "warn", title: "Can't build that yet"} do %><%= @error %><% end %>
+<% elsif !@builder.name_present? %>
+  <p class="preview-hint"><%= @hint || "Enter a model name to see the migration it will generate." %></p>
+<% else %>
+  <% if @table_exists %>
+    <%= render layout: "slash_migrate/shared/callout", locals: {kind: "warn", title: "That table already exists"} do %>
+      A table named <span class="mono"><%= @builder.table_name %></span> is already in the database — creating it again would add a duplicate migration.
+    <% end %>
+  <% end %>
+
+  <%= render "slash_migrate/shared/code_file",
+        path: "db/migrate/", name: "#{@builder.migration_basename}.rb", kind: "migration", timestamped: true,
+        source: @builder.migration_source,
+        foot: "db:rollback undoes this by dropping the table.", foot_kind: "info" %>
+
+  <%= render "slash_migrate/shared/code_file",
+        path: "app/models/", name: @builder.model_filename, kind: "model",
+        source: @builder.model_source,
+        foot: "New file — won't overwrite #{@builder.model_filename} if it already exists.", foot_kind: "info" %>
+<% end %>

data/app/views/slash_migrate/models/_row.html.erb

@@ -0,0 +1,37 @@
+<%# One column-row in the builder. The grid (.col-row) lays out the controls;
+    Stimulus (model-form) toggles the default input vs. the "references table"
+    picker, which share the fourth grid cell, and keeps the picker's first option
+    showing the table Rails would infer from the column name.
+    Local: self_option: include the "(this table)" self-reference option — only
+    useful when creating a new table (it isn't in the table list yet). %>
+<div class="col-row" data-row>
+  <input type="text" name="attributes[][name]" placeholder="name" class="input mono" autocomplete="off" data-action="input->model-form#nameInput">
+  <select name="attributes[][type]" class="select" data-action="model-form#typeChanged">
+    <% available_column_types.each do |type| %>
+      <option value="<%= type %>"><%= type %></option>
+    <% end %>
+  </select>
+  <select name="attributes[][null]" class="select" title="Nullability">
+    <option value="">allow null</option>
+    <option value="not_null">NOT NULL</option>
+  </select>
+  <input type="text" name="attributes[][default]" placeholder="default" class="input mono" autocomplete="off" data-row-default>
+  <%# Shown only for reference columns (Stimulus swaps it with the default field).
+      Only real tables are offered, so the foreign key can never point at one that
+      doesn't exist; "no foreign key" makes just the _id column. %>
+  <select name="attributes[][to_table]" class="select" title="Foreign key — which table does it reference?" data-row-table data-action="change->model-form#pickerTouched" style="display:none">
+    <option value="" disabled selected>Select a table</option>
+    <% if local_assigns[:self_option] %>
+      <option value="<%= SlashMigrate::MigrationBuilder::SELF_TABLE %>" data-self-suggestion>→ this table</option>
+    <% end %>
+    <% Array(tables).each do |table| %>
+      <option value="<%= table %>">→ <%= table %></option>
+    <% end %>
+  </select>
+  <select name="attributes[][index]" class="select" title="Index">
+    <option value="">no index</option>
+    <option value="index">index</option>
+    <option value="uniq">unique</option>
+  </select>
+  <button type="button" class="btn-icon" data-action="model-form#removeRow" aria-label="Remove column"><%= sm_icon(:x) %></button>
+</div>