slash_migrate 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e02b861e967a6d80fde6d69853c8222cbb16bee08c698d4566673f7f3baf34ec
-  data.tar.gz: dd3e18fb6ee29dbb2882112062c87659a3d62569773d62256cdb1f7866142fcd
+  metadata.gz: fc38b5dc8b5c3ad04547645969779d7a6b744363a01967d974874c603ade8444
+  data.tar.gz: 4863978dd450993f5bef0a2be7695bdf8a64a05fb278a7e4a5822b374624fb99
 SHA512:
-  metadata.gz: d96ec25095737a5cb6a48b8fd6abcd63635f1bd6487df203d7e910f180f8378654a95b91113f04a09fa908997e8f373c9d8eb9462346809c3ce053ef9b17a625
-  data.tar.gz: 86548b278ba6c311b89ab96f23e887bebd57cd40d3156d0869bdd76e6ae1850f891a225b8c1e50ad556899bc4649c9cee3b250ec7a91bc9bf98eacc7a74b3293
+  metadata.gz: 6b2081b038e753378cacd065a390b0b789e3b200a069268ff06b973ba84e99806f0b0ad331dda23fb7ab0580a92befcde7841c6496fe8cf03902e40806db1fb9
+  data.tar.gz: ad18527b2b39c34c637f3e35ec56ac1e5ef37c5c2f308c531106c4dfe736b610beacdcba7c3d98f652ed86429299867e186179d22a7fc95de5241baed7ebaaf9

data/CHANGELOG.md

@@ -4,6 +4,31 @@ All notable changes to this project are documented here. The format is based on
 [Keep a Changelog](https://keepachangelog.com/en/1.1.0/), and this project
 adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.1.1] - 2026-05-27
+
+### Fixed
+
+- Running a migration or rollback from the GUI no longer crashes the host app
+  with `ActionDispatch::Cookies::CookieOverflow`. The migrations page now updates
+  in place via a Turbo Stream rather than carrying the command output through the
+  4 KB session cookie.
+- Live previews and migration actions no longer return 500
+  (`ActionView::MissingTemplate`) in host apps that have `turbo-rails` installed;
+  the engine's hand-written stream templates are pinned to the HTML format.
+- `db:migrate` / `db:rollback` no longer fail with "… is not yet checked out"
+  when the host app uses a custom `BUNDLE_PATH` (e.g. GitHub Codespaces): the task
+  now shells out within the host's own bundle environment.
+- Restored two margins — above the "Drop this column" panel and below the
+  migration output — that an internal spacing-token rename had silently dropped,
+  and moved those values into CSS so a future rename can't break them again.
+
+### Changed
+
+- Migrations run / rollback / delete now update the page in place via Turbo
+  Stream instead of reloading after a redirect.
+- The nav brand and page titles follow the configured mount path, and the table
+  stats line pluralizes correctly.
+
 ## [0.1.0] - 2026-05-27
 
 ### Added
@@ -18,4 +43,5 @@ adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 - A live preview of the migration and model code each action will generate.
 - `SlashMigrate.configure` for `mount_path` and `enabled_environments`.
 
+[0.1.1]: https://github.com/firstdraft/slash_migrate/compare/v0.1.0...v0.1.1
 [0.1.0]: https://github.com/firstdraft/slash_migrate/releases/tag/v0.1.0

data/app/controllers/slash_migrate/application_controller.rb

@@ -11,5 +11,22 @@ module SlashMigrate
     rescue_from MigrationFileWriter::DuplicateError do |error|
       redirect_to migrations_path, alert: error.message
     end
+
+    private
+
+    # Render a hand-written <turbo-stream> template (the engine ships no
+    # turbo-rails). The html format is forced deliberately: when the host app
+    # *does* have turbo-rails, it registers the text/vnd.turbo-stream.html MIME,
+    # so a request asking for a Turbo Stream negotiates to the :turbo_stream
+    # format and a bare `render :preview` would look for a nonexistent
+    # preview.turbo_stream.erb and raise MissingTemplate (500). Pass content_type
+    # when the response is applied by native Turbo form handling (it keys off the
+    # header); the live previews are applied client-side by
+    # Turbo.renderStreamMessage and don't need it.
+    def render_stream(template, content_type: nil)
+      options = {layout: false, formats: [:html]}
+      options[:content_type] = content_type if content_type
+      render(template, **options)
+    end
   end
 end

data/app/controllers/slash_migrate/columns_controller.rb

@@ -10,10 +10,10 @@ module SlashMigrate
     def preview
       @migration = AddColumnsMigration.from_params(table: @table, rows: params[:attributes])
       @hint = "Add a column to see the migration it will generate." unless @migration.any?
-      render :preview, layout: false
+      render_stream :preview
     rescue => e
       @error = e.message
-      render :preview, layout: false
+      render_stream :preview
     end
 
     def create
@@ -50,10 +50,10 @@ module SlashMigrate
       original = find_column
       @migration = original && EditColumnMigration.new(table: @table, original: original, desired: desired_column)
       @hint = "Change a value to see the migration it will generate." unless @migration&.changed?
-      render :update_preview, layout: false
+      render_stream :update_preview
     rescue => e
       @error = e.message
-      render :update_preview, layout: false
+      render_stream :update_preview
     end
 
     def update

data/app/controllers/slash_migrate/indexes_controller.rb

@@ -10,10 +10,10 @@ module SlashMigrate
     def preview
       @migration = build_migration
       @hint = "Pick a column to index to see the migration it will generate." unless @migration.any?
-      render :preview, layout: false
+      render_stream :preview
     rescue => e
       @error = e.message
-      render :preview, layout: false
+      render_stream :preview
     end
 
     def create

data/app/controllers/slash_migrate/migrations_controller.rb

@@ -1,22 +1,24 @@
 module SlashMigrate
   class MigrationsController < ApplicationController
     def index
-      @migrations = runner.status
-      @pending = runner.pending?
+      load_migrations
     end
 
     def run
-      finish(runner.migrate, "Migrated.", "rails db:migrate")
+      @result = runner.migrate
+      @command = "rails db:migrate"
+      stream_result
     end
 
     def rollback
-      finish(runner.rollback, "Rolled back the last migration.", "rails db:rollback")
+      @result = runner.rollback
+      @command = "rails db:rollback"
+      stream_result
     end
 
     def destroy
-      result = runner.delete(params[:version])
-      flash[result.success? ? :notice : :alert] = result.output
-      redirect_to migrations_path
+      @result = runner.delete(params[:version])
+      stream_result
     end
 
     private
@@ -25,17 +27,22 @@ module SlashMigrate
       @runner ||= MigrationRunner.new
     end
 
-    # Post/redirect/get: stash the (truncated) command output in the flash so a
-    # refresh doesn't re-run the task.
-    def finish(result, message, command)
-      flash[:migrate_output] = result.output.to_s.last(3000)
-      flash[:migrate_command] = command
-      if result.success?
-        flash[:notice] = message
-      else
-        flash[:alert] = "Command failed — see the output below."
-      end
-      redirect_to migrations_path
+    def load_migrations
+      @migrations = runner.status
+      @pending = runner.pending?
+    end
+
+    # Update the page in place with a Turbo Stream instead of redirecting and
+    # carrying the command output in the flash: that output can be large, and
+    # CookieStore (the Rails default) caps the session at 4 KB, so a redirect
+    # could overflow the cookie and crash the host app. The engine ships no
+    # turbo-rails, so the <turbo-stream> is written by hand (see stream.html.erb)
+    # and rendered via render_stream, which forces the html template and sets the
+    # turbo-stream MIME; native Turbo form handling applies it. A plain refresh
+    # re-issues the GET, so the task never re-runs.
+    def stream_result
+      load_migrations
+      render_stream :stream, content_type: "text/vnd.turbo-stream.html"
     end
   end
 end

data/app/controllers/slash_migrate/models_controller.rb

@@ -16,11 +16,11 @@ module SlashMigrate
         @hint = "Enter a model name to see the migration it will generate."
       end
 
-      render :preview, layout: false
+      render_stream :preview
     rescue => e
       # Partial/invalid input shouldn't 500 the live preview; show the problem.
       @error = e.message
-      render :preview, layout: false
+      render_stream :preview
     end
 
     def create

data/app/helpers/slash_migrate/application_helper.rb

@@ -43,6 +43,29 @@ module SlashMigrate
       end
     end
 
+    # Where the engine is actually mounted, as the browser sees it (e.g.
+    # "/rails/migrate"). Read from the request's script_name so a host that
+    # mounts us somewhere non-standard is reflected verbatim, rather than
+    # trusting the configured default. Falls back to that default when there's
+    # no request to read (e.g. rendering outside the engine).
+    def mount_path
+      request&.script_name.presence || SlashMigrate.config.mount_path
+    end
+
+    # The mount path drawn as the nav brand: each "/" muted via <em> (see
+    # `.nav-brand em`) with the path segments between them in ink.
+    def nav_brand
+      safe_join(mount_path.split("/", -1), tag.em("/"))
+    end
+
+    # The document <title>: the name the current page set via `content_for
+    # :title`, so browser tabs, history, and bookmarks stay distinguishable.
+    # Falls back to the mount path (the plain-text form of the nav brand) for
+    # any page that doesn't set one.
+    def page_title
+      content_for(:title).presence || mount_path
+    end
+
     # The column types worth showing first, in teaching order. Anything else the
     # database supports follows, alphabetically.
     COMMON_COLUMN_TYPES = %w[string text integer boolean references datetime date decimal float].freeze

data/app/services/slash_migrate/column.rb

@@ -34,9 +34,8 @@ module SlashMigrate
         # Normalize to a String, matching the form-input path. Active Record
         # casts defaults differently across versions and adapters (Rails 8.0
         # hands back "0", 8.1 casts it to 0; a boolean default arrives as
-        # false), and the rest of this class — presence, downcase, literal
-        # interpolation — assumes a string. Without &.to_s, presence(false)
-        # would also silently drop a boolean's `default: false`.
+        # false), and the rest of this class — to_s.strip.presence, downcase,
+        # literal interpolation — assumes a string.
         default: ar_column.default&.to_s,
         limit: meta&.limit,
         precision: meta&.precision,
@@ -51,12 +50,12 @@ module SlashMigrate
       @name = name.to_s.strip
       @type = type.to_s
       @null = null
-      @default = presence(default)
-      @limit = presence(limit)
-      @precision = presence(precision)
-      @scale = presence(scale)
+      @default = default.to_s.strip.presence
+      @limit = limit.to_s.strip.presence
+      @precision = precision.to_s.strip.presence
+      @scale = scale.to_s.strip.presence
       @index = index.to_s
-      @to_table = presence(to_table)
+      @to_table = to_table.to_s.strip.presence
     end
 
     def blank?
@@ -189,10 +188,5 @@ module SlashMigrate
         @default.inspect
       end
     end
-
-    def presence(value)
-      string = value.to_s.strip
-      string.empty? ? nil : string
-    end
   end
 end

data/app/services/slash_migrate/migration_runner.rb

@@ -62,7 +62,13 @@ module SlashMigrate
     private
 
     def run(task)
-      output, process = Bundler.with_unbundled_env do
+      # db:migrate is part of the host app's OWN bundle, so reset to the env
+      # from before this process loaded Bundler with with_original_env — NOT
+      # with_unbundled_env. The latter strips the host's bundler config,
+      # including a custom BUNDLE_PATH (e.g. Codespaces installs the bundle under
+      # /home/student/.bundle); the child bin/rails then can't find gems there —
+      # notably a git-sourced gem — and dies with "is not yet checked out".
+      output, process = Bundler.with_original_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?)

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

@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>slash_migrate</title>
+  <title><%= page_title %></title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <%= csrf_meta_tags %>
   <%= csp_meta_tag %>
@@ -18,7 +18,7 @@
 </head>
 <body>
   <header class="nav">
-    <%= link_to root_path, class: "nav-brand" do %><em>/</em>rails<em>/</em>migrate<% end %>
+    <%= link_to root_path, class: "nav-brand" do %><%= nav_brand %><% end %>
     <span class="nav-spacer"></span>
     <nav class="nav-links">
       <%= nav_link "Tables", root_path, :database, active: nav_section == :tables %>

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

@@ -1,10 +1,11 @@
 <% content_for :page_class, "page-form" %>
+<% content_for :title, "Edit #{@column.name} on #{@table}" %>
 
 <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>
+    <p class="page-sub">Change the column's name, type, nullability, or default. The proposed migration will appear below in real-time as you edit.</p>
   </div>
 </div>
 
@@ -59,7 +60,7 @@
   </div>
 <% end %>
 
-<div class="panel danger-zone" style="margin-top:var(--gap-lg)">
+<div class="panel danger-zone">
   <div class="panel-head">
     <div>
       <h2>Drop this column</h2>

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

@@ -1,10 +1,11 @@
 <% content_for :page_class, "page-form" %>
+<% content_for :title, "Add columns to #{@table}" %>
 
 <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>
+    <p class="page-sub">Add some columns to your existing table. The proposed <span class="mono">add_column</span> migration will appear below in real-time as you type.</p>
   </div>
 </div>
 

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

@@ -1,10 +1,11 @@
 <% content_for :page_class, "page-form" %>
+<% content_for :title, "Add index to #{@table}" %>
 
 <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>
+    <p class="page-sub">Pick the columns you'd like to index — handy for speeding up lookups on foreign keys, or columns you filter or sort by often. The proposed migration will appear below in real-time as you type.</p>
   </div>
 </div>
 

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

@@ -0,0 +1,79 @@
+<%
+  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 your <span class="mono">db/migrate</span> folder.
+    </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>
+
+<%# Feedback from the last run / rollback / delete, shown in place. Carried in
+    instance variables rather than the flash, so large command output never
+    rides through the session cookie. %>
+<% if @command %>
+  <div class="migrate-output">
+    <%= render "slash_migrate/shared/terminal",
+          command: @command,
+          output: @result.output,
+          meta: (@result.success? ? "output" : "exited 1"),
+          meta_style: (@result.success? ? nil : "color:#E8B07F") %>
+  </div>
+<% elsif @result %>
+  <div class="migrate-output">
+    <%= render layout: "slash_migrate/shared/callout", locals: {kind: @result.success? ? "ok" : "warn"} do %>
+      <%= @result.output %>
+    <% end %>
+  </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/migrations/index.html.erb

@@ -1,71 +1,6 @@
-<%
-  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 %>
+<% content_for :title, "Migrations" %>
+<%# The whole page lives in one Turbo Stream target so run / rollback / delete
+    can update it in place (see stream.html.erb) without a redirect. %>
+<div id="sm-migrations">
+  <%= render "migrations" %>
 </div>

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

@@ -0,0 +1,6 @@
+<%# Rendered for run / rollback / delete. The controller sends this with the
+    text/vnd.turbo-stream.html MIME so native Turbo form handling applies it —
+    no turbo-rails gem, no redirect, no flash. %>
+<turbo-stream action="update" target="sm-migrations">
+  <template><%= render "migrations" %></template>
+</turbo-stream>

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

@@ -1,9 +1,10 @@
 <% content_for :page_class, "page-form" %>
+<% content_for :title, "New table" %>
 
 <div class="page-head">
   <div>
     <h1 class="page-title">New table</h1>
-    <p class="page-sub">Pick a name and add columns. The migration and model files appear live below as you type.</p>
+    <p class="page-sub">Pick a name for your new table and add some columns. The proposed migration and model files will appear below in real-time as you type.</p>
   </div>
 </div>
 

data/app/views/slash_migrate/shared/_flow_arrow.html.erb

@@ -1,6 +1,11 @@
-<%# Animated three-chevron indicator pointing from the form down to the live preview. %>
-<div class="stack-link" aria-hidden="true">
-  <span class="chev"></span>
-  <span class="chev"></span>
-  <span class="chev"></span>
+<%# Animated three-chevron indicators pointing from the form down to the live
+    preview. Three identical stacks, spread across the width (see .flow-arrows). %>
+<div class="flow-arrows" aria-hidden="true">
+  <% 3.times do %>
+    <span class="stack-link">
+      <span class="chev"></span>
+      <span class="chev"></span>
+      <span class="chev"></span>
+    </span>
+  <% end %>
 </div>

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

@@ -1,7 +1,9 @@
+<% content_for :title, "Tables" %>
+
 <div class="page-head">
   <div>
     <h1 class="page-title">Tables</h1>
-    <p class="page-sub">The tables in this app's database. Open any one to inspect its columns, indexes, and foreign keys.</p>
+    <p class="page-sub">The tables in your app's database. Open any one to inspect its columns, indexes, and foreign keys.</p>
   </div>
   <%= link_to new_model_path, class: "btn btn-accent" do %><%= sm_icon(:plus) %> New table<% end %>
 </div>

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

@@ -5,15 +5,16 @@
   primary_key = @table.primary_key
   fk_targets = foreign_keys.to_h { |fk| [fk.column, fk.to_table] }
 %>
+<% content_for :title, @table.name %>
 
 <div class="page-head">
   <div>
     <%= render "slash_migrate/shared/breadcrumbs", trail: [{label: "Tables", url: root_path}, {label: @table.name}] %>
     <h1 class="page-title"><span class="mono"><%= @table.name %></span></h1>
     <p class="page-sub">
-      <%= columns.size %> column<%= "s" unless columns.size == 1 %> ·
-      <%= indexes.size %> index<%= "es" unless indexes.size == 1 %> ·
-      <%= foreign_keys.size %> foreign key<%= "s" unless foreign_keys.size == 1 %>
+      <%= pluralize(columns.size, "column") %> ·
+      <%= pluralize(indexes.size, "index", "indexes") %> ·
+      <%= pluralize(foreign_keys.size, "foreign key") %>
     </p>
   </div>
   <%= link_to new_table_column_path(@table.name), class: "btn btn-ghost" do %><%= sm_icon(:plus) %> Add columns<% end %>

data/lib/slash_migrate/assets/slash_migrate.css

@@ -348,7 +348,9 @@ form.button_to { display:inline; margin:0; }
 .stack { display:flex; flex-direction:column; gap:var(--space-md); }
 .stack > .callout { margin:0; }
 /* Three downward chevrons that shimmer toward the live preview — an affordance,
-   not a button (no fill, no circle). */
+   not a button (no fill, no circle). Repeated across the width so the eye is
+   drawn down to the preview from wherever it's resting. */
+.flow-arrows { display:flex; justify-content:space-around; }
 .stack-link { display:flex; flex-direction:column; align-items:center; gap:1px; padding:4px 0; }
 .stack-link .chev {
   width:11px; height:11px;
@@ -376,6 +378,9 @@ form.button_to { display:inline; margin:0; }
 /* ── Misc ────────────────────────────────────────────── */
 .chip-soft { font-family:var(--font-mono); font-size:0.92em; background:var(--surface-2); padding:1px 6px; border-radius:4px; color:var(--ink-2); }
 .row { display:flex; align-items:center; gap:var(--space-sm); }
-.danger-zone { border-color:var(--err-border); background:linear-gradient(180deg, #F9E7E1 0%, var(--surface) 60%); }
+.danger-zone { margin-top:var(--space-xl); border-color:var(--err-border); background:linear-gradient(180deg, #F9E7E1 0%, var(--surface) 60%); }
 .danger-zone .panel-head { border-bottom-color:#ECD0C5; }
 .danger-zone .panel-head h2 { color:var(--err); }
+/* Spacing tokens belong in the stylesheet, not in view inline styles, so a
+   future token rename can't silently drop them (see the --gap-* history). */
+.migrate-output { margin-bottom:var(--space-xl); }

data/lib/slash_migrate/version.rb

@@ -1,3 +1,3 @@
 module SlashMigrate
-  VERSION = "0.1.0"
+  VERSION = "0.1.1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: slash_migrate
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - Raghu Betina
@@ -68,7 +68,9 @@ files:
 - app/views/slash_migrate/indexes/_preview.html.erb
 - app/views/slash_migrate/indexes/new.html.erb
 - app/views/slash_migrate/indexes/preview.html.erb
+- app/views/slash_migrate/migrations/_migrations.html.erb
 - app/views/slash_migrate/migrations/index.html.erb
+- app/views/slash_migrate/migrations/stream.html.erb
 - app/views/slash_migrate/models/_name_help.html.erb
 - app/views/slash_migrate/models/_preview.html.erb
 - app/views/slash_migrate/models/_row.html.erb